input[type="radio"],
input[type="checkbox"] {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
body {
  margin: 0;
  padding: 0;
  font: 16px/1.5em Montserrat_light, Geneva, sans-serif;
}
body p,
body h1,
body h2,
body h3 {
  margin: 0;
  padding: 0;
}
body #wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
}
body #wrapper #header {
  height: 60px;
  width: 100%;
  background-color: #333333;
  position: fixed;
  z-index: 900;
}
body #wrapper #header #menu {
  display: none;
  background-color: #ccffff;
  width: 250px;
  height: 300px;
  overflow-y: scroll;
  position: absolute;
  padding: 0 0 40px 0;
  border-right: 8px solid #00c1b7;
  border-bottom: 8px solid #00c1b7;
  z-index: 10;
}
body #wrapper #header #menu .topPadding {
  position: fixed;
  background-color: #333333;
  height: 60px;
  width: 250px;
}
body #wrapper #header #menu form {
  background-color: #ccffff;
  padding: 20px 10px;
  margin: 60px 0 0 0;
  font-family: Montserrat, Geneva, sans-serif;
}
body #wrapper #header #menu form h3 {
  text-align: center;
  margin-bottom: 15px;
}
body #wrapper #header #menu form a.consent {
  display: block;
  padding: 15px 0;
  text-decoration: none;
  text-align: center;
  border: 1px solid #00c1b7;
  background-color: #00e5df;
  color: black;
  margin-bottom: 35px;
}
body #wrapper #header #menu form a.consent:hover {
  background-color: #00ffff;
}
body #wrapper #header #menu form .form-group {
  margin: 0 0 20px 0;
}
body #wrapper #header #menu form .form-group input.form-control {
  display: block;
  border: 2px solid #00c1b7;
  border-radius: 8px;
  padding: 10px;
  width: 90%;
  margin: 5px 0 10px 0;
  font: 0.85em Montserrat_light, Geneva, sans-serif;
}
body #wrapper #header #menu form .form-group input:focus,
body #wrapper #header #menu form .form-group textarea:focus {
  outline: 0;
  border-color: black;
}
body #wrapper #header #menu form .form-group ul {
  margin: 0 0 0 -40px;
}
body #wrapper #header #menu form .form-group ul li {
  list-style-type: none;
  margin: 0;
}
body #wrapper #header #menu form .form-group ul li label span {
  margin: 0 0 0 45px;
  display: block;
}
body #wrapper #header #menu form .form-group.checkbox label {
  background: url('../../images/checkbox_unchecked.png') no-repeat center left;
  background-size: 33px;
  display: block;
  cursor: pointer;
  padding: 10px 0;
}
body #wrapper #header #menu form .form-group.checkbox label.checked {
  background: url('../../images/checkbox_checked.png') no-repeat center left;
  background-size: 33px;
}
body #wrapper #header #menu form .form-group.checkbox label span {
  padding-left: 45px;
}
body #wrapper #header #menu form .form-group.confirm-password {
  margin-top: -10px;
}
body #wrapper #header #menu form .button-block {
  margin: 0;
  text-align: center;
}
body #wrapper #header #menu form .button-block button.save-changes {
  background-color: white;
  border: 2px solid #00ffff;
  border-radius: 8px;
  width: 160px;
  height: 50px;
  font: 1em Montserrat, Geneva, sans-serif;
  cursor: pointer;
}
body #wrapper #header #menu form .button-block button.save-changes:hover {
  background-color: #00ffff;
}
body #wrapper #header #menu form .button-block button.save-changes:focus {
  outline: 0;
}
body #wrapper #header #menu form .button-block a {
  display: block;
  color: #333333;
  margin: 5px 0 0 0;
}
body #wrapper #header #menu form .button-block.login {
  margin-top: 30px;
}
body #wrapper #header #menu form .button-block.login p {
  margin-top: 5px;
}
body #wrapper #header #menu form .button-block.login p a {
  color: #333333;
}
body #wrapper #header #menu form .button-block.login button:focus {
  outline: 0;
}
body #wrapper #header #menu form .errorlist {
  list-style-type: none;
  margin: 0 0 25px 0;
  color: #ff0000;
}
body #wrapper #header #button_menu {
  background: url('../../images/sprite_header.png') no-repeat center left;
  background-size: auto 40px;
  cursor: pointer;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 20;
}
body #wrapper #header #button_menu.open {
  background: url('../../images/menu_open.png') no-repeat center center;
  background-size: auto 40px;
}
body #wrapper #header #nav {
  margin: 13px auto;
  width: 320px;
  height: 35px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
body #wrapper #header #nav .navButton {
  height: 35px;
  width: 36px;
  position: relative;
}
body #wrapper #header #nav .navButton#button_orange {
  background: url('../../images/sprite_header.png') no-repeat center left -70px;
  background-size: auto 41px;
}
body #wrapper #header #nav .navButton#button_purple {
  background: url('../../images/sprite_header.png') no-repeat center left -138px;
  background-size: auto 41px;
}
body #wrapper #header #nav .navButton#button_red {
  background: url('../../images/sprite_header.png') no-repeat center left -206px;
  background-size: auto 41px;
}
body #wrapper #header #nav .navButton#button_blue {
  background: url('../../images/sprite_header.png') no-repeat center left -274px;
  background-size: auto 41px;
}
body #wrapper #header #nav .navButton#button_postsurvey {
  background: url('../../images/sprite_header.png') no-repeat center left -341px;
  background-size: auto 41px;
}
body #wrapper #header #nav .navButton#button_postsurvey .SurveyReady {
  background: url('../../images/post-survey-ready.png') no-repeat center center;
  background-size: auto 35px;
  width: 37px;
  height: 35px;
  display: none;
}
body #wrapper #header #nav .navButton#button_postsurvey .SurveyReady a {
  display: block;
  width: 100%;
  height: 35px;
}
body #wrapper #header #nav .navButton .sectionChecked {
  background: url('../../images/section_checked.png') no-repeat center center;
  background-size: contain;
  width: 39px;
  height: 28px;
  display: none;
}
body #wrapper #header .postSurveyMsg {
  background-color: black;
  color: white;
  border: 2px solid #00c1b7;
  width: 200px;
  margin: 25px auto;
  padding: 20px 10px 20px 20px;
  position: relative;
  z-index: 100;
  display: none;
}
body #wrapper #header .postSurveyMsg .closeX {
  position: absolute;
  top: -2px;
  right: -2px;
  background-color: #00c1b7;
  padding: 0 7px;
  cursor: pointer;
}
body #wrapper #header .postSurveyMsg:before {
  content: "";
  background: url('../../images/surveyMsg.png') no-repeat center center;
  background-size: contain;
  width: 48px;
  height: 22px;
  position: absolute;
  top: -20px;
  left: 39%;
}
body #wrapper #header .postSurveyMsg#surveyMsg2 {
  left: 142px;
}
body #wrapper #landing {
  background: white url('../../images/img_cover.jpg') no-repeat center top;
  background-size: cover;
  width: 100%;
  height: 540px;
  position: relative;
}
body #wrapper #landing.BWcover {
  background: black url('../../images/img_cover-bw.jpg') no-repeat center top;
  background-size: cover;
}
body #wrapper #landing #logo {
  background: white url('../../images/logo-black.png') no-repeat center left 20px;
  background-size: auto 75%;
  width: 300px;
  height: 40px;
  padding: 10px 80px;
  position: absolute;
  bottom: 13%;
  right: 0;
}
body #wrapper .Topic {
  padding: 0;
  margin: 0;
}
body #wrapper .Topic .section-heading {
  padding: 80px 0 20px 0;
  text-align: center;
  cursor: pointer;
}
body #wrapper .Topic .section-heading h2 {
  font-size: 2em;
  color: white;
}
body #wrapper .Topic .section-heading.Orange {
  background: #ff5e33 url('../../images/img_orange-top.jpg') no-repeat center bottom;
  background-size: cover;
}
body #wrapper .Topic .section-heading.Purple {
  background: #8200ff url('../../images/img_purple-top.jpg') no-repeat center bottom;
  background-size: cover;
}
body #wrapper .Topic .section-heading.Red {
  background: #ff0000 url('../../images/img_red-top.jpg') no-repeat center bottom;
  background-size: cover;
}
body #wrapper .Topic .section-heading.Blue {
  background: #00ffff url('../../images/img_blue-top.jpg') no-repeat center bottom;
  background-size: cover;
}
body #wrapper .Topic .section-heading.Blue h2 {
  color: black;
}
body #wrapper .Topic .section-info {
  padding: 0;
  margin: 0 auto;
  width: 80%;
  max-width: 1200px;
  display: none;
}
body #wrapper .Topic .section-info .banner .banner-prompt {
  height: 80px;
  width: 100%;
  position: relative;
  cursor: pointer;
}
body #wrapper .Topic .section-info .banner .banner-prompt div {
  width: 170px;
  height: 170px;
  position: absolute;
  top: -40px;
  left: -85px;
  z-index: 50;
}
body #wrapper .Topic .section-info .banner .banner-prompt h3 {
  color: white;
  padding: 30px 50px 30px 100px;
}
body #wrapper .Topic .section-info .banner .banner-prompt:after {
  content: "";
  width: 40px;
  height: 80px;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
}
body #wrapper .Topic .section-info .banner .banner-info {
  width: 91%;
  border-bottom: 6px solid #cccccc;
  border-left: 6px solid #cccccc;
  border-right: 6px solid #cccccc;
  border-radius: 0px 0px 8px 8px;
  padding: 60px 0;
  margin: 0 0 0 -3px;
  display: none;
}
body #wrapper .Topic .section-info .banner .banner-info .switchOn {
  display: none;
}
body #wrapper .Topic .section-info.Orange,
body #wrapper .Topic .section-info.Purple {
  padding: 0;
}
body #wrapper .Topic .section-info.Orange .InfoWrap,
body #wrapper .Topic .section-info.Purple .InfoWrap {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin: 0 0 40px 0;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue {
  background: #ccffff url('../../images/intro-blue_ribbon.png') no-repeat center bottom -1px;
  background-size: 103% auto;
  border-right: 3px solid #00ffff;
  border-left: 3px solid #00ffff;
  text-align: center;
  padding: 30px 30px 60px 30px;
  margin: 0 20px 0 0;
  min-width: 230px;
  width: 25%;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue h2,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue h2 {
  font: 2em/1em Robotoslab, Georgia, serif;
  margin: 0;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue img,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue img {
  width: 100%;
  height: auto;
  margin: 30px 0 0 0;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue img.shield,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue img.shield {
  margin: 60px 0 30px 0;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p {
  font: 24px/29px Montserrat_light, Geneva, sans-serif;
  margin: 30px 0;
  padding: 0;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p em,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p em {
  font-family: Georgia;
  font-style: italic;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.HPVtypes,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.HPVtypes {
  font: 30px/32px Montserrat_light, Geneva, sans-serif;
  text-transform: uppercase;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.HPVtypes span,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.HPVtypes span {
  font: 1.2em/0 LeagueGothic, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.HPVtypes b,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.HPVtypes b {
  font: 1.8em/1em Robotoslab, Georgia, serif;
  color: #ff5e33;
  margin: 0 -5px 0 5px;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.protectsYou,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.protectsYou {
  font: 1.2em/1.5em Montserrat_light, Geneva, sans-serif;
  margin: 20px 0 0 0;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.protectsYou span,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.protectsYou span {
  text-transform: uppercase;
  font: 1.2em Robotoslab_light, Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.protectsYou em,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.protectsYou em {
  font: italic bold 1.7em/0.9em Georgia, serif;
  color: #8200ff;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.protectsYou b,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.protectsYou b {
  font: bold 1em Montserrat_semibold, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.protectsYou strong,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.protectsYou strong {
  text-transform: uppercase;
  font-size: 1.3em;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info {
  flex: auto;
  -webkit-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  text-align: center;
  padding: 25px 0 0 0;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info h2,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info h2 {
  font: italic 1.5em/1.2em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info h2.Orange,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info h2.Orange {
  color: #ff5e33;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info h2.Purple,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info h2.Purple {
  border-bottom: 7px double #00ffff;
  width: 90%;
  margin: 0 auto 20px auto;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .orange-hexagon,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .orange-hexagon {
  background: url('../../images/intro-info_orange-hexagon.png') no-repeat center center;
  background-size: 100% 100%;
  padding: 15px 25px;
  margin: 10px 0 20px 0;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .orange-hexagon p,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .orange-hexagon p {
  font: 1.05em/1.2em Montserrat_light, Geneva, sans-serif;
  margin: 5px auto 0 auto;
  max-width: 400px;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .orange-hexagon p em,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .orange-hexagon p em {
  font: italic 1.1em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .purple-hexagon,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .purple-hexagon {
  background: url('../../images/intro-info_purple-hexagon.png') no-repeat center center;
  background-size: 100% 100%;
  padding: 15px 25px;
  margin: 20px 0;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .purple-hexagon p,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .purple-hexagon p {
  font: 1.1em/1em Montserrat_light, Geneva, sans-serif;
  margin: 5px auto 0 auto;
  max-width: 500px;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .purple-hexagon p em,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .purple-hexagon p em {
  font: italic 1.2em/1.1em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .purple-hexagon p strong,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .purple-hexagon p strong {
  text-transform: uppercase;
  font-family: Montserrat, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .health-problems img,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .health-problems img {
  width: 100%;
  height: auto;
  max-width: 550px;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .health-problems p,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .health-problems p {
  color: #999999;
  font: 1em/1.3em Montserrat_light, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .health-problems p em,
body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .health-problems p em {
  font: italic 1.15em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .NoCure,
body #wrapper .Topic .section-info.Purple .NoCure {
  background: url('../../images/no-cure_bg.png') no-repeat center center;
  background-size: contain;
  text-align: center;
}
body #wrapper .Topic .section-info.Orange .NoCure h2,
body #wrapper .Topic .section-info.Purple .NoCure h2 {
  font: italic 2.4em/1.2em Georgia, serif;
  background-color: white;
  display: inline-block;
  padding: 0 20px;
}
body #wrapper .Topic .section-info.Orange .NoCure p,
body #wrapper .Topic .section-info.Purple .NoCure p {
  font: 1.15em Montserrat_light, Geneva, sans-serif;
  color: #ff5e33;
}
body #wrapper .Topic .section-info.Orange .banner,
body #wrapper .Topic .section-info.Purple .banner {
  margin: 75px 0 130px 85px;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt.Orange,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt.Orange {
  background-color: #ff5e33;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt.Orange:after,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt.Orange:after {
  background: white url('../../images/banner-orange_tail.png') no-repeat center right;
  background-size: 40px auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt.Purple,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt.Purple {
  background-color: #8200ff;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt.Purple:after,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt.Purple:after {
  background: white url('../../images/banner-purple_tail.png') no-repeat center right;
  background-size: 40px auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_orange1,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_orange1 {
  background: url('../../images/banner-orange1_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_orange1.open,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_orange1.open {
  background: url('../../images/banner-orange1_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_orange2,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_orange2 {
  background: url('../../images/banner-orange2_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_orange2.open,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_orange2.open {
  background: url('../../images/banner-orange2_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_orange3,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_orange3 {
  background: url('../../images/banner-orange3_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_orange3.open,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_orange3.open {
  background: url('../../images/banner-orange3_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_purple1,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_purple1 {
  background: url('../../images/banner-purple1_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_purple1.open,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_purple1.open {
  background: url('../../images/banner-purple1_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_purple2,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_purple2 {
  background: url('../../images/banner-purple2_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_purple2.open,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_purple2.open {
  background: url('../../images/banner-purple2_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_purple3,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_purple3 {
  background: url('../../images/banner-purple3_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_purple3.open,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_purple3.open {
  background: url('../../images/banner-purple3_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_purple4,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_purple4 {
  background: url('../../images/banner-purple4_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-prompt div.banner_purple4.open,
body #wrapper .Topic .section-info.Purple .banner .banner-prompt div.banner_purple4.open {
  background: url('../../images/banner-purple4_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .getHPV,
body #wrapper .Topic .section-info.Purple .banner .banner-info .getHPV {
  padding: 0 0 0 200px;
  margin: 0 auto;
  background: url('../../images/orange1_getHPV.png') no-repeat center left;
  background-size: auto 90%;
  max-width: 500px;
  width: 50%;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .getHPV .getHPV-text,
body #wrapper .Topic .section-info.Purple .banner .banner-info .getHPV .getHPV-text {
  margin: 0;
  padding-right: 15px;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .getHPV .getHPV-text p,
body #wrapper .Topic .section-info.Purple .banner .banner-info .getHPV .getHPV-text p {
  font: 1em/1.3em Montserrat_light, Geneva, sans-serif;
  /*
										span{font: 1.3em/1.1em Robotoslab, Georgia, serif; 
											color:@orange-light; 
											text-transform: uppercase;
											margin: 0 5px;}
*/
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .getHPV .getHPV-text p em,
body #wrapper .Topic .section-info.Purple .banner .banner-info .getHPV .getHPV-text p em {
  font: bold italic 1.3em/1em Georgia, serif;
  color: #ff7e5c;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .getHPV .getHPV-text p b,
body #wrapper .Topic .section-info.Purple .banner .banner-info .getHPV .getHPV-text p b {
  color: #ff7e5c;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .getHPV .getHPV-text ul,
body #wrapper .Topic .section-info.Purple .banner .banner-info .getHPV .getHPV-text ul {
  margin: 5px 0 5px 16px;
  padding: 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .getHPV .getHPV-text ul li,
body #wrapper .Topic .section-info.Purple .banner .banner-info .getHPV .getHPV-text ul li {
  margin: 0;
  padding: 5px 0;
  list-style-image: url('../../images/bullet_blue.png');
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .getHPV .getHPV-text ul li em,
body #wrapper .Topic .section-info.Purple .banner .banner-info .getHPV .getHPV-text ul li em {
  font: italic 1em/1em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .condom,
body #wrapper .Topic .section-info.Purple .banner .banner-info .condom {
  background: url('../../images/orange2_condom.png') no-repeat center top;
  background-size: 100% 50px;
  margin: 40px auto 0 auto;
  width: 88%;
  text-align: center;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .condom h2,
body #wrapper .Topic .section-info.Purple .banner .banner-info .condom h2 {
  font: 1.05em/3.7em Montserrat, Geneva, sans-serif;
  color: white;
  margin: 20px 0 0 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .condom p,
body #wrapper .Topic .section-info.Purple .banner .banner-info .condom p {
  margin: 10px 0 0 0;
  font-size: 1.2em;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .condom p span,
body #wrapper .Topic .section-info.Purple .banner .banner-info .condom p span {
  text-transform: uppercase;
  font-family: Montserrat_semibold, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .condom p em,
body #wrapper .Topic .section-info.Purple .banner .banner-info .condom p em {
  font: italic 1.05em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .MostCommon,
body #wrapper .Topic .section-info.Purple .banner .banner-info .MostCommon {
  text-align: center;
  width: 88%;
  margin: 0 auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .MostCommon h2,
body #wrapper .Topic .section-info.Purple .banner .banner-info .MostCommon h2 {
  font: 2em/1.1em Robotoslab_light, Georgia, serif;
  color: #ff5e33;
  margin: 0 0 30px 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .MostCommon img,
body #wrapper .Topic .section-info.Purple .banner .banner-info .MostCommon img {
  width: 100%;
  height: auto;
  min-width: 565px;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .MoreThan,
body #wrapper .Topic .section-info.Purple .banner .banner-info .MoreThan {
  text-align: center;
  width: 90%;
  margin: 20px auto 0 auto;
  background: url('../../images/orange4_more-than_bg.png') no-repeat center center;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .MoreThan img,
body #wrapper .Topic .section-info.Purple .banner .banner-info .MoreThan img {
  background-color: white;
  border: 10px solid white;
  width: 80%;
  height: auto;
  margin: 0 auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .MoreThan-people,
body #wrapper .Topic .section-info.Purple .banner .banner-info .MoreThan-people {
  text-align: center;
  width: 88%;
  margin: 0 auto 50px auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .MoreThan-people img,
body #wrapper .Topic .section-info.Purple .banner .banner-info .MoreThan-people img {
  width: 100%;
  height: auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .EachYear,
body #wrapper .Topic .section-info.Purple .banner .banner-info .EachYear {
  text-align: center;
  margin: 40px auto 0 auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .EachYear h3,
body #wrapper .Topic .section-info.Purple .banner .banner-info .EachYear h3 {
  font: italic 1.6em/1.1em Georgia, serif;
  color: #999999;
  margin: 0 0 30px 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .EachYear img,
body #wrapper .Topic .section-info.Purple .banner .banner-info .EachYear img {
  width: 100%;
  height: auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Infection,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Infection {
  background: url('../../images/orange2_condom.png') no-repeat center top;
  background-size: 100% 50px;
  margin: 0 auto;
  width: 88%;
  text-align: center;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Infection h2,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Infection h2 {
  font: 1.05em/3.7em Montserrat, Geneva, sans-serif;
  color: white;
  margin: 20px 0 0 0;
  text-transform: uppercase;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .InfectionText,
body #wrapper .Topic .section-info.Purple .banner .banner-info .InfectionText {
  text-align: center;
  width: 90%;
  margin: 0 auto;
  background: url('../../images/orange4_more-than_bg.png') no-repeat center center;
  background-size: contain;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .InfectionText img,
body #wrapper .Topic .section-info.Purple .banner .banner-info .InfectionText img {
  background-color: white;
  border: 10px solid white;
  width: 83%;
  height: auto;
  margin: 0 auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .GenitalWarts,
body #wrapper .Topic .section-info.Purple .banner .banner-info .GenitalWarts {
  background: url('../../images/orange7_genital-warts.png') no-repeat center top;
  background-size: 100% 50px;
  margin: 20px auto;
  width: 88%;
  text-align: center;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .GenitalWarts h2,
body #wrapper .Topic .section-info.Purple .banner .banner-info .GenitalWarts h2 {
  font: 1.05em/3.7em Montserrat, Geneva, sans-serif;
  color: white;
  margin: 20px 0 0 0;
  text-transform: uppercase;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .GenitalWarts h3,
body #wrapper .Topic .section-info.Purple .banner .banner-info .GenitalWarts h3 {
  font: italic 1.6em/1.1em Georgia, serif;
  color: #999999;
  margin: 10px 0 25px 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .GenitalWarts-text,
body #wrapper .Topic .section-info.Purple .banner .banner-info .GenitalWarts-text {
  margin: 0 auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .GenitalWarts-text img,
body #wrapper .Topic .section-info.Purple .banner .banner-info .GenitalWarts-text img {
  width: 100%;
  height: auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer,
body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer {
  background: url('../../images/orange8_bg.png') no-repeat center right 35px;
  background-size: contain;
  width: 100%;
  margin: 25px auto 0 auto;
  padding: 20px 0;
  min-height: 350px;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading,
body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading {
  background: url('../../images/orange7_genital-warts.png') no-repeat center top;
  background-size: 100% 50px;
  margin: 20px auto;
  width: 88%;
  text-align: center;
  position: relative;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading h2,
body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading h2 {
  font: 1.05em/3.7em Montserrat, Geneva, sans-serif;
  color: white;
  margin: 20px 0 0 0;
  text-transform: uppercase;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading h3,
body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading h3 {
  font: italic 1.6em/1.1em Georgia, serif;
  color: #999999;
  margin: 10px 0 25px 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading p,
body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading p {
  font: 1.2em Montserrat, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading p em,
body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading p em {
  color: #ff5e33;
  font: italic 1.5em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading p span,
body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading p span {
  text-transform: uppercase;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading div,
body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading div {
  position: absolute;
  left: 40%;
  margin: 40px 0 0 0;
  text-align: left;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading div p,
body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading div p {
  font: 1.4em LeagueGothic, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxWorks,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxWorks {
  padding: 0 0 0 200px;
  margin: 0 auto;
  background: url('../../images/purple1_vaxWorks.png') no-repeat center left;
  background-size: auto 90%;
  max-width: 350px;
  width: 50%;
  height: 260px;
  position: relative;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxWorks .vaxWorks-text,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxWorks .vaxWorks-text {
  margin: 0;
  position: absolute;
  bottom: 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxWorks .vaxWorks-text p,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxWorks .vaxWorks-text p {
  font: 1.05em/1.3em Montserrat_light, Geneva, sans-serif;
  margin: 20px 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxWorks .vaxWorks-text p em,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxWorks .vaxWorks-text p em {
  font: bold italic 1.3em/1em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxWorks .vaxWorks-text p span,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxWorks .vaxWorks-text p span {
  font: 1.3em/1.1em Robotoslab_light, Georgia, serif;
  color: #9b33ff;
  text-transform: uppercase;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxWorks .vaxWorks-text p b,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxWorks .vaxWorks-text p b {
  font-family: Montserrat_semibold, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxWorks .vaxWorks-text p i,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxWorks .vaxWorks-text p i {
  font: italic 1.2em/1em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe {
  position: relative;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .safeRight,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .safeRight {
  margin: 0 0 0 45%;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .safeRight h2,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .safeRight h2 {
  color: #9b33ff;
  font: 1.5em/1em Robotoslab, Georgia, serif;
  position: absolute;
  top: -20px;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .MostPeople,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .MostPeople {
  background-color: #eeeeee;
  padding: 30px 50px;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .MostPeople h3,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .MostPeople h3 {
  text-align: center;
  font: 1.8em/1em LeagueGothic, Geneva, sans-serif;
  color: #999999;
  margin: 0 15px 20px 15px;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .MostPeople p,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .MostPeople p {
  padding: 0 10px 0 0;
  font-size: 1.1em;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .MostPeople p em,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .MostPeople p em {
  font: italic 1.3em Georia, serif;
  color: #8200ff;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .SomePeople,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .SomePeople {
  background: white url('../../images/purple2_no.png') no-repeat left 10% bottom;
  background-size: auto 90%;
  margin: 50px 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .SomePeople h2,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .SomePeople h2 {
  color: #8200ff;
  font: 1.5em/1em Robotoslab, Georgia, serif;
  text-align: right;
  padding: 0 57% 0 20px;
  margin: 0 0 -20px 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .SomePeople p,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .SomePeople p {
  padding: 0 40px 0 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .SomePeople p i,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .SomePeople p i {
  font: italic 1.2em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .SomePeople ul,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .SomePeople ul {
  margin: 5px 0 30px 16px;
  padding: 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .SomePeople ul li,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .SomePeople ul li {
  margin: 0;
  padding: 5px 0;
  list-style-image: url('../../images/bullet_blue.png');
  font: 1.1em Robotoslab_light, Georgia, serif;
  color: #9b33ff;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .Ill,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .Ill {
  text-align: center;
  background-color: #ccffff;
  padding: 5px 30px;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .Ill p,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .Ill p {
  font: 1.2em/1.3em Montserrat_light, Geneva, sans-serif;
  margin: 20px 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .Ill p span,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .Ill p span {
  text-transform: uppercase;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .Ill p em,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .Ill p em {
  font: italic 1em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxImportant,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxImportant {
  text-align: center;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxImportant p,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxImportant p {
  padding: 0 10px 20px 10px;
  font-size: 1.1em;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxImportant p em,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxImportant p em {
  font: italic 1.3em Georgia, serif;
  color: #9b33ff;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxImportant p span,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxImportant p span {
  font: 1em Robotoslab, Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxImportant img,
body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxImportant img {
  width: 100%;
  height: auto;
  margin: 10px 0;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic {
  height: 150px;
  width: 150px;
  margin: 0 0 0 20px;
  border: 2px solid #999999;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic.default-friends,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic.default-friends {
  background: url('../../images/Testimonial_DefaultFriends.jpg') no-repeat center center;
  background-size: cover;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic.default-single_1,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic.default-single_1 {
  background: url('../../images/Testimonial_DefaultSingle1.jpg') no-repeat center center;
  background-size: cover;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic.default-single_2,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic.default-single_2 {
  background: url('../../images/Testimonial_DefaultSingle2.jpg') no-repeat center center;
  background-size: cover;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic.tailored-relationship,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic.tailored-relationship {
  background: url('../../images/Testimonial_TailoredRelationship.jpg') no-repeat center center;
  background-size: cover;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic.tailored-dr_1,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic.tailored-dr_1 {
  background: url('../../images/Testimonial_TailoredDoctor1.jpg') no-repeat center center;
  background-size: cover;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic.tailored-dr_2,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic.tailored-dr_2 {
  background: url('../../images/Testimonial_TailoredDoctor2.jpg') no-repeat center center;
  background-size: cover;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic.tailored-single_1,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic.tailored-single_1 {
  background: url('../../images/Testimonial_TailoredSingle1.jpg') no-repeat center center;
  background-size: cover;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic.tailored-single_2,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic.tailored-single_2 {
  background: url('../../images/Testimonial_TailoredSingle2.jpg') no-repeat center center;
  background-size: cover;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .quote,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .quote {
  background: url('../../images/testimini_quotes.png') no-repeat top left;
  background-size: 35px 25px;
  max-width: 300px;
  width: 47%;
  padding: 6px 0 0 25px;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis p,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis p {
  font: italic 1.3em/1.2em Georgia, serif;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .story,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .story {
  padding: 15px 17% 15px 14%;
  margin: 0 auto;
  max-width: 550px;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .story .pic,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .story .pic {
  float: left;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .story .quote,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .story .quote {
  float: right;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .storyRight,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .storyRight {
  margin: 10px 0;
  padding: 15px 17% 15px 14%;
  background-color: #f7f0ff;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .storyRight .storyRightWrap,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .storyRight .storyRightWrap {
  max-width: 560px;
  margin: 0 auto;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .storyRight .storyRightWrap .quote,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .storyRight .storyRightWrap .quote {
  float: left;
}
body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .storyRight .storyRightWrap .pic,
body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .storyRight .storyRightWrap .pic {
  float: right;
}
body #wrapper .Topic .section-info.Red {
  padding: 0;
}
body #wrapper .Topic .section-info.Red .banner {
  margin: 130px 0 130px 85px;
}
body #wrapper .Topic .section-info.Red .banner.Mine .banner-prompt {
  background-color: #ff6666;
}
body #wrapper .Topic .section-info.Red .banner.Mine .banner-prompt:after {
  background: white url('../../images/banner-red_tail.png') no-repeat center right;
  background-size: 40px auto;
}
body #wrapper .Topic .section-info.Red .banner.notMine {
  display: none;
}
body #wrapper .Topic .section-info.Red .banner.notMine .banner-prompt {
  border-top: 2px solid #ff6666;
  border-bottom: 2px solid #ff6666;
  background-color: white;
}
body #wrapper .Topic .section-info.Red .banner.notMine .banner-prompt:after {
  background: white url('../../images/banner-red_tail2.png') no-repeat center right -4px;
  background-size: 42px auto;
}
body #wrapper .Topic .section-info.Red .banner.notMine .banner-prompt h3 {
  color: #ff0000;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red1 {
  background: url('../../images/banner-red1_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red1.open {
  background: url('../../images/banner-red1_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red2 {
  background: url('../../images/banner-red2_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red2.open {
  background: url('../../images/banner-red2_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red3 {
  background: url('../../images/banner-red3_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red3.open {
  background: url('../../images/banner-red3_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red4 {
  background: url('../../images/banner-red4_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red4.open {
  background: url('../../images/banner-red4_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red5 {
  background: url('../../images/banner-red5_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red5.open {
  background: url('../../images/banner-red5_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red6 {
  background: url('../../images/banner-red6_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red6.open {
  background: url('../../images/banner-red6_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red7 {
  background: url('../../images/banner-red7_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red7.open {
  background: url('../../images/banner-red7_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red8 {
  background: url('../../images/banner-red8_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red8.open {
  background: url('../../images/banner-red8_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red9 {
  background: url('../../images/banner-red9_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red9.open {
  background: url('../../images/banner-red9_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red10 {
  background: url('../../images/banner-red10_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red10.open {
  background: url('../../images/banner-red10_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red11 {
  background: url('../../images/banner-red11_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-prompt div.banner_red11.open {
  background: url('../../images/banner-red11_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Red .banner .banner-info {
  background-color: #defffe;
  border-bottom: 6px solid #ff0000;
  border-left: 6px solid #ff0000;
  border-right: 6px solid #ff0000;
}
body #wrapper .Topic .section-info.Red .banner .banner-info p {
  padding: 5px 70px 5px 100px;
}
body #wrapper .Topic .section-info.Red .banner .banner-info p span {
  color: #ff0000;
  font-family: Montserrat_semibold, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Red .banner .banner-info p span b {
  text-transform: uppercase;
}
body #wrapper .Topic .section-info.Red .banner .banner-info p em {
  font: italic 1.1em Georgia, serif;
}
body #wrapper .Topic .section-info.Red .banner .banner-info p a {
  color: black;
  font-family: Montserrat_semibold, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Red .banner .banner-info p a:hover {
  background-color: #00ffff;
}
body #wrapper .Topic .section-info.Red .banner .banner-info ul {
  margin: 5px 100px;
  padding: 0;
}
body #wrapper .Topic .section-info.Red .banner .banner-info ul li {
  margin: 0 0 0 15px;
  padding: 0;
  list-style-image: url('../../images/bullet_red.png');
}
body #wrapper .Topic .section-info.Red .banner .banner-info ul li span {
  color: #ff0000;
}
body #wrapper .Topic .section-info.Red .banner .banner-info ul ul {
  margin: 5px 15px;
}
body #wrapper .Topic .section-info.Red .banner .banner-info ul ul li {
  list-style-image: url('../../images/bullet_red-open.png');
  margin-left: 30px;
}
body #wrapper .Topic .section-info.Red .questionButton {
  border: 2px solid #ff6666;
  color: white;
  background-color: #ff0000;
  text-align: center;
  margin: 100px auto;
  padding: 20px 10px;
  width: 200px;
  cursor: pointer;
}
body #wrapper .Topic .section-info.Red .questionButton.hide_questions {
  display: none;
}
body #wrapper .Topic .section-info.Blue {
  padding: 0;
}
body #wrapper .Topic .section-info.Blue .messagebox {
  border: 2px solid #00ffff;
  background-color: #ccffff;
  margin: 130px auto;
  width: 95%;
  padding: 50px 0;
  text-align: center;
}
body #wrapper .Topic .section-info.Blue .messagebox p {
  padding: 5px 70px 5px 100px;
}
body #wrapper .Topic .section-info.Blue .messagebox p em {
  font: italic 1.3em Georgia, serif;
}
body #wrapper .Topic .section-info.Blue .messagebox#message2 {
  display: none;
}
body #wrapper .Topic .section-info.Blue .messagebox#message2 .postsurvey {
  background-color: black;
  width: 25%;
  margin: 25px auto 0 auto;
  border-radius: 8px;
}
body #wrapper .Topic .section-info.Blue .messagebox#message2 .postsurvey:hover {
  background-color: #333333;
}
body #wrapper .Topic .section-info.Blue .messagebox#message2 .postsurvey a {
  display: block;
  padding: 20px 0;
  color: white;
  text-decoration: none;
}
body #wrapper .Topic .section-info.Blue .banner {
  margin: 130px 0 130px 85px;
}
body #wrapper .Topic .section-info.Blue .banner .banner-prompt {
  background-color: #333333;
}
body #wrapper .Topic .section-info.Blue .banner .banner-prompt:after {
  background: white url('../../images/banner-grey_tail.png') no-repeat center right;
  background-size: 40px auto;
}
body #wrapper .Topic .section-info.Blue .banner .banner-prompt div.banner_blue1 {
  background: url('../../images/banner-blue1_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Blue .banner .banner-prompt div.banner_blue1.open {
  background: url('../../images/banner-blue1_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Blue .banner .banner-prompt div.banner_blue2 {
  background: url('../../images/banner-blue2_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Blue .banner .banner-prompt div.banner_blue2.open {
  background: url('../../images/banner-blue2_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Blue .banner .banner-prompt div.banner_blue3 {
  background: url('../../images/banner-blue3_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Blue .banner .banner-prompt div.banner_blue3.open {
  background: url('../../images/banner-blue3_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Blue .banner .banner-prompt div.banner_blue4 {
  background: url('../../images/banner-blue4_closed.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Blue .banner .banner-prompt div.banner_blue4.open {
  background: url('../../images/banner-blue4_open.png') no-repeat center left;
  background-size: contain;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info p {
  padding: 5px 70px 5px 100px;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info p span {
  color: #00c1b7;
  font-family: Montserrat_semibold, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info p b,
body #wrapper .Topic .section-info.Blue .banner .banner-info p strong {
  font-family: Montserrat_semibold, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info a {
  color: black;
  font-family: Montserrat_semibold, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info a:hover {
  background-color: #00ffff;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info ul {
  margin: 5px 100px;
  padding: 0;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info ul li {
  margin: 0 0 0 15px;
  padding: 0;
  list-style-image: url('../../images/bullet_teal.png');
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro {
  padding: 0 30px 0 70px;
  margin: 0 0 60px 0;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDr {
  width: 35%;
  height: 200px;
  border: 2px solid #999999;
  background: white url('../../images/img_dr.jpg') no-repeat center center;
  background-size: cover;
  margin: 0 20px 0 0;
  float: left;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDrText {
  float: left;
  width: 58%;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDrText p {
  padding: 0;
  margin: 0;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDrText ul {
  margin: 5px 0px;
  font: 1.1em Robotoslab_light, Georgia, serif;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDrText ul li {
  list-style: initial;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDrText ul li b {
  font-family: Robotoslab, Georgia, serif;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDrText ul li:first-child {
  list-style-image: url('../../images/bullet_orange.png');
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDrText ul li:nth-child(2) {
  list-style-image: url('../../images/bullet_purple.png');
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDrText ul li:nth-child(3) {
  list-style-image: url('../../images/bullet_red-7px.png');
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDrText ul li:last-child {
  list-style-image: url('../../images/bullet_teal.png');
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE {
  margin: 2px 0;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE p {
  padding: 5px 0;
  margin: 0;
  line-height: 1.35em;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE p em {
  font: italic 0.95em Georgia, serif;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE ul {
  margin: 5px 0;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE .PACE-prompt {
  padding: 20px 70px;
  cursor: pointer;
  background: url('../../images/arrow_dropdown-white.png') no-repeat center right 5%;
  background-size: 20px;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE .PACE-prompt h4 {
  color: white;
  margin: 0;
  padding: 0;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE .PACE-prompt.on {
  background-size: 0;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE .PACE-info {
  background-color: #defffe;
  padding: 20px 50px 20px 85px;
  display: none;
  /* #datepicker{
										background-color: white;
										width: 90%;
										padding: 20px 10px;
										margin: 15px auto;
										text-align: center;
										
										.ui-datepicker{
											.ui-datepicker-calendar{
												width: 100%;
												
												tr{
													height: 50px;
													
													td{
														width: 5%;
														padding: 0;
														background-color: tomato;
													}			
												}									
											}
										}
									} */
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE .PACE-info p span {
  font-family: Montserrat, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Orange .PACE-prompt {
  background-color: #ff5e33;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Orange .PACE-info p span {
  color: #ff5e33;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Orange .PACE-info ul li {
  list-style-image: url('../../images/bullet_orange.png');
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple .PACE-prompt {
  background-color: #8200ff;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple .PACE-info p span {
  color: #8200ff;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple .PACE-info ul li {
  list-style-image: url('../../images/bullet_purple.png');
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple.survey_question.type_checkbox .survey_responses ul {
  margin: 0;
  padding: 0;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple.survey_question.type_checkbox .survey_responses ul li {
  background-color: #00ffff;
  padding: 0 10px;
  margin: 7px 0;
  border-radius: 8px;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple.survey_question.type_checkbox .survey_responses ul li.checked {
  background-color: #b466ff;
  color: white;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple.survey_question.type_checkbox .survey_responses ul li.checked input[type="text"] {
  border: 2px solid #8200ff;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple.survey_question.type_checkbox .survey_responses ul li input[type="text"] {
  display: inline-block;
  margin: 10px 0 0 5px;
  padding: 5px;
  width: 90%;
  height: 20px;
  border: 2px solid #00c1b7;
  font: 1.05em Montserrat_light, Geneva, sans-serif;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple.survey_question.type_checkbox .survey_responses ul li input[type="text"]:focus {
  outline: none;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple.survey_question.type_checkbox .survey_responses ul li label {
  background: url('../../images/checkbox_unchecked.png') no-repeat top 15px left;
  background-size: 33px;
  display: block;
  cursor: pointer;
  padding: 20px 40px;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple.survey_question.type_checkbox .survey_responses ul li label span {
  margin: 0 0 0 5px;
  display: block;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Purple.survey_question.type_checkbox .survey_responses ul li label.checked {
  background: url('../../images/checkbox_checked-purple.png') no-repeat top 15px left;
  background-size: 33px;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Red {
  /* &.survey_question{
										&.type_checkbox{
											.survey_responses{
												ul{
													margin: 0; padding: 0;
													li{
														background-color: @blue;
														padding: 0 10px;
														margin: 7px 0;
														border-radius: @rounded-all;
														
														&.checked{
															background-color: @red-light;
															color: white;
															input[type="text"]{border: 2px solid @red;}
														}
														
														input[type="text"]{
															display: inline-block;
															margin: 10px 0 0 5px;
															padding: 5px;
															width: 90%;
															height: 20px;
															border: 2px solid @teal;
															font: 1.05em Montserrat_light, Geneva, sans-serif;
															
															&:focus{outline: none;}
														}
														
														label{
															background: url('../../images/checkbox_unchecked.png') no-repeat top 15px left;
															background-size: 33px;
															display: block;
															cursor: pointer;
															padding: 20px 40px;

															span {
																margin: 0 0 0 5px;
																display: block;
															}											
								
															&.checked{
																background: url('../../images/checkbox_checked-red.png') no-repeat top 15px left;
																background-size: 33px;
															}								
														}
													}
												}
											}
										} 			
									} // <div class="survey_question"> */
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Red .PACE-prompt {
  background-color: #ff0000;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Red .PACE-info p span {
  color: #ff0000;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Red .PACE-info ul li {
  list-style-image: url('../../images/bullet_red-7px.png');
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Red .PACE-info ul li span {
  display: block;
  font: italic 0.95em Georgia, serif;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Blue .PACE-prompt {
  background-color: #00c1b7;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Blue .PACE-info p span {
  color: #00c1b7;
}
body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE.Blue .PACE-info ul li {
  list-style-image: url('../../images/bullet_teal.png');
}
body #wrapper .Topic .section-footer {
  padding: 0;
  margin: 0;
  padding: 20px 0 50px 0;
  cursor: pointer;
}
body #wrapper .Topic .section-footer.Orange {
  background: #ff5e33 url('../../images/img_orange-bottom.jpg') no-repeat center top -1px;
  background-size: cover;
}
body #wrapper .Topic .section-footer.Purple {
  background: #8200ff url('../../images/img_purple-bottom.jpg') no-repeat center top -1px;
  background-size: cover;
}
body #wrapper .Topic .section-footer.Red {
  background: #ff0000 url('../../images/img_red-bottom.jpg') no-repeat center top -1px;
  background-size: cover;
}
body #wrapper .Topic .section-footer.Blue {
  background: #00ffff url('../../images/img_blue-bottom.jpg') no-repeat center top -1px;
  background-size: cover;
}
body #wrapper .Topic .section-footer div {
  width: 50px;
  height: 51px;
  margin: 0 auto;
}
body #wrapper .Topic .section-footer div.learn_hpv {
  background: url('../../images/sprite_open-sections.png') no-repeat center top;
  background-size: 50px;
}
body #wrapper .Topic .section-footer div.learn_hpv.open {
  background: url('../../images/sprite_close-sections.png') no-repeat center top;
  background-size: 50px;
}
body #wrapper .Topic .section-footer div.learn_vax {
  background: url('../../images/sprite_open-sections.png') no-repeat center top -236px;
  background-size: 50px;
}
body #wrapper .Topic .section-footer div.learn_vax.open {
  background: url('../../images/sprite_close-sections.png') no-repeat center top -236px;
  background-size: 50px;
}
body #wrapper .Topic .section-footer div.get_answers {
  background: url('../../images/sprite_open-sections.png') no-repeat center top -473px;
  background-size: 50px;
}
body #wrapper .Topic .section-footer div.get_answers.open {
  background: url('../../images/sprite_close-sections.png') no-repeat center top -473px;
  background-size: 50px;
}
body #wrapper .Topic .section-footer div.get_vax {
  background: url('../../images/sprite_open-sections.png') no-repeat center bottom;
  background-size: 50px;
}
body #wrapper .Topic .section-footer div.get_vax.open {
  background: url('../../images/sprite_close-sections.png') no-repeat center bottom;
  background-size: 50px;
}
body #wrapper #footer {
  background-color: #333333;
  padding: 40px 0;
  color: white;
  text-align: center;
  font-size: 0.95em;
}
body #wrapper #footer p {
  padding: 0;
  margin: 0;
}
body #wrapper #footer p a {
  color: #00ffff;
}
/* ||||||||||||||||||||||||||||||||||||||||| */
/* |||||||||  970px Break Point  ||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||| */
@media screen and (max-width: 970px) {
  body #wrapper .Topic .section-info {
    width: 92%;
  }
  body #wrapper .Topic .section-info .banner .banner-prompt {
    height: 64px;
  }
  body #wrapper .Topic .section-info .banner .banner-prompt div {
    width: 120px;
    height: 120px;
    top: -27px;
  }
  body #wrapper .Topic .section-info .banner .banner-prompt h3 {
    padding: 21px 5px 20px 50px;
  }
  body #wrapper .Topic .section-info .banner .banner-prompt:after {
    content: "";
    width: 30px;
    height: 63px;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
  }
  body #wrapper .Topic .section-info .banner .banner-info {
    width: 95%;
    border-bottom: 4px solid #cccccc;
    border-left: 4px solid #cccccc;
    border-right: 4px solid #cccccc;
    padding: 50px 0;
    margin: 0 0 0 -27px;
    display: none;
  }
  body #wrapper .Topic .section-info.Orange .banner,
  body #wrapper .Topic .section-info.Purple .banner {
    margin: 75px 0 100px 85px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-prompt.Orange:after,
  body #wrapper .Topic .section-info.Purple .banner .banner-prompt.Orange:after {
    background: white url('../../images/banner-orange_tail.png') no-repeat center right;
    background-size: 30px auto;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-prompt.Purple:after,
  body #wrapper .Topic .section-info.Purple .banner .banner-prompt.Purple:after {
    background: white url('../../images/banner-purple_tail.png') no-repeat center right;
    background-size: 30px auto;
  }
  body #wrapper .Topic .section-info.Red .banner {
    margin: 100px 0 100px 85px;
  }
  body #wrapper .Topic .section-info.Red .banner.Mine .banner-prompt:after {
    background: white url('../../images/banner-red_tail.png') no-repeat center right;
    background-size: 30px auto;
  }
  body #wrapper .Topic .section-info.Red .banner.notMine .banner-prompt:after {
    background: white url('../../images/banner-red_tail2.png') no-repeat center right -2px;
    background-size: 31px 68px;
  }
  body #wrapper .Topic .section-info.Red .banner .banner-info {
    border-bottom: 4px solid #ff0000;
    border-left: 4px solid #ff0000;
    border-right: 4px solid #ff0000;
  }
  body #wrapper .Topic .section-info.Red .banner .banner-info p {
    padding: 5px 55px 5px 75px;
  }
  body #wrapper .Topic .section-info.Red .banner .banner-info ul {
    margin: 5px 74px;
  }
  body #wrapper .Topic .section-info.Blue .banner {
    margin: 100px 0 100px 85px;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-prompt:after {
    background: white url('../../images/banner-grey_tail.png') no-repeat center right;
    background-size: 30px auto;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info p {
    padding: 5px 55px 5px 75px;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info ul {
    margin: 5px 74px;
  }
  body #wrapper .Topic .section-info.Blue .banner#getVax_4 .banner-prompt:after {
    background: white url('../../images/banner-teal_tail.png') no-repeat center right;
    background-size: 30px auto;
  }
}
/* ||||||||||||||||||||||||||||||||||||||||| */
/* |||||||||  835px Break Point  ||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||| */
@media screen and (max-width: 835px) {
  body #wrapper .Topic .section-info .banner .banner-prompt h3 {
    font-size: 1em;
  }
  body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue,
  body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue {
    padding: 30px 10px;
    min-width: 200px;
  }
  body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue h2,
  body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue h2 {
    font: 1.6em/1em Robotoslab, Georgia, serif;
  }
  body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue img.shield,
  body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue img.shield {
    margin: 30px 0 0 0;
  }
  body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.protectsYou,
  body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.protectsYou {
    font: 1.05em/1.5em Montserrat_light, Geneva, sans-serif !important;
  }
  body #wrapper .Topic .section-info.Orange .InfoWrap .intro-info .orange-hexagon p,
  body #wrapper .Topic .section-info.Purple .InfoWrap .intro-info .orange-hexagon p {
    font: 0.9em Montserrat_light, Geneva, sans-serif;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .MostPeople,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .MostPeople {
    padding: 30px 5px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .condom,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .condom {
    background: url('../../images/orange2_condom.png') no-repeat center top;
    background-size: 100% 80px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .condom h2,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .condom h2 {
    margin: 20px auto 40px auto;
    padding: 27px 0 0 0;
    font: 1.05em/1.3em Montserrat, Geneva, sans-serif;
    width: 200px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .MostCommon img,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .MostCommon img {
    min-width: 250px;
  }
}
/* ||||||||||||||||||||||||||||||||||||||||| */
/* |||||||||  730px Break Point  ||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||| */
@media screen and (max-width: 730px) {
  body #wrapper .Topic .section-info.Orange .InfoWrap,
  body #wrapper .Topic .section-info.Purple .InfoWrap {
    display: block;
    display: -ms-block;
    display: -webkit-block;
  }
  body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue,
  body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue {
    margin: 0 auto;
    width: 80%;
    max-width: 450px;
    background: #ccffff url('../../images/intro-blue_ribbon.png') no-repeat center bottom -3px;
    background-size: 103% auto;
  }
  body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue img,
  body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue img {
    width: 80%;
    max-width: 370px;
  }
  body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.protectsYou,
  body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.protectsYou,
  body #wrapper .Topic .section-info.Orange .InfoWrap .intro-blue p.HPVtypes,
  body #wrapper .Topic .section-info.Purple .InfoWrap .intro-blue p.HPVtypes {
    margin: 20px 0 60px 0;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .getHPV,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .getHPV {
    width: auto;
    background: url('../../images/orange1_getHPV.png') no-repeat top 20px left 15px;
    background-size: 24% auto;
    padding: 0 5px 0 31%;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .safeRight h2,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .safeRight h2 {
    font-size: 1.2em;
    top: -15px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .story,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .story,
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .storyRight,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .storyRight {
    padding: 15px 30px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis p,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis p {
    font-size: 1.2em;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .quote,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .quote {
    width: 45%;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic {
    width: 38%;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro {
    padding: 0 20px;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE .PACE-prompt {
    padding: 20px;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE .PACE-info {
    padding: 20px 20px 20px 33px;
  }
}
/* ||||||||||||||||||||||||||||||||||||||||| */
/* |||||||||  590px Break Point  ||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||| */
@media screen and (max-width: 590px) {
  body #wrapper #header {
    height: 40px;
  }
  body #wrapper #header #menu .topPadding {
    height: 40px;
  }
  body #wrapper #header #button_menu {
    background-size: auto 30px;
    top: 4px;
    left: 5px;
    height: 30px;
    width: 30px;
  }
  body #wrapper #header #button_menu.open {
    background-size: auto 30px;
    top: 4px;
    left: 5px;
  }
  body #wrapper #header #nav {
    margin: 7px auto;
    width: 230px;
    height: 27px;
  }
  body #wrapper #header #nav .navButton {
    height: 30px;
    width: 27px;
  }
  body #wrapper #header #nav .navButton#button_orange {
    background: url('../../images/sprite_header.png') no-repeat center left -53px;
    background-size: auto 31px;
  }
  body #wrapper #header #nav .navButton#button_purple {
    background: url('../../images/sprite_header.png') no-repeat center left -104px;
    background-size: auto 31px;
  }
  body #wrapper #header #nav .navButton#button_red {
    background: url('../../images/sprite_header.png') no-repeat center left -156px;
    background-size: auto 31px;
  }
  body #wrapper #header #nav .navButton#button_blue {
    background: url('../../images/sprite_header.png') no-repeat center left -207px;
    background-size: auto 31px;
  }
  body #wrapper #header #nav .navButton#button_postsurvey {
    background: url('../../images/sprite_header.png') no-repeat center right;
    background-size: auto 31px;
  }
  body #wrapper #header #nav .navButton#button_postsurvey .SurveyReady {
    background-size: auto 28px;
    width: 28px;
    height: 28px;
  }
  body #wrapper #header #nav .navButton#button_postsurvey .SurveyReady a {
    height: 30px;
  }
  body #wrapper #header #nav .navButton .sectionChecked {
    width: 31px;
    height: 24px;
  }
  body #wrapper #header .postSurveyMsg {
    width: 145px;
    padding: 23px 10px;
  }
  body #wrapper #header .postSurveyMsg#surveyMsg2 {
    left: 0px;
  }
  body #wrapper #landing {
    height: 350px;
  }
  body #wrapper #landing #logo {
    width: 150px;
  }
  body #wrapper .Topic .section-heading {
    padding: 40px 0 10px 0;
  }
  body #wrapper .Topic .section-heading h2 {
    font-size: 1.5em;
  }
  body #wrapper .Topic .section-info {
    width: 97%;
  }
  body #wrapper .Topic .section-info .banner .banner-prompt {
    height: 45px;
  }
  body #wrapper .Topic .section-info .banner .banner-prompt div {
    width: 80px;
    height: 80px;
    top: -18px;
    left: -60px;
  }
  body #wrapper .Topic .section-info .banner .banner-prompt h3 {
    padding: 11px 5px 20px 25px;
    font-size: 0.9em;
  }
  body #wrapper .Topic .section-info .banner .banner-prompt:after {
    content: "";
    width: 22px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
  }
  body #wrapper .Topic .section-info .banner .banner-info {
    width: 105%;
    border-bottom: 2px solid #cccccc;
    border-left: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    margin: 0 0 0 -41px;
    display: none;
  }
  body #wrapper .Topic .section-info .banner .banner-info .switchOn {
    display: block;
  }
  body #wrapper .Topic .section-info .banner .banner-info .switchOff {
    display: none;
  }
  body #wrapper .Topic .section-info.Orange .NoCure,
  body #wrapper .Topic .section-info.Purple .NoCure {
    background-size: 0;
  }
  body #wrapper .Topic .section-info.Orange .banner,
  body #wrapper .Topic .section-info.Purple .banner {
    margin: 60px 0 60px 60px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-prompt.Orange:after,
  body #wrapper .Topic .section-info.Purple .banner .banner-prompt.Orange:after {
    background: white url('../../images/banner-orange_tail.png') no-repeat center right;
    background-size: 23px auto;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-prompt.Purple:after,
  body #wrapper .Topic .section-info.Purple .banner .banner-prompt.Purple:after {
    background: white url('../../images/banner-purple_tail.png') no-repeat center right;
    background-size: 23px auto;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .condom,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .condom {
    background: url('');
    background-size: 0;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .condom h2,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .condom h2 {
    margin: 0 auto;
    padding: 10px 0;
    width: 95%;
    background-color: #ff5e33;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .MostCommon .switchOn,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .MostCommon .switchOn {
    width: 90%;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .getHPV,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .getHPV {
    background-size: 0;
    padding: 0 10px 0 50px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .vaxWorks,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .vaxWorks {
    padding: 30px 0 0 0;
    margin: 0 auto;
    height: 200px;
    width: 60%;
    background-size: 0;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .SomePeople h2,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .SomePeople h2 {
    font-size: 1.1em;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Safe .SomePeople p i,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Safe .SomePeople p i {
    font-size: 0.95em;
  }
  body #wrapper .Topic .section-info.Red .banner {
    margin: 60px 0 60px 60px;
  }
  body #wrapper .Topic .section-info.Red .banner.Mine .banner-prompt:after {
    background: white url('../../images/banner-red_tail.png') no-repeat center right;
    background-size: 23px auto;
  }
  body #wrapper .Topic .section-info.Red .banner.notMine .banner-prompt:after {
    background: white url('../../images/banner-red_tail2.png') no-repeat center right -2px;
    background-size: 23px 50px;
  }
  body #wrapper .Topic .section-info.Red .banner .banner-info {
    border-bottom: 2px solid #ff0000;
    border-left: 2px solid #ff0000;
    border-right: 2px solid #ff0000;
  }
  body #wrapper .Topic .section-info.Red .banner .banner-info p {
    padding: 5px 20px;
    font-size: 0.9em;
    line-height: 1.4em;
  }
  body #wrapper .Topic .section-info.Red .banner .banner-info ul {
    margin: 5px 19px;
    font-size: 0.9em;
  }
  body #wrapper .Topic .section-info.Blue .messagebox {
    margin: 60px auto;
  }
  body #wrapper .Topic .section-info.Blue .messagebox p {
    padding: 5px 30px;
  }
  body #wrapper .Topic .section-info.Blue .banner {
    margin: 60px 0 60px 60px;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-prompt:after {
    background: white url('../../images/banner-grey_tail.png') no-repeat center right;
    background-size: 23px auto;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info p {
    padding: 5px 20px;
    font-size: 0.9em;
    line-height: 1.4em;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info ul {
    margin: 5px 19px;
    font-size: 0.9em;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro {
    margin: 0 0 30px 0;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDr {
    width: 100%;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info .talkIntro .talkDrText {
    width: 100%;
    margin: 15px 0 0 0;
  }
  body #wrapper .Topic .section-info.Blue .banner#getVax_4 .banner-prompt:after {
    background: white url('../../images/banner-teal_tail.png') no-repeat center right;
    background-size: 23px auto;
  }
  body #wrapper .Topic .section-info.Blue .banner#getVax_4 .banner-info p {
    padding: 5px 20px;
  }
  body #wrapper .Topic .section-info.Blue .banner#getVax_4 .banner-info .PACE-info {
    padding: 5px 20px;
  }
  body #wrapper .Topic .section-info.Blue .banner#getVax_4 .banner-info .PACE-info p {
    padding: 0;
  }
  body #wrapper .Topic .section-info.Blue .banner#getVax_4 .banner-info .PACE-info h4 {
    margin: 15px 0;
  }
  body #wrapper .Topic .section-footer {
    padding: 10px 0 25px 0;
  }
  body #wrapper .Topic .section-footer div {
    width: 40px;
    height: 41px;
  }
  body #wrapper .Topic .section-footer div.start_survey {
    background: url('../../images/start_survey.png') no-repeat center center;
    background-size: 40px;
  }
  body #wrapper .Topic .section-footer div.learn_hpv {
    background: url('../../images/sprite_open-sections.png') no-repeat center top;
    background-size: 40px;
  }
  body #wrapper .Topic .section-footer div.learn_hpv.open {
    background: url('../../images/sprite_close-sections.png') no-repeat center top;
    background-size: 40px;
  }
  body #wrapper .Topic .section-footer div.learn_vax {
    background: url('../../images/sprite_open-sections.png') no-repeat center top -189px;
    background-size: 40px;
  }
  body #wrapper .Topic .section-footer div.learn_vax.open {
    background: url('../../images/sprite_close-sections.png') no-repeat center top -189px;
    background-size: 40px;
  }
  body #wrapper .Topic .section-footer div.get_answers {
    background: url('../../images/sprite_open-sections.png') no-repeat center top -378px;
    background-size: 40px;
  }
  body #wrapper .Topic .section-footer div.get_answers.open {
    background: url('../../images/sprite_close-sections.png') no-repeat center top -378px;
    background-size: 40px;
  }
  body #wrapper .Topic .section-footer div.get_vax {
    background: url('../../images/sprite_open-sections.png') no-repeat center bottom;
    background-size: 40px;
  }
  body #wrapper .Topic .section-footer div.get_vax.open {
    background: url('../../images/sprite_close-sections.png') no-repeat center bottom;
    background-size: 40px;
  }
}
/* ||||||||||||||||||||||||||||||||||||||||| */
/* |||||||||  420px Break Point  ||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||| */
@media screen and (max-width: 420px) {
  body #wrapper .Topic .section-info .banner .banner-prompt div {
    width: 70px;
    height: 70px;
    top: -12px;
    left: -60px;
  }
  body #wrapper .Topic .section-info .banner .banner-prompt h3 {
    padding: 8px 20px 20px 15px;
    font-size: 0.8em;
    line-height: 1.1em;
    max-width: 270px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .MostCommon h2,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .MostCommon h2 {
    font-size: 1.5em;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .MostCommon img,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .MostCommon img {
    min-width: 150px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .MostCommon .switchOn,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .MostCommon .switchOn {
    width: 99%;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .InfectionText img,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .InfectionText img {
    width: 95%;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .GenitalWarts h2,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .GenitalWarts h2 {
    font-size: 0.9em;
    line-height: 4.4em;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer {
    background: url('../../images/orange8_bg.png') no-repeat center right;
    background-size: contain;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading h2,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading h2 {
    font-size: 0.9em;
    line-height: 4.4em;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading h3,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading h3 {
    text-align: left;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading p,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading p {
    font-size: 0.95em;
    text-align: left;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading p em,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading p em {
    font-size: 1.2em;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .AnalCancer .CancerHeading div,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .AnalCancer .CancerHeading div {
    left: 0;
    margin: 10px 0 0 0;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .story,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .story,
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .storyRight,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .storyRight {
    padding: 15px 20px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis p,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis p {
    font-size: 1.1em;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .quote,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .quote {
    width: 80%;
    margin: 10px 0;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .pic,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .pic {
    width: 80%;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .storyRight .storyRightWrap .pic,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .storyRight .storyRightWrap .pic {
    float: left;
    margin-top: 10px;
  }
  body #wrapper .Topic .section-info.Orange .banner .banner-info .Testiminis .storyRight .storyRightWrap .quote,
  body #wrapper .Topic .section-info.Purple .banner .banner-info .Testiminis .storyRight .storyRightWrap .quote {
    float: right;
  }
  body #wrapper .Topic .section-info.Blue .banner .banner-info .PACE .PACE-prompt {
    background: url('../../images/arrow_dropdown-white.png') no-repeat center right 3%;
    background-size: 15px;
  }
  body #wrapper .Topic .section-footer {
    padding: 10px 0 22px 0;
  }
}
/* ||||||||||||||||||||||||||||||||||||||||| */
/* |||||||||   1500px Max Point  ||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||| */
@media screen and (min-width: 1500px) {
  body {
    background-color: black;
  }
  body #wrapper {
    background-color: white;
    max-width: 1500px;
    margin: 0 auto;
  }
  body #wrapper #header {
    max-width: 1500px;
  }
}
/* ||||||||||||||||||||||||||||||||||||||||| */
/* |||||||||||||    GENERAL   |||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||| */
.clear {
  clear: both;
}
button:focus {
  outline: 0;
}
/* ||||||||||||||||||||||||||||||||||||||||| */
/* |||||||||||||    FONTS     |||||||||||||| */
/* ||||||||||||||||||||||||||||||||||||||||| */
@font-face {
  font-family: 'Montserrat';
  src: url('../../fonts/montserrat-regular-webfont.eot');
  src: url('../../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../../fonts/montserrat-regulard-webfont.woff') format('woff'), url('../../fonts/montserrat-regular-webfont.ttf') format('truetype'), url('../../fonts/montserrat-regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat_light';
  src: url('../../fonts/montserrat-light-webfont.eot');
  src: url('../../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../../fonts/montserrat-light-webfont.woff') format('woff'), url('../../fonts/montserrat-light-webfont.ttf') format('truetype'), url('../../fonts/montserrat-light-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat_semibold';
  src: url('../../fonts/montserrat-semibold-webfont.eot');
  src: url('../../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../../fonts/montserrat-semibold-webfont.woff') format('woff'), url('../../fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('../../fonts/montserrat-semibold-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Robotoslab';
  src: url('../../fonts/robotoslab-regular-webfont.eot');
  src: url('../../fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/robotoslab-regular-webfont.woff2') format('woff2'), url('../../fonts/robotoslab-regular-webfont.woff') format('woff'), url('../../fonts/robotoslab-regular-webfont.ttf') format('truetype'), url('../../fonts/robotoslab-regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Robotoslab_light';
  src: url('../../fonts/robotoslab-light-webfont.eot');
  src: url('../../fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/robotoslab-light-webfont.woff2') format('woff2'), url('../../fonts/robotoslab-light-webfont.woff') format('woff'), url('../../fonts/robotoslab-light-webfont.ttf') format('truetype'), url('../../fonts/robotoslab-light-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Robotoslab_bold';
  src: url('../../fonts/robotoslab-bold-webfont.eot');
  src: url('../../fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/robotoslab-bold-webfont.woff2') format('woff2'), url('../../fonts/robotoslab-bold-webfont.woff') format('woff'), url('../../fonts/robotoslab-bold-webfont.ttf') format('truetype'), url('../../fonts/robotoslab-bold-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Robotoslab_thin';
  src: url('../../fonts/robotoslab-thin-webfont.eot');
  src: url('../../fonts/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/robotoslab-thin-webfont.woff2') format('woff2'), url('../../fonts/robotoslab-thin-webfont.woff') format('woff'), url('../../fonts/robotoslab-thin-webfont.ttf') format('truetype'), url('../../fonts/robotoslab-thin-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LeagueGothic';
  src: url('../../fonts/leaguegothic-regular-webfont.eot');
  src: url('../../fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/leaguegothic-regular-webfont.woff2') format('woff2'), url('../../fonts/leaguegothic-regular-webfont.woff') format('woff'), url('../../fonts/leaguegothic-regular-webfont.ttf') format('truetype'), url('../../fonts/leaguegothic-regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'LeagueGothic_italic';
  src: url('../../fonts/leaguegothic-italic-webfont.eot');
  src: url('../../fonts/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/leaguegothic-italic-webfont.woff2') format('woff2'), url('../../fonts/leaguegothic-italic-webfont.woff') format('woff'), url('../../fonts/leaguegothic-italic-webfont.ttf') format('truetype'), url('../../fonts/leaguegothic-italic-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}