/* GM Scratch 2025 */
/* update MARCH 2025 */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600"); 
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&family=Roboto:wght@400;700&display=swap'); */ 
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap'); */


/* added for GM Free Snacks */


.footer-below {margin-top: 50px;}
.footer-below p {color:#cccccc;}
.GMfreesnacks_section {background-color: #FFFFFF; 
    background-image: url('https://einnovativecontests.azureedge.net/gmfreesnacks/images/GM_FreeSnacks_Lip.png?ver1') !important;
    background-repeat: no-repeat; 
    background-color:transparent;}

.GMfreesnacksContent #dnn_ContentPane {margin-top:50px;}


#productmoved { margin-left:auto;margin-right: auto;margin-bottom:50px; margin-top:0px; max-width:50%; position:relative; top:-150px; }
.productmoved { margin-left:auto;margin-right: auto;margin-bottom:-200px; margin-top:0px; max-width:50%; position:relative; top:-120px; }

#productmoved_interior { margin-left:auto;margin-right: auto;margin-bottom:-150px; margin-top:-130px; max-width:100%; position:relative; top:130px; z-index:1000;}
 
@media only screen and (max-width: 759px) 
{ 
.productmoved { margin-left:auto;margin-right: auto;margin-bottom:-75px; margin-top:0px; max-width:100%; position:relative; top:0px; }
#productmoved_interior { /* margin-left:auto;margin-right: auto;margin-bottom:-150px; margin-top:-130px; max-width:100%; position:relative; top:150px; z-index:9999;*/
        display:none;}

.GMfreesnacksContent #dnn_ContentPane {margin-top:5px;}
}
#blackboard_lip {height:86px;
background-image: url('https://einnovativecontests.azureedge.net/gmfreesnacks/images/GM_FreeSnacks_Lip.png?ver1') !important;
    background-repeat: no-repeat; 
    background-color:transparent;
}

.imgScratchRight {margin-left:auto; margin-right:5px; max-height:200px;margin-top:auto;margin-bottom:auto;}
@media only screen and (max-width: 759px) {
.imgScratchRight {margin-left:auto; margin-right:auto; max-height:200px}
}

.LP .GMsection2 {padding: 0px; }

.GMsection2 {padding: 0px; 
    /* background-image: url('https://einnovativecdn.blob.core.windows.net/gmfreesnacks/images/GM_FreeSnacks_Lip.png') !important;
    background-repeat: no-repeat; 
    background-color:#000000;
    height:90px; */
}

.container-fluid {padding: 0px !important;}
.row {padding: 0px !important;margin: 0px !important;}
/*-- full  body background */

body {
    /* background: url('/portals/_default/skins/GMFitBit/images/GMFitBit_BG_Test.png') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;  */
/* height: 100%; */
/* height: calc(var(--vh, 1vh) * 100); */
    position: relative;
    height: auto;
    min-height: 100% !important;
padding:0px; margin:0px;
    /* background-color: #080f2d;*/
    background-color: #FDB813; 
    font-size: 16px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

body {
    background-color: #f0f0f0;
    font-size: 16px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}
body {
    background-color: #f0f0f0;
    font-size: 16px;
    font-family: "Roboto",  Helvetica, Arial, sans-serif;
    color:#000000 !important;
}


body {
   /* background-color: #0A1338;*/
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
   /*  padding-bottom: 70px; */
}


.fileupload-root {margin-bottom: 0px;}
.btn .btn-success .fileinput-button, .fileinput-button  {font-size: 20px !important;}
.dnnPrimaryAction { 
    background: #F58220;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F58220), color-stop(1, #C63E1B));
    background: -moz-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: -webkit-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: -o-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: -ms-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: linear-gradient(to bottom, #FFCC00 5%, #C63E1B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC00 ', endColorstr='#C63E1B',GradientType=0);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    /* height: 60px; */
    line-height: 25px;
    color: #FFFFFF;
    /* font-family: Verdana; */
    /* width: 225px; */
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    -webkit-box-shadow: 1px 1px 20px 0 #000000;
    -moz-box-shadow: 1px 1px 20px 0 #000000;
    box-shadow: 1px 1px 20px 0 #000000;
    text-shadow: 1px 1px 0 #000000;
    border: solid #ffde73 2px;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 5px 25px;
    margin-left: auto;
    margin-right: auto;
}

.bstrap30 .btn-info:hover {
    color: #fff;
    /* background-color: #31b0d5; */
    border-color: #660066 !important;
}
.bstrap30 .btn-success:hover {
    color: #fff;
    background-color: #fff;
    border-color: #660066 !important;
}
.alert .submit-confirm p {margin-left: auto;margin-right: auto; width:auto;font-size: 18px;}
.winningvideo {width: auto;height: 70%;max-height: 600px;}
@media only screen and (max-width: 759px) 
{
    .alert-info .form-root {  margin: 0px;width: 100%; HEIGHT: 100%; overflow:  scroll;z-index: 9999;}
    .alert .submit-confirm p {margin-left: auto;margin-right: auto; font-size: 16px;}
    .alert .submit-confirm h3 {margin-left: auto;margin-right: auto; font-size: 18px !important;}
    .winningvideo {width: 80%;height: auto;max-height: 400px;margin-left: auto;margin-right: auto; } 

}

.bstrap30 .alert-info {
    color: whitesmoke;
    background-color: rgba(255,255,255,0.95) !important; 
    border-color: transparent !important; margin-left: auto; margin-right: auto;
    height: auto;
    height: -webkit-fill-available;
    height: 100%;
    /* height: 50vh; */
    margin: 0px !important;
    padding: 0px !important;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.alert .form-root { position: relative;top: 0px; left: 0px; display: inline-block; width: 100%;
  top: 0; bottom: 0; right: 0; left: 0;  /* follow the parent's edges */
  outline: thin dashed none;  height:100%; }

.alert .form-root .submit-confirm { position: absolute; margin:10px;
  top: 0; bottom: 0; right: 0; left: 0;  /* follow the parent's edges */
  outline: thin dashed none;  height:100%; }

@media only screen and (max-width: 759px) {
.alert {     position: fixed;    top: 0;     right: 0;     left: 0;     z-index: 1030; }
.bstrap30 .alert-info { background-color: rgba(255,255,255,0.95) !important; padding: 0px !important;}
}

#dnn_P3_33_1, #dnn_P3_33_3 {display: flex;}
.LP #dnn_P3_33_1, .LP #dnn_P3_33_2 , .LP #dnn_P3_33_3 {flex-direction: column;}


@media only screen and (max-width: 759px) {
#dnn_P3_33_1, #dnn_P3_33_3 {display: inline-block;} }

/* 
@media only screen and (max-width: 759px) {
#dnn_ContentPaneLower3 {background-color:#691756;padding:0px;margin-left:-15px;margin-right:-15px;}
}
*/

.SpacingBottom {margin-bottom: 0px;}
.LPFooter {
    position: fixed;
    bottom: 0; left: 0; z-index: 1;
    right: 0;
}
 .navbar-nav .ml-auto {margin-left: 20px !important;}

@media (min-width: 576px)
{
.container {     max-width: 100% !important; } 
}
@media (max-width: 576px)
{

.img-max-100 {max-height: 100px; margin-top: 25px;}
}

.LP.GMsection.GMScratchTop {background-color:#7b4c9e;}
.LP.GMsection3 {background-color:#7b4c9e;}

#GMfreesnacks_section .container-row {padding-top:25px !important; }

.LP.GMsection, #GMfreesnacks_section {
    /* height: 100vh;   height: calc(var(--vh, 1vh) * 100); */
    /*  height: 100%; */
    /* height:100vh;
     width: 100vw; */
    /* width:100%; */
    background-image: url('https://einnovativecontests.azureedge.net/gmfreesnacks/images/GM_FreeSnacks_Lip.png'), url('https://einnovativecontests.azureedge.net/gmfreesnacks/images/GMFreeSnacks_BG_Artwork.png'), url('https://einnovativecontests.azureedge.net/gmfreesnacks/images/GMFreeSnacks_BlackBoard_BG.jpg?ver1') ; 
    background-color: #000000;
    background-position: bottom left, top center, bottom center;
    -webkit-background-size: contain, cover, cover;
    -moz-background-size: contain, cover, cover;
    -o-background-size: contain, cover, cover;
    background-size: contain, cover, cover;
    background-repeat: no-repeat, no-repeat, no-repeat; 
    box-sizing: border-box;
    padding-top:0px;
    padding-bottom:0rem;
    margin-bottom:0px;
 
 }   



 @media only screen and (max-width: 759px) 
{ 
 .LP.GMsection { 
    background-image: url('https://einnovativecontests.azureedge.net/gmfreesnacks/images/GM_FreeSnacks_Lip.png'), url('https://einnovativecontests.azureedge.net/gmfreesnacks/images/GMFreesnacks_BG_mobile.jpg') ; 
    background-color: #000000;
    background-position: bottom center, top left;
    background-repeat: no-repeat, no-repeat; }

}

#Form {  height: 100%;     overflow: auto;    display: block;} 
#clicknowoverlay {position:absolute;top:0px;left:0px;}
@media (max-width: 768px) {
#clicknowoverlay {position:absolute;top:-25px !important ;left:0; } }


/* added GM Sobeys  */

.LPeveryone {padding: 0px;background-color: #691756;}
.LPContent {min-height:300px;}
.LPContentB {min-height:400px;}
#LPWinBadge {position:absolute;top:-5px;right:-15px;padding:0px;}
#LPFooter {    position: fixed;
    bottom: 0; left: 0; z-index: 1;
    right: 0;}
#LPFooter .copyright p {color: black;font-size: 12px;text-align: left;}
.LP .pt100 {padding-top: 125px;} 
.LP #dnn_P3_33_2 {padding-top:5px;}

.h100vh {height: 100vh;}
.zoom { padding: 5px;  transition: transform .2s; /* Animation */  margin: 0 auto;}
.zoom:hover { transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
#leftpane {margin-top: 100px;padding-left:50px;padding-right:50px; }

#rightpane {position:relative;
    background-color:#000000;
    /* background-image:url('https://einnovativecontests.azureedge.net/gmsobeys/GMSobeys_BG3.jpg'); */
    background-repeat: repeat-y;
    BACKGROUND-SIZE: 100% auto;
    /* width: 100px; */
    background-position: top left;
    height: auto;
    /* min-height: 500px ; */
    padding: 0px;
}
.rightpane {padding: 15px;}
.toprightpane {position:inherit;
    background-color:#7B4C9E;
    /* background-image:url('https://einnovativecontests.azureedge.net/gmsobeys/GMSobeys_Everyone_EN.png'); */
    background-repeat: no-repeat;
    BACKGROUND-SIZE: 90% auto;
    /* width: 100px; */
    background-position: center center;
    height: auto;
    min-height: 125px ; 
    padding: 0px;}
@media only screen and (max-width: 759px) {
.toprightpane {min-height: 100px;} }

#dnn_Right_100_1 {margin-top:25px;}
#Right_100_2 {margin-top:200px;}
.DFO_SLD_Tagline {padding-top:50px ;}
#SLD {position: absolute; top: calc(100vw * 0.01);left:calc(100vw * 0.01);width: calc(100vw * .33);}

.DFO_logo_lp img { width: calc(100vw * 0.175);  max-width: 200px;}
.DFO_SLD_Tagline img { width: calc(100vw * 0.175);  max-width: 346px;}
.DFO_Int_Logos {padding-top: 50px;padding-bottom: 50px;}

.DFO_Int_Footer {position: relative; bottom: 0px;}
.DFO_Int_Footer .container {margin-left: 0px; margin-right: 0px;padding: 0px;}

/* MOBILE VARIABLES for DFO */

@media only screen and (max-width: 759px) {
.DFO_Int_Footer .container {margin-left: 0px; margin-right: 0px;padding: 0px;}

.DFO_Int_Footer {position: relative; bottom: 0px;}    
.LP .pt100 {padding-top: 25px;} 
#LPWinBadge {position: relative;}
#LPFooter {width: 100%; position: relative; bottom: 0px; right: 0px;}
.DOF {}
#HeaderPane {margin-top:25px;}
.SLDimg {max-width: 225px;padding-top: 25px;}
#SLD img { width: 100%; }
#SLD {position: inherit; top: 10%;left: 20%;width: 100%;}
.DFO_logo_lp {padding-top: 50px;}
.DFO_SLD_Tagline {padding-top:50px ;}
.DFO_SLD_Tagline img {max-width:75% ;}
.DFO_Int_Logos {padding-top: 15px;padding-bottom: 25px;}
.DFO_Int_TitleEnter {padding-top: 5px;padding-bottom: 5px;}
.DFO_Int_TitleEnter img  {max-width: 225px;padding-top:50px;padding-bottom: 50px;}
.LP .container-fluid {padding-left: 10px;padding-right: 10px;}
.fixed-bottom {     position: inherit;    right: 0;    bottom: 0;    left: 0;    /* z-index: 1; */ }
.bstrap30 .btn-info, .bstrap30 .btn-success {font-size: 1rem; }
#Right_100_2 {margin-top:50px;}
#leftpane {margin-top: 25px;padding-left:10px;padding-right:10px; }
#LPFooter .copyright p {color: #000;}
.copyright p {color: #000;}
.classic footer .footer-above h2, .classic footer .footer-above p, .classic footer .footer-below p {color: #000 !important;}
}


/* added SpaceJam */

@media (min-width: 992px)
.col-lg-6 { padding: 0px  !important;}

@media (min-width: 768px)
.col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; padding: 0px !important;
}

.nopadding { padding: 0px ;}
.white {color:white !important;}
.bstrap30 .checkbox label {color:black !important;}
.af-slide a {color: black !important;}
.name, .size {color:#000 !important;}
sup {    top:-1.5em !important;
    font-size:35% !important; }
button .btn {text-align: left !important;
    white-space: normal !important;}

.btn {text-align: left !important;
    white-space: normal !important;}
.bstrap30 .text-danger {
    color: #bb0606 ;
}
.text-danger {
    color: #bb0606 !important;
}

.card-header {
    background-color: rgba(255,255,255,0.1) !important; 
    border-bottom: 0px solid rgba(0,0,0,.125);
}

.card {
background-color: transparent;
 }

 .btn-link {color:#000 !important;}
.card-body p {color: black !important;}

@media (min-width: 1800px)
{.container {  max-width: 80% !important; }
}
@media (min-width: 992px)
{.container {  max-width: 90% !important; }
}

#dnn_ctr_SendPassword_divUsername {display:none;}

.Normal, .NormalDisabled, .NormalDeleted {
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    word-wrap: break-word;
}
.dnnFormMessage {
    display: block;
    padding: 5px 5px;
    margin-bottom: 5px; }

.LiveForm.Cheesy {margin-bottom:0px!important;}
.footerlinks {text-transform:uppercase;text-decoration: none;}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #FD8284;
    text-decoration: none;
     cursor: pointer!important;
}

/* prevent loading gif in mobile */

#dancingimage { 
          /*background-image: url('../images/The String Swing 350x600 Transparency.gif'); */
          background-image: url('https://einnovativecontests.azureedge.net/images/The%20String%20Swing%20350x600%20Transparency.gif'); 
          width:auto; 
          min-width:350px;
          background-repeat:no-repeat;
          min-height:600px;
          background-position: bottom;
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom:0px;
  position:relative; top:-100px;
        }
#cheesyarrow {position:relative;display:block;left:-100px;} 
    
@media only screen and (min-width: 768px) { 
#dancingimage {min-width:350px; }
.Cheesyhero {height:100%;min-height:600px;padding-bottom:3rem;}
}

.ContentPaneLower {min-height:100px;}
.panel-title a {color:#0A1338;}
.modal-dialog .modal-body p {color:#0A1338;}
.modal-title {color:#0A1338;}
.panel-title a {color:#ffffff!important;}

.dg-accordion04 .panel-default>.panel-heading {
    background-color: transparent;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-top: 1px solid #ffffff;
}
.dg-accordion04 .panel-heading .arrow {color:#ffffff;}
.dg-accordion04 .panel-heading .arrow {
    position: absolute;
    top: 50%;
    right: 21px;
    width: 8px;
    height: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -3px;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    -webkit-transition: all ease-in 200ms;
    -o-transition: all ease-in 200ms;
    -ms-transition: all ease-in 200ms;
}
.dg-accordion04 .panel-heading .panel-title a {
    font-family: "Roboto","Open Sans", sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #FFF;
    display: block;
    padding: 12px 20px 12px 10px;
    line-height: 1.2;
    position: relative;
    background-color: transparent;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms;
    -webkit-transition: all ease-in 200ms;
    -o-transition: all ease-in 200ms;
    -ms-transition: all ease-in 200ms;
}

.dg-accordion04 .panel-heading .collapsed .arrow {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-right-color: #FFF;
    border-bottom-color: #FFF;
}

.ms-container h1, .ms-container h2, .ms-container h3, .ms-container h4, .ms-container h5, .ms-container h6, .ms-h1, .ms-h2, .ms-h3, .ms-h4, .ms-h5, .ms-h6 {color:white;}
.CheesyHeader  {position:relative;top:0px;float:right;max-width:750px;}
@media only screen and (max-width: 768px) { 
.CheesyHeader  {position:relative;top:0px;float:right;width:100%;}

}
.btn-dark {padding-top:5px;font-size:14px;
    border-radius: 20px;
}
/* https://www.bestcssbuttongenerator.com/#/14 */


.dnn_mact .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#ControlActionMenu>li>a,
#ControlBar_CustomMenuItems>li>a,
#ControlNav>li>a {
    height: 53px
}

#ControlEditPageMenu>li>a {
    height: 55px
}

#ControlBar a {
    text-decoration: none
}

#ControlBar .selected-item a {
    height: 34px
}

.mark,
mark {
    background-color: transparent
}

.DNNEmptyPane {
   /* display: none;*/
}

#dnn_P2_75_2.DNNEmptyPane {display:block;}

.paneOutline {
    border: 1px dashed #ccc
}

.dnnSortable.ui-droppable,
.dnnSortable.ui-sortable {
    padding: 0 15px;
    min-height: 50px!important;
}

ul#ControlBar_Module_ModulePosition li {
    height: 30px
}

div.actionMenu ul.dnn_mact>li.actionMenuMove>ul li {
    height: 30px
}

.clearfix {
    float: none;
    clear: both
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/open-sans/open-sans-v15-latin-300.eot");
    src: local("Open Sans Light"), local("OpenSans-Light"), url("../fonts/open-sans/open-sans-v15-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v15-latin-300.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v15-latin-300.woff") format("woff"), url("../fonts/open-sans/open-sans-v15-latin-300.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v15-latin-300.svg#OpenSans") format("svg")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/open-sans/open-sans-v15-latin-regular.eot");
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans/open-sans-v15-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v15-latin-regular.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v15-latin-regular.woff") format("woff"), url("../fonts/open-sans/open-sans-v15-latin-regular.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v15-latin-regular.svg#OpenSans") format("svg")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/open-sans/open-sans-v15-latin-700.eot");
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans/open-sans-v15-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v15-latin-700.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v15-latin-700.woff") format("woff"), url("../fonts/open-sans/open-sans-v15-latin-700.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v15-latin-700.svg#OpenSans") format("svg")
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/raleway/raleway-v12-latin-300.eot");
    src: local("Raleway Light"), local("Raleway-Light"), url("../fonts/raleway/raleway-v12-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v12-latin-300.woff2") format("woff2"), url("../fonts/raleway/raleway-v12-latin-300.woff") format("woff"), url("../fonts/raleway/raleway-v12-latin-300.ttf") format("truetype"), url("../fonts/raleway/raleway-v12-latin-300.svg#Raleway") format("svg")
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/raleway/raleway-v12-latin-regular.eot");
    src: local("Raleway"), local("Raleway-Regular"), url("../fonts/raleway/raleway-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v12-latin-regular.woff2") format("woff2"), url("../fonts/raleway/raleway-v12-latin-regular.woff") format("woff"), url("../fonts/raleway/raleway-v12-latin-regular.ttf") format("truetype"), url("../fonts/raleway/raleway-v12-latin-regular.svg#Raleway") format("svg")
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/raleway/raleway-v12-latin-700.eot");
    src: local("Raleway Bold"), local("Raleway-Bold"), url("../fonts/raleway/raleway-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/raleway-v12-latin-700.woff2") format("woff2"), url("../fonts/raleway/raleway-v12-latin-700.woff") format("woff"), url("../fonts/raleway/raleway-v12-latin-700.ttf") format("truetype"), url("../fonts/raleway/raleway-v12-latin-700.svg#Raleway") format("svg")
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/ubuntu/ubuntu-v11-latin-300.eot");
    src: local("Ubuntu Light"), local("Ubuntu-Light"), url("../fonts/ubuntu/ubuntu-v11-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-v11-latin-300.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-v11-latin-300.woff") format("woff"), url("../fonts/ubuntu/ubuntu-v11-latin-300.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-v11-latin-300.svg#Ubuntu") format("svg")
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/ubuntu/ubuntu-v11-latin-regular.eot");
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("../fonts/ubuntu/ubuntu-v11-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-v11-latin-regular.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-v11-latin-regular.woff") format("woff"), url("../fonts/ubuntu/ubuntu-v11-latin-regular.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-v11-latin-regular.svg#Ubuntu") format("svg")
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/ubuntu/ubuntu-v11-latin-700.eot");
    src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url("../fonts/ubuntu/ubuntu-v11-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-v11-latin-700.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-v11-latin-700.woff") format("woff"), url("../fonts/ubuntu/ubuntu-v11-latin-700.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-v11-latin-700.svg#Ubuntu") format("svg")
}

.top-bar .language .language-object {
    height: 35px;
    padding-top: 4px
}

.top-bar .language .language-object .Language {
    padding: 0 3px
}

.top-bar .language .language-object .Language img {
    height: 0px;
    border: solid 1px #292929;
    opacity: .5;
    width: 25px;
    height: 20px
}

.top-bar .language .language-object .Language.selected img {
    border: solid 1px #292929;
    opacity: 1
}

.top-bar #login .loginGroup,
.top-bar #login .loginGroup *,
.top-bar #login .registerGroup,
.top-bar #login .registerGroup * {
    display: block
}

.top-bar #login .loginGroup,
.top-bar #login .registerGroup {
    float: right;
    padding: 0;
    margin: 0
}

.top-bar #login .loginGroup {
    border-right: solid 1px #292929
}

.top-bar #login .loginGroup a,
.top-bar #login .registerGroup a {
    display: block;
    position: relative;
    line-height: 35px;
    min-width: 12px;
    padding: 0 10px;
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.top-bar #login .loginGroup a:hover,
.top-bar #login .registerGroup a:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #d7d7d7;
    color: #383838;
    text-decoration: none
}

.top-bar #login .loginGroup a:active,
.top-bar #login .registerGroup a:active {
    color: #383838;
    text-decoration: none
}

.top-bar #login .loginGroup a strong,
.top-bar #login .registerGroup a strong {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    font-size: 0;
    text-indent: -9999px;
    text-decoration: none
}

.top-bar #login .registerGroup li {
    float: left;
    line-height: 35px
}

.top-bar #login .registerGroup .buttonGroup {
    margin-right: 0
}

.top-bar #login .registerGroup .userProfileImg a {
    padding: 0;
    background: 0 0;
    text-decoration: none
}

.top-bar #login .registerGroup a span {
    display: inline-block;
    position: absolute;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background-clip: padding-box;
    right: 2px;
    top: -1px;
    width: 15px;
    line-height: 16px;
    text-align: center;
    font-size: 11px;
    z-index: 1
}

.top-bar #login .registerGroup a img {
    height: 35px;
    width: 35px
}

.top-bar #login .userNotifications {
    border-left: 1px solid #292929;
    border-right: 1px solid #292929
}

.top-bar #login .userMessages {
    border-left: 1px solid #292929
}

.top-bar #login .userMessages strong,
.top-bar #login .userNotifications strong {
    height: 100%
}

.top-bar #login .userMessages strong:before,
.top-bar #login .userNotifications strong:before {
    font-family: 'Linearicons-Free';
    line-height: 35px;
    padding: 0 9px;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    font-variant: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    text-shadow: none
}

.top-bar #login .userNotifications strong:before {
    content: "\e83f"
}

.top-bar #login .userMessages strong:before {
    content: "\e818"
}

.top-bar #login .userMessages a,
.top-bar #login .userNotifications a {
    height: 35px;
    width: 35px;
    text-decoration: none
}

.top-bar #login .userMessages a span,
.top-bar #login .userNotifications a span {
    display: inline-block;
    margin-top: 9px;
    margin-right: 0;
    background-color: #7ca0c0;
    font-size: 10px;
    text-decoration: none
}

.top-bar .search {
    position: relative;
    min-width: 35px;
    width: 0;
    height: 35px;
    float: right;
    overflow: hidden;
    display:none;
}

.top-bar .search.search-open {
    width: 25%;
    -webkit-transform: all 0.3s ease-in-out;
    -khtml-transform: all 0.3s ease-in-out;
    -moz-transform: all 0.3s ease-in-out;
    -ms-transform: all 0.3s ease-in-out;
    -o-transform: all 0.3s ease-in-out;
    transform: all 0.3s ease-in-out
}

.top-bar .searchInputContainer {
    display: none!important;
    margin: 0!important
}

.top-bar .searchInputContainer input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: #d7d7d7;
    width: auto;
    height: 35px;
    margin: 0;
    padding: 0 52px 0 20px;
    font-size: 12px
}

.top-bar .searchInputContainer input::-webkit-input-placeholder {
    color: #383838
}

.top-bar .searchInputContainer input:-moz-placeholder {
    color: #383838
}

.top-bar .searchInputContainer input::-moz-placeholder {
    color: #383838
}

.top-bar .searchInputContainer input:-ms-input-placeholder {
    color: #383838
}

.top-bar .searchInputContainer input a.dnnSearchBoxClearText {
    right: 45px!important
}

.top-bar .searchInputContainer input a.dnnSearchBoxClearText.dnnShow {
    bottom: 2px
}

.top-bar #search-action,
.top-bar .search-toggle-icon,
.top-bar .SearchButton {
    background: #383838;
    border-right: 1px solid #292929;
    color: #ffffff!important;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    position: absolute;
    top: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    right: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    text-align: center;
    cursor: pointer;
    font-size: 0
}

.top-bar #search-action:hover,
.top-bar .search-toggle-icon:hover,
.top-bar .SearchButton:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #d7d7d7;
    color: #383838!important
}

.top-bar #search-action:after,
.top-bar .search-toggle-icon:after,
.top-bar .SearchButton:after {
    display: inline-block;
    font-family: 'Linearicons-Free';
    font-style: normal;
    font-variant: none;
    font-weight: normal;
    content: "\e86f";
    line-height: 35px;
    padding: 0 9px;
    font-size: 16px;
    text-shadow: none
}

.top-bar #search-top {
    clear: both;
    width: 100%;
    background: #7ca0c0;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.top-bar #search-top.active {
    height: auto;
    padding: 15px 0
}

.top-bar #search-top span {
    display: inline!important
}

.top-bar #search-top input {
    background: #fff;
    border: none;
    font-size: 1.2em;
    height: 46px;
    margin: 0 0 0 15px;
    width: 70%
}

.top-bar #search-top a.SearchButton {
    height: 46px;
    position: relative;
    display: inline-block;
    text-indent: -9999px;
    width: 60px;
    padding: 0;
    top: 5px
}

.top-bar #search-action {
    display: none;
    float: right;
    height: 34px;
    margin: 0;
    padding: 6px 12px
}

@media (max-width:620px) {
    .top-bar #login .registerGroup li.userDisplayName {
        display: none;
        visibility: hidden
    }
}

.menu-bar .navbar .navbar-brand {
    float: left;
    padding: 0!important;position:relative;
    top:50px;
}
@media only screen and (max-width: 992px) {
.menu-bar .navbar .navbar-brand {top:35px;}
}
.menu-bar .navbar .navbar-brand img {
    max-width: 230px;
}

.menu-bar .navbar-expand-lg {
    width: 100%;
}

.menu-bar .navbar {
    padding: 0; height:60px;
}

.menu-bar .navbar li {
    list-style: none!important;
}
.collapse(.show) {
    background-color: #38814B;
}

    @media only screen and (max-width: 992px) {
       .navbar-collapse {
            background-color: #ffcc00;
        }
    }

    .menu-bar .navbar .navbar-collapse {
}

.menu-bar .navbar-nav .nav-item .nav-link {
    float: right;
    color: #ffffff;
    text-decoration: none;
    padding: 15px;
    margin: 0 1px;
    font-size: 16px;
    text-transform: uppercase;
}

.menu-bar .navbar-nav .nav-item .nav-link:hover {
    color: #979797
}

.menu-bar .navbar-nav .nav-item.active {
    background: #e7e7e7
}

.menu-bar .navbar-nav .nav-item .dropdown-menu {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    background: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding-top: 0;
    padding-bottom: 0
}

.menu-bar .navbar-nav .nav-item .dropdown-menu .dropdown-menu:after {
    bottom: 100%;
    left: 35%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0
}

.menu-bar .navbar-nav .nav-item .dropdown-menu li {
    background: none;
    float: none;
    clear: both;
    width: auto;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease 0s;
    -khtml-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.menu-bar .navbar-nav .nav-item .dropdown-menu li a {
    display: block;
    padding: 10px 5px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #3f3f3f;
    white-space: nowrap;
    text-decoration: none
}

.menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
    background: #7ca0c0;
    color: #ffffff
}

.menu-bar .navbar-nav .nav-item .dropdown-menu:after {
    bottom: 100%;
    left: 35%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #f1f1f1;
    border-width: 10px;
    margin-left: -30px
}

.menu-bar .sm-collapsible {
    border-top: solid 1px rgba(0, 0, 0, 0.15)
}

.menu-bar .sm-collapsible .nav-item {
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)
}

.menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -0.7em 0 0 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-clip: padding-box;
    padding: 0;
    width: 1.4em;
    height: 1.4em;
    font-size: 1.25rem;
    line-height: 1.2em;
    text-align: center
}

.menu-bar .navbar-toggler {
    background: none
}

.menu-bar .navbar-toggler {
    top:0px;
    float: right;
    cursor: pointer;
    position: relative;
    width: 3.5rem;
    height: 2.5rem;
    padding: .5rem .75rem;
    font-size: 2.25rem;
    line-height: 1rem;
    -webkit-border-radius: 0.25rem;
    -khtml-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    border-radius: 0.25rem;
    background-clip: padding-box
}

.menu-bar .navbar-toggler:focus,
.menu-bar .navbar-toggler:hover {
    outline: none
}
.menu-bar .navbar-toggler open {top:0px;}
.menu-bar .navbar-toggler span {
    display: block;
    position: absolute;
    font-size: 100px;
    font-size: 5rem;
    height: 3px;
    width: 50%;
    background: #383838;
    opacity: 1;
    left: 25%;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-clip: padding-box;
    -webkit-transform: rotate(0deg);
    -khtml-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -khtml-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out
}

.menu-bar .navbar-toggler span:first-child {
    top: 34.5%
}

.menu-bar .navbar-toggler span:nth-child(2),
.menu-bar .navbar-toggler span:nth-child(3) {
    top: 50%
}

.menu-bar .navbar-toggler span:nth-child(4) {
    top: 68%
}

.menu-bar .navbar-toggler.open span:first-child {
    top: 18px;
    width: 0%;
    left: 50%
}

.menu-bar .navbar-toggler.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-bar .navbar-toggler.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu-bar .navbar-toggler.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

@media screen and (max-width:768px) {
    .menu-bar .container-nav {
        padding-left: 15px;
        padding-right: 15px
    }
    .menu-bar header {
        padding: 15px 0!important
    }
    .menu-bar #dnn_dnnLOGO_imgLogo {
        max-width: 200px
    }
}

#breadcrumb {
    font-family: 'Open Sans', sans-serif;;
    border-radius: 0;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dashed #383838;
    padding: 5px 0;
    margin: 0;
    display: block;
    margin-bottom: 15px
}

#breadcrumb a {
    margin-left: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
    text-decoration: none
}

#breadcrumb a:hover {
    color: #7ca0c0!important;
    -webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

#breadcrumb a:first-child {
    font-family: 'Open Sans', sans-serif;;
    font-size: 14px!important;
    font-weight: 400;
    color: #666666;
    margin: 0;
    padding-left: 5px
}

#breadcrumb a img,
#breadcrumb a span {
    padding-right: 5px
}

footer a:active,
footer a:active,
footer a:link,
footer a:visited {
    color: #ffffff;
    text-decoration: none
}

footer a:hover {
    color: #f0f0f0;
    text-decoration: none
}

footer .footer-above {
  /*  background-color: #669933; */
    padding-top: 0px;
}

footer .footer-above h2,
footer .footer-above p {
    color: #000000;
}

footer .footer-below {
  /* background-color: #669933; */
    padding: 15px 0
}

footer .footer-below,
footer .terms-priv a:visited,
footer footer .terms-priv a:link {
    color: #d2d2d2;
    font-size: 12px
}

.copyright, .copyright p {
    font-size:12px !important;color:#333333 !important;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
}

footer .terms-priv {
    float: right;
    padding-left: 15px;
    padding-right: 15px
}

footer .links-list ul li {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 1.5em
}

footer .links-list ul li a:active,
footer .links-list ul li a:link,
footer .links-list ul li a:visited {
    color: #ffffff;
    text-decoration: none
}

footer .links-list ul li a:hover {
    color: #f0f0f0
}

footer .links-list ul li a:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #383838;
    position: relative;
    bottom: 1px;
    padding-right: 9px
}

footer a,
footer a:active,
footer a:focus,
footer a:link,
footer a:visited {     color: #2c2c2c;  }

footer a:hover {
    color: #7B4C9E !important
}

@media (max-width:768px) {
    footer .copyright {margin: 0px;
        float: none;
        text-align: center;
        padding: 10px 0px 0px 0px;
    }
    footer .terms-priv {
        float: none;
        text-align: center
    }
}

.SubHead {
    color: #7b7878
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #020202;
    line-height: 1.3em;
    margin: 0 0 10px
}

h1 {
    font-size: 2rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

h2 {
    font-size: 1.5rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

h3 {
    font-size: 1.375rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

h4 {
    font-size: 1.25rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

h5 {
    font-size: 1.125rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

h6 {
    font-size: 1rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

a:active,
a:link,
a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

p {
    margin: 0 0 10px
}

ol li>ol li {
    list-style-type: lower-latin
}

.dnnContainer .lms_heading_1,
.dnnContainer .lms_heading_2,
.dnnContainer .lms_heading_3,
.dnnContainer .lms_heading_4,
.dnnContainer .lms_heading_5,
.dnnContainer .lms_heading_6 {
    text-align: center
}

.dnnContainer .lms_heading_1 .lms_heading_title,
.dnnContainer .lms_heading_2 .lms_heading_title,
.dnnContainer .lms_heading_3 .lms_heading_title,
.dnnContainer .lms_heading_5 .lms_heading_title,
.dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878;
    font-weight: 400;
    margin-bottom: 17px;
    margin-top: 17px;
    padding: 0 32px 28px;
    position: relative
}

.dnnContainer .lms_heading_1 .lms_heading_title:after {
    content: "";
    position: absolute;
    top: 100%;
    margin: -10px 0 0 -5px;
    left: 50%;
    width: 10px;
    height: 20px;
    background: #ffffff;
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878;
    -webkit-transform: rotate(20deg);
    -khtml-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg)
}

.dnnContainer .lms_heading_4 .lms_heading_title {
    margin-bottom: 17px;
    margin-top: 17px;
    padding: 0 30px 10px
}

.dnnContainer .dots-wrapper,
.dnnContainer .open_rectangle,
.dnnContainer .rectangle {
    position: relative;
    background-color: #ffffff;
    width: 42px;
    height: 10px;
    margin: 10px auto;
    top: -23px
}

.dnnContainer .dots-wrapper .dots,
.dnnContainer .open_rectangle .dots,
.dnnContainer .rectangle .dots {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    line-height: 100px;
    background: #7b7878;
    float: left;
    margin: 0 2px 0 2px
}

.dnnContainer .subtle-line {
    display: block;
    border: none;
    color: #ffffff;
    height: 1px;
    width: 100%;
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    margin-bottom: 32px
}

.dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878;
    height: 20px;
    margin: 10.39px auto;
    position: relative;
    top: -27px;
    width: 36px;
    z-index: 10
}

.dnnContainer .hexagon:after,
.dnnContainer .hexagon:before {
    background-color: inherit;
    content: "";
    height: 25.46px;
    left: 2.27px;
    position: absolute;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -khtml-transform: scaleY(0.5774) rotate(-45deg);
    -moz-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    -o-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    width: 25.46px;
    z-index: 1
}

.dnnContainer .hexagon:before {
    border-right: 4.24px solid #7b7878;
    border-top: 4.24px solid #7b7878;
    top: -12.73px
}

.dnnContainer .hexagon:after {
    border-bottom: 4.24px solid #7b7878;
    border-left: 4.24px solid #7b7878;
    bottom: -12.73px
}

.dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878;
    height: 20px;
    top: -27px
}

.dnnContainer .rectangle {
    border: 2px solid #7b7878;
    height: 13px;
    top: -24px;
    border-radius: 10px
}

.dnnContainer .valid-404 h1 {
    font-size: 10em;
    -webkit-text-shadow: 0 0 7px rgba(0, 0, 0, 0.75);
    text-shadow: 0 0 7px rgba(0, 0, 0, 0.75)
}

.dnnContainer .valid-404 h2 {
    font-size: 33px
}

.dnnContainer .valid-404 h1,
.dnnContainer .valid-404 h2,
.dnnContainer .valid-404 p {
    text-align: center
}

.dnnContainer .boxed {
    display: block;

    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid #7b7878
}

.dnnXcillion2 {}

.dnnXcillion2 .admin {
    top: 53px!important;
    z-index: 9
}

.dnnXcillion2 .sticky {
    padding: 20px 0
}

.dnnXcillion2 .sticky-pin {
    position: fixed;
    top: 0;
    -webkit-transition: padding 0.3s ease-in-out;
    -khtml-transition: padding 0.3s ease-in-out;
    -moz-transition: padding 0.3s ease-in-out;
    -ms-transition: padding 0.3s ease-in-out;
    -o-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out
}

.dnnXcillion2 .top-bar {
    height: 0px;
    /* background: #383838 */
}

.dnnXcillion2 .menu-bar {
    width: 100%;
    padding: 0px 0px;
    -webkit-transition: padding .3s ease-in-out;
    -o-transition: padding .3s ease-in-out;
    transition: padding .3s ease-in-out;
    /* background: #669933; */
    color: #000;
}

.dnnXcillion2 .sticky-pin {
   /* background: #ffffff; */
   /*  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 5px 0; */
    -webkit-transition: padding 0.3s ease-in-out;
    -khtml-transition: padding 0.3s ease-in-out;
    -moz-transition: padding 0.3s ease-in-out;
    -ms-transition: padding 0.3s ease-in-out;
    -o-transition: padding 0.3s ease-in-out;
    transition: padding 0.3s ease-in-out
}

.dnnXcillion2 header { background-color: #000000;
    position: relative;
    top: 0px;
    z-index: 1;
    padding: 0
}

/* GM FRee snacks */

.GMsection { /* background-color: #FFFFFF; min-height:400px;*/}
.dnnXcillion2 .content-warpper { margin-top:0px; padding-top: 0px; min-height:auto;position:relative;top:0px;    max-width: 100%;
    /*background-color:#669933;*/
}
.LP .content-warpper {margin-top: 0px; width: 95%; /* max-height: 500px;*/}
.LPeveryone .contentwrapper { min-height:auto; }

@media only screen and (max-width: 992px) { 
.dnnXcillion2 .content-warpper { margin:0px;padding:10px 15px 10px 15px;width:100%;top:0px;height:100%;}
.LP .content-warpper {margin:auto; width: 90%;max-width: 900px;max-height: 450px;}
}

@media only screen and (max-width:720px) { 
.dnnXcillion2 .content-warpper {margin:0px;padding:0px;width:100%;top:0px; /* min-height: 100px;*/ height:100%;}
.LP .content-warpper { margin: auto;width: 100%; max-height: 100%;}
}

.dnnXcillion2 .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.dnnXcillion2 p { font-family:  Helvetica, Arial, "sans-serif";
    color: #666666;
    font-size: 16px
}

.dnnXcillion2 a,
.dnnXcillion2 a:active,
.dnnXcillion2 a:focus,
.dnnXcillion2 a:link,
.dnnXcillion2 a:visited { color: #2c2c2c;   text-decoration: underline }

.dnnXcillion2 a:hover {    text-decoration: none }

.dnnXcillion2 .bottom-spacer {
    padding-bottom: 15px
}

@media screen and (max-width:992px) {
    .dnnXcillion2 header {
        padding: 0!important;
border:0px;
border-image-width:0px;

/*        background-color:#7b4c9e; */
        background-color:#000000; 
    }
}

.banner-container {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    margin-bottom: 15px
}

.banner-container h2 {
    text-align: left!important
}

.banner-container span {
    text-align: left!important
}

.intro-container {
    margin: -15px!important;
    margin-top: 20px!important
}

.intro-container .main {
    margin-top: 20px!important
}

.intro-container {
    padding-bottom: 15px
}



.classic .top-bar {
   /* background: #669933; */
}

.classic .top-bar .language .language-object .Language img {
    border: solid 1px #292929
}

.classic .top-bar .language .language-object .Language.selected img {
    border: solid 1px #292929
}

.classic .top-bar #login .loginGroup {
    border-right: solid 1px #292929;
    border-left: solid 1px #292929
}

.classic .top-bar #login .loginGroup a,
.classic .top-bar #login .registerGroup a {
    color: #ffffff
}

.classic .top-bar #login .loginGroup a:hover,
.classic .top-bar #login .registerGroup a:hover {
    background: #d7d7d7;
    color: #383838
}

.classic .top-bar #login .loginGroup a:active,
.classic .top-bar #login .registerGroup a:active {
    color: #383838
}

.classic .top-bar #login .userNotifications {
    border-left: 1px solid #292929;
    border-right: 1px solid #292929
}

.classic .top-bar #login .userMessages {
    border-left: 1px solid #292929
}

.classic .top-bar #login .userMessages a span,
.classic .top-bar #login .userNotifications a span {
    background-color: #7ca0c0
}

.classic .top-bar .searchInputContainer input {
    background: #d7d7d7
}

.classic .top-bar .searchInputContainer input::-webkit-input-placeholder {
    color: #383838
}

.classic .top-bar .searchInputContainer input:-moz-placeholder {
    color: #383838
}

.classic .top-bar .searchInputContainer input::-moz-placeholder {
    color: #383838
}

.classic .top-bar .searchInputContainer input:-ms-input-placeholder {
    color: #383838
}

.classic .top-bar #search-action,
.classic .top-bar .search-toggle-icon,
.classic .top-bar .SearchButton {
    background: #383838;
    border-right: 1px solid #292929;
    color: #ffffff!important
}

.classic .top-bar #search-action:hover,
.classic .top-bar .search-toggle-icon:hover,
.classic .top-bar .SearchButton:hover {
    background: #d7d7d7;
    color: #383838
}

.classic .top-bar #search-top {
    background: #7ca0c0!important
}

.classic .menu-bar {
   /* background: #669933; */
    color: transparent;
}

.classic .menu-bar .navbar-nav .nav-item .nav-link {
    color: #FFFFFF; font-weight: bold;
}

    .classic .menu-bar .navbar-nav .nav-item .nav-link:hover {
        color: #72BF44;    text-decoration: none;
    }

.classic .menu-bar .navbar-nav .nav-item.active {
    background: #e7e7e7
}

.classic .menu-bar .navbar-nav .nav-item .dropdown-menu {
    background: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.classic .menu-bar .navbar-nav .nav-item .dropdown-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.classic .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
    color: #3f3f3f
}

.classic .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
    background: #7ca0c0;
    color: #ffffff
}

.classic .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
    border-bottom-color: #f1f1f1
}

.classic .menu-bar .sm-collapsible {
    border-top: solid 1px rgba(0, 0, 0, 0.15)
}

.classic .menu-bar .sm-collapsible .nav-item {
    border-bottom: solid 1px rgba(0, 0, 0, 0.15);
    /* background-color: #0A1338; */
}

.classic .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.classic .menu-bar .navbar-toggler span {
    background: #fff;
}

.classic #breadcrumb {
    border-bottom: 1px dashed #383838
}

.classic #breadcrumb a {
    color: #666666
}

.classic #breadcrumb a:hover {
    color: #7ca0c0!important
}

.classic #breadcrumb a:first-child {
    color: #666666
}

.classic footer a:active,
.classic footer a:link,
.classic footer a:visited {     color: #2c2c2c }

.classic footer a:hover {
    /* color: #f0f0f0 */
}

.classic footer .footer-above {
    /* background-color: #0A1338; */
    
}

.classic footer .footer-above h2,
.classic footer .footer-above p , .classic footer .footer-below p {color: #000000;font-size:14px; margin:0px 0px 5px; }
.classic footer .footer-below {   /* background-color: #0A1338*/ }
.classic footer .footer-below,
.classic footer .terms-priv a:visited,
.classic footer footer .terms-priv a:link {
    color: #000000;
}

.classic footer .links-list ul li a:active,
.classic footer .links-list ul li a:link,
.classic footer .links-list ul li a:visited {
    color: #000000;
}

.classic footer .links-list ul li a:hover {
    color: #f0f0f0
}

.classic footer .links-list ul li a:before {
    border-left: 3px solid #383838
}

.classic footer a,
.classic footer a:active,
.classic footer a:focus,
.classic footer a:link,
.classic footer a:visited {
    /* color: #ffffff!important; */
    font-size:12px;text-decoration: none; }
.classic footer a { }
.classic footer a:hover {text-decoration: underline; /* color: #7B4C9E !important; */ }
.classic .copyright { font-size:12px; /* color: #ffffff!important ; */ }
.classic .SubHead {     color: #7b7878 }
.classic h1,
.classic h2,
.classic h3,
.classic h4,
.classic h5,
.classic h6, .ng-scope h2  {
    color: #000000;
}



.classic h1 {
    font-size: 2.0rem  !important;
    color: #000000  ; 
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

@media only screen and (max-width: 759px)  {
.classic h1 {
    font-size: 1.5rem  !important;
    color: #000000  ; 
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}
}

.classic h2 {
    font-size: 1.75rem  !important;
    color: #000000  !important; 
    font-family: "Roboto", sans-serif  !important;
}

.classic h3 {
    font-size: 1.5rem !important;
    color: #000000  !important; 
    font-family: "Roboto", sans-serif  !important;
}

.classic h4 {
    font-size: 1.25rem;
    color: #000000  !important;
    font-family: "Roboto", sans-serif  !important;
}

.classic h5 {
    font-size: 1.125rem;
    color: #000000  !important;
    font-family: "Roboto","Open Sans", sans-serif;
}

.classic h6 {
    font-size: 1rem;
    color: #020202;
    font-family: "Roboto","Open Sans", sans-serif;
}

.classic .dnnContainer .lms_heading_1 .lms_heading_title,
.classic .dnnContainer .lms_heading_2 .lms_heading_title,
.classic .dnnContainer .lms_heading_3 .lms_heading_title,
.classic .dnnContainer .lms_heading_5 .lms_heading_title,
.classic .dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878
}

.classic .dnnContainer .lms_heading_1 .lms_heading_title:after {
    background: #ffffff;
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.classic .dnnContainer .dots-wrapper,
.classic .dnnContainer .open_rectangle,
.classic .dnnContainer .rectangle {
    background-color: #ffffff
}

.classic .dnnContainer .dots-wrapper .dots,
.classic .dnnContainer .open_rectangle .dots,
.classic .dnnContainer .rectangle .dots {
    background: #7b7878
}

.classic .dnnContainer .subtle-line {
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%)
}

.classic .dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878
}

.classic .dnnContainer .hexagon:before {
    border-right: 4.24px solid #7b7878;
    border-top: 4.24px solid #7b7878
}

.classic .dnnContainer .hexagon:after {
    border-bottom: 4.24px solid #7b7878;
    border-left: 4.24px solid #7b7878
}

.classic .dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.classic .dnnContainer .rectangle {
    border: 2px solid #7b7878
}

.classic .dnnContainer .boxed {
    border: 1px solid #7b7878
}
body {    /* height: 100vh; 
    height: calc(var(--vh, 1vh) * 100); */
    height: 100%;
    /* width: 100%;*/
    /* background-image: url('https://einnovativecontests.azureedge.net/gmunlock/UnlockVault_bg.png'); */
    background-position: top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: none;
    /* background-repeat: repeat-y; */
    background-color: #FFFFFF;  
      /* background-blend-mode: darken; */
    /* other  settings */
    box-sizing: border-box;
    padding-top:0px;
    padding-bottom:0rem;
    margin-bottom:0px;
    /* background-attachment: fixed; 
    flex: 1 1 auto;
    -ms-flex: 1 1 auto; */}


.HeroRemove {
    /* height: 100vh; 
    height: calc(var(--vh, 1vh) * 100); */
    height: 100%;
    /* width: 100%;*/
    background-image: url('https://einnovativecontests.azureedge.net/gmunlock/UnlockVault_bg.png');
    background-position: top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: none;
    /* background-repeat: repeat-y; */
    /* background-color: rgba(0,0,0,0.75);  
      background-blend-mode: darken; */
    /* other  settings */
    background-color: #38814B;
    box-sizing: border-box;
    padding-top:0px;
    padding-bottom:0rem;
    margin-bottom:0px;
    /* background-attachment: fixed; 
    flex: 1 1 auto;
    -ms-flex: 1 1 auto; */
}



@media only screen and (max-width: 759px)  {
    .Hero {
        /* background-image: url('https://einnovativecontests.azureedge.net/gmunlock/UnlockVault_bg.png'); */
        background-repeat: repeat-y;
        background-size: cover;
        
        height: 100%;
        height: max-content; 
        /* min-height: 600px; */
        /* background-image: none !important; */
        /* height: 0px;
        min-height: 0px; */
        padding-bottom: 0rem;
    }

}

@media only screen and (min-width: 1980px) {
    .GMFitBithero {
        /* height: 100%; */
        background-size:contain;
        background-position: 100% 0%; /* right align bgimage */
        max-height: 100vh;
        padding-bottom: 0rem; }

    .container {
    max-width: 75%; margin-left: auto;margin-right:auto;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 760px) {
    .GMFitBithero {
        /* height: 100%; */
        background-size:cover;
        background-position: 60% 0%; /* right align bgimage */
        max-height: 1250px;
        padding-bottom: 0rem; }

    .container {
    /* max-width: 90%;
    margin-left: 20px; */
    }
}

@media only screen and (max-width: 480px) {
            #dancingimage { 
                background-image: none!important; 
                height:0px;
                min-height:0px;
            }
            #cheesyarrow {position:relative;display:block;left:0px;}
            
        }
@media only screen and (max-width: 992px) {
            .Cheesyhero {height:100%;min-height:600px;padding-bottom:15rem;}
        }

.classic .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.classic p {  color: #000000; }
.panel-body p {padding-left:30px;width:85%;}


.classic ol, .classic ul, .classic l1 {color:#2c2c2c; font-size:16px;}
.classic a,
.classic a:active,
.classic a:focus,
.classic a:link,
.classic a:visited { /* color: #2c2c2c; */}


/*

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction ,  .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span 
, .cheesybutton,  .cheesybutton a , .cheesybutton a:visited, .cheesybutton a:link, .cheesybutton a:active {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0A1338), color-stop(1, #FDB415));
    background:-moz-linear-gradient(top, #0A1338 5%, #FDB415 100%);
    background:-webkit-linear-gradient(top, #0A1338 5%, #FDB415 100%);
    background:-o-linear-gradient(top, #0A1338 5%, #FDB415 100%);
    background:-ms-linear-gradient(top, #0A1338 5%, #FDB415 100%);
    background:linear-gradient(to bottom, #0A1338 5%, #FDB415 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A1338', endColorstr='#FDB415',GradientType=0);
    background-color:#0A1338;
    -moz-border-radius:26px;
    -webkit-border-radius:26px;
    border-radius:26px;
    border:3px solid #a16eaf;
    display:inline-block;
    cursor:pointer;
    color:#83358c !important;
    font-size:20px;
    font-weight:bold;
    padding:10px  30px;
    text-decoration:none!important;
} */

    /* new button */

    .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span, .cheesybutton, .cheesybutton a, .cheesybutton a:visited, .cheesybutton a:link, .cheesybutton a:active 
    {
    background: #7B4C9E;
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F58220), color-stop(1, #C63E1B));
    background: -moz-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: -webkit-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: -o-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: -ms-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: linear-gradient(to bottom, #FFCC00 5%, #C63E1B 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7B4C9E ', endColorstr='#7B4C9E',GradientType=0);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    /* height: 60px; */
    line-height: 40px;
    color: #FFFFFF !important;
    /* font-family: Verdana; */
    /* width: 225px; */
    font-size: 30px;
    font-weight: bold;
    padding: 15px;
    -webkit-box-shadow: 1px 1px 20px 0 #000000;
    -moz-box-shadow: 1px 1px 20px 0 #000000;
    box-shadow: 1px 1px 20px 0 #000000;
    text-shadow: 1px 1px 0 #000000;
    border: solid #7B4C9E 2px;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 10px 25px;
    margin-left: auto;
    margin-right: auto;

    }

.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
    border-color: #7B4C9E;
    background: #66cc99 !important; }

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction, .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span 
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 5px 20px;
    text-shadow: none;
    font-size: 16px;
}


.cheesybutton:hover , 
.cheesybutton a:hover,
.cheesybutton a:link
{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FDB415), color-stop(1, #0A1338));
    background:-moz-linear-gradient(top, #FDB415 5%, #0A1338 100%);
    background:-webkit-linear-gradient(top, #FDB415 5%, #0A1338 100%);
    background:-o-linear-gradient(top, #FDB415 5%, #0A1338 100%);
    background:-ms-linear-gradient(top, #FDB415 5%, #0A1338 100%);
    background:linear-gradient(to bottom, #FDB415 5%, #0A1338 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDB415', endColorstr='#0A1338',GradientType=0);
    background-color:#FDB415;
}
.cheesybutton:active {
    position:relative;
    top:1px;
}
/* bestcssbuttongenerator.com */
.classic .GM_Button, .Normal .GM_Button, .GM_Button { 
    background: #72BF44;
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F58220), color-stop(1, #C63E1B));
    background: -moz-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: -webkit-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: -o-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: -ms-linear-gradient(top, #FFCC00 5%, #C63E1B 100%);
    background: linear-gradient(to bottom, #FFCC00 5%, #C63E1B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC00 ', endColorstr='#C63E1B',GradientType=0); */
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    /* height: 60px; */
    line-height: 30px;
    color: #FFFFFF !important;
    /* font-family: Verdana; */
    /* width: 225px; */
    font-size: 22px;
    font-weight: bold;
    padding: 15px;
   /* -webkit-box-shadow: 1px 1px 20px 0 #000000;
    -moz-box-shadow: 1px 1px 20px 0 #000000;
    box-shadow: 1px 1px 20px 0 #000000; */
    text-shadow: 1px 1px 0 #000000;
    border: solid #FFF454 2px;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    padding: 10px 25px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 759px)  {

.classic .GM_Button, .Normal .GM_Button, .GM_Button {  /* background: #FDB813; */}
}

.GM_Green_button
{
   background: #006633 !important;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #006633), color-stop(1, #66cc33)) !important;
    background:-moz-linear-gradient(top, #006633 5%, #66cc33 100%) !important;
    background:-webkit-linear-gradient(top, #006633 5%, #66cc33 100%) !important;
    background:-o-linear-gradient(top, #006633 5%, #66cc33 100%) !important;
    background:-ms-linear-gradient(top, #006633 5%, #66cc33 100%) !important;
    background:linear-gradient(to bottom, #006633 5%, #66cc33 100%) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006633', endColorstr='#66cc33',GradientType=0) !important;
   -webkit-border-radius: 30px !important;
   -moz-border-radius: 30px !important;
   border-radius: 30px !important;
    height: auto;
   line-height: 25px !important;
   color: #FFCC00 !important;
  /* font-family: Verdana;*/
   /*width: 225px;*/
   font-size: 20px !important;
   font-weight: bold !important;
   padding: 15px !important;
   -webkit-box-shadow: 1px 1px 20px 0 #000000 !important;
   -moz-box-shadow: 1px 1px 20px 0 #000000 !important;
   box-shadow: 1px 1px 20px 0 #000000 !important;
   text-shadow: 1px 1px 0 #000000 !important;
   border: solid #ffcc00 2px !important;
   text-decoration: none !important;
   display: inline-block !important;
   cursor: pointer !important;
   text-align: center !important;
   padding: 5px 25px !important;
   margin-left: auto !important;margin-right: auto !important;
}

.GM_Button:hover {
   /* background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05,  #C63E1B), color-stop(1, #ff3333));
    background:-moz-linear-gradient(top, #C63E1B 5%, #ff3333 100%);
    background:-webkit-linear-gradient(top, #C63E1B 5%, #ff3333 100%);
    background:-o-linear-gradient(top, #C63E1B 5%, #ff3333 100%);
    background:-ms-linear-gradient(top, #C63E1B 5%, #ff3333 100%);
    background:linear-gradient(to bottom, #C63E1B 5%, #ff3333 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C63E1B', endColorstr='#ff3333',GradientType=0); */
    background-color:#66cc99;
   border-radius: 30px;
   text-decoration: none;
}
.GM_Button:active {
    position:relative;
    top:1px;
}

@media (max-width: 780px)
{
 .mobile-mb-5 {margin-bottom: 4rem;}
 .classic a, .classic a:link  {font-size: 14px;}   
.classic .GM_Button, .Normal .GM_Button, .GM_Button {font-size:25px !important;padding-left: 25px  ;padding-right: 25px; }
.classic .GM_Button a, .Normal .GM_Button a, .GM_Button a {font-size:14px !important;padding-left: 25px  ;padding-right: 25px; }

}

.FitBit_Button {
    -moz-box-shadow: 0px 21px 10px -20px #000000;
    -webkit-box-shadow: 0px 21px 10px -20px #000000;
    box-shadow: 0px 21px 10px -20px #000000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ebebeb), color-stop(1, #030303));
    background: -moz-linear-gradient(top, #ebebeb 5%, #030303 100%);
    background: -webkit-linear-gradient(top, #ebebeb 5%, #030303 100%);
    background: -o-linear-gradient(top, #ebebeb 5%, #030303 100%);
    background: -ms-linear-gradient(top, #ebebeb 5%, #030303 100%);
    background: linear-gradient(to bottom, #ebebeb 5%, #030303 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#030303',GradientType=0);
    background-color: #ebebeb;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    border-radius: 28px;
    border: 3px solid #ff4c4c;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 20px;
    font-weight:bold;
    padding: 13px 50px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #050505;
}

    .FitBit_Button:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #030303), color-stop(1, #ebebeb));
        background: -moz-linear-gradient(top, #030303 5%, #ebebeb 100%);
        background: -webkit-linear-gradient(top, #030303 5%, #ebebeb 100%);
        background: -o-linear-gradient(top, #030303 5%, #ebebeb 100%);
        background: -ms-linear-gradient(top, #030303 5%, #ebebeb 100%);
        background: linear-gradient(to bottom, #030303 5%, #ebebeb 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#030303', endColorstr='#ebebeb',GradientType=0);
        background-color: #030303;
    }

    .FitBit_Button:active {
        position: relative;
        top: 1px;
    }


    .FitBit_button:hover {
        background: linear-gradient(to bottom, #030303 5%, #f7faf8 100%);
        background-color: #030303;
    }

    .FitBit_button:active {
        position: relative;
        top: 1px;
    }



.modern .top-bar {
    background: #291718
}

.modern .top-bar .language .language-object .Language img {
    border: solid 1px #3b2527
}

.modern .top-bar .language .language-object .Language.selected img {
    border: solid 1px #3b2527
}

.modern .top-bar #login .loginGroup {
    border-right: solid 1px #3b2527;
    border-left: solid 1px #3b2527
}

.modern .top-bar #login .loginGroup a,
.modern .top-bar #login .registerGroup a {
    color: #ffffff
}

.modern .top-bar #login .loginGroup a:hover,
.modern .top-bar #login .registerGroup a:hover {
    background: #3b2527;
    color: #ffffff
}

.modern .top-bar #login .loginGroup a:active,
.modern .top-bar #login .registerGroup a:active {
    color: #ffffff
}

.modern .top-bar #login .userNotifications {
    border-left: 1px solid #3b2527;
    border-right: 1px solid #3b2527
}

.modern .top-bar #login .userMessages {
    border-left: 1px solid #3b2527
}

.modern .top-bar #login .userMessages a span,
.modern .top-bar #login .userNotifications a span {
    background-color: #11aae5
}

.modern .top-bar .searchInputContainer input {
    background: #d7d7d7
}

.modern .top-bar .searchInputContainer input::-webkit-input-placeholder {
    color: #ffffff
}

.modern .top-bar .searchInputContainer input:-moz-placeholder {
    color: #ffffff
}

.modern .top-bar .searchInputContainer input::-moz-placeholder {
    color: #ffffff
}

.modern .top-bar .searchInputContainer input:-ms-input-placeholder {
    color: #ffffff
}

.modern .top-bar #search-action,
.modern .top-bar .search-toggle-icon,
.modern .top-bar .SearchButton {
    background: #291718;
    border-right: 1px solid #3b2527;
    color: #ffffff!important
}

.modern .top-bar #search-action:hover,
.modern .top-bar .search-toggle-icon:hover,
.modern .top-bar .SearchButton:hover {
    background: #3b2527;
    color: #ffffff
}

.modern .top-bar #search-top {
    background: #11aae5!important
}

.modern .menu-bar {
    border-bottom: solid 1px #291718;
    background: #ffffff;
    color: #ffffff
}

.modern .menu-bar .navbar-nav .nav-item .nav-link {
    color: #291718
}

.modern .menu-bar .navbar-nav .nav-item .nav-link:hover {
    color: #3b2527
}

.modern .menu-bar .navbar-nav .nav-item.active {
    background: #e7e7e7
}

.modern .menu-bar .navbar-nav .nav-item .dropdown-menu {
    background: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.modern .menu-bar .navbar-nav .nav-item .dropdown-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.modern .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
    color: #291718
}

.modern .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
    background: #11aae5;
    color: #ffffff
}

.modern .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
    border-bottom-color: #f1f1f1
}

.modern .menu-bar .sm-collapsible {
    border-top: solid 1px rgba(0, 0, 0, 0.15)
}

.modern .menu-bar .sm-collapsible .nav-item {
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)
}

.modern .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.modern .menu-bar .navbar-toggler span {
    background: #291718
}

.modern #breadcrumb {
    border-bottom: 1px dashed #291718
}

.modern #breadcrumb a {
    color: #666666
}

.modern #breadcrumb a:hover {
    color: #11aae5!important
}

.modern #breadcrumb a:first-child {
    color: #666666
}

.modern footer a:active,
.modern footer a:link,
.modern footer a:visited {
    color: #ffffff
}

.modern footer a:hover {
    color: #f0f0f0
}

.modern footer .footer-above {
    background-color: #291718;
    border-top: 25px solid #11aae5
}

.modern footer .footer-above h2,
.modern footer .footer-above p {
    color: #d2d2d2
}

.modern footer .footer-below {
    background-color: #3b2527
}

.modern footer .footer-below,
.modern footer .terms-priv a:visited,
.modern footer footer .terms-priv a:link {
    color: #d2d2d2
}

.modern footer .links-list ul li a:active,
.modern footer .links-list ul li a:link,
.modern footer .links-list ul li a:visited {
    color: #ffffff
}

.modern footer .links-list ul li a:hover {
    color: #f0f0f0
}

.modern footer .links-list ul li a:before {
    border-left: 3px solid #3b2527
}

.modern footer a,
.modern footer a:active,
.modern footer a:focus,
.modern footer a:link,
.modern footer a:visited {
    color: #ffffff!important
}

.modern footer a:hover {
    color: #f0f0f0!important
}

.modern .SubHead {
    color: #7b7878
}

.modern h1,
.modern h2,
.modern h3,
.modern h4,
.modern h5,
.modern h6 {
    color: #020202
}

.modern h1 {
    font-size: 2rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern h2 {
    font-size: 1.5rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern h3 {
    font-size: 1.375rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern h4 {
    font-size: 1.25rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern h5 {
    font-size: 1.125rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern h6 {
    font-size: 1rem;
    color: #3b2527;
    font-family: "Open Sans", sans-serif
}

.modern .dnnContainer .lms_heading_1 .lms_heading_title,
.modern .dnnContainer .lms_heading_2 .lms_heading_title,
.modern .dnnContainer .lms_heading_3 .lms_heading_title,
.modern .dnnContainer .lms_heading_5 .lms_heading_title,
.modern .dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878
}

.modern .dnnContainer .lms_heading_1 .lms_heading_title:after {
    background: #ffffff;
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.modern .dnnContainer .dots-wrapper,
.modern .dnnContainer .open_rectangle,
.modern .dnnContainer .rectangle {
    background-color: #ffffff
}

.modern .dnnContainer .dots-wrapper .dots,
.modern .dnnContainer .open_rectangle .dots,
.modern .dnnContainer .rectangle .dots {
    background: #7b7878
}

.modern .dnnContainer .subtle-line {
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%)
}

.modern .dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878
}

.modern .dnnContainer .hexagon:before {
    border-right: 4.24px solid #7b7878;
    border-top: 4.24px solid #7b7878
}

.modern .dnnContainer .hexagon:after {
    border-bottom: 4.24px solid #7b7878;
    border-left: 4.24px solid #7b7878
}

.modern .dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.modern .dnnContainer .rectangle {
    border: 2px solid #7b7878
}

.modern .dnnContainer .boxed {
    border: 1px solid #7b7878
}

.modern .content-warpper {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.modern .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.modern p {
    color: #666666
}

.modern a,
.modern a:active,
.modern a:focus,
.modern a:link,
.modern a:visited {
    color: #11aae5
}

/* body {
    background-color: #f0f0f0;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;;
    color: #666666
}
*/

.blue .top-bar {
    background: #11aae5
}

.blue .top-bar .language .language-object .Language img {
    border: solid 1px #0e96ca
}

.blue .top-bar .language .language-object .Language.selected img {
    border: solid 1px #0e96ca
}

.blue .top-bar #login .loginGroup {
    border-right: solid 1px #0e96ca;
    border-left: solid 1px #0e96ca
}

.blue .top-bar #login .loginGroup a,
.blue .top-bar #login .registerGroup a {
    color: #ffffff
}

.blue .top-bar #login .loginGroup a:hover,
.blue .top-bar #login .registerGroup a:hover {
    background: #0b7fac;
    color: #ffffff
}

.blue .top-bar #login .loginGroup a:active,
.blue .top-bar #login .registerGroup a:active {
    color: #ffffff
}

.blue .top-bar #login .userNotifications {
    border-left: 1px solid #0e96ca;
    border-right: 1px solid #0e96ca
}

.blue .top-bar #login .userMessages {
    border-left: 1px solid #0e96ca
}

.blue .top-bar #login .userMessages a span,
.blue .top-bar #login .userNotifications a span {
    background-color: #292929
}

.blue .top-bar .searchInputContainer input {
    background: #d7d7d7
}

.blue .top-bar .searchInputContainer input::-webkit-input-placeholder {
    color: #ffffff
}

.blue .top-bar .searchInputContainer input:-moz-placeholder {
    color: #ffffff
}

.blue .top-bar .searchInputContainer input::-moz-placeholder {
    color: #ffffff
}

.blue .top-bar .searchInputContainer input:-ms-input-placeholder {
    color: #ffffff
}

.blue .top-bar #search-action,
.blue .top-bar .search-toggle-icon,
.blue .top-bar .SearchButton {
    background: #11aae5;
    border-right: 1px solid #0e96ca;
    color: #ffffff!important
}

.blue .top-bar #search-action:hover,
.blue .top-bar .search-toggle-icon:hover,
.blue .top-bar .SearchButton:hover {
    background: #0b7fac;
    color: #ffffff
}

.blue .top-bar #search-top {
    background: #292929!important
}

.blue .menu-bar {
    border-bottom: solid 1px #11aae5;
    background: #ffffff;
    color: #ffffff
}

.blue .menu-bar .navbar-nav .nav-item .nav-link {
    color: #3f3f3f
}

.blue .menu-bar .navbar-nav .nav-item .nav-link:hover {
    color: #979797
}

.blue .menu-bar .navbar-nav .nav-item.active {
    background: #e7e7e7
}

.blue .menu-bar .navbar-nav .nav-item .dropdown-menu {
    background: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.blue .menu-bar .navbar-nav .nav-item .dropdown-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.blue .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
    color: #3f3f3f
}

.blue .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
    background: #292929;
    color: #ffffff
}

.blue .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
    border-bottom-color: #f1f1f1
}

.blue .menu-bar .sm-collapsible {
    border-top: solid 1px rgba(0, 0, 0, 0.15)
}

.blue .menu-bar .sm-collapsible .nav-item {
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)
}

.blue .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.blue .menu-bar .navbar-toggler span {
    background: #11aae5
}

.blue #breadcrumb {
    border-bottom: 1px dashed #11aae5
}

.blue #breadcrumb a {
    color: #666666
}

.blue #breadcrumb a:hover {
    color: #292929!important
}

.blue #breadcrumb a:first-child {
    color: #666666
}

.blue footer a:active,
.blue footer a:link,
.blue footer a:visited {
    color: #ffffff
}

.blue footer a:hover {
    color: #f0f0f0
}

.blue footer .footer-above {
    background-color: #0b7fac;
    border-top: 25px solid #292929
}

.blue footer .footer-above h2,
.blue footer .footer-above p {
    color: #d2d2d2
}

.blue footer .footer-below {
    background-color: #0e96ca
}

.blue footer .footer-below,
.blue footer .terms-priv a:visited,
.blue footer footer .terms-priv a:link {
    color: #d2d2d2
}

.blue footer .links-list ul li a:active,
.blue footer .links-list ul li a:link,
.blue footer .links-list ul li a:visited {
    color: #ffffff
}

.blue footer .links-list ul li a:hover {
    color: #f0f0f0
}

.blue footer .links-list ul li a:before {
    border-left: 3px solid #0e96ca
}

.blue footer a,
.blue footer a:active,
.blue footer a:focus,
.blue footer a:link,
.blue footer a:visited {
    color: #ffffff!important
}

.blue footer a:hover {
    color: #f0f0f0!important
}

.blue .SubHead {
    color: #7b7878
}

.blue h1,
.blue h2,
.blue h3,
.blue h4,
.blue h5,
.blue h6 {
    color: #020202
}

.blue h1 {
    font-size: 2rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.blue h2 {
    font-size: 1.5rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.blue h3 {
    font-size: 1.375rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.blue h4 {
    font-size: 1.25rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.blue h5 {
    font-size: 1.125rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.blue h6 {
    font-size: 1rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.blue .dnnContainer .lms_heading_1 .lms_heading_title,
.blue .dnnContainer .lms_heading_2 .lms_heading_title,
.blue .dnnContainer .lms_heading_3 .lms_heading_title,
.blue .dnnContainer .lms_heading_5 .lms_heading_title,
.blue .dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878
}

.blue .dnnContainer .lms_heading_1 .lms_heading_title:after {
    background: #ffffff;
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.blue .dnnContainer .dots-wrapper,
.blue .dnnContainer .open_rectangle,
.blue .dnnContainer .rectangle {
    background-color: #ffffff
}

.blue .dnnContainer .dots-wrapper .dots,
.blue .dnnContainer .open_rectangle .dots,
.blue .dnnContainer .rectangle .dots {
    background: #7b7878
}

.blue .dnnContainer .subtle-line {
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%)
}

.blue .dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878
}

.blue .dnnContainer .hexagon:before {
    border-right: 4.24px solid #7b7878;
    border-top: 4.24px solid #7b7878
}

.blue .dnnContainer .hexagon:after {
    border-bottom: 4.24px solid #7b7878;
    border-left: 4.24px solid #7b7878
}

.blue .dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.blue .dnnContainer .rectangle {
    border: 2px solid #7b7878
}

.blue .dnnContainer .boxed {
    border: 1px solid #7b7878
}

.blue .content-warpper {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.blue .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.blue p {
    color: #666666
}

.blue a,
.blue a:active,
.blue a:focus,
.blue a:link,
.blue a:visited {
    color: #292929
}



.red .top-bar {
    background: #ee3a43
}

.red .top-bar .language .language-object .Language img {
    border: solid 1px #ca3037
}

.red .top-bar .language .language-object .Language.selected img {
    border: solid 1px #ca3037
}

.red .top-bar #login .loginGroup {
    border-right: solid 1px #ca3037;
    border-left: solid 1px #ca3037
}

.red .top-bar #login .loginGroup a,
.red .top-bar #login .registerGroup a {
    color: #ffffff
}

.red .top-bar #login .loginGroup a:hover,
.red .top-bar #login .registerGroup a:hover {
    background: #aa272d;
    color: #ffffff
}

.red .top-bar #login .loginGroup a:active,
.red .top-bar #login .registerGroup a:active {
    color: #ffffff
}

.red .top-bar #login .userNotifications {
    border-left: 1px solid #ca3037;
    border-right: 1px solid #ca3037
}

.red .top-bar #login .userMessages {
    border-left: 1px solid #ca3037
}

.red .top-bar #login .userMessages a span,
.red .top-bar #login .userNotifications a span {
    background-color: #7ca0c0
}

.red .top-bar .searchInputContainer input {
    background: #d7d7d7
}

.red .top-bar .searchInputContainer input::-webkit-input-placeholder {
    color: #ffffff
}

.red .top-bar .searchInputContainer input:-moz-placeholder {
    color: #ffffff
}

.red .top-bar .searchInputContainer input::-moz-placeholder {
    color: #ffffff
}

.red .top-bar .searchInputContainer input:-ms-input-placeholder {
    color: #ffffff
}

.red .top-bar #search-action,
.red .top-bar .search-toggle-icon,
.red .top-bar .SearchButton {
    background: #ee3a43;
    border-right: 1px solid #ca3037;
    color: #ffffff!important
}

.red .top-bar #search-action:hover,
.red .top-bar .search-toggle-icon:hover,
.red .top-bar .SearchButton:hover {
    background: #aa272d;
    color: #ffffff
}

.red .top-bar #search-top {
    background: #7ca0c0!important
}

.red .menu-bar {
    border-bottom: solid 1px #ee3a43;
    background: #ffffff;
    color: #ffffff
}

.red .menu-bar .navbar-nav .nav-item .nav-link {
    color: #3f3f3f
}

.red .menu-bar .navbar-nav .nav-item .nav-link:hover {
    color: #979797
}

.red .menu-bar .navbar-nav .nav-item.active {
    background: #e7e7e7
}

.red .menu-bar .navbar-nav .nav-item .dropdown-menu {
    background: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.red .menu-bar .navbar-nav .nav-item .dropdown-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.red .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
    color: #3f3f3f
}

.red .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
    background: #7ca0c0;
    color: #ffffff
}

.red .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
    border-bottom-color: #f1f1f1
}

.red .menu-bar .sm-collapsible {
    border-top: solid 1px rgba(0, 0, 0, 0.15)
}

.red .menu-bar .sm-collapsible .nav-item {
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)
}

.red .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.red .menu-bar .navbar-toggler span {
    background: #ee3a43
}

.red #breadcrumb {
    border-bottom: 1px dashed #ee3a43
}

.red #breadcrumb a {
    color: #666666
}

.red #breadcrumb a:hover {
    color: #7ca0c0!important
}

.red #breadcrumb a:first-child {
    color: #666666
}

.red footer a:active,
.red footer a:link,
.red footer a:visited {
    color: #ffffff
}

.red footer a:hover {
    color: #f0f0f0
}

.red footer .footer-above {
    background-color: #292929;
    border-top: 25px solid #ee3a43
}

.red footer .footer-above h2,
.red footer .footer-above p {
    color: #d2d2d2
}

.red footer .footer-below {
    background-color: #383838
}

.red footer .footer-below,
.red footer .terms-priv a:visited,
.red footer footer .terms-priv a:link {
    color: #d2d2d2
}

.red footer .links-list ul li a:active,
.red footer .links-list ul li a:link,
.red footer .links-list ul li a:visited {
    color: #ffffff
}

.red footer .links-list ul li a:hover {
    color: #f0f0f0
}

.red footer .links-list ul li a:before {
    border-left: 3px solid #383838
}

.red footer a,
.red footer a:active,
.red footer a:focus,
.red footer a:link,
.red footer a:visited {
    color: #ffffff!important
}

.red footer a:hover {
    color: #f0f0f0!important
}

.red .SubHead {
    color: #7b7878
}

.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6 {
    color: #020202
}

.red h1 {
    font-size: 2rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red h2 {
    font-size: 1.5rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red h3 {
    font-size: 1.375rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red h4 {
    font-size: 1.25rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red h5 {
    font-size: 1.125rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red h6 {
    font-size: 1rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.red .dnnContainer .lms_heading_1 .lms_heading_title,
.red .dnnContainer .lms_heading_2 .lms_heading_title,
.red .dnnContainer .lms_heading_3 .lms_heading_title,
.red .dnnContainer .lms_heading_5 .lms_heading_title,
.red .dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878
}

.red .dnnContainer .lms_heading_1 .lms_heading_title:after {
    background: #ffffff;
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.red .dnnContainer .dots-wrapper,
.red .dnnContainer .open_rectangle,
.red .dnnContainer .rectangle {
    background-color: #ffffff
}

.red .dnnContainer .dots-wrapper .dots,
.red .dnnContainer .open_rectangle .dots,
.red .dnnContainer .rectangle .dots {
    background: #7b7878
}

.red .dnnContainer .subtle-line {
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%)
}

.red .dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878
}

.red .dnnContainer .hexagon:before {
    border-right: 4.24px solid #7b7878;
    border-top: 4.24px solid #7b7878
}

.red .dnnContainer .hexagon:after {
    border-bottom: 4.24px solid #7b7878;
    border-left: 4.24px solid #7b7878
}

.red .dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.red .dnnContainer .rectangle {
    border: 2px solid #7b7878
}

.red .dnnContainer .boxed {
    border: 1px solid #7b7878
}

.red .content-warpper {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.red .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.red p {
    color: #666666
}

.red a,
.red a:active,
.red a:focus,
.red a:link,
.red a:visited {
    color: #7ca0c0
}


.purple .top-bar {
    background: #7a0fbe
}

.purple .top-bar .language .language-object .Language img {
    border: solid 1px #670aa2
}

.purple .top-bar .language .language-object .Language.selected img {
    border: solid 1px #670aa2
}

.purple .top-bar #login .loginGroup {
    border-right: solid 1px #670aa2;
    border-left: solid 1px #670aa2
}

.purple .top-bar #login .loginGroup a,
.purple .top-bar #login .registerGroup a {
    color: #ffffff
}

.purple .top-bar #login .loginGroup a:hover,
.purple .top-bar #login .registerGroup a:hover {
    background: #550886;
    color: #ffffff
}

.purple .top-bar #login .loginGroup a:active,
.purple .top-bar #login .registerGroup a:active {
    color: #ffffff
}

.purple .top-bar #login .userNotifications {
    border-left: 1px solid #670aa2;
    border-right: 1px solid #670aa2
}

.purple .top-bar #login .userMessages {
    border-left: 1px solid #670aa2
}

.purple .top-bar #login .userMessages a span,
.purple .top-bar #login .userNotifications a span {
    background-color: #7a0fbe
}

.purple .top-bar .searchInputContainer input {
    background: #d7d7d7
}

.purple .top-bar .searchInputContainer input::-webkit-input-placeholder {
    color: #ffffff
}

.purple .top-bar .searchInputContainer input:-moz-placeholder {
    color: #ffffff
}

.purple .top-bar .searchInputContainer input::-moz-placeholder {
    color: #ffffff
}

.purple .top-bar .searchInputContainer input:-ms-input-placeholder {
    color: #ffffff
}

.purple .top-bar #search-action,
.purple .top-bar .search-toggle-icon,
.purple .top-bar .SearchButton {
    background: #7a0fbe;
    border-right: 1px solid #670aa2;
    color: #ffffff!important
}

.purple .top-bar #search-action:hover,
.purple .top-bar .search-toggle-icon:hover,
.purple .top-bar .SearchButton:hover {
    background: #550886;
    color: #ffffff
}

.purple .top-bar #search-top {
    background: #7a0fbe!important
}

.purple .menu-bar {
    border-bottom: solid 1px #7a0fbe;
    background: #ffffff;
    color: #ffffff
}

.purple .menu-bar .navbar-nav .nav-item .nav-link {
    color: #3f3f3f
}

.purple .menu-bar .navbar-nav .nav-item .nav-link:hover {
    color: #979797
}

.purple .menu-bar .navbar-nav .nav-item.active {
    background: #e7e7e7
}

.purple .menu-bar .navbar-nav .nav-item .dropdown-menu {
    background: #f1f1f1;
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.purple .menu-bar .navbar-nav .nav-item .dropdown-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15)
}

.purple .menu-bar .navbar-nav .nav-item .dropdown-menu li a {
    color: #3f3f3f
}

.purple .menu-bar .navbar-nav .nav-item .dropdown-menu li a:hover {
    background: #7a0fbe;
    color: #ffffff
}

.purple .menu-bar .navbar-nav .nav-item .dropdown-menu:after {
    border-bottom-color: #f1f1f1
}

.purple .menu-bar .sm-collapsible {
    border-top: solid 1px rgba(0, 0, 0, 0.15)
}

.purple .menu-bar .sm-collapsible .nav-item {
    border-bottom: solid 1px rgba(0, 0, 0, 0.15)
}

.purple .menu-bar .sm-collapsible .nav-item .nav-link .sub-arrow {
    border: 1px solid rgba(0, 0, 0, 0.15)
}

.purple .menu-bar .navbar-toggler span {
    background: #7a0fbe
}

.purple #breadcrumb {
    border-bottom: 1px dashed #7a0fbe
}

.purple #breadcrumb a {
    color: #666666
}

.purple #breadcrumb a:hover {
    color: #7a0fbe!important
}

.purple #breadcrumb a:first-child {
    color: #666666
}

.purple footer a:active,
.purple footer a:link,
.purple footer a:visited {
    color: #ffffff
}

.purple footer a:hover {
    color: #f0f0f0
}

.purple footer .footer-above {
    background-color: #292929;
    border-top: 25px solid #7a0fbe
}

.purple footer .footer-above h2,
.purple footer .footer-above p {
    color: #d2d2d2
}

.purple footer .footer-below {
    background-color: #383838
}

.purple footer .footer-below,
.purple footer .terms-priv a:visited,
.purple footer footer .terms-priv a:link {
    color: #d2d2d2
}

.purple footer .links-list ul li a:active,
.purple footer .links-list ul li a:link,
.purple footer .links-list ul li a:visited {
    color: #ffffff
}

.purple footer .links-list ul li a:hover {
    color: #f0f0f0
}

.purple footer .links-list ul li a:before {
    border-left: 3px solid #383838
}

.purple footer a,
.purple footer a:active,
.purple footer a:focus,
.purple footer a:link,
.purple footer a:visited {
    color: #ffffff!important
}

.purple footer a:hover {
    color: #f0f0f0!important
}

.purple .SubHead {
    color: #7b7878
}

.purple h1,
.purple h2,
.purple h3,
.purple h4,
.purple h5,
.purple h6 {
    color: #020202
}

.purple h1 {
    font-size: 2rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple h2 {
    font-size: 1.5rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple h3 {
    font-size: 1.375rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple h4 {
    font-size: 1.25rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple h5 {
    font-size: 1.125rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple h6 {
    font-size: 1rem;
    color: #020202;
    font-family: "Open Sans", sans-serif
}

.purple .dnnContainer .lms_heading_1 .lms_heading_title,
.purple .dnnContainer .lms_heading_2 .lms_heading_title,
.purple .dnnContainer .lms_heading_3 .lms_heading_title,
.purple .dnnContainer .lms_heading_5 .lms_heading_title,
.purple .dnnContainer .lms_heading_6 .lms_heading_title {
    border-bottom: 1px solid #7b7878
}

.purple .dnnContainer .lms_heading_1 .lms_heading_title:after {
    background: #ffffff;
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.purple .dnnContainer .dots-wrapper,
.purple .dnnContainer .open_rectangle,
.purple .dnnContainer .rectangle {
    background-color: #ffffff
}

.purple .dnnContainer .dots-wrapper .dots,
.purple .dnnContainer .open_rectangle .dots,
.purple .dnnContainer .rectangle .dots {
    background: #7b7878
}

.purple .dnnContainer .subtle-line {
    background: -webkit-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -o-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: -moz-radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%);
    background: radial-gradient(#7b7878 1%, #bbb 30%, #ccc 40%, #ffffff 70%)
}

.purple .dnnContainer .hexagon {
    background-color: #ffffff;
    border-left: 3px solid #7b7878;
    border-right: 3px solid #7b7878
}

.purple .dnnContainer .hexagon:before {
    border-right: 4.24px solid #7b7878;
    border-top: 4.24px solid #7b7878
}

.purple .dnnContainer .hexagon:after {
    border-bottom: 4.24px solid #7b7878;
    border-left: 4.24px solid #7b7878
}

.purple .dnnContainer .open_rectangle {
    border-left: 2px solid #7b7878;
    border-right: 2px solid #7b7878
}

.purple .dnnContainer .rectangle {
    border: 2px solid #7b7878
}

.purple .dnnContainer .boxed {
    border: 1px solid #7b7878
}

.purple .content-warpper {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.purple .content-warpper-inner {
    background: #ffffff;
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc
}

.purple p {
    color: #666666
}

.purple a,
.purple a:active,
.purple a:focus,
.purple a:link,
.purple a:visited {
    color: #7a0fbe
}