@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:#212331;}

.banner {height:779px; z-index:90;}
.bannerTitle h1, .bannerTitle h2, .bannerTitle p {letter-spacing:4px; font-weight:400; text-align:center; font-size:33px;}
.bannerTitle {position:absolute; width:100%; top:110px;}
.bannerTitle .bannerImg {height:47px; width:249px; margin:20px auto;}
.section2, .section4, footer {box-shadow:1px -8px 8px rgba(0, 0, 0, .5); 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:335px; background:url(img/cityBG.jpg) center center no-repeat fixed #FFF; background-size:cover; text-align:center;}
.section7 h2 {text-align:center; text-transform:uppercase; letter-spacing:2px; font-weight:400; font-size:33px; padding-top:150px; margin-bottom:32px; color:#fff;}

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

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

@media only screen and (max-width:1024px) {
    header {height:40px;}
    .bannerTitle .subPage {margin:0 auto 100px!important;}
    .bodyContent .bodyContentContainer div h2 {line-height:36px;}
    .section7 {background-image:url(img/cityBG-1024.jpg);background-size:cover; background-position:center; background-attachment:fixed;}
    footer {height:380px; overflow:hidden;}
}

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

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

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

@media only screen and (max-width:736px) {
    .section7 {background-image:url(img/cityBG-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:560px;}
    .section7 {background-image:url(img/cityBG-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:640px;}
}

@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:820px;}
    .section7 {background-image:url(img/cityBG-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:820px;}
}

@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/cityBG-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:770px;}
    .section7 {background-image:url(img/cityBG-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:920px;}
    .section7 { background-image:url(img/cityBG-320.jpg); background-size:cover; background-position:center; background-attachment:inherit;    }
}