html
{
    overflow-y: scroll;
    overflow-x:hidden;
}
body
{
    cursor: url(images/arrow.cur),
    default;
    margin:0;
    font-family: tahoma;
}
.header
{
    padding: 2.5rem;
    text-align: center;
    background: #4397F9;
    color: #FFF;
}
.banner-img
{
    width:100%;
    height:auto;
    display: block;
}
ul.navbar
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #e6e6e6;
}
ul.navbar li
{
    float: left;
}
ul.navbar li a
{
    display: block;
    color:#000;
    text-align:center;
    padding: .5rem .6rem;
    text-decoration: none;
}
ul.navbar li a:hover:not(.active)
{
    background:#0066CC;
    color: #fff;
}
ul.navbar li a.active
{
    background: #3356A4;
    color: #FFF;
}
ul.navbar li.right
{
    float: right;
}
ul.navbar li.right a:hover
{
    background: #0066CC;
    color: #FFF;
}
.main-content
{
    width: 75%;
    margin:auto;
}
.main-content2
{
    width: 75%;
    margin:auto;
    margin-top: 50px;
}
@media (max-width: 660px)
{
    ul.navbar li.right, ul.navbar li
    {
        float:none;
    }
}

.footer
{
    background-color: #bababa;
    text-align: center;
    padding: 10px;
    margin-top: 300px;
    text-decoration: none;
    color: #000;
}
.footer2
{
    background-color: #bababa;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #000;
}
.index_img1
{
    width: 60%;
    height: 60%;
}
.join-color
{
    color: #d7a329;
}
.container
{
    position: relative;
    width: 25%;
    float: right;
}
.imageover
{
    width: 100%;
    height: auto;
}
.overlay
{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: #008fd7;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .7s ease;
}
.container:hover .overlay
{
    height: 100%;
    bottom: 0;
    opacity: 0.8;
}
.text
{
    white-space: nowrap;
    color:#fff;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.benefit-main1
{
    width: 50%;
    height: 50%;
}
.benefit-main2
{
    width: 50%;
    height:50%;
    float: right;
    margin-top: -450px;
    margin-right: -20px;
}
.benefit-main3
{
    width: 50%;
    height:50%;
    float: right;
    margin-right: -20px;
    margin-top: -370px;
}
.benefit-text1
{
    margin-top: -15px;
}
.join-text1
{
    margin-top: -5px;
    color: #d7a329;
}
.headerFont
{
    font-size: 3.5rem;
}
.home
{
    margin-top: 30px;
}