/*Carousel Slider*/
#slider img{
    width: 100%;
}
.img-header{
    float: right;
    position: absolute;
    top: 15px;
}
.banner{
    background-color: rgba(120, 2, 49, 0.85);
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 65px;
}
#slider .banner p{
    margin-top: 12px;
    font-weight: normal;
    font-size: 28px;
    color: white;
}
#slider img{
    max-height: 450px;
}
/*End Carousel Slider*/
/*Section */
.videoframe > iframe{
    width: 100%;
    height: 173px;
}
#passforget{
    margin-top: 5px;
    text-align: center;
}
#passforget > a{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}
#input-email{
    margin-bottom: 5px;
}
section{
    margin-top: 50px;
}
/*End Section*/


/*Line*/
#page-line{
    width: 100%;
    word-spacing: -4px;
}
#left-line{
    display: inline-block;
    width: 50%;
    background-color: #00A2DB;
    height: 8px;
}
#right-line{
    display: inline-block;
    width: 50%;
    background-color: #780231;
    height: 8px;
}
#partners h1,
#areas h1{
    font-size: 32px;
    padding: 0 0 12px 20px;
    color: #014488;
}

/* Partners */
#partners h1{
    border-bottom: 8px solid #00A2DB;
}
#partners .partner{
    text-align: center;
    margin-top: 54px;
}
#partners .partner h3{
    margin-top: 110px;
    font-size: 23px;
}
#partners .partner a{
    min-width: 87px;
    background-image: url("images/partner/partner.png");
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    text-decoration: none;
    color: #014587;
}
#partners .partner a:hover{
    color: #00A2DB;
    background-image: url("images/partner/partner_hover.png");
}
/*End partners*/
/*Area*/
#areas h1{
    border-bottom: 8px solid #780231;
}
#areas .area{
    text-align: center;
    margin: 30px 0;
}
#areas .area a{
    color: #014587;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: top center;
}
#areas .area a:hover{
    text-decoration: none;
    color: #780231;
}
#areas .area h3{
    margin-top: 150px;
    font-size: 23px;
}
#areas .area a.blue{
    background-image: url("images/area/area1.png");
}
#areas .area a.light-blue{
    background-image: url("images/area/area2.png");
}
#areas .area a.red{
    background-image: url("images/area/area3.png");
}
#areas .area:hover{
    color: #780231;
}
/*End Area*/

/*Media Queries*/
@media only screen and (max-width: 1200px) {
    .videoframe > iframe{
        height: 256px;
    }
}
@media only screen and (max-width: 992px) {
    .videoframe > iframe{
        height: 193px;
    }
}
@media only screen and (max-width: 768px) {
    .videoframe > iframe{
        height: 250px;
    }
    section{
        margin-top: 15px;
    }
}
/*End Media Queries*/