@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 .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:url(img/section7bg.jpg) center center no-repeat fixed #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-image:url(img/section7bg-1366.jpg); 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-image:url(img/section7bg-1024.jpg);background-size:cover; background-position:center; background-attachment:fixed;}
    footer {height:inherit; overflow:hidden;}
}

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

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

@media only screen and (max-width:768px) {
    .section7 {background-image:url(img/section7bg-768.jpg); background-size:cover; background-position:center; background-attachment:inherit;}
    footer {height:inherit;}
}

@media only screen and (max-width:736px) {
    .section7 {background-image:url(img/section7bg-736.jpg); 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-image:url(img/section7bg-669.jpg); 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-image:url(img/section7bg-480.jpg); 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-image:url(img/section7bg-414.jpg); 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-image:url(img/section7bg-379.jpg); 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-image:url(img/section7bg-320.jpg); background-size:cover; background-position:center; background-attachment:inherit;    }
}


.banner {height:768px; background-image:url(img/banner.jpg); background-repeat:no-repeat;}
        .bannerTitle .bannerImg {height:253px; width:453px; margin:260px auto 0px;}
        .bannerTitle .bannerImg2 {margin:0px auto 100px; height:67px; width:875px;}
        .bannerTitle h1 {color:#fff; text-shadow:2px 2px 9px #000;}
        h3 {padding:0 150px;}


/* contact div */

.section2 {
    height:inherit !important; background-size:contain;
}

  .section2 .tableElement {padding:0 100px 0 20px;}
        .section2 .content {padding:20px 40px;}
        .section2 ul {padding:0 168px;}
        .section2 a {color:#fff; text-decoration:none;}
        .section2 a:hover {text-decoration:underline;}
        .section2 li {list-style-type:disc;}
        .section2 td, .section2 table {border:none;}
        .section4 {background-color:#fff; width:100%; height:inherit;}
        .section4 .content {padding:20px;}
        .powered {width:200px; height:27px; margin:0 auto; color:#fff; position:relative;            
    text-align: center;
    }
.section2 tr td:last-child{
    padding-right: 0px;
}

@media only screen and (max-width:899px) {
    .section2 tr td:last-child{
    padding-right: 40px;
    }
}

.section7 h2 {
    font-weight: 400;
    font-style: normal;
    font-size: 70px;
    font-family: 'Open Sans', sans-serif;
    color: white;
}

/* top banner */


        @media only screen and (max-width:1366px) {
            .banner {height:554px; background-image:url(img/banner-1366.jpg);}
/*            .bannerTitle .bannerImg {height:200px; width:358px; margin:160px auto 0px;}*/
            .bannerTitle .bannerImg img {height:200px; width:358px;}
            .section7 {height:750px;}
            .section7 h2 {padding-top:323px;}
        }
        
        @media only screen and (max-width: 1024px) {
            .banner {background-image:url(img/banner-1024.jpg);}
/*            .bannerTitle .bannerImg {height:200px; width:358px; margin:160px auto 0px;}*/
            .section2 .tableElement {padding:0 40px 0 20px;}
            .section2 ul {padding:0 68px;}
            .section7 {height:650px;}
            .section7 h2 {
/*                padding-top:265px;*/
                padding-top:108px;
            margin: auto;}
            footer {height:inherit;}
        }
        
        @media only screen and (max-width:900px){
            .banner {height:452px;}
            .bannerTitle .subPage {margin:100px auto 50px!important;}
            .bannerTitle .bannerImg2 {width:685px;}
            .section7 h2 {
/*                padding:225px 20px 0;*/
                padding:85px 20px 0;
            }
        }
        
        @media only screen and (max-width:812px){
            .section2 .tableElement {padding:0 20px 0 20px; font-size:12px;}
        }
        
        @media only screen and (max-width:768px) {
            .banner {height:416px; background-image:url(img/banner-768.jpg); background-repeat:no-repeat;}
            .section2 ul {padding:0 18px;}
        }
        
        @media only screen and (max-width:736px) {
            .banner {height:356px; background-image:url(img/banner-736.jpg); background-repeat:no-repeat;}
        }
        
        @media only screen and (max-width:669px) {
            header {height:40px;}
            .banner {height:317px; background-image:url(img/banner-669.jpg); background-repeat:no-repeat; margin-top:0px !important;}
            .bannerTitle .bannerImg, .bannerTitle .bannerImg img {height:140px; width:251px;}
            .bannerTitle .bannerImg2 {width:615px;}
            .section2 {width:647px;}
            .section7 h2 {font-size:30px;}
        }
        
        @media only screen and (max-width:640px) {
            .bannerTitle .subPage {margin:70px auto 50px!important;}
            .section2 {width:100%;}
            .section7 h2 {font-size:28px;}
            
        }
        
        @media only screen and (max-width:568px){
            .bannerTitle .bannerImg2 {width:543px;}
            .section2 {width:549px;}
            .section7 h2 {font-size:25px;}
        }
        
        @media only screen and (max-width:480px) {
            .banner {height:268px; background-image:url(img/banner-480.jpg); background-repeat:no-repeat;}
            .bannerTitle .subPage {margin:44px auto 30px!important;}
            .bannerTitle .bannerImg2 {width:430px;}
            .section2 {width:460px;}
        }
        
        @media only screen and (max-width:414px) {
            .banner {height:210px; background-image:url(img/banner-414.jpg); background-repeat:no-repeat;}
            .bannerTitle {top:30px;}
            .bannerTitle .bannerImg, .bannerTitle .bannerImg img {height:100px; width:179px;}
            .bannerTitle .bannerImg2 {width:394px;}
            .bannerTitle h1 {font-size:22px;}
            .section2, .section4 {width:100%;}
            .section7 h2 {font-size:16px;}
        }
        
        @media only screen and (max-width:379px) {
            header {height:40px;}
            .banner {background-image:url(img/banner-379.jpg); background-repeat:no-repeat;}
            .bannerTitle .bannerImg2 {width:335px;}
            .section2 .content {padding:20px 10px;}
            .section7 h2 {font-size:14px;}
        }
        
        @media only screen and (max-width:360px) {
            .section2 {width:369px;}
            .section2, .section4 {width:354px !important;}
            .section7 h2 {font-size:12px;}
        }
        
        @media only screen and (max-width:320px) {
            .banner {height:178px; background-image:url(img/banner-320.jpg); background-repeat:no-repeat;}
            .bannerTitle .subPage {margin:44px auto 20px!important;}
            .bannerTitle .bannerImg2, .bannerTitle .bannerImg2 img {width:300px;}
            .bannerTitle h1, .bannerTitle h2 {font-size:18px;}
            .section2, .section4 {width:300px !important;}
            .infoImg {height:30px;}
            .section2 a, .section2 td {font-size:10px !important;}
            .section4 .content {padding:20px 0px !important;}
            .section7 h2 {font-size:11px;}
        }
        
        
        
        @media only screen and (max-width: 568px){
                .section7 h2 {
                    font-size: 16px;
                }
        }
            @media only screen and (max-width: 640px){
                .section7 h2 {
                    font-size: 40px;
                }
            
        }


    .powered img {position:absolute; top:-2px; right:1px;}
        .disclaimer {width:90%; font-size:14px; margin:20px auto; color:#fff;}