/* Sexual Harassment */
.sexual-harassment #main .inner h1 { color: #7a0031; }
.sexual-harassment #main { padding-bottom: 50px; background: #000; }
.sexual-harassment #main .inner { padding: 0 0 40px 0; min-height: 0; }
.sexual-harassment #main .inner h2 { color: #fff; font-size: 2.7em; line-height: 1.2; margin: 0 0 25px 0; }
.sexual-harassment #main .inner p { padding: 0 0 20px 0; margin: 0; font-size: 2em; line-height: 1.4; color: #000; }
.sexual-harassment #main .inner p:last-child { padding: 0; }
.sexual-harassment #main .inner p.linebreak { padding: 0 0 5px 0 !important; }
.sexual-harassment #main .inner strong { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.sexual-harassment #main .inner a { font-weight: 400; font-family: FiraSans-Book, Arial, Helvetica, sans-serif; text-decoration: underline; color: #000; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }

.sexual-harassment #main .inner a.tel:link, .sexual-harassment #main .inner a.tel:visited, .sexual-harassment #main .inner a[href^="tel"]:link, .sexual-harassment #main .inner a[href^="tel"]:visited { text-decoration: none; font-weight: 400 !important; font-family: FiraSans-Book, Arial, Helvetica, sans-serif !important; }

.sexual-harassment #main .inner a:hover { color: #fd8a02; }
.sexual-harassment #main .inner .upper {text-transform: uppercase; }

.sexual-harassment #main ul.bullet { padding: 0; margin: 0; }
.sexual-harassment #main ul.bullet li { position: relative; padding: 0 0 15px 20px; margin: 0; list-style: none; font-size: 2em; line-height: 1.3; }
.sexual-harassment #main ul.bullet li:before { content: "\2022"; color: #fff; font-size: 30px; line-height: 1; position: absolute; top: -2px; left: -1px; }

.sexual-harassment #main ul.bullet li.nobullet { padding: 0 0 15px 60px; }
.sexual-harassment #main ul.bullet li.nobullet:before { content: "-"; left: 40px; }


.sexual-harassment #main .inner h2.lozenge { color: #fff; background: #f18f2a; padding: 7px 30px 11px 15px; border-radius: 6px; display: inline-block; line-height: 1; }

.sexual-harassment .header1 { background: #f18f2a; padding: 40px 60px; }
.sexual-harassment #main .header1 h2 { color: #fff; margin-bottom: 30px; }
.sexual-harassment #main .header1 h3 { font-family: FiraSans-Book, Arial, Helvetica, sans-serif; font-weight: 400; color: #fff; font-size: 2.7em; line-height: 1.2; margin: 0; }
.sexual-harassment #main .header1 p { color: #fff; }


.sexual-harassment .header2 { padding: 25px 60px 60px 60px; }
.sexual-harassment #main .inner .header2 h2 { color: #293b83; margin-bottom: 25px; font-size: 3em; }
.sexual-harassment .header2 .header2-bg { position: relative; margin-bottom: 110px; }
.sexual-harassment .header2 .header2-bg .survey { position: absolute; }
.sexual-harassment .header2 .header2-bg .survey1 { left: 40px; bottom: -85px; }
.sexual-harassment .header2 .header2-bg .survey2 { left: 330px; bottom: -145px; }
.sexual-harassment .header2 .header2-bg .survey3 { right: 320px; bottom: -155px; }
.sexual-harassment .header2 .header2-bg .survey4 { right: 30px; bottom: -145px; }


.sexual-harassment .header3 { padding: 0 60px 20px 60px; }
.sexual-harassment .header3 .quote { margin: 0 0 25px 0; border-radius: 0 20px 0 20px; padding: 30px 60px; text-align: center; }
.sexual-harassment .header3 .quote.blue { background: #9ae0ea; }
.sexual-harassment .header3 .quote.lilac { background: #f1cbf1; }
.sexual-harassment .header3 .quote.yellow { background: #f0d241; }
.sexual-harassment .header3 .quote.orange { background: #f1aa7b; }
.sexual-harassment #main .inner .header3 h3 { color: #293b83; text-transform: uppercase; font-size: 2.7em; margin: 0 0 10px 0; }
.sexual-harassment #main .inner .header3 .quote p { color: #293b83; font-size: 1.8em; line-height: 1.2; font-weight: 700; }


.sexual-harassment .header4 { padding: 25px 60px 140px 60px; }
.sexual-harassment #main .inner .header4 h2 { color: #7a0031; margin-bottom: 25px; font-size: 3em; }
.sexual-harassment .header4 .header4-bg { position: relative; }
.sexual-harassment .header4 .header4-bg .survey { position: absolute; }
.sexual-harassment .header4 .header4-bg .survey1 { left: 30px; bottom: -120px; }
.sexual-harassment .header4 .header4-bg .survey2 { left: 375px; bottom: -130px; }
.sexual-harassment .header4 .header4-bg .survey3 { right: 310px; bottom: -110px; }
.sexual-harassment .header4 .header4-bg .survey4 { right: 30px; bottom: -130px; }



.sexual-harassment .header5 { padding: 0 60px 20px 60px; }
.sexual-harassment .header5 .quotes-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2%; }
.sexual-harassment .header5 .quotes-container .quote { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #dbd1f3; width: 32%; margin: 0 0 25px 0; border-radius: 0 20px 0 20px; padding: 30px 60px; text-align: center; }


.sexual-harassment .header5 .quotes-container .quote.blue { background: #9ae0ea; }
.sexual-harassment .header5 .quotes-container .quote.lilac { background: #f1cbf1; }
.sexual-harassment .header5 .quotes-container .quote.yellow { background: #f0d241; }

.sexual-harassment #main .inner .header5 .quotes-container .quote p { color: #293b83; max-width: 470px; margin: 0 auto; line-height: 1.2; font-weight: 700; }
.sexual-harassment #main .inner .header5 .quotes-container .quote.narrow p { max-width: 280px; }

.sexual-harassment .header5 .quotes-container .quote span { position: relative; }
.sexual-harassment .header5 .quotes-container .quote span:before { position: absolute; width: 25px; height: 25px; display: inline-block; content: ''; }
.sexual-harassment .header5 .quotes-container .quote span.speech1:before { top: -5px; left: -35px; background: url(/img/sexual-harassment/speech1-red.png) 0 0 no-repeat; background-size: 25px 25px; }
.sexual-harassment .header5 .quotes-container .quote span.speech2:before { bottom: -5px; right: -35px; background: url(/img/sexual-harassment/speech2-red.png) 0 0 no-repeat; background-size: 25px 25px; }


.sexual-harassment .header6 { display: table; width: 100%; margin: 0 0 40px 0; }
.sexual-harassment .header6 .header6-left { width: auto; display: table-cell; vertical-align: top; background: url(/img/sexual-harassment/header6-2024.jpg) top center no-repeat; background-size: cover; }
.sexual-harassment .header6 .header6-right { width: 50%; display: table-cell; vertical-align: top; position: relative; padding: 0 60px 0 40px; }
.sexual-harassment .header6 .header6-right .indent { padding: 0 0 40px 30px; }


.sexual-harassment #main .inner .header6 .panel { background: #f18f2a; padding: 30px 20px 30px 30px; }
.sexual-harassment #main .inner .header6 .panel h3 { color: #fff; font-size: 2.4em; margin: 0 0 20px 0; }
.sexual-harassment #main .inner .header6 .panel ul.bullet li { color: #fff; }
.sexual-harassment #main .inner .header6 .panel ul.bullet li a { color: #fff; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.sexual-harassment #main .inner .header6 .panel ul.bullet li a:hover, .sexual-harassment #main .inner .header6 .panel ul.bullet li a:focus { color: #fd8a02 }


.sexual-harassment .header7 { display: table; width: 100%; height: 784px; background: #293c7f; }
.sexual-harassment .header7 .header7-left { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 40px 60px; }
.sexual-harassment .header7 .header7-right { width: auto; display: table-cell; vertical-align: middle; background: url(/img/sexual-harassment/header7-2024.jpg) top center no-repeat; background-size: cover; }
.sexual-harassment #main .inner .header7 h2 { font-size: 4em; }
.sexual-harassment #main .inner .header7 h3 { color: #fff; font-size: 2.6em; margin: 20px 0 10px 0; }
.sexual-harassment #main .inner .header7 p { color: #fff; }

.sexual-harassment #main .inner .header7 a { color: #fff; }
.sexual-harassment #main .inner .header7 a:hover, .sexual-harassment #main .inner .header7 a:focus { color: #f18f2a; }


.sexual-harassment .header8 { display: table; width: 100%; height: 627px; background: #293c7f; }
.sexual-harassment .header8 .header8-left { width: auto; display: table-cell; vertical-align: middle; background: url(/img/sexual-harassment/header8-2024.jpg) top center no-repeat; background-size: cover; position: relative; }
.sexual-harassment .header8 .header8-right { width: 50%; display: table-cell; vertical-align: middle; position: relative; padding: 40px 60px; }

.sexual-harassment .header8 .white-ribbon-logo { position: absolute; right: 60px; bottom: 35px; }
.sexual-harassment #main .inner .header8 h2 { color: #fff; }
.sexual-harassment #main .inner .header8 p,
.sexual-harassment #main .inner .header8 ul li { color: #fff; }

.sexual-harassment #main .inner .header8 a { color: #fff; }
.sexual-harassment #main .inner .header8 a:hover, .sexual-harassment #main .inner .header7 a:focus { color: #f18f2a; }

.sexual-harassment .header9 { background: #f18f2a; padding: 30px; margin: 30px 30px 50px 30px; }
.sexual-harassment #main .inner .header9 h2 { color: #fff;  font-size: 4em; }
.sexual-harassment #main .inner .header9 p { color: #fff; }
.sexual-harassment #main .inner .header9 a { color: #fff; font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }
.sexual-harassment #main .inner .header9 a:hover, .sexual-harassment #main .inner .header9 a:focus { color: #000; }


.sexual-harassment .header10 { padding: 10px 60px 0 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sexual-harassment #main .inner .header10 h2 { font-size: 1.8em; margin: 0 0 6px 0; color: #000; }
.sexual-harassment #main .inner .header10 p.help-logo { padding: 0 0 10px 0; }
.sexual-harassment #main .inner .header10 a[href^="tel"]:hover { color: #333; }
.sexual-harassment #main .inner .header10 .help { width: 48%; }

.sexual-harassment #main .inner .header10 .help.switchboard,
.sexual-harassment #main .inner .header10 .help.safeline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column;  flex-flow: column; -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end; }

.sexual-harassment #main .inner .header10 .help.switchboard { margin-bottom: 80px; }
.sexual-harassment #main .inner .header10 .help.wgn { margin-bottom: 45px; }

.sexual-harassment #main .inner a { font-family: FiraSans-Semibold, Arial, Helvetica, sans-serif; font-weight: 600; }


.sexual-harassment .header11 { display: table; width: 100%; height: 709px; background: #b91d54; }
.sexual-harassment .header11 .header11-left { width: auto; display: table-cell; vertical-align: middle; padding: 40px 60px; }
.sexual-harassment .header11 .header11-right { width: 50%; display: table-cell; vertical-align: middle; background: #ccc url(/img/sexual-harassment/header11.jpg) top center no-repeat; background-size: cover; }
.sexual-harassment #main .inner .header11 h2 { color: #fff; }
.sexual-harassment #main .inner .header11 p,
.sexual-harassment #main .inner .header11 ul li { color: #fff; }






@media screen and (max-width: 1400px) {
.sexual-harassment #main .inner p, .sexual-harassment #main .inner ul.bullet li { font-size: 1.8em; }
.sexual-harassment #main .inner .header1 h2,
.sexual-harassment #main .inner .header1 h3 { font-size: 2.5em; }

.sexual-harassment .header2 { padding: 25px 60px 4.5% 60px; }
.sexual-harassment .header2 .header2-bg .survey1 { left: 3.1%; bottom: -9.81%; width: 20.3%; }
.sexual-harassment .header2 .header2-bg .survey2 { left: 25.78%; bottom: -16.73%; width: 21.49%; }
.sexual-harassment .header2 .header2-bg .survey3 { right: 25%; bottom: -17.88%; width: 26.17%; }
.sexual-harassment .header2 .header2-bg .survey4 { right: 2.35%; bottom: -16.73%; width: 21.49%; }

.sexual-harassment #main .inner .header3 h3 { font-size: 2.3em; margin: 0 0 6px 0; }
.sexual-harassment #main .inner .header3 .quote p { font-size: 1.7em; }

.sexual-harassment .header4 .header4-bg .survey1 { left: 2.35%; bottom: -23.5%; width: 25.39%; }
.sexual-harassment .header4 .header4-bg .survey2 { left: 29.3%; bottom: -25.4%; width: 22.7%; }
.sexual-harassment .header4 .header4-bg .survey3 { right: 24.22%; bottom: -21.52%; width: 22.65%; }
.sexual-harassment .header4 .header4-bg .survey4 { right: 2.35%; bottom: -25.45%; width: 20.71%; }

.sexual-harassment .header7 { height: auto; }
.sexual-harassment .header8 { height: auto; }

.sexual-harassment #main .inner .header9 h2 { font-size: 3.5em; margin: 0 0 15px 0; }

.sexual-harassment .header11 { height: auto; }
}

@media screen and (max-width: 1200px) {
.sexual-harassment .header2 { padding: 25px 60px 3% 60px; }
}

@media screen and (max-width: 1100px) {
.sexual-harassment .header4 { padding: 25px 60px 110px 60px; }
}


@media screen and (max-width: 900px) {
.sexual-harassment .header1 { padding: 30px; }
.sexual-harassment #main .inner .header1 h2,
.sexual-harassment #main .inner .header1 h3 { font-size: 2.2em; }

.sexual-harassment .header2 { padding: 20px 30px 30px 30px; }
.sexual-harassment #main .inner .header2 h2 { margin-bottom: 20px; font-size: 2.7em; }

.sexual-harassment .header2 .header2-bg .survey1 { left: -2%; bottom: -11%; width: 25%; }
.sexual-harassment .header2 .header2-bg .survey2 { left: 22.4%; bottom: -23%; width: 25%; }
.sexual-harassment .header2 .header2-bg .survey3 { right: 22%; bottom: -19%; width: 31%; }
.sexual-harassment .header2 .header2-bg .survey4 { right: -2%; bottom: -23%; width: 25%; }

.sexual-harassment .header3 { padding: 10px 30px 0 30px; }
.sexual-harassment .header3 .quote { margin: 0 0 20px 0; padding: 30px; }

.sexual-harassment .header4 { padding: 25px 30px 24vw 30px; }
.sexual-harassment .header4 .header4-bg .survey1 { left: -2%; bottom: -28%; width: 28%; }
.sexual-harassment .header4 .header4-bg .survey2 { left: 22.2%; bottom: -59%; width: 28%; }
.sexual-harassment .header4 .header4-bg .survey3 { right: 23.8%; bottom: -37%; width: 28%; }
.sexual-harassment .header4 .header4-bg .survey4 { right: -2%; bottom: -59%; width: 28%; }


.sexual-harassment .header5 { padding: 10px 30px 0 30px; }
.sexual-harassment .header5 .quotes-container { display: block; max-width: 600px; margin: 0 auto; }
.sexual-harassment .header5 .quotes-container .quote { width: 100%; padding: 50px 60px; }
.sexual-harassment #main .inner .header5 .quotes-container .quote.narrow p { max-width: 330px; }

.sexual-harassment .header6 .header6-right { padding: 0 30px; }
.sexual-harassment .header6 .header6-right .indent { padding: 0 0 30px 0; }

.sexual-harassment .header7 .header7-left { padding: 40px 30px; }

.sexual-harassment .header8 .header8-right { padding: 40px 30px; }
.sexual-harassment .header10 { padding: 0 30px; }

.sexual-harassment #main ul.bullet li.nobullet { padding: 0 0 15px 20px; }
.sexual-harassment #main ul.bullet li.nobullet:before { left: 0; }

.sexual-harassment .header8 .white-ribbon-logo { right: 40px; bottom: 15px; }

.sexual-harassment .header11 .header11-left { padding: 30px; }
}


@media screen and (max-width: 768px) {
.sexual-harassment .header1 { padding: 30px 24px; }
.sexual-harassment #main .inner .header1 h2,
.sexual-harassment #main .inner .header1 h3 { font-size: 2em; }
.sexual-harassment .header2 { padding: 20px 24px 0 24px; }

.sexual-harassment .header3 { padding: 10px 24px 0 24px; }
.sexual-harassment .header3 .quotes-container { display: block; }
.sexual-harassment .header3 .quotes-container .quote { width: 100%; padding: 50px 60px; }

.sexual-harassment .header4 { padding: 25px 24px 22vw 24px; }


.sexual-harassment .header5 { padding: 25px 24px 0 24px; }

.sexual-harassment .header6 { padding: 0 0 30px 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sexual-harassment .header6 .header6-left { display: block; width: 100%; padding: 0 0 111% 0; order: 2; background: url(/img/sexual-harassment/header6-2024.jpg) top center no-repeat; background-size: cover; }
.sexual-harassment .header6 .header6-right { display: block; width: 100%; order: 1; padding: 30px 0 0 0; }
.sexual-harassment .header6 .header6-right .indent { padding: 0 24px 30px 24px; }

.sexual-harassment .header7 { display: block; }
.sexual-harassment .header7 .header7-left { padding: 40px 24px; width: 100%; display: block; }
.sexual-harassment .header7 .header7-right { padding: 0 0 78% 0; display: block; }

.sexual-harassment .header8 { padding: 0 0 30px 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.sexual-harassment .header8 .header8-left { display: block; width: 100%; padding: 0 0 88% 0; order: 2; }
.sexual-harassment .header8 .header8-right { width: 100%; order: 1; padding: 40px 24px 30px 24px; }

.sexual-harassment .header9 { padding: 24px; margin: 30px 0 30px 0; }

.sexual-harassment .header10 { padding: 0 24px; display: block; }
.sexual-harassment #main .inner .header10 .help { width: 100%; margin: 0 0 80px 0; }
.sexual-harassment #main .inner .header10 .help.safeline { margin: 0 0 20px 0; }

.sexual-harassment .header11 { display: block; }
.sexual-harassment .header11 .header11-left { padding: 30px 24px; width: 100%; display: block; }
.sexual-harassment .header11 .header11-right { padding: 0 0 74% 0; width: 100%; display: block; }



.sexual-harassment #main ul.bullet li.nobullet { padding: 0 0 15px 60px; }
.sexual-harassment #main ul.bullet li.nobullet:before { content: "-"; left: 40px; }
.sexual-harassment .header8 .white-ribbon-logo { right: 60px; bottom: 35px; }
}



@media screen and (max-width: 650px) {
.sexual-harassment #main .inner .header2 h2,
.sexual-harassment #main .inner .header4 h2 { font-size: 2.3em; }
.sexual-harassment .header2 { padding: 20px 24px 20% 24px; }
.sexual-harassment .header2 .header2-bg .survey1 { left: -2%; bottom: -21%; width: 35%; }
.sexual-harassment .header2 .header2-bg .survey2 { left: 22.8%; bottom: -59%; width: 36%; }
.sexual-harassment .header2 .header2-bg .survey3 { right: 14.5%; bottom: -20%; width: 40%; }
.sexual-harassment .header2 .header2-bg .survey4 { right: -3%; bottom: -61%; width: 35%; }

.sexual-harassment .header4 { padding: 25px 24px 46vw 24px; }
.sexual-harassment .header4 .header4-bg .survey1 { left: -2%; bottom: -54%; width: 38%; }
.sexual-harassment .header4 .header4-bg .survey2 { left: 19%; bottom: -131%; width: 38%; }
.sexual-harassment .header4 .header4-bg .survey3 { right: 21%; bottom: -58%; width: 38%; }
.sexual-harassment .header4 .header4-bg .survey4 { right: -2%; bottom: -131%; width: 38%; }

}


@media screen and (max-width: 600px) {

.sexual-harassment #main .inner .header9 h2 { font-size: 3em; }

}




@media screen and (max-width: 550px) {

.sexual-harassment #main ul.bullet li.nobullet { padding: 0 0 15px 20px; }
.sexual-harassment #main ul.bullet li.nobullet:before { left: 0; }
.sexual-harassment .header8 .white-ribbon-logo { right: 40px; bottom: 15px; }
}


@media screen and (max-width: 500px) {
.sexual-harassment .header2 { padding: 20px 24px 20% 24px; }
}


@media screen and (max-width: 450px) {
.sexual-harassment .header2 { padding: 20px 24px 52% 24px; }
.sexual-harassment .header2 .header2-bg .survey1 { left: -2%; bottom: -45%; width: 51%; }
.sexual-harassment .header2 .header2-bg .survey2 { left: auto; bottom: -45%; width: 51%; right: -2%; }
.sexual-harassment .header2 .header2-bg .survey3 { right: auto; bottom: -126%; width: 54%; left: -2%; }
.sexual-harassment .header2 .header2-bg .survey4 { right: -5%; bottom: -122%; width: 53%; } 

.sexual-harassment #main .inner .header3 .quotes-container .quote p { font-size: 1.85em; }
.sexual-harassment .header3 .quotes-container .quote { padding: 30px 45px; }

.sexual-harassment .header4 { padding: 25px 24px 83vw 24px; }
.sexual-harassment .header4 .header4-bg .survey1 { left: -4%; bottom: -105%; width: 58%; }
.sexual-harassment .header4 .header4-bg .survey2 {  left: -3%; bottom: -236%; width: 53%; }
.sexual-harassment .header4 .header4-bg .survey3 { right: -5%; bottom: -93%; width: 51%; }
.sexual-harassment .header4 .header4-bg .survey4 { right: -1%; bottom: -222%; width: 52%; }

.sexual-harassment #main .inner .header5 .quotes-container .quote p { font-size: 1.85em; }
.sexual-harassment .header5 .quotes-container .quote { padding: 30px 45px; }
}