@font-face {
    font-family: PTSans;
    src: url(fonts/PT_Sans-Web-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/PT_Sans-Web-Regular.woff) format('woff'), url(fonts/PT_Sans-Web-Regular.ttf) format('truetype')
}

@font-face {
    font-family: PTSansBold;
    src: url(fonts/PT_Sans-Web-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/PT_Sans-Web-Bold.woff) format('woff'), url(fonts/PT_Sans-Web-Bold.ttf) format('truetype')
}

*,
ul {
    margin: 0;
    padding: 0;
}

li p,
ul ul {
    padding: 0 !important;
}

html {
    text-rendering: optimizeLegibility;
    font-size: 15px;
}

body {
    font-family: PTSans;
}

iframe {
    border: 0;
}

p {
    padding: 0 150px;
}

header {
    width: 100%;
    padding-top: 17px;
    position: relative;
    height: 40px;
    top: 0;
    z-index: 100;
    box-shadow: 3px 3px 8px rgba(0, 0, 0, .5);
    background-color: #001633;
}

.banner {
    height: 779px;
    /*    background-image:url(img/HeaderImage.jpg);*/
    background-size: cover;
    position: relative;
    z-index: 90;
    background-position: center;
}

.bannerTitle h1,
.bannerTitle h2,
.bannerTitle p {
    letter-spacing: 4px;
    font-weight: 400;
    text-align: center;
    font-size: 33px;
}

.bannerTitle {
    position: absolute;
    width: 100%;
    top: 50px;
}

.bannerTitle .bannerImg {
    height: 47px;
    width: 249px;
    margin: 20px auto;
}

.section2,
.section4,
footer {
    z-index: 91;
}

.bodyContent .bodyContentContainer div {
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 25px;
    position: relative;
}

.bodyContent .bodyContentContainer div table {
    margin: 0 auto;
}

.section2 {
    height: 452px;
    width: 100%;
}

.section2 h2 {
    padding-top: 40px;
}

.section4 {
    height: 342px;
    width: 100%;
    background-color: #FFDC2D;
    color: #17243D !important;
}

.section7,
footer {
    width: 100%;
}

.section7 {
    height: 920px;
    background-color: #1d344b;
    color: #fff;
    background-size: cover;
    text-align: center;
    position: relative;
}

.section7 h2 {
    text-align: center;
    /*    text-transform:uppercase;*/
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 33px;
    padding: 393px 20px 0;
    margin-bottom: 32px;
    color: #fff;
}

.section7 .sectionLogo {
    position: absolute;
    bottom: 20px;
    width: 100%;
    align-content: center;
}

footer {
    padding-top: 20px;
    height: inherit;
    background-color: #231f20;
    padding-bottom: 20px;
}

@media only screen and (max-width:1366px) {
    .section7 {
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
}

@media only screen and (max-width:1024px) {
    header {
        height: 40px;
    }

    .bodyContent .bodyContentContainer div h2 {
        line-height: 36px;
    }

    .section7 {
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }

    footer {
        height: inherit;
        overflow: hidden;
    }
}

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

@media only screen and (max-width:812px) {
    footer {
        height: inherit;
    }
}

@media only screen and (max-width:768px) {
    .section7 {
        background-size: cover;
        background-position: center;
        background-attachment: inherit;
    }

    footer {
        height: inherit;
    }
}

@media only screen and (max-width:736px) {
    .section7 {
        background-size: cover;
        background-position: center;
        background-attachment: inherit;
    }
}

@media only screen and (max-width:669px) {
    .section2 {
        width: 649px;
        padding: 0 10px;
    }

    footer {
        height: inherit;
    }

    .section7 {
        background-size: cover;
        background-position: center;
        background-attachment: inherit;
    }
}

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

    .section2,
    .section4 {
        width: 620px;
        padding: 0 0px;
    }
}

@media only screen and (max-width:568px) {
    .banner {
        height: 850px;
    }

    .section2,
    .section4 {
        width: 100% !important;
        padding: 0 0px;
    }

    footer {
        height: inherit;
    }
}

@media only screen and (max-width:480px) {
    .banner {
        height: 850px;
    }

    .bannerTitle .subPage {
        margin: 0 auto 60px !important;
    }

    .bannerTitle h1,
    .bannerTitle h2 {
        font-size: 23px;
        padding: 0 10px;
    }

    .section2,
    .section4 {
        width: 460px;
        padding: 0 0px;
    }

    footer {
        height: inherit;
    }

    .section7 {
        background-size: cover;
        background-position: center;
        background-attachment: inherit;
    }
}

@media only screen and (max-width:470px) {
    .banner {
        height: 860px;
    }

    .bannerTitle h1,
    .bannerTitle h2 {
        font-size: 28px;
    }

    footer {
        height: inherit;
    }
}

@media only screen and (max-width:414px) {
    header {
        height: 40px;
    }

    .bannerTitle .subPage {
        margin: 0 auto 80px !important;
    }

    .section2,
    .section4 {
        width: 394px;
        padding: 0 0px;
    }

    .section2 {
        height: 442px !important;
    }

    .section7 {
        background-size: cover;
        background-position: center;
        background-attachment: inherit;
    }
}

@media only screen and (max-width:379px) {
    .banner {
        height: 850px;
    }

    .bannerTitle h1,
    .bannerTitle h2 {
        font-size: 23px;
    }

    .section2,
    .section4 {
        width: 369px !important;
        padding: 0 3px !important;
    }

    .section2 {
        height: 522px !important;
    }

    footer {
        height: inherit;
    }

    .section7 {
        background-size: cover;
        background-position: center;
        background-attachment: inherit;
    }
}

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

    .section2,
    .section4 {
        width: 300px !important;
        padding: 0 10px !important;
    }

    .section4 {
        padding-bottom: 30px !important;
    }

    .section7 h2 {
        padding-top: 110px;
    }

    footer {
        height: inherit;
    }

    .section7 {
        background-size: cover;
        background-position: center;
        background-attachment: inherit;
    }
}