.brand-title{
    background-color: #30D8F0;    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    height: 10%;
    padding: 20px;
    color: white;
}

.menu-box-custom{
    background-color: #30D8F0;    
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    color: white;
    height: 100%;
    width: 170px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    position: relative; 
    padding-left: 10px;
    z-index: 1003;
}

.menu-btn {
    background: #9AE4E8;
    background-image: -webkit-linear-gradient(top, #9AE4E8, #9AE4E8);
    background-image: -moz-linear-gradient(top, #9AE4E8, #9AE4E8);
    background-image: -ms-linear-gradient(top, #9AE4E8, #9AE4E8);
    background-image: -o-linear-gradient(top, #9AE4E8, #9AE4E8);
    background-image: linear-gradient(to bottom, #9AE4E8, #9AE4E8);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: white;
    height: ;
    font-size: 10px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.menu-btn:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.pull-right{
    float: right;
}

.nav-trigger {
    /* critical styles - hide the checkbox input */
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.black_overlay{ 
    display: block; 
    position: absolute; 
    top: 0%; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    background-color: black; 
    z-index:1001; 
    -moz-opacity: 0.8; 
    opacity:.70; 
    filter: alpha(opacity=80); 
} 

.form-div{
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    height: 85%;
    width: 60%;
    background-color: #30D8F0;
    color: white;
    margin-right: auto;
    margin-left: auto;
    position: relative; 
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1003;
}

.pull-rihgt{
    float: right;
}

.pull-left{
    float: left;
}

.body-div{
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    height: 80%;
    width: 100%;
    background-color: #30D8F0;
    color: white;
    margin-right: auto;
    margin-left: auto;
    position: relative; 
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1003;  
}

.info-div{
    height: 20%;
    background-color: azure;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    width: 100%;
    color: black;
    margin-right: auto;
    margin-left: auto;
    position: relative; 
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1003;  
}

.icons{
    width: 30px;
    height: 30px;
}


@media (max-height: 235px){
    .hidden-xs {
        display: none !important;
    }
}

@media (max-width: 9000px){
    .xs-hidden-base-on-width{
        display: none !important;
    }
}