/* CSS Document for Screens */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

body { font-family: 'Open Sans Condensed', sans-serif; font-size: 16px; font-weight: 300; color: #000000; margin: 0; padding: 0; }

#page { max-width: 100%; margin: 0 auto; position: relative; }


/* ABOUT US, MEDIA, TEAM, SITE TERMS AND CONDITIONS & DISCLOSURES text*/

h1 { margin: 0 0 1em 0; font-size: 2.8em; font-weight: 300; text-align: center; }
h2 { margin: 0 0 .5em 0; font-size: 2em; font-weight: 300; text-align: center; }
h3 { margin: 0 0 .3em 0; font-size: 1.7em; font-weight: 300; line-height: 1.1em; text-align: center; }
h4 { margin: 0 0 .3em 0; font-size: 1em; font-weight: 600;}
h5 { margin: 0 0 .3em 0; font-size: 1.7em; font-weight: 600; line-height: 1.1em; }
h6 { margin: 0 0 .3em 0; font-size: .9em; font-weight: 300; text-align: center;}

.highlight-txt4 { 'Open Sans Condensed', sans-serif; font-size: 1.1em; margin-top: 9px; line-height: 1.5em;}
.highlight-txt3 { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.1em; line-height: 1.5em;}
.highlght-indent { font-family: 'Open Sans Condensed', sans-serif; text-indent: 18px; line-height: 1.5em;}
.text-pt-larger { font-weight: 600; font-size: 1.3em; letter-spacing: 0.6px; line-height: 1.5em;}

b { font-weight: bold; }
p { margin: 0 0 .5em 0; }
a { color: #007eff; }
a:visited { color: #65b1ff; }
p.white { color: #ffffff; text-align: center; }
h4 a { color: #3d0065; }
h4 a:visited { color: #d6dcfa; }


/*  IMAGES IN TEXT */
.imginline- { border-radius: 9px; border-style: solid; solid-color: #000; border-width: 2px; }
img.sml-photo-container { margin-top: 12px; width: 60px; height: 60px; border-radius: 30px; }

/* AUDIO BOX */
div.audio-box {
    margin: 20px 2% 10px 0;
    float: left;
}

/* HEADER */
header.navbr_container { height: 72px; background: #000000; position: relative; }
header a.logo { z-index: 3; position: absolute; display: block; width: 180px; height: 60px; background: url(../img_001/logos/muezbiz_sml_logo_clr.svg) no-repeat 0 0; background-size: contain; top: 15px; left: 20px; }
header a.logo span { display: none; }


/* NAVBAR */
nav { z-index: 2; position: absolute; top: 0%; left: 0%; right: 2%; padding: 8px 0 0 0; width: 98%; font-size: 1.5em; }

nav::after { content:''; display: block; clear: both; }

nav ul { list-style: none; margin: 0; float: right; padding: 0px 0px; }

nav ul li:hover { background-color: #2d0306; border-radius: 6px; }
nav ul li:hover > ul { display: block; }
nav ul li a { display: inline-block; padding: 10px 10px; width: 185px; position: relative; font-size: 1.0em; font-weight: 700; color: #c2b7b3; text-decoration: none; }

nav ul li a:visited { color: #988ca7; }
nav ul li a:hover { background-color: #43447b; border-radius: 6px; }

nav ul ul { position: absolute; top: 100%; background-color: #680306; display: none; border-radius: 6px; }
nav ul ul li { position: relative; }
nav ul ul ul { left: 100%; top: 0; }
nav > ul > li > li.nav-dirctlink { width: 100%; }

/* Top-level */
nav > ul { padding-left: 5%; }
nav > ul > li { float: left; }
nav > ul > li > a { width: auto; padding: 10px 20px 15px 20px; }
nav > ul > li > a.logout-navbrspc {  }

nav a[aria-haspopup='true']::after { content: ''; display: block; width: 0; height: 0; position: absolute; top: 16px; right: 15px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #fff; }

nav > ul > li > a[aria-haspopup="true"]::after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; left: 20px; right: auto; bottom: 6px; top: auto;  }

/* ACTION MENU BAR BUTTONS */
/*.logout-button { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; width: 100%; background-color: #680306; border: 1px solid #680306; color: #fff; text-align: left; margin: 2px 0 6px 0; font-weight: 700; }*/
.join-button { font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; width: 100%; background-color: #62c3ff; border: 1px solid #65dfd2; color: #fff; text-align: left; margin: 2px 0 6px 0; font-weight: 700; }
/* ACTION BUTTONS */
.action-button { height: 32px; margin: 8px 2% 10px 0; border-radius: 6px; border: 1px solid #71cbff; background-color: #71cbff; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; color: #fcfcff; font-weight: 700; letter-spacing: 1px; line-height: 10px; text-align: center; }
.action-button:hover { background-color: #16a0df; }
.action-button.link {background-color: #680306;}
.action-button.link:hover {background-color: #988ca7;}

a.actn-bttn { margin: 0 auto 0 auto; padding: 10px 1% 10px 1%; border-radius: 6px; border: 1px solid #fffbf9; background-color: #8fb0ff; font-family: 'Open Sans Condensed', sans-serif; font-size: 2.9em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
a.actn-bttn:hover { background-color: #65dfd2; }


/* PORTRAIT BOX height: 200px; */
div.portrait-blk { width: 130px; padding: 10px 10px 12px 10px; margin: 0 3% 22px 0; background-color: #98C3E7; border-radius: 9px; font-weight: 700; color: #fff; text-align: center; float: left; }
div.portrait-blk img { margin-top: 4px; border-radius: 4px; }

/* COUNTER */
div.counter { text-align: center; font-size: 1em; font-weight: 600; color: #d1c5d0; }


/* SECTION -- All */
section { padding: 0 0; }
section::after { content:''; display: block; clear: both; }
section.img.inline-img { border-radius: 9px; }


/* GENBAR */
section.genrebar {
    position: relative;
    width: 85%;
    margin: 0 auto 0 auto;

    border-radius: 9px;
} /* background-color: #000000; */

section.genrebar aside .genre-block {
    width: 8%;
    float: left;
    margin: auto;
    text-align: center;
}

section.genrebar aside .genre-block a img {
    width: 60%;
}

section.genrebar aside p {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: .8em;
    font-weight: 700;
    color: #a79c98;
}

section.genrebar.in-nav {
    padding-top: 70px;
    background-color: transparent;
}

section.genrebar.in-nave aside genre-block {
    width: 5%;
    float: left;
    margin: auto;
}
/* IN DEV - GENRE BUTTONS */
aside.report-iconbx form input.rprt-it-bx.icon-bx.btn {
    height: 28px;
    display: inline-block;
    padding: 6px 12px 6px 12px;
    vertical-align: middle;
    horiz-align: center;
}

aside.report-iconbx form input.rprt-it-bx.icon-bx:hover {
    background: url(../img_001/icons/report_target_clkd.svg) no-repeat 0 0;
}

/* DIV -- Fullcol-blue columns */
div.fullcol-blue { padding: 0px 2% 20px 2%; background-color: #6042C4; }
/*div.fullcol-blue h2 { font-size: 2.5em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }*/

div.cntrJoinbuttn { margin: 0 auto 0 auto; width: 90%; }
div.cntrJoinbuttn a.actn-bttn img { height: 50px; width: 50px; border-radius: 50%; }
aside div.rghtJoinbuttn { margin: 0 0 0 0; width: 31%; float: left; }


/* BANNER IMG */
div.bnnr-full { margin: 0 0 -20px 0; }
div.bnnr-full img { width: 100%; margin: 0 0 -10px 0; }

/*div.imageContainer { position: relative; background: url(../img_001/intro-pages/audience_bnnr1.jpg); background-size: 100%; width: 100%; height: 300px; background-repeat: no-repeat; }*/

/* INDEV 07-2019 Section - full-col-blk */
div.fullcol-blk { padding: 0 0 1% 0; background-color: #000000; }
div.fullcol-blk article h2 img { width: 100px; }
div.fullcol-blk article h2 img.logo-bx { margin: 3px -1px -1.5px 0px; }

aside div.fullcol-blk.cntr { height: 500px; }
/*aside div.fullcol-blk.cntr h1a a { font-size: 2.2em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #00d9ff; }
aside div.fullcol-blk.cntr h1a a:hover { color: #23ff7a; }*/
div.fullcol-blk h1 { font-size: 2.6em; margin: 20px 0 20px 0; font-weight: 300; text-align: center; color: #ffffff; }
div.fullcol-blk h2 { font-size: 1.6em; margin: 0 100px 20px 100px; font-weight: 300; line-height: 1.2em; text-align: center; color: #ffffff; }

/* WARNING BOX ____________________________________________________________________________________ */

div.announcements { margin: 40px 0 20px 0; padding: 12px 5% 14px 5%; background-color: #100121; text-align: center; }

p.h2Wa { font-size: 1.2em; font-weight: 300; line-height: 1.3em; text-align: center; color: #ffffff; margin-bottom: 9px; }

/* _________________________________________________________________________________________________ */

div.fullcol-blk h3 { font-size: 1.2em; font-weight: 300; text-align: center; }
div.fullcol-blk h3 a { font-weight: 700; color: #00d9ff; text-decoration: none; }


/* DIV --  purpCntrCol tag line */
aside div.purpCntrCol.cntr { height: 680px; padding: 20px 2% 10px 2%; background-color: #310c47; }
aside div.purpCntrCol h1 { font-size: 3em; margin: 10px 0 20px 0; font-weight: 300; text-align: center; color: #ffffff; }
/*aside div.fpurpCol.cntr h1a a { font-size: 3.5em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #00d9ff;  }/*text-decoration: none;
aside div.purpCntrCol.cntr h1a a:hover { color: #23ff7a; }*/
div.purpCntrCol h2 { font-size: 2.4em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
div.purpCntrCol h3 { font-size: 2em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
div.purpCntrCol h4 { font-size: 1.5em; margin: 10px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }



/* DIV --  Fullcol-prle2 */
div.fullcol-prpl2 { padding: 40px 0 40px 0; background-color: #361163; }
div.fullcol-prpl2 h2 { font-size: 1.5em; margin: 20px 2% 20px 2%; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }


/* INDEX PAGE INTRO FILM */
div.intofilm { width: 60%; margin: 22px auto 0 auto;  }
div.intofilm-a { width: 70%; margin: 8px 0 16px 0; }
div.intofilm iframe { width: 100%; height: 560px; }

/* DIV -- Fullcol-purple columns */
aside div.purpleCol { height: 680px; background-color: #521289; padding: 10px 5% 16px 5%; }
aside div.purpleCol h1 { font-size: 2.5em; margin: 10px 0 0 0; font-weight: 600; text-align: center;   }
aside div.purpleCol h1 a { font-size: 2em; margin: 20px 0 0 0; font-weight: 600; text-align: center; color: #00d9ff;  }
aside div.purpleCol h1 a:hover { color: #23ff7a; }

aside div.purpleCol h2 { margin: 0 0 18px 0; font-size: 1.7em; line-height: 1.3em; font-weight: 300; text-align: center; color: #ffffff; }

aside div.purpleCol h6 { font-family: 'Open Sans Condensed', sans-serif; text-align: center; }
aside div.purpleCol h6 a { font-size: 2.5em; margin: 20px 0 20px 0; font-weight: 600;  color: #00d9ff;  }/*text-decoration: none;*/
aside div.purpleCol h6 a:hover { color: #23ff7a; }


/* INTRO */
div.intro { margin: 0 2% 0 2%; text-align: center; }
div img.intro-img { width: 300px; height: 300px; }
div img.sml-img-aside { width: 35%; margin: 0 2% 0 0; border-radius: 6px; float: left; }

/* EXPLANAION ON IDEX.PHP */
.explanation { padding: 10px 5% 10px 5%; }


/* MUEZBIZ LOGO ON INDEX.HTM */
div.fullcol-blk h2 img { width: 150px; }
div.fullcol-blk h2 img.logo-bx { margin: 6px -2px -1.5px 0px; }


/* INTRODUCTION PAGES FOR RETAILERS AND PUBLISHERS */
div.fullcol-blk h3 { font-size: 1.5em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
div.fullcol-blk img.responsive { width: 100%; }



/* Highlighted text on black bar to open join form box. */
div.fullcol-blk h2.note { font-size: 1.4em; color: #00d9ff; }
div.fullcol-blk h3 { font-size: 3em; text-align: center; }
div.fullcol-blk h3 a { font-weight: 700; color: #00d9ff; text-decoration: none; }
div.fullcol-blk h3 a:hover { color: #23ff7a; }


/* DIV -- full-col-cntrd */
div.full-col-cntrd { padding: 1% 1%; color: #000000; text-align: center; }
div.full-col-cntrd75p { width: 100%; margin: 0 auto 0 auto; }
div.full-col-cntrd h1 { font-size: 2.5em; margin: 40px 0 40px 0; }
div.full-col-cntrd h2 { font-size: 2em; }
div.full-col-cntrd h3 { font-size: 1.7em; }


/* DIV -- Single Column */
div.sngl-col { width: 50%; margin: 16px auto 16px auto; }
div.sngl-col-cntrd75p { width: 100%; margin: 0 auto 0 auto; }
div.sngl-col-cntrd h1 { font-size: 2.5em; margin: 40px 0 40px 0; }
div.sngl-col-cntrd h2 { font-size: 2em; }
div.sngl-col-cntrd h3 { font-size: 1.7em; }


/* SECTION -- one-col */
section.one-col h1 { text-align: center; margin-bottom: 4px; }
section.one-col h2 { text-align: center; }
section.one-col h3 { margin-top: 16px; }
section.one-col p { text-align: left; }
section.one-col { margin: 30px auto 40px auto; width: 45%; }
section.one-col div.content-cntrd { text-align: center; }
section.one-col div.content { text-align: left; }

.legal { font-size: 16px; }
.pull-quote { margin: 0 auto 20px auto; width: 65%; font-size: 1.5em; color: #0730A2; text-align: center; }

/* SECTION -- two-col */
section.two-col { width: 100%; margin: 0 0 0 0; }

section.two-col div.mrkting-col { width: 40%; float: left; padding: 10px 4% 10px 4%; }

section.two-col div.logon-join-col { width: 45%; margin: 24px 0 6px 0; border-radius: 6px; float: left; background-color: #7536f0; padding: 0 2% 4% 2%; }


/* SECTION -- two-col HEADINGS */
section.two-col h1 { margin: 30px 0 4px 0; line-height: 1.2em; }
section.two-col h2 { text-align: center; margin: 0 0 10px 0; }
section.two-col h3 { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.7em; text-align: center; letter-spacing: -0.5px; word-spacing: -0.7px; }
section.two-col p {  font-size: 1.2em; text-align: left; margin-bottom: 2px; }

/*section.two-col aside { width: 50%; float: left; margin: 0 0 0 0; padding: 0 2% 0 2%; }*/

section.two-col aside div.content img { display: block; margin: 0 auto 0 auto; }

section.two-col aside h3 a { color: #000; text-decoration: none; }
section.two-col aside h3 a:hover { text-decoration: underline; }




/* SECTION -- three-col */
section.three-col { width: 100%; margin: 0 0 0 0; }
section.three-col h2 { text-align: center; }
section.three-col h3 { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.7em; text-align: center; letter-spacing: -0.5px; word-spacing: -0.7px; }
section.three-col p {  font-size: 1.2em; text-align: left; margin-bottom: 2px; }

section.three-col aside { width: 33.31%; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }

section.three-col aside div.content img { display: block; margin: 0 auto 0 auto; }

section.three-col aside h3 a { color: #000; text-decoration: none; }
section.three-col aside h3 a:hover { text-decoration: underline; }


/* SECTION -- Multi-col */
section div.multi-column { width: 100%; margin: 40px 0 0 0; }
section div.multi-column aside { float: left; }
section div.multi-column aside img { width: auto; margin: 0px 6px 0px 6px;  }



/* FOOTER */
footer { height: 120px; background: #000000; position: relative; margin-top: 20px; padding: .25% .5% .75% .5%; font-size: .8em; font-weight: 700; color: #dacfcb; }
footer aside { float: right; margin: -6px -3px 0px -3px; }
footer aside ul li { margin: 4px; }
footer aside div.logo-copyright { margin-top: 12px; }
footer ul { list-style: none; }
footer a { color: #dacfcb; text-decoration: none; }
footer section.footer-link aside a img { font-family: 'Open Sans Condensed', sans-serif; margin-top: 6px; height: 50px; width: 150px; }
footer a:visited { color: #988ca7; }


/* RULES */
.hr-1 { border-top: 2px solid #D0E1FF; }
.hr-1b { border-top: 2px solid #dacfcb; }
.hr-2 { border-top: 4px solid #D0E1FF; }
.hr-2b { border-top: 4px solid #dacfcb; }
.hr-1b-minussp { border-top: 2px solid #dacfcb; margin-top: -6px; margin-bottom: -6px; }
.error { text-align: center; font-size: 1em; color: #a94442; font-weight: 700; margin-bottom: 8px; }


/* FORMS */
/*p { font-family: 'Open Sans Condensed', sans-serif; }*/
div.form-sngl-col { margin: 0 auto 0 auto; width: 340px; background-color: transparent; text-align: center; }
div.form-sngl-col.pg { width: 30%; }
div.form-sngl-col header h2 { font-size: 1.5em; }
div.form-sngl-col a:hover { display: block; background-color: transparent; width: 75%; margin: 0 auto 0 auto; }

form .mmbr-dirtive { text-align: center; font-size: 1.1em; margin: 8px 0px 1px 0; color: #36648b; font-weight: 700; }
form .mmbr-dirtive-left { text-align: left; margin-left: 0px; }
div.sngl-col h4.mmbr-dirtive { font-size: 1.2em; text-align: center; font-weight: 600; }
div.sngl-col h4.mmbr-dirtive a { color: #0B57C6; text-align: center;  }
div.sngl-col h4.mmbr-dirtive a:hover { color: #686cf0; text-align: center; }

form .mmbrDirection { text-align: left; font-size: 1.1em; margin: 3px 0 16px 0; color: #36648b; font-weight: 300; }
form .mmbrDirection-a { text-align: left; font-size: 1.1em; margin: -8px 0 10px 0; color: #36648b; font-weight: 300; }

form .direct { text-align: center; font-size: 1.1em; margin: 3px 0 16px 0; color: #ceddff; font-weight: 300; }
form .direct-a { text-align: left; font-size: 1.1em; margin: -8px 0 10px 0; color: #ceddff; font-weight: 300; }

/* Add a background color when the inputs get focus */
input[type=text]:focus, input[type=password]:focus {
    background-color: #dcd7e5;
    outline: none;
    color: #6b61dd;
    font-weight: 300;
}



/* CHECK BOXES */
.form-sngl-col input[type="checkbox"] { display: none; }
label { cursor: pointer; }
input[type="checkbox"] + label:before { width: 40px; height: 40px; margin: -10px 1.5% 0 -30px; border-radius: 50%; background: #c7c9e4; color: rgba(156, 140, 189, 0.65); content: "X"; padding-top: 1px; display: inline-block; font-size: 1.6em; vertical-align: top; }
input[type="checkbox"]:checked + label:before { width: 40px; height: 40px; border-radius: 50%; padding: 1%; background: #aad7fd; color: #3d0065; content: "\2713"; text-align: center; }
input[type="checkbox"]:checked + label:after { font-weight: 700; }
label.chk-label { margin: 10px 0 0 1%; font-weight: 700; }
label.chk-label-wht { margin: 10px 0 0 1%; font-weight: 700; color: #ceddff; }



form .form-inputbx { width: 98.5%; height: 48px; margin: 3px auto 1px auto; padding: 3px 6px 3px 6px; background-color: #e0e4ff; border: 1px solid #e0e4ff; border-radius: 6px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; font-size: 1.4em; color: #2c004b; text-align: center; }

form input.form-inputbx-lrg { width: 100%; height: 66px; margin: 3px auto 1px auto; background-color: #e0e4ff; border: 1px solid #e0e4ff; border-radius: 6px; padding: 3px 0; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; font-size: 1.8em; color: #2c004b; text-align: center; }



/*form select.form-inputbx { height: 56px; margin: 12px auto 12px auto; padding: 6px 6px 6px 6px; border: 1px solid #A3A3A3; border-radius: 6px; width: 100%; font-family: "Open Sans Condensed", Gotham, Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 600; font-size: 1.6em; color: #655c5c; text-align: center; } */

/*form select option { font-size: 2.5em; }*/

.text-inputbx { width: 100%; border: 1px solid #A3A3A3; border-radius: 6px; color: #000000; margin: 8px 0 8px 0; max-height: 80px; min-height: 80px; max-width: 100%; min-width: 100%; font-family: 'Open Sans Condensed', sans-serif; font-weight: 300; font-size: 1.2em; padding: 6px 6px 6px 6px; }
.hidden { display: none; }

form .submit-button { width: 100%; padding: 9px 0 12px 0; margin: 12px 0 1px 0; border-radius: 6px; color: #ffffff; background-color: #0FB3F3; border: 1px solid #0FB3F3; font-family: 'Open Sans Condensed', sans-serif; font-size: 2em; font-weight: 600; letter-spacing: 1px; line-height: 1.2em; text-align: center; }
form .submit-button:hover { background-color: #78F3DE; }

form .submit-button-sml { width: 25%; height: 32px; margin: 12px 0 1px 0; border-radius: 6px; color: #ffffff; background-color: #0FB3F3; border: 1px solid #0FB3F3; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.3em; font-weight: 600; letter-spacing: 1px; line-height: 1.2em; text-align: center; }
form .submit-button-sml:hover { background-color: #78F3DE; }

/* DARK BOX MODEL */
.modalDialog {
    position: fixed; top: 20px; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; overflow-y: auto; }
.modalDialog:target {
    opacity: 1; pointer-events: auto; }
.modalDialog > div { z-index: 7; width: 380px; position: relative; margin: 1% auto 10% auto; padding: 0% 2% 2% 2%; border-radius: 10%; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999);  background: -o-linear-gradient(#fff, #999); }
.close { z-index: 6; background: rgba(252, 252, 255, 0.8); color: #000000; position: absolute; right: -14px; top: -14px; text-align: center; width: 48px; height: 48px; text-decoration: none; font-size: 1.6em; font-weight: 700; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }
.close:hover { width: 48px; height: 48px; border-radius: 50%; background: #00d9ff; }

/* .modalDialog > div { z-index: 7; width: 380px; position: relative; margin: 1% auto 10% auto; padding: 2% 0px 2% 0px; border-radius: 20px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999);  background: -o-linear-gradient(#fff, #999); }
.close { z-index: 6; background: rgba(252, 252, 255, 0.8); color: #000000; line-height: 28px; position: absolute; right: -14px; text-align: center; top: -10px; width: 48px; height: 48px; text-decoration: none; font-size: 1.6em; font-weight: 700; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }
.close:hover { background: #00d9ff; } */




/* MEDIA QUERIES */
@media screen and (max-width: 1300px) {

    /* INTRO */
    div.intro { margin: 0 0% 0 0%; text-align: center; }
    div img.intro-img { width: 200px; height: 200px; }


    /* INDEV 07-2019 Fullcol-black */
    div.fullcol-blk { padding: 10px 1% 20px 1%; }
    div.fullcol-blk h1 { font-size: 2em; margin: 4px 0 10px 0; font-weight: 600; text-align: center; color: #ffffff; }
    /*aside div.fullcol-blk.cntr h1a a { font-size: 3.5em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #00d9ff;  }/*text-decoration: none;
    aside div.fullcol-blk.cntr h1a a:hover { color: #23ff7a; }*/
    div.fullcol-blk h2 { font-size: 1.5em; margin: 12px 0 12px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    div.fullcol-blk h3 { font-size: 1.2em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    div.fullcol-blk h4 { font-size: 1em; margin: 10px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }



    /* FORMS */
    form .form-inputbx { width: 96%; }



    /* DIV --  purpCntrCol tag line */
    /*div.purpCntrCol { height: 530px; padding: 10px 1% 20px 1%;  }*/
    aside div.purpCntrCol h1 { font-size: 2.4em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #ffffff; }
    aside div.purpCntrCol.cntr { height: 530px; padding: 20px 2% 10px 2%; background-color: #310c47; }
    /*aside div.fpurpCol.cntr h1a a { font-size: 3.5em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #00d9ff;  }/*text-decoration: none;
    aside div.purpCntrCol.cntr h1a a:hover { color: #23ff7a; }*/
    aside div.purpCntrCol h2 { font-size: 1.6em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    aside div.purpCntrCol h3 { font-size: 1.3em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    aside div.purpCntrCol h4 { font-size: 1.1em; margin: 10px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }

    /* INDEX PAGE INTRO FILM */
    div.intofilm { width: 65%; margin: 22px auto 0 auto; }
    div.intofilm iframe { width: 100%; height: 450px; }

    /* Section - full-col-purple */
    aside div.purpleCol { height: 530px; margin: 0 0 0 0; background-color: #521289; padding: 30px 5% 10px 5%; }
    aside div.purpleCol h1 { font-size: 2em; margin: 20px 0 12px 0; font-weight: 600; text-align: center; color: #ffffff; }
    aside div.purpleCol h1 a { font-size: 1.1em; margin: 10px 0 10px 0; font-weight: 600; text-align: center; color: #00d9ff; }
    aside div.purpleCol h1 a:hover { color: #23ff7a; }
    /*aside div.purpleCol { margin: 0 0 0 0; background-color: #6042C4; padding: 20px 10% 10px 10%; }*/

    aside div.purpleCol h2 { font-size: 1.3em; line-height: 1.1em; margin: 10px 0 10px 0; font-weight: 300; text-align: center; color: #ffffff; }

    /* DIV -- Fullcol-blue columns */
    a.actn-bttn { margin: 0 auto 0 auto; padding: 6px 1% 6px 1%; border-radius: 6px; border: 1px solid #fffbf9; background-color: #8fb0ff; font-family: 'Open Sans Condensed', sans-serif; font-size: 2em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
    /*a.actn-bttn-gry { margin: 0 auto 0 auto; padding: 20px 1% 20px 1%; border-radius: 6px; border: 1px solid #fffbf9; background-color: #6042C4; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.3em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
	a.actn-bttn-gry:hover { background-color: #65dfd2; }*/

    div.imageContainer {
        position: relative;

        /*background: url(../img_001/intro-pages/audience_bnnr1.jpg);*/
        background-size: 100%;
        width: 100%;
        height:170px;
        background-repeat: no-repeat;
    }

    div.imageContainer h1a { margin: 0 0 0 0%; position: absolute; padding: 5% 2% 0 2%; font-size: 2em; font-weight: 600; text-align: left; color: #ffffff; }

    /* Slide Caption text */
    .slideText { font-size: 2em; }

}



/* MEDIA QUERIES */
@media screen and (max-width: 825px) {

    body { font-size: 12px; }

    /* INTRO */
    div.intro { text-align: center; }
    div img.intro-img { width: 300px; height: 300px; }

    h1 { margin: 0 0 .8em 0; font-size: 1.5em; }
    .highlight-txt4 { font-family: 'Open Sans Condensed', sans-serif; font-size: .9em; margin-bottom: 3px; }
    .highlight-txt3 { font-family: 'Open Sans Condensed', sans-serif; font-size: .9em; margin-bottom: 3px; }
    .highlght-indent { font-family: 'Open Sans Condensed', sans-serif; text-indent: 18px; margin-bottom: 0px; }
    .text-pt-larger { font-weight: 600; font-size: 1.3em; letter-spacing: 1px; }
    /* Section - All */
    section { margin-left: 0%}

    /* Section - full-col-blk */
    div.fullcol-blk { padding: 10px 1% 20px 1%; }
    aside div.fullcol-blk.cntr { height: 320px; padding: 10px 1% 20px 1%; }
    aside div.fullcol-blk.cntr h1a a { font-size: 3em; margin: 10px 0 14px 0; font-weight: 600; text-align: center; color: #00d9ff;  }/*text-decoration: none;*/
    aside div.fullcol-blk.cntr h1a a:hover { color: #23ff7a; }
    div.fullcol-blk h1 { font-size: 2.5em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #ffffff; }
    div.fullcol-blk h2 { font-size: 1.6em; font-weight: 300; line-height: 1.2em; text-align: center; color: #ffffff; }
    div.fullcol-blk article h2 img { width: 100px; }
    div.fullcol-blk article h2 img.logo-bx { margin: 3px -1px -1.5px 0px; }

    div.fullcol-blk h3 { font-size: 1.3em; text-align: center; }
    div.fullcol-blk h3 a { font-weight: 700; color: #00d9ff; text-decoration: none; }

    /* DIV --  purpCntrCol tag line */
    aside div.purpCntrCol h1 { font-size: 2em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #ffffff; }
    aside div.purpCntrCol.cntr { height: 330px; padding: 20px 2% 10px 2%; background-color: #310c47; }
    aside div.purpCntrCol h2 { font-size: 1.6em; margin: 10px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    aside div.purpCntrCol h3 { font-size: 1.3em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    aside div.purpCntrCol h4 { font-size: 1.1em; margin: 10px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }

    /* INDEX PAGE INTRO FILM */
    div.intofilm { width: 85%; margin: 22px auto 0 auto; }
    div.intofilm iframe { width: 100%; height: 350px; }

    /* BLUE BANNER */
    div.fullcol-blue { padding: 20px 2% 20px 2%; background-color: #6042C4; }
    div.fullcol-blue h1 { font-size: 2.5em; margin: 40px 0 10px 0; font-weight: 600; line-height: 1.6em; text-align: center; color: #ffffff; }
    div.fullcol-blue h2 { font-size: 1.4em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }

    /* Section - full-col-purple */

    /*div.purpleCol h1 { font-size: 2em; margin: 20px 0 20px 0; font-weight: 600; text-align: center; color: #ffffff; }*/
    aside div.purpleCol { height: 330px; background-color: #521289; padding: 1px 5% 10px 5%; }
    aside div.purpleCol h1 a { font-size: 1em; margin: 10px 0 10px 0; font-weight: 600; text-align: center; color: #00d9ff;  }
    aside div.purpleCol h1 a:hover { color: #23ff7a; }
    /*aside div.purpleCol h1 a { font-size: 1.5em; margin: 20px 0 0 0; font-weight: 600; text-align: center; color: #00d9ff;  }
	aside div.purpleCol h1 a:hover { color: #23ff7a; }*/
    aside div.purpleCol h2 { margin: 10px 0 10px 0; font-size: 1.3em; line-height: 1em; font-weight: 300; text-align: center; color: #ffffff; }


    /* Section - full-col-cntrd */
    div.full-col-cntrd h1 { font-size: 1.75em; margin: 50px 0 40px 0; }
    div.full-col-cntrd h2 { font-size: 1.25em; }
    div.full-col-cntrd h3 { font-size: 1em; }
    /* DIV Black box tag line area join form link text */
    div.fullcol-blk h3 a { font-size: .8em; }


    /* SECTION -- two-col */
    section.two-col h1 { font-size: 1.4em; margin: 0 0 -12px 0; }
    section.two-col h2 { text-align: center; }
    section.two-col h3 { font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2em; text-align: center; letter-spacing: -0.5px; word-spacing: -0.7px; }
    section.two-col p {  font-size: 1em; text-align: left; margin-bottom: 2px; }

    section.two-col aside { padding: 0 1% 0 1%; }

    section.two-col aside h3 a {  }
    section.two-col aside h3 a:hover {  }




    /* SECTION - THREE COLUMNS */
    h2 { font-size: 1.1em; }
    h3 { font-size: 1em; }
    /*p { font-size: .8em; }*/
    section.three-col aside { width: 100%; float: none; margin: 0px auto 0 auto; position: relative; }
    section.three-col aside div.content { padding: 0px 20px 0px 20px; }
    section.three-col aside div.content p { font-size: 1em; }
    section.three-col aside div.content img { width: 60px;  }
    section.three-col aside div.content.col2 { margin-bottom: 12px; }
    section.three-col aside div.fullcol-blk img.inline-img { width: 100%; }
    /*section.three-col aside { width: 30%; margin: 0 2px 0 2px; padding: 0 1px 0 1px; }*/
    section.three-col aside img { width: 100px; height: auto; }

    /* section - sngl-col */
    div.sngl-col { margin: 12px auto 0 auto; width: 65%; }
    div.sngl-col div.content { text-align: left; }
    /* section - one-col */
    section.one-col { margin: 30px auto 40px auto; width: 85%; }
    section.one-col div.content-cntrd { text-align: center; }
    section.one-col div.content { text-align: left; }

    /* Section - Multi-col */
    section div.multi-column { width: 95%; margin: 30px auto 0 auto; }
    section div.multi-column aside {  }
    section div.multi-column aside img{ width: 20%; float: left; margin: 2px 2px 2px 2px; padding: 0 0 0 0; }


    /* DIV -- Fullcol-blue columns */
    div.fullcol-blue { padding: 20px 0% 20px 0%; }
    a.actn-bttn { margin: 0 auto 0 auto; padding: 14px .25% 14px .25%; border-radius: 6px; border: 1px solid #fffbf9; background-color: #8fb0ff; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.8em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
    a.actn-bttn:hover { background-color: #65dfd2; }
    /*a.actn-bttn-gry { margin: 0 auto 0 auto; padding: 20px 1% 20px 1%; border-radius: 6px; border: 1px solid #fffbf9; background-color: #6042C4; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.3em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
    a.actn-bttn-gry:hover { background-color: #65dfd2; }*/

    aside div.leftJoinbuttn { margin: 0 .5% 0 0; width: 33%; float: left; }
    /*aside div.cntrJoinbuttn { margin: 0 .5% 0 0; width: 33%; float: left; }*/
    aside div.cntrJoinbuttn { margin: 0 auto 0 auto; width: 95%; }
    /*aside div.rghtJoinbuttn { margin: 0 0 0 0; width: 33%; float: left; }*/

    /* FILM MODAL BOX */
    .modalFilmDialog > div { z-index: 7; width: 90%;  position: relative; margin: 2% auto 10% auto; padding: 5px 0 20px 0; border-radius: 20px; background: #fff; background: -moz-linear-gradient(#fff, #999); background: -webkit-linear-gradient(#fff, #999);  background: -o-linear-gradient(#fff, #999); }

}



/* MEDIA QUERIES */
@media screen and (max-width: 775px) {

    /* INTRO */
    div.intro { text-align: center; }
    div img.intro-img { width: 300px; height: 300px; }

    h1 { font-size: 2.6em; text-align: center; }
    h2 { font-size: 1.3em; text-align: center; }
    h3 { font-size: 1em; }
    p { font-size: .9em; }



    /* JOIN BUTTONS WITH COLUMN
    div.fullcol-blue { padding: 20px 0% 0 0%; background-color: #3B0E57; }
    a.actn-bttn { margin: 0 auto 0 auto; padding: 14px .25% 14px .25%; border-radius: 6px; border: 1px solid #fffbf9; background-color: #8fb0ff; font-family: 'Open Sans Condensed', sans-serif; font-size: 2em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
    a.actn-bttn:hover { background-color: #65dfd2; }
    a.actn-bttn-gry { margin: 0 auto 0 auto; padding: 20px .25% 20px .25%; border-radius: 6px; border: 1px solid #fffbf9; background-color: #6042C4; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
    a.actn-bttn-gry:hover { background-color: #65dfd2; }*/

    /* DIV -- Fullcol-blue columns */
    /*div.fullcol-blue { height: 428px; margin: -10px 0 0 0; padding: 10px 2% 0 2%; background-color: #3B0E57; }
    div.fullcol-blue { height: 158px; margin: -10px 0 0 0; padding: 10px 2% 0 2%; }*/

    /* BLUE BANNER */
    div.fullcol-blue { padding: 10px 2% 60px 2%; background-color: #6042C4; }
    div.fullcol-blue h1 { font-size: 2.5em; margin: 20px 0 10px 0; font-weight: 600; line-height: 1.6em; text-align: center; color: #ffffff; }
    div.fullcol-blue h2 { font-size: 1.4em; margin: 10px 0 6px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }

    a.actn-bttn { margin: 0 auto 0 auto; padding: 1px 0 10px 0; border-radius: 6px; border: 1px solid #fffbf9; background-color: #8fb0ff; font-family: 'Open Sans Condensed', sans-serif; font-size: 2em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
    a.actn-bttn:hover { background-color: #65dfd2; }
    /*a.actn-bttn-gry { margin: 0 auto 0 auto; padding: 10px 2% 10px 2%; border-radius: 6px; border: 1px solid #fffbf9; background-color: #6042C4; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.4em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
    a.actn-bttn-gry:hover { background-color: #65dfd2; }*/

    aside div.leftJoinbuttn { margin: 0 auto 4px auto; width: 98%;  }
    /*aside div.cntrJoinbuttn { margin: 0 auto 4px auto; width: 98%;  }*/
    aside div.cntrJoinbuttn { margin: 0 auto 0 auto; width: 98%; }
    aside div.rghtJoinbuttn { margin: 0 auto 4px auto; width: 98%;  }



    /*IMAGE CONTAINER WITH OVERLAY OF TEXT
    div.imageContainer { position: relative; background: url(../img_001/intro-pages/audience_bnnr1.jpg); background-size: 100%; width: 100%; height:170px; background-repeat: no-repeat; }
    div.imageContainer h1a { margin: 0 0 0 0%; position: absolute; padding: 14% 2% 0 2%; font-size: 2em; font-weight: 600; text-align: left; color: #ffffff; }*/

    /* TEXT MATTER ON STATIC PAGES */
    .highlight-txt4 { font-size: .9em; margin-bottom: 3px; }
    .highlight-txt3 { font-family: 'Open Sans Condensed', sans-serif; font-size: .9em; margin-bottom: 3px; }
    .highlght-indent { text-indent: 14px; margin-bottom: 0px; }
    .text-pt-larger { font-weight: 600; font-size: 1.1em; letter-spacing: 0.6px; }


    /* HEADER -- NAVBAR */
    header.navbr_container { margin: 0 0 0 0; height: 40px; }
    header.navbr_container a.logo { width: 80px; height: 20px; top: 8px; left: 10px; }
    nav { font-size: 1.2em; padding: 2px 0 0 0; }
    nav ul { padding: 0 2% 0 0; }
    nav ul li a { padding: 6px 6px; }
    /* below moves little white pointers */
    nav > ul > li > a[aria-haspopup="true"]::after { left: 6px; right: auto; bottom: -1px; top: auto; }




    /* MODAL BOX */
    .modalDialog > div { width: 300px; margin: 50px auto 0 auto; }

    /* SECTION --  FULL COL-BLACK */
    div.fullcol-blk h1 { font-size: 1.9em; }
    div.fullcol-blk h2 { font-size: 1.4em; line-height: 1.5em; }
    div.fullcol-blk h2 img.logo-bx { width: 90px; height: 18px; padding-bottom: 2px; margin: 2px -11px -3px -8px; }
    /* Link to join form in black box */
    div.fullcol-blk h3 a { font-size: 1em; }
    aside div.fullcol-blk.cntr { height: 320px; }
    /*aside div.fullcol-blk.cntr h1a a { font-size: 2em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #00d9ff; }/*text-decoration: none;
    aside div.fullcol-blk.cntr h1a a:hover { color: #23ff7a; }*/

    /* DIV --  purpCntrCol tag line */
    aside div.purpCntrCol h1 { font-size: 1.9em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #ffffff; }
    aside div.purpCntrCol.cntr { height: 330px; padding: 20px 2% 10px 2%; background-color: #310c47; }
    /*aside div.fpurpCol.cntr h1a a { font-size: 3.5em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #00d9ff;  }/*text-decoration: none;
    aside div.purpCntrCol.cntr h1a a:hover { color: #23ff7a; }*/
    aside div.purpCntrCol h2 { font-size: 1.4em; margin: 10px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    aside div.purpCntrCol h3 { font-size: 1.2em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    aside div.purpCntrCol h4 { font-size: 1.1em; margin: 10px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }

    /* INDEX PAGE INTRO FILM */
    div.intofilm { width: 95%; margin: 12px auto 0 auto; }
    div.intofilm iframe { width: 100%; height: 400px; }

    /* INTRO PAGE PURPLE BACKGROUND */
    aside div.purpleCol { height: 330px; margin: 0 0 0 0; background-color: #521289; padding: 1px 3% 10px 3%; }
    div.purpleCol h1 { font-size: 2em; margin: 20px 0 20px 0; font-weight: 600; text-align: center; color: #ffffff; }
    div.purpleCol h1 a { font-size: 1em; margin: 20px 0 20px 0; font-weight: 600; text-align: center; color: #00d9ff;  }
    div.purpleCol h1 a:hover { color: #23ff7a; }

    div.purpleCol h2 { margin: 20px 0 20px 0; font-size: 1.2em; line-height: 1em; font-weight: 300; text-align: center; color: #ffffff; }

    /* DIV -- Single Column */
    div.sngl-col { width: 95%; margin: 16px auto 16px auto; }
    div.sngl-col-cntrd75p { width: 100%; margin: 0 auto 0 auto; }
    div.sngl-col-cntrd h1 { font-size: 2.5em; margin: 40px 0 40px 0; }
    div.sngl-col-cntrd h2 { font-size: 2em; }
    div.sngl-col-cntrd h3 { font-size: 1.7em; }


    /* SECTION -- full-col-cntrd */
    div.full-col-cntrd h1 { font-size: 1.7em; line-height: 1.1em; margin: 20px 0 10px 0; }
    div.full-col-cntrd h3 {  }

    form .form-inputbx { width: 95%; }

    form input.form-inputbx-lrg { width: 100%; height: 66px; margin: 3px auto 1px auto; background-color: #b9d7fa; border: 1px solid #b9d7fa; border-radius: 6px; padding: 3px 0; font-family: 'Open Sans Condensed', sans-serif; font-weight: 600; font-size: 1.8em; color: #ffffff; text-align: center; }

    /* SECTION -- Footer */
    footer { height: 120px; background: #000000; position: relative; padding: .5% .125% .5% .125%; font-size: .7em; font-weight: 700; color: #dacfcb; }
    section aside.links { width: 33%; float: right; }
    footer aside ul li { margin: 4px; }
    footer aside div.logo-copyright { margin-top: 12px; }
    footer ul { list-style: none; }
    footer a { color: #dacfcb; text-decoration: none; }
    footer section.footer-link aside a img { height: 40px; width: 100px; text-align: left; }
    footer a:visited { color: #988ca7; }

    /*IMAGE CONTAINER WITH TEXT OVERLAY*/
    /*div.imageContainer { position: relative; background: url(../img_001/intro-pages/audience_bnnr1.jpg); background-size: 100%; width: 100%; height:110px; background-repeat: no-repeat; }
	div.imageContainer h1a { margin: 3% 0 0 -94%; position: absolute; padding: 5% 1% 0 1%; font-size: 2em; font-weight: 600; text-align: center; color: #ffffff; }*/

    /* Slide Caption text */
    .slideText { font-size: 2em; }

}
/*END MEDIA 745px */





/* MEDIA QUERY 425px */
@media screen and (max-width: 425px) {

    h1 { font-size: 1.8em; text-align: center; }
    h2 { font-size: 1.5em; text-align: center; }
    h3 { font-size: 1em; }
    h6 { margin: 0 0 .9em 0; font-size: 1.2em; font-weight: 300; text-align: center;}

    /* Navbar */
    header.navbr_container { height: 40px; }
    header.navbr_container a.logo { width: 50px; height: 18px; top: 11px; left: 10px; }

    nav { font-size: .8em; padding: 8px 0 0 0; }
    nav ul { padding: 0 1.6% 0 0; }
    nav ul li a { padding: 6px 6px; }
    /* below moves little white pointers */
    nav > ul > li > a[aria-haspopup="true"]::after { left: 4px; right: auto; bottom: -2px; top: auto; }

    /* Modal box */
    .modalDialog > div { width: 90%; margin: 50px auto 0 auto; }
    /* DARK BOX MODEL */

    .close { z-index: 6; background: rgba(252, 252, 255, 0.8); color: #000000; line-height: 28px; position: absolute; right: -14px; text-align: center; top: -10px; width: 48px; height: 48px; text-decoration: none; font-size: 3em; font-weight: 700; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; }
    .close:hover { background: #00d9ff; }


    /* DIV -- FULL COL-BLACK */

    div.fullcol-blk article h2 img.logo-bx { width: 70px; height: 15px; padding-bottom: 2px; margin: 0 -4px -3px -2px; font-size: 1em; }
    /* ?? -- Link to join form in introduction page. Delete when full site is up. */
    div.fullcol-blk h1 { font-size: 1.5em; margin: 20px 0 20px 0; font-weight: 600; text-align: center; color: #ffffff; }
    div.fullcol-blk h2 { font-size: 1.3em; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    div.fullcol-blk h2.note { font-size: .8em; color: #00d9ff; }
    div.fullcol-blk h3 { font-size: .7em; }
    div.fullcol-blk h4 { font-size: 1em; margin: 10px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    aside div.fullcol-blk.cntr { height: 330px; }
    aside div.fullcol-blk.cntr h1a a { font-size: 1.4em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #00d9ff; } /*text-decoration: none;*/
    aside div.fullcol-blk.cntr h1a a:hover { color: #23ff7a; }


    /* SECTION -- two-col */
    section.two-col div.mrkting-col { width: 44%; float: left; padding: 0 2% 0 0; }
    /*section.two-col h1 { font-size: 1.4em; margin: -12px 0 -12px 0; }*/

    section.two-col div.logon-join-col { width: 53%; margin: 16px 0 6px 0; border-radius: 6px; float: left; background-color: #7536f0; padding: 0 1% 2% 0; }


    /* FORMS */
    form .form-inputbx { width: 96%; height: 32px; margin: 3px 1% 1px 1%; padding: 3px 1% 3px 1%;  font-weight: 600; font-size: 1.4em; color: #2c004b; text-align: center; }


    /* DIV --  purpCntrCol tag line */
    aside div.purpCntrCol h1 { font-size: 2em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #ffffff; }
    aside div.purpCntrCol.cntr { height: 360px; padding: 20px 2% 10px 2%; background-color: #310c47; }
    /*aside div.fpurpCol.cntr h1a a { font-size: 3.5em; margin: 10px 0 20px 0; font-weight: 600; text-align: center; color: #00d9ff;  }/*text-decoration: none;
    aside div.purpCntrCol.cntr h1a a:hover { color: #23ff7a; }*/
    aside div.purpCntrCol h2 { font-size: 1.6em; margin: 10px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    aside div.purpCntrCol h3 { font-size: 1.3em; margin: 20px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }
    aside div.purpCntrCol h4 { font-size: 1.1em; margin: 10px 0 20px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }

    /* INDEX PAGE INTRO FILM */
    div.intofilm { width: 95%; margin: 12px auto 0 auto; }
    div.intofilm iframe { width: 100%; height: 200px; }

    /* BLUE BANNER */
    div.fullcol-blue { padding: 4px 3% 10px 3%; background-color: #6042C4; }
    div.fullcol-blue h1 { font-size: 1.5em; margin: 12px 0 6px 0; line-height: 1.3em; }
    div.fullcol-blue h2 { font-size: 1.2em; margin: 0 0 8px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }


    /* INTRO PAGE PURPLE BACKGROUND */
    aside div.purpleCol { height: 360px; margin: 0 0 0 0; background-color: #521289; padding: 10px 3% 10px 3%; }
    div.purpleCol h1 { margin: 14px 0 20px 0; font-size: 1em; font-weight: 600; text-align: center; color: #ffffff; }
    aside div.purpleCol h1 a { font-size: .9em; margin: 10px 0 10px 0; font-weight: 600; text-align: center; color: #00d9ff;  }
    aside div.purpleCol h1 a:hover { color: #23ff7a; }
    aside div.purpleCol h2 { margin: 8px 0 8px 0; font-size: 1.2em; line-height: 1.1em; font-weight: 300; text-align: center; color: #ffffff; }

    /* SECTION -- one-col */
    section.one-col { margin: 30px auto 40px auto; width: 95%; }
    section.one-col div.content-cntrd { text-align: center; }

    /* SECTION -- three-col */
    section.three-col aside div.content-cntrd h3.highlight-txt2 { font-family: 'Open Sans Condensed', sans-serif; font-size: 1em; text-align: center; letter-spacing: -0.5px; word-spacing: -0.7px; }


    /* DIV -- Fullcol-cntrd */
    div.full-col-cntrd { font-size: 1em; line-height: 1.1em; }

    /* SECTION -- genrebar */
    section.genrebar { width: 95%; margin: 0 auto 0 auto; padding: 6px 5% 2px 5%; border-radius: 3px; }
    section.genrebar aside .genre-block { width: 16%; margin-top: 6px; }
    section.genrebar aside p { font-size: .7em; }
    section.genrebar aside a img { width: 100%; height: auto; }

    /* CHECK BOXES */
    .form-sngl-col input[type="checkbox"] { display: none; }
    label { cursor: pointer; }
    input[type="checkbox"] + label:before { width: 30px; height: 30px; margin: -5px 2% 0 -30px; border-radius: 20px; background: #c7c9e4; color: rgba(156, 140, 189, 0.65); content: "X"; display: inline-block; font-size: 1.5em; vertical-align: top; }
    input[type="checkbox"]:checked + label:before { width: 30px; height: 30px; border-radius: 20px; background: #aad7fd; color: #3d0065; content: "\2713"; text-align: center; }
    input[type="checkbox"]:checked + label:after { font-weight: 300; }
    label.chk-label { margin: 10px 0 0 1%; font-size: 1em; }
    label.chk-label-wht { margin: 10px 0 0 1%; color: #ceddff; }

    /* ACTION BUTTON */
    a.actn-bttn { margin: 0 auto 0 auto; padding: 10px 0 10px 0; border-radius: 6px; border: 1px solid #fffbf9; background-color: #8fb0ff; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.9em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
    a.actn-bttn:hover { background-color: #65dfd2; }
    /*a.actn-bttn-gry { margin: 0 auto 0 auto; padding: 10px .25% 10px .25%; border-radius: 6px; border: 1px solid #fffbf9; background-color: #6042C4; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.2em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
    a.actn-bttn-gry:hover { background-color: #65dfd2; }*/

    /*aside div.leftJoinbuttn { margin: 0 auto 4px auto; width: 97%;  }*/
    /*aside div.cntrJoinbuttn { margin: 0 auto 4px auto; width: 97%;  }*/
    aside div.cntrJoinbuttn { margin: 0 auto 0 auto; width: 97%; }
    /*aside div.rghtJoinbuttn { margin: 0 auto 4px auto; width: 97%;  }*/

    /*IMAGE INSIDE CONTAINER WHEN TEXT IS OVERLAID
    div.imageContainer { position: relative; background: url(../img_001/intro-pages/audience_bnnr1.jpg); background-size: 100%; width: 100%; height:60px; background-repeat: no-repeat; }
    div.imageContainer h1a { margin: 5% 0 0 0; position: absolute; padding: 3% 1% 0 1%; font-size: 1.5em; font-weight: 600; text-align: center; color: #ffffff; }*/

    /* SECTION -- Footer */
    footer { padding: 3px 0 6px 3px; }
    section aside.links { width: 38%; font-size: .68em; }
    section aside.logo-col { width: 22%; }
    section aside div.logo-copyright { margin-top: 10px; font-size: .68em; }
    section aside div.logo-copyright img { width: 80px; }
    section aside ul li { margin-bottom: 4px; }

    footer a:visited { color: #988ca7; }

    /* Slide Caption text */
    .slideText { font-size: 1.1em; }
}
/* MEDIA QUERY 425px */




/* MEDIA QUERY */
@media screen and (max-width: 330px) {

    aside div.fullcol-blk.cntr { height: 320px; }


    /* PURPLE BACKGROUND ASIDES */
    aside div.purpleCol { height: 360px; padding: 6px 3% 6px 3%; margin: 0 0 0 -2px; background-color: #521289;  }
    aside div.purpleCol h1 { margin: 20px 0 10px 0; font-size: 1.3em; font-weight: 600; text-align: center; color: #ffffff; }


    /* BLUE BANNER */
    div.fullcol-blue { padding: 10px 3% 10px 3%; background-color: #6042C4; }
    div.fullcol-blue h2 { font-size: 1.1em; margin: 10px 0 10px 0; font-weight: 300; line-height: 1.4em; text-align: center; color: #ffffff; }

    div.form-sngl-col { width: 90%; text-align: center; }


    a.actn-bttn { margin: 0 auto 10px auto; padding: 10px 0 10px 0; border-radius: 6px; border: 1px solid #fffbf9; background-color: #8fb0ff; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.9em; color: #FFFFFF; font-weight: 700; letter-spacing: 1px;  text-align: center; text-decoration: none; display: block; clear: both; }
    a.actn-bttn:hover { background-color: #65dfd2; }

    input.submit-button { font-size: 1.5em; }

    /* CHECK BOXES */
    .form-sngl-col input[type="checkbox"] { display: none; }
    label { cursor: pointer; }
    input[type="checkbox"] + label:before { width: 40px; height: 40px; border-radius: 20px; margin: -10px 2% 0 0; background: #c7c9e4; color: rgba(156, 140, 189, 0.65); content: "X"; display: inline-block; font-size: 1.6em; vertical-align: top; }
    input[type="checkbox"]:checked + label:before { width: 40px; height: 40px; border-radius: 20px; background: #aad7fd; color: #3d0065; content: "\2713"; text-align: center; }
    input[type="checkbox"]:checked + label:after { font-weight: 600; }
    label.chk-label { margin: 0px 0 0 1%; font-weight: 600; }


    .chk-label { margin: 30px 0 0 1%; font-weight: 600; }


    /* INDEX PAGE INTRO FILM */
    div.intofilm { width: 95%; margin: 12px auto 0 auto; }
    div.intofilm iframe { width: 100%; height: 200px; }

    /* Slide Caption text */
    .slideText { font-size: 1em; }

}