/* BANNER */
.moduletable_banner { display: block; position: relative; float: left; width: 100%; height: 1080px; background: none; overflow: hidden }

@media (max-width:2560px) { .moduletable_banner { height: 720px } }
@media (max-width:1920px) { .moduletable_banner { height: 540px } }
@media (max-width:1040px) { .moduletable_banner { border-bottom: 10px solid #F4F4F8 !important } }
@media (max-width:690px) { .moduletable_banner { display: none; height: auto; background-color: #FFF } }

/* FRAMES + MECHANICS */
.moduletable_banner .nspMain, .moduletable_banner .nspArts, .moduletable_banner .nspArtScroll1, .nspArtScroll2, .moduletable_banner .nspArtPage, .moduletable_banner .nspArt { position: relative; height: auto; padding: 0 !important; margin: 0; overflow: hidden }

.nspArtPage { float: left }
.nspPages3 { width: 300% }
.nspCol1 { width: 100% }
.nspCol3 { width: 33.333333% }

.nspList, .nspArtPage { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; visibility: hidden }

.nspList.active, .nspArtPage.active { opacity: 1; filter: alpha(opacity=100); visibility: visible }

/* IMAGE */
.moduletable_banner img { float: none; width: auto; height: 1080px; z-index: 0 }

@media (max-width:2560px) { .moduletable_banner img { height: 720px } }
@media (max-width:1920px) { .moduletable_banner img { height: 540px } }
@media (max-width:690px) { .moduletable_banner img { height: 250px } }

/* HEADER */
.moduletable_banner h4 { display: table; width: 60%; height: 1080px; font-family: 'Hammersmith One', sans-serif; font-size: 110px; line-height: 110px; text-align: left; font-weight: lighter; padding: 0 0 0 2%; margin-top: -1080px; border-radius: 0; background: transparent; overflow: hidden }

@media (max-width:2560px) { .moduletable_banner h4 { height: 720px; font-size: 60px; line-height: 60px; margin-top: -720px } }
@media (max-width:1920px) { .moduletable_banner h4 { height: 540px; font-size: 40px; line-height: 40px; margin-top: -540px } }

@media (max-width:1040px) { .moduletable_banner h4 { width: 75%; height: 550px; font-size: 36px; line-height: 36px; padding-right: 20%; padding-left: 5%; margin-top: -550px; background-image: url(../../../images/mid.png); background-repeat: repeat } }
@media (max-width:690px) { .moduletable_banner h4 { width: 80%; height: 250px; font-size: 22px; line-height: 24px; text-align: center; padding-right: 10%; padding-left: 10%; margin-top: -254px } }

.moduletable_banner h4 a { display: table-cell; vertical-align: middle }

/* LINKS */
.moduletable_banner a { float: none; color: #FFF }

/* BUTTONS & ARROWS */

/* frames */
.nspTopInterface { position: absolute; margin-top: 960px; margin-left: 92%;  z-index: 1 }

@media (max-width:2560px) { .nspTopInterface { margin-top: 650px } }
@media (max-width:1920px) { .nspTopInterface { margin-top: 480px } }
@media (max-width:1600px) { .nspTopInterface { margin-left: 89% } }
@media (max-width:1040px) { .nspTopInterface { margin-left: 85% } }
@media (max-width:690px) { .nspTopInterface { margin-top: 220px; margin-left: 48% } }
@media (max-width:380px) { .nspTopInterface { margin-top: 220px; margin-left: 44% } }

/* buttons */
.nspPagination { float: left; list-style-type: none; margin: 5px 0 0 0; padding: 0 }

.nspPagination li { float: left; width: 40px; height: 40px; background: #2a588c; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; padding: 0; margin: 1px 15px 0 0 }

@media (max-width:2560px) { .nspPagination li { width: 38px; height: 38px; margin: 1px 10px 0 0 } }
@media (max-width:1920px) { .nspPagination li { width: 33px; height: 33px; margin: 1px 6px 0 0 } }
@media (max-width:1600px) { .nspPagination li { width: 26px; height: 26px } }
@media (max-width:1040px) { .nspPagination li { width: 20px; height: 20px } }
@media (max-width:690px) { .nspPagination li { width: 8px; height: 8px } }

.nspPagination li:hover, .nspPagination li.active { background-color: #FFFFFF }

.nspPagination li a { font-size: 0 }

/* 2-3RD HORIZONTAL SIZING (GOES WITH RIGHT SIDE MODULE - SEE BELOW ) */
.short_banner { width: 66.6666% !important }

@media (max-width:1400px) { .short_banner { width: 50% !important } }

@media (max-width:960px) { .short_banner { width: 100% !important } }

.short_banner .nspMain { width: 100% !important }

/* RIGHT SIDE MODULE */
.moduletable_side { float: right; width: 33.3333% }

@media (max-width:1400px) { .moduletable_side { width: 50% } }

@media (max-width:960px) { .moduletable_side { width: 100% } }

.custom_side { position: relative; display: table; height: 1080px; border: 0 !important; border-left: 20px solid #F4F4F8 !important }

@media (max-width:2560px) { .custom_side { height: 720px; border-width: 12px !important } }
@media (max-width:1920px) { .custom_side { height: 540px; border-width: 10px !important } }

@media (max-width:960px) { .custom_side { height: auto; border-left: 0 !important } }

.casing { display: table-cell; vertical-align: middle }

@media (max-width:1040px) { .casing { display: block; float: left; width: 100%; padding: 40px 0 } }

@media (min-width:1041px) { .moduletable_side h1, .moduletable_side h2, .moduletable_side p { width: 80%; padding-right: 10%; padding-left: 10% } }

.moduletable_side p { color: #FFFFFF }

/* VIDEO BACKGROUND */
.jux-video-mobiles { position: absolute; top: 0; width: 100%; max-width: 3840px; height: 1180px; z-index: 0 }

@media (max-width:2560px) { .jux-video-mobiles { height: 653px } }
@media (max-width:1920px) { .jux-video-mobiles { height: 490px } }
@media (max-width:690px) { .jux-video-mobiles { display: none } }

.mbYTP_wrapper iframe { max-width: none !important; margin-top: -100px !important }

@media (max-width:2560px) { .jux-video-mobiles { margin-top: 25px !important } }
@media (max-width:1920px) { .jux-video-mobiles { margin-top: 40px !important } }