html {overflow-x: hidden;}
.navigation {
width: 100%;
height: 100%;
background-color: #F4F4F4;
display: inline-block;
}
.footer {
bottom: 0;
position:relative;
    
}

.navfooter {
width: 100%;
height: 100%;
background-color: #4C4C4C;
padding: 10px 10px 10px 10px;
}

.copyrightfooter {
width: 100%;
height: 100%;
background-color: black;
padding: 10px 10px 10px 10px;
}
.footer-text {
color: #FFFFFF;
    
}
.footer-columns {
width: 350px;
    
    
}
.clear {
clear:both;
    
}
.float {
float: left;
    
}
.small-text {
color: #FFFFFF;
font-size: small
}

.link {
color: #FFFFFF;
text-decoration: underline;
}
.link:hover {
color: #808088;
outline: 0;
}
.align-left {
text-align:left;
}

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

.align-left {
text-align:right;
}
.link {
color: #FFFFFF;
text-decoration: underline;
}

.iframe2 {
background-color: transparent;
border: 0px none transparent;
padding: 0px;
overflow: hidden;
height: 100%;
width: 100%;
}
.feedback {
height: 100%;
width: 100%;
background-color: #F4F4F4;
font-size: large;
}

.padding-left-20 {
padding-left:15px;
}
.PanelHeadMenu {
background-color:#81B805;
}
.Backdrop1
{
background: linear-gradient(to right,#FF780C 26%,#95D110 );
height: 100%;
width: 100%;
z-index:90;
position:relative;
top:0px;
}
@media screen and (max-width: 995px) {
    .Backdrop1 {
        top: 50px;
    }
}
.Home1
{
color: #591892;
font-size:15vh;
line-height: 13vh;
}
.Home11
{
color: #591892;
font-size:10vh;
line-height: 7vh;
}
.Home2
{
color: #D400A9;
font-size:7vh;
}
.Home3
{
color: #D400A9;
font-size:7vh;
line-height:6vh;
}
.Home4
{
color: white;
font-size:7vh;
line-height:6vh;
}
.Home5
{
color: white;
font-size:3.5vh;
}
.Home6
{
color: white;
font-size:9px;
}
.gbbtn {
width: 200px;
margin: 15px 15px 15px 15px;
}
.Home7
{
color: #484848;
font-size:22px;
}
.Home8 {
background-color: #F4F4F4;
width:100%;
height:130%;
margin-top:-5px;
}
@media screen and (max-width: 995px) {
    .Home8 {
        margin-top: 15px;
    }
}
.Home9 {
width:100%;
text-align:center;
margin-left:15%
}
.SubsiteButtonsHome {
background-color: #7F7F7F;
width:200px;
height:60px;
text-align:center;
font-size:27px;
color: white;
line-height:22px;
font-weight:bold;
float:left;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:15px;
}
.SubsiteButtonsHome:hover {
background-color: #FF780C;
width:200px;
height:60px;
text-align:center;
font-size:27px;
color: white;
line-height:22px;
font-weight:bold;
float:left;
margin-left:15px;
margin-right:15px;
margin-top:15px;
margin-bottom:15px;
}
.YouAreHereMain {
color:black;
font-size:14px;
}
.YouAreHere {
color:black;
font-size:14px;
}
.YouAreHere:hover {
color:black;
font-size:15px;
font-weight:bold;
}
.YouAreHere:visited {
color:black;
font-size:14px;
}
.HeaderText {
color: #484848;
font-size: 45px;
}
@media (max-height: 500px)
{
    .HeaderText {
    color: #484848;
    font-size: 30px;
    }
}
.NormalLink {
color:black;
font-size:16px;
}
.NormalLink:hover {
color:black;
font-size:16px;
font-weight:bold;
}
.NormalLink:visited {
color:black;
font-size:16px;
}
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
}

.button1 {
background-color: white; 
color: black; 
border: 2px solid #4CAF50;
}

.button1:hover {
background-color: #4CAF50;
color: white;
}
.MsgReceived {
color: green;
font-weight:bold;
font-size:18px; 
}
.MsgFail {
color: red;
font-weight:bold;
font-size:18px; 
}
.LightGreyBackdrop {
background-color: #F4F4F4;
width:100%;
height:130%;

}
.NormalText {
color:black;
font-size:16px;
}
.Bold {
font-weight:bold
}
.Bolder {
font-weight:bolder
}
.White {
color:white;
}
.Orange {
color:orange;
}
.BigText {
            font-size:55px;
            line-height:50px
        }
.BottomContentBox {
            border: 10px solid #00B4FF;
            width: 100%;
            Padding: 20px;

        }
@media screen and (max-width: 530px) {
.logo {
float: left;
height:50px
}
.menu-button {
float: left;
padding: 5px 5px 5px 5px;
width: 40px;
z-index: 100;
}
.menu-main {
height: 120%;
width: 100%;
background-color: #4C4C4C;
top:50px;
left:0;
z-index:1000;
position:absolute;
padding: 10px 10px 10px 10px;

}
}

.navigationbar {
    width: 100%;
}

.primarynavigationcore {
    height: 50px;
    width: 100%;
    background-color: black;
}

.menubutton {
    float: left;
    padding: 7.5px 5px 5px 5px;
    width: 40px;
    z-index: 100;
}

.navigationlogo {
    float: left;
    margin-top: 15px;
    height: 70px;
    width: auto
}

.secondarynavigationcore {
    background-color: #F4F4F4;
    width: 100%;
    height: 100px;
}

.mobilenavigation {
    display: none;
    background-color: #F4F4F4;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
}

.mobilenavigationlogo {
    float: left;
    height: 45px;
    width: auto
}

.mobilemenu {
    z-index: 15000;
    position: fixed;
    margin-top: 50px;
    top: 0;
    left: 0;
    background: #2c2c2c;
    width: 100%;
    height: 100%;
    display: none;
    padding: 15px 15px 15px 15px;
    overflow-y: auto
}


.dropdownmenu ul, .dropdownmenu li {
    margin: 0;
    padding: 0;
}

.dropdownmenu ul {
    background: gray;
    list-style: none;
    width: 100%;
}

.dropdownmenu li {
    float: left;
    position: relative;
    width: auto;
}

.dropdownmenu a {
    background: black;
    height: 50px;
    color: white;
    font-weight: bold;
    display: block;
    font: bolder 12px/20px sans-serif;
    padding: 15px 25px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.dropdownmenu li:hover a {
    background: #2c2c2c;
}

.dropdownmenu-active a {
    background: #2c2c2c;
}

#submenu {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 50px;
    visibility: hidden;
    z-index: 101;
}

li:hover ul#submenu {
    opacity: 1;
    top: 50px; /* adjust this as per top nav padding top & bottom comes */
    visibility: visible;
}

#submenu li {
    float: none;
    width: 200px;
}

#submenu a:hover {
    background: #DF4B05;
}

#submenu a {
    background-color: #000000;
    vertical-align: middle
}


.Bdropdownmenu ul, .Bdropdownmenu li {
    margin: 0;
    padding: 0;
}

.Bdropdownmenu ul {
    background: gray;
    list-style: none;
    width: 100%;
}

.Bdropdownmenu li {
    float: left;
    position: relative;
    width: auto;
}

.Bdropdownmenu a {
    background: #F4F4F4;
    height: 95px;
    color: #2c2c2c;
    display: block;
    font: bolder 16px/22px sans-serif;
    padding: 40px 25px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.Bdropdownmenu li:hover a {
    background: #000000;
    color: #F4F4F4
}

.Bdropdownmenu-active a {
    background: #cccccc;
}

#Bsubmenu {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 95px;
    visibility: hidden;
    z-index: 101;
}

li:hover ul#Bsubmenu {
    opacity: 1;
    top: 95px; /* adjust this as per top nav padding top & bottom comes */
    visibility: visible;
}

#Bsubmenu li {
    float: none;
    width: 200px;
}

#Bsubmenu a:hover {
    background: #DF4B05;
    color: #2c2c2c
}

#Bsubmenu a:active {
    background: #2c2c2c;
    color: white
}

#Bsubmenu a {
    background-color: #000000;
}

.MYGBLogin {
    background: black;
    height: 50px;
    width: 80px;
    color: white;
    font-weight: bold;
    display: block;
    float: right;
    font: bolder 12px/20px sans-serif;
    padding-top: 15px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

    .MYGBLogin:hover {
        color: white;
        background: #2c2c2c;
        text-decoration: none
    }

    .MYGBLogin:visited {
        background: #000000;
        color: white;
    }

@media screen and (max-width: 1200px) {
    .Bdropdownmenu a {
        font: bolder 12px/20px sans-serif;
    }

    .mobilemenu {
        display: none
    }
}

@media screen and (max-width: 995px) {
    .primarynavigationcore {
        display: none
    }

    .secondarynavigationcore {
        display: none
    }

    .mobilenavigation {
        display: block;
    }
}