/* BODY *********************/
body { display: block; width: 100%; max-width: 3840px; margin: 0 auto; overflow-x: hidden; background-color: #111111 }

/* IMAGES */
img { float: left; width: 100%; margin: 0; border: 0 }

/* DASHBOARD */
#dashboard { position: fixed; top: 0; max-width: 3840px; margin: 0 auto; width: 100%; height: 220px; background-color: #FFFFFF; z-index: 3 }

@media (max-width:2560px) { #dashboard { height: 175px } }
@media (max-width:1920px) { #dashboard { height: 130px } }

@media (max-width:1040px) { #dashboard { position: relative; float: left; height: auto } }

/* COMPONENTS */
.components { position: relative; float: left; width: 100%; margin-top: 220px; background-color: #FFFFFF; z-index: 1 }

@media (max-width:2560px) { .components { margin-top: 175px } }
@media (max-width:1920px) { .components { margin-top: 130px } }
@media (max-width:1040px) { .components { margin-top: 0 } }

/* PRE-FOOTER */
.prefooter { display: block; position: relative; float: left; width: 100%; height: auto; background-color: #1a1f23 }

@media (max-width:690px) { .prefooter { display: none; padding-bottom: 40px } }

.prefooter ul { display: table; width: 100%; table-layout: fixed; list-style: none; padding: 0; margin: 0 }

.moduletable_prefooter { display: table-cell; padding: 60px 100px 80px }

@media (max-width:2560px) { .moduletable_prefooter { padding: 40px 70px 60px } }
@media (max-width:1920px) { .moduletable_prefooter { padding: 30px 50px 50px } }
@media (max-width:1400px) { .moduletable_prefooter { padding: 30px 20px } }
@media (max-width:690px) { .moduletable_prefooter { display: block; padding: 20px 20px 0 } }

@media (min-width: 691px) and (max-width: 1040px) { .moduletable_prefooter:nth-child(5), .moduletable_prefooter:nth-child(6) { display: none } }

.moduletable_prefooter h3 { font-size: 30px; line-height: 30px; color: #CCCCCC; padding: 0 0 20px; border: 0 }

@media (max-width:2560px) { .moduletable_prefooter h3 { font-size: 24px; line-height: 24px; padding: 0 0 20px } }
@media (max-width:1920px) { .moduletable_prefooter h3 { font-size: 16px; line-height: 16px; padding: 0 0 20px } }
@media (max-width:1920px) { .moduletable_prefooter h3 { font-size: 13px; line-height: 13px; padding: 0 0 10px } }
@media (max-width:1040px) { .moduletable_prefooter h3 { text-align: left } }
@media (max-width:690px) { .moduletable_prefooter h3 { margin: 0 } }

.moduletable_prefooter li { font-family: 'Lato', sans-serif; font-size: 22px; line-height: 22px; color: #7A7A7A; text-transform: uppercase; padding: 0 0 4px 0; margin: 0 }

@media (max-width:2560px) { .moduletable_prefooter li { font-size: 18px; line-height: 18px } }
@media (max-width:1920px) { .moduletable_prefooter li { font-size: 12px; line-height: 12px } }

.moduletable_prefooter a { width: 100%; margin-bottom: 10px; color: #CCCCCC }

/* FOOTER */
.moduletable_footer { display: block; position: relative; float: left; width: 100%; height: 140px; background-color: #111111; z-index: 2 }

@media (max-width:1920px) { .moduletable_footer { height: 70px } }
@media (max-width:690px) { .moduletable_footer { height: 70px; border-top: 10px solid #1a1f23 } }

.custom_footer { position: relative; display: table; width: 94%; height: inherit; padding: 0 3% }

.moduletable_footer p {  display: table-cell; vertical-align: middle; font-size: 20px; line-height: 0; color: #FFFFFF; text-transform: uppercase; text-align: right; padding: 0 }

@media (max-width:1920px) { .moduletable_footer p { font-size: 10px } }
@media (max-width: 690px) { .moduletable_footer p { text-align: center } }

/* SCROLL TO TOP */
#scrollToTop { width: 80px; height: 80px; border-radius: 10px; right: 140px; bottom: 20px; background-color: #2a588c }

@media (max-width:2560px) { #scrollToTop { width: 60px; height: 60px; border-radius: 6px; right: 102px; bottom: 15px } }
@media (max-width:1920px) { #scrollToTop { width: 30px; height: 30px; border-radius: 4px; right: 62px; bottom: 10px } }


/* POPUP VIDEOS */
@media (max-width:690px) { #colorbox { width: 80% !important; margin-left: 10% !important } }

@media (max-width:690px) { #cboxWrapper, #cboxContent { position: relative !important; width: 100% !important; height: auto !important; padding: 0 !important } }

@media (max-width:690px) { #cboxLoadedContent { position: relative !important; width: 95% !important; height: auto !important; padding: 2.5% !important } }