abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: no-repeat;
  font-size: 100%;
  vertical-align: baseline
}
a {
  outline: 0;
  background-repeat: no-repeat;
  color: #4599a9;
  text-decoration: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block
}
table {
  border-collapse: separate;
  border-spacing: 0
}
caption,
td,
th {
  font-weight: 400;
  text-align: left
}
table,
td,
th {
  vertical-align: top
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: ""
}
blockquote,
q {
  quotes: "" ""
}
a img {
  outline: 0;
  border: 0
}
.clear,
.clearfix {
  clear: both
}
.clear:after,
.clearfix:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  visibility: hidden
}
.hide {
  display: none
}
#feedback {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #cbd0d4
}
.feedback-green {
  border: 1px solid #c6d880!important;
  background-color: #e6efc2;
  color: #264409!important
}
.feedback-red {
  border: 1px solid #e3001f!important;
  background-color: #f0c2c8;
  color: #620512!important
}
body {
  min-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #1a1a1a;
  background-image: url(../images/noisy-texture.png);
  background-repeat: repeat;
  color: #333;
  font-family: 'Open Sans',sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4444444444em
}
a,
abbr,
address,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
label,
legend,
li,
object,
ol,
p,
pre,
q,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
  margin: 0;
  padding: 0;
  border: 0
}
article,
aside,
figcaption,
figure,
figure img,
footer,
header,
hgroup,
nav,
object,
section,
video {
  display: block
}
figure {
  position: relative
}
figure img {
  width: 100%
}
.nopad {
  padding: 0!important
}
.row {
  width: calc(100% - 50px);
  max-width: 1180px;
  margin: 0 auto;
  padding-right: 25px;
  padding-left: 25px;
  overflow: hidden
}
.eightcol,
.elevencol,
.fivecol,
.fourcol,
.ninecol,
.onecol,
.sevencol,
.sixcol,
.tencol,
.threecol,
.twocol {
  min-height: 1px;
  margin-right: 1.6949152542%;
  float: left
}
.row .onecol {
  width: 6.7796610169%
}
.row .twocol {
  width: 15.2542372881%
}
.row .threecol {
  width: 23.7288135593%
}
.row .fourcol {
  width: 32.2033898305%
}
.row .fivecol {
  width: 40.6779661017%
}
.row .sixcol {
  width: 49.1525423729%
}
.row .sevencol {
  width: 57.6271186441%
}
.row .eightcol {
  width: 66.1016949153%
}
.row .ninecol {
  width: 74.5762711864%
}
.row .tencol {
  width: 83.0508474576%
}
.row .elevencol {
  width: 91.5254237288%
}
.row .twelvecol {
  width: 100%
}
.last {
  margin-right: 0
}
embed,
img,
object {
  max-width: 100%
}
img {
  height: auto;
  -ms-interpolation-mode: bicubic
}
@media handheld,
only screen and (max-width:768px) {
  body {
    -webkit-text-size-adjust: none
  }
  .container,
  .row,
  body {
    width: 100%;
    min-width: 0;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0
  }
  .container {
    width: calc(100% - 100px)!important
  }
  .row .eightcol,
  .row .elevencol,
  .row .fivecol,
  .row .fourcol,
  .row .ninecol,
  .row .onecol,
  .row .sevencol,
  .row .sixcol,
  .row .tencol,
  .row .threecol,
  .row .twelvecol,
  .row .twocol {
    width: auto;
    margin-right: 0;
    margin-left: 0;
    padding-right: 25px!important;
    padding-left: 25px!important;
    float: none
  }
}
@media handheld,
only screen and (max-width:550px) {
  .row .eightcol,
  .row .elevencol,
  .row .fivecol,
  .row .fourcol,
  .row .ninecol,
  .row .onecol,
  .row .sevencol,
  .row .sixcol,
  .row .tencol,
  .row .threecol,
  .row .twelvecol,
  .row .twocol {
    padding-right: 10px!important;
    padding-left: 10px!important
  }
}
.ie6 #pageContainer,
.ie6 .announcments,
.ie6 .fullWidth,
.ie6 .home,
.ie6 .row,
.ie7 #pageContainer,
.ie7 .announcments,
.ie7 .fullWidth,
.ie7 .home,
.ie7 .row,
.ie8 #pageContainer,
.ie8 .announcments,
.ie8 .fullWidth,
.ie8 .home,
.ie8 .row {
  width: 1180px!important;
  margin: 0 auto;
  padding-right: 10px!important;
  padding-left: 10px!important
}
.ie6 .onecol,
.ie7 .onecol,
.ie8 .onecol {
  width: 80px!important;
  margin-right: 20px!important
}
.ie6 .twocol,
.ie7 .twocol,
.ie8 .twocol {
  width: 180px!important;
  margin-right: 20px!important
}
.ie6 .threecol,
.ie7 .threecol,
.ie8 .threecol {
  width: 280px!important;
  margin-right: 20px!important
}
.ie6 .fourcol,
.ie7 .fourcol,
.ie8 .fourcol {
  width: 380px!important;
  margin-right: 20px!important
}
.ie6 .fivecol,
.ie7 .fivecol,
.ie8 .fivecol {
  width: 480px!important;
  margin-right: 20px!important
}
.ie6 .sixcol,
.ie7 .sixcol,
.ie8 .sixcol {
  width: 580px!important;
  margin-right: 20px!important
}
.ie6 .sevencol,
.ie7 .sevencol,
.ie8 .sevencol {
  width: 680px!important;
  margin-right: 20px!important
}
.ie6 .eightcol,
.ie7 .eightcol,
.ie8 .eightcol {
  width: 780px!important;
  margin-right: 20px!important
}
.ie6 .ninecol,
.ie7 .ninecol,
.ie8 .ninecol {
  width: 880px!important;
  margin-right: 20px!important
}
.ie6 .tencol,
.ie7 .tencol,
.ie8 .tencol {
  width: 980px!important;
  margin-right: 20px!important
}
.ie6 .elevencol,
.ie7 .elevencol,
.ie8 .elevencol {
  width: 1080px!important;
  margin-right: 20px!important
}
.ie6 .twelvecol,
.ie7 .twelvecol,
.ie8 .twelvecol {
  width: 100%!important
}
.ie6 .last,
.ie7 .last,
.ie8 .last {
  margin-right: 0!important
}
.ie6 .home .articleItem,
.ie7 .home .articleItem,
.ie8 .home .articleItem {
  width: 280px!important
}
.ie6 .home .lowerTier .articleItem,
.ie7 .home .lowerTier .articleItem,
.ie8 .home .lowerTier .articleItem {
  width: 380px!important
}
.ie6 .home .randomArticle .left,
.ie7 .home .randomArticle .left,
.ie8 .home .randomArticle .left {
  width: 150px!important
}
.ie6 .home .randomArticle .right,
.ie7 .home .randomArticle .right,
.ie8 .home .randomArticle .right {
  width: 979px!important
}
.ie6 .popular ul li .left,
.ie7 .popular ul li .left,
.ie8 .popular ul li .left {
  width: 140px;
  height: 140px;
  margin-right: 20px
}
.ie6 .popular ul li .left img,
.ie7 .popular ul li .left img,
.ie8 .popular ul li .left img {
  width: 140px;
  height: 140px
}
.ie6 .getMeOutOfHereUnder,
.ie7 .getMeOutOfHereUnder,
.ie8 .getMeOutOfHereUnder {
  display: none
}
.ie6 .getMeOutOfHere,
.ie7 .getMeOutOfHere,
.ie8 .getMeOutOfHere {
  position: absolute;
  right: -190px
}
.ie6 .home,
.ie7 .home,
.ie8 .home {
  position: relative
}
.ie6 .svg,
.ie7 .svg,
.ie8 .svg {
  display: none!important
}
.ie6 nav .dropDown .featureImage,
.ie6 nav .dropDown .featureImage img,
.ie7 nav .dropDown .featureImage,
.ie7 nav .dropDown .featureImage img,
.ie8 nav .dropDown .featureImage,
.ie8 nav .dropDown .featureImage img {
  width: 180px!important;
  height: 110px!important
}
.ie6 .searchAgainText,
.ie7 .searchAgainText,
.ie8 .searchAgainText {
  width: 399px!important;
  height: 28px!important;
  padding-top: 10px!important
}
.ie9 .getMeOutOfHereUnder {
  display: none
}
html {
  margin-top: 0!important
}
@media handheld,
only screen and (max-width:600px) {
  body {
    font-size: 16px;
    line-height: 24px
  }
}
body.content {
  background-color: #fff;
  background-image: none!important
}
a:hover {
  color: #000;
  text-decoration: underline
}
h1 {
  margin-bottom: 45px;
  font-size: 1.8888888889em;
  font-weight: 100;
  line-height: 1.1764705882em
}
@media handheld,
only screen and (max-width:768px) {
  h1 {
    margin-top: 0!important;
    margin-bottom: 20px!important;
    font-size: 25px!important
  }
}
@media handheld,
only screen and (max-width:400px) {
  h1 {
    margin-top: 10px!important;
    margin-bottom: 15px!important;
    font-size: 20px!important;
    line-height: 25px!important
  }
}
h2 {
  font-size: 1.1666666667em;
  font-weight: 100;
  line-height: 1.1904761905em
}
p {
  margin-bottom: 12px;
  font-weight: 400
}
@media handheld,
only screen and (max-width:768px) {
  p {
    font-size: 16px!important;
    line-height: 22px!important
  }
  .sf_container {
    display: none!important
  }
}
li {
  font-weight: 400
}
ul {
  list-style: none
}
nav .topBar {
  height: 70px;
  background-color: #84ffd4
}
@media handheld,
only screen and (max-width:600px) {
  nav .topBar {
    height: 60px
  }
}
@media handheld,
only screen and (max-width:768px) {
  nav .topBar .threecol {
    width: 30%!important;
    float: left!important
  }
}
@media handheld,
only screen and (max-width:500px) {
  nav .topBar .threecol {
    width: 40%!important
  }
}
@media handheld,
only screen and (max-width:350px) {
  nav .topBar .threecol {
    width: 40%!important
  }
}
@media handheld,
only screen and (max-width:768px) {
  nav .topBar .eightcol {
    width: 70%!important;
    float: left!important
  }
}
nav .topBar h1 {
  margin-bottom: 0
}
nav .logo {
  display: block;
  margin-top: 10px
}
nav .searchBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  transition: .3s;
  background: url(../images/icon-search.png) center no-repeat #4ad8a7;
  cursor: pointer
}
@media handheld,
only screen and (max-width:900px) {
  nav .mainMenu,
  nav .searchBtn {
    display: none!important
  }
}
nav .searchBtn:hover {
  background-color: #bffee8
}
nav ul {
  display: inline-block;
  width: 100%;
  height: 50px;
  margin-left: 0
}
nav ul li {
  display: block;
  position: relative;
  height: 100%;
  float: left;
  list-style: none
}
nav ul li a {
  display: block;
  height: 23px;
  padding: 26px 12px 21px;
  transition: .3s;
  color: #000;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: .9444444444em;
  font-weight: 700;
  line-height: 1em;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer
}
nav ul li a:hover {
  background-color: #ddfdf2
}
nav ul li a .arrow {
  width: 0;
  height: 0;
  margin: 7px 2px 0 4px;
  float: right;
  border-width: 5.2px 3px 0;
  border-style: solid;
  border-color: #000 transparent transparent
}
nav ul li a.selected,
nav ul li.current-page a {
  background-color: #ddfdf2
}
nav .dropDown {
  display: none;
  position: absolute;
  width: inherit;
  background: #ddfdf2;
  z-index: 9999
}
@media handheld,
only screen and (max-width:768px) {
  nav .logo {
    margin-top: 0
  }
  nav .dropDown {
    display: none
  }
}
nav .dropDown .subMenu {
  background-color: #bffee8
}
nav .dropDown .subMenu ul {
  display: block;
  height: auto;
  padding: 30px 0 45px
}
nav .dropDown .subMenu ul li {
  height: auto;
  margin: 0;
  padding: 0;
  float: none
}
nav .dropDown .subMenu ul li a {
  display: block;
  height: auto;
  margin: 0;
  padding: 5px 20px 2px;
  transition: .3s;
  font-size: .8888888889em;
  line-height: 1.25em;
  text-align: right
}
nav .dropDown .subMenu ul li a:hover {
  background-color: #84ffd4
}
nav .dropDown .whatsHot {
  margin-top: 20px;
  color: #333;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase
}
nav .dropDown .featureImage {
  display: block;
  margin: 20px 0 0;
  transition: .3s
}
nav .dropDown .twocol {
  margin-bottom: 20px;
  font-size: .8333333333em;
  line-height: 1.4666666667em;
  overflow: hidden
}
nav .dropDown .twocol a {
  color: #000
}
nav .dropDown .twocol a:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%)
}
nav .dropDown.visible {
  opacity: 1
}
.searchDropdown {
  display: none;
  position: absolute;
  top: 70px;
  right: 0;
  width: 300px;
  background-color: #84ffd4;
  z-index: 99999
}
.searchDropdown .sf_input,
.searchDropdown input {
  width: 165px!important;
  width: calc(100% - 40px)!important;
  height: 30px!important;
  margin: 10px;
  padding: 0 10px!important;
  outline: 0
}
.searchDropdown .sf_search {
  display: block!important;
  border: none!important;
  background-color: #84ffd4
}
.searchDropdown .screen-reader-text {
  display: none
}
.searchDropdown .sf_block {
  height: auto!important;
  padding: 0!important
}
.searchDropdown .sf_button {
  display: none!important
}
.searchDropdown .sf_container {
  background-color: transparent
}
.sf_sb {
  top: 239px!important;
  width: 280px!important;
  outline: 0!important
}
.sf_sb #sf_results {
  box-shadow: none
}
.sf_sb #sf_val ul li.sf_header {
  border-top: 1px solid #ddd;
  background: #84ffd4;
  border: 0
}
.sf_sb a {
  color: #000!important
}
#sf_results {
  border: 0;
  box-shadow: none
}
.bannerTop img {
  display: block;
  width: 100%
}
.contentPage .bannerTop {
  margin-bottom: 83px
}
@media handheld,
only screen and (max-width:768px) {
  .contentPage .bannerTop {
    margin-bottom: 0!important
  }
}
.contentPage iframe {
  width: 100%!important
}
.main .intro {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1.5555555556em;
  line-height: 1.3571428571em
}
@media handheld,
only screen and (max-width:768px) {
  .main .intro {
    font-size: 22px!important;
    line-height: 30px!important
  }
}
@media handheld,
only screen and (max-width:600px) {
  .main .intro {
    font-size: 22px!important;
    line-height: 28px!important
  }
}
.main ol,
.main ul {
  margin: 20px 0;
  list-style-type: disc
}
.main ol li,
.main ul li {
  margin-bottom: 10px;
  margin-left: 20px
}
.main ol {
  list-style-type: decimal!important;
  list-style-position: inside
}
.main h1 {
  display: table;
  position: absolute;
  margin: -126px 0 0 -10px;
  padding: 17px 19px;
  background: #1a181b;
  color: #fff;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 2.6666666667em;
  font-weight: 700;
  line-height: 1.0833333333em;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:1200px) {
  .main h1 {
    position: relative!important;
    margin-left: 0!important;
    font-size: 32px!important
  }
}
@media handheld,
only screen and (max-width:480px) {
  .main h1 {
    line-height: 34px!important
  }
}
.main h2 {
  display: table;
  margin-bottom: 5px;
  border-bottom: 5px solid #333;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.2222222222em;
  font-weight: 700;
  line-height: 1.1818181818em
}
.main .inner a {
  background-color: #84ffd4
}
.main a {
  transition: .3s;
  background-color: #84ffd4;
  color: #333
}
.main a:hover {
  background-color: #333;
  color: #84ffd4!important
}
.main .sidebar {
  padding: 11px 0 0
}
.main .imageWrapper {
  position: relative;
  margin: 45px 0 10px
}
.main .imageWrapper .overlay1,
.main .imageWrapper .overlay2 {
  display: block
}
.main .imageWrapper .overlay2 {
  position: absolute;
  bottom: 20px;
  left: 20px
}
.main .caption {
  margin-bottom: 20px;
  padding: 13px 20px;
  background-color: #6c42fa;
  color: #ffc7c2
}
.speakSomeone a {
  background-color: #84ffd4
}
.progressBarQuiz {
  position: relative;
  width: 100%;
  height: 20px;
  margin-bottom: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAASElEQVQYV4XPyw0AQAQEUJrQf3s0YWMPEn9HeZkBmVkhDRHlFWCGHRKRCCdk8Z64IYcX+lBVyzN2U54CO2SNAU4oVG/I4YUMPqA7QZmB13siAAAAAElFTkSuQmCC)
}
.progressBarQuiz .progress {
  position: absolute;
  left: 0;
  height: 20px;
  background-color: #ee334c
}
.progressBarQuiz .progress .point {
  position: absolute;
  right: -5px;
  width: 0;
  height: 0;
  border-width: 10px 0 10px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #ee334c
}
.progressBarQuiz .page {
  position: absolute;
  left: 0;
  height: 17px;
  padding: 3px 5px 0;
  background-color: #ee334c;
  color: #fff;
  font-size: .7777777778em;
  line-height: 1em;
  text-transform: uppercase
}
.quizWrapper {
  position: relative;
  padding: 40px 20px 35px;
  border-bottom: 15px solid #3104ff;
  border-left: 10px solid #ffc7c1;
  background-color: #6c42fa
}
.quizWrapper .borderFix {
  position: absolute;
  bottom: -15px;
  left: -10px;
  width: 10px;
  height: 15px;
  background-color: #3104ff
}
.quizWrapper .topCornerSquare {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 55px;
  background-color: #ff9ed2
}
.quizWrapper .topCornerTriangle {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 55px 0 0 55px;
  border-style: solid;
  border-color: transparent transparent transparent #3204ff
}
.quizWrapper .bottomStrip {
  position: absolute;
  right: 19.5588235294%;
  bottom: -15px;
  width: 70px;
  height: 15px;
  background-color: #fff
}
.quizWrapper .title {
  color: #ff9ed2;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 2.9444444444em;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:480px) {
  .quizWrapper {
    padding: 40px 0 35px
  }
  .quizWrapper .title {
    margin-left: 10px;
    font-size: 30px!important
  }
}
.quizWrapper ul li {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #8968fb;
  color: #fff991;
  font-size: 1.2222222222em;
  line-height: 1.2727272727em;
  list-style-type: none
}
.quizWrapper ul li p {
  margin: 0 0 0 10px
}
.quizWrapper ul li ul {
  margin: 10px 0 0
}
.quizWrapper ul li ul li {
  margin: 0;
  padding: 10px 0 10px 10px;
  transition: .3s;
  border: none;
  color: #fff;
  font-size: 18px;
  line-height: 1.3333333333em;
  cursor: pointer
}
.quizWrapper ul li ul li:hover {
  background-color: #3104ff
}
.quizWrapper ul li ul li span {
  color: #ff9ed2
}
.quizWrapper ul li ul li input {
  margin-top: 5px;
  vertical-align: top
}
.quizWrapper ul li ul li.selected {
  background-color: #3104ff
}
@media handheld,
only screen and (max-width:550px) {
  .quizWrapper .title {
    font-size: 30px!important
  }
  .quizWrapper .question-single li,
  .quizWrapper .question-single p {
    font-size: 16px!important
  }
}
.quizWrapper .more {
  display: table;
  padding: 10px 15px;
  transition: .3s;
  background-color: #2bff8b;
  color: #333;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: .8888888889em;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase
}
.quizWrapper .more:hover {
  background-color: #333;
  color: #2bff8b
}
.quizWrapper .crosshatch {
  width: 40px;
  height: 36px;
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAATklEQVQYV2PU/t/9nwENcJisQBdiYERXiE3RjzMRqApxKQIZDzcRnyK4QkKKwAqNjY0xPANyEzrAUIhNEchGFIW4FKFYjU8RXCEhRSCFAPTZMIe/wZwVAAAAAElFTkSuQmCC)
}
.quizWrapper .answer {
  display: none;
  margin-top: 20px;
  color: #fff;
  font-family: 'Open Sans',sans-serif;
  font-size: 1.1111111111em;
  font-weight: 700;
  line-height: 1.25em;
  text-transform: uppercase
}
.quizWrapper .submitWrapper {
  display: none
}
.quizWrapper .lessWrapper,
.quizWrapper .nextWrapper,
.quizWrapper .submitWrapper {
  margin-right: 30px;
  float: left
}
.home .articleItem {
  position: relative;
  width: calc(50% - 10px);
  min-height: 0;
  margin: 0 20px 20px 0;
  float: left
}
@media handheld,
only screen and (max-width:1100px) {
  .home .articleItem {
    min-height: 0
  }
}
@media handheld,
only screen and (max-width:500px) {
  nav .topBar .eightcol {
    width: 60%!important
  }
  .home .articleItem {
    width: 100%!important;
    float: none
  }
}
.home .articleItem img {
  width: 100%
}
.home .articleItem:nth-child(2n) {
  margin-right: 0!important
}
.home .articleItem .title {
  font-size: 15px!important;
  line-height: 34px!important
}
@media handheld,
only screen and (max-width:1024px) {
  .home .articleItem .title {
    font-size: 11px!important;
    line-height: 25px!important
  }
  .home .articleItem .title a .highlight {
    font-size: 20px!important;
    line-height: 29px!important
  }
  .home .featuredLarge .articleItem .title {
    font-size: 20px!important;
    line-height: 50px!important
  }
}
@media handheld,
only screen and (max-width:768px) {
  .quizWrapper {
    margin-bottom: 30px
  }
  .quizWrapper .questions li p {
    font-size: 18px!important;
    font-weight: 600!important;
    line-height: 22px!important
  }
  .home .articleItem .title {
    font-size: 11px!important;
    line-height: 27px!important
  }
}
.home .articleItem .bottom {
  padding-top: 14px;
  color: #fff;
  font-size: .8888888889em;
  line-height: 1.5em
}
.home .articleItem .bottom a {
  font-size: 16px!important
}
.home .articleItem .category {
  margin-left: -2px
}
.home .articleItem .category a {
  color: #000
}
@media handheld,
only screen and (max-width:768px) {
  .home .articleItem .category {
    margin-left: 0!important
  }
  .home .featuredLarge .articleItem .title {
    font-size: 20px!important;
    line-height: 50px!important
  }
}
.home .featuredLarge .articleItem {
  width: 100%!important;
  margin: 0 0 20px!important
}
@media handheld,
only screen and (max-width:600px) {
  .home .featuredLarge .articleItem .title {
    font-size: 11px!important;
    line-height: 50px!important
  }
}
@media handheld,
only screen and (max-width:480px) {
  .home .featuredLarge .articleItem .title {
    line-height: 39px!important
  }
}
.home .featuredLarge .articleItem .category a {
  margin-bottom: 8px!important
}
.home .featuredLarge .articleItem .highlight {
  font-size: 30px!important;
  line-height: 46px!important
}
@media handheld,
only screen and (max-width:1024px) {
  .home .featuredLarge .articleItem a .highlight {
    font-size: 33px!important
  }
}
@media handheld,
only screen and (max-width:768px) {
  .home .featuredSmall .title {
    font-size: 11px!important;
    line-height: 21px!important
  }
}
.home .featuredSmall .title.step-1 .highlight {
  font-size: 22px!important;
  line-height: 29px!important
}
@media handheld,
only screen and (max-width:1024px) {
  .home .featuredSmall .title.step-1 .highlight {
    font-size: 20px!important;
    line-height: 29px!important
  }
  .home .popular ul li .right .cat {
    font-size: 14px
  }
}
@media handheld,
only screen and (max-width:768px) {
  .home .featuredSmall .title.step-1 .highlight {
    font-size: 14px!important;
    line-height: 20px!important
  }
  .home .featuredSmall .inner {
    padding: 15px!important
  }
}
@media handheld,
only screen and (max-width:600px) {
  .home .featuredLarge .articleItem .category a {
    margin-bottom: 16px!important
  }
  .home .featuredLarge .articleItem .highlight {
    font-size: 22px!important;
    line-height: 34px!important
  }
  .home .featuredSmall .title {
    line-height: 30px!important
  }
  .home .featuredSmall .title.step-1 .highlight {
    font-size: 20px!important;
    line-height: 20px!important
  }
  .home .featuredSmall .inner .category a {
    margin-bottom: 13px!important
  }
  .home .lowerTier .articleItem {
    margin-bottom: 30px!important
  }
}
@media handheld,
only screen and (max-width:768px) {
  .home .featuredLarge,
  .home .featuredSmall {
    width: calc(50% - 10px)!important;
    margin-right: 20px;
    padding: 0!important;
    float: left!important
  }
}
@media handheld,
only screen and (max-width:767px) {
  .home .featuredLarge,
  .home .featuredSmall {
    width: auto!important;
    margin-right: 0;
    float: none!important
  }
}
.home .randomArticle {
  margin-bottom: 20px
}
.home .randomArticle .left {
  width: 17%;
  height: 30px;
  padding: 20px 0;
  float: left;
  background-color: #ffa7c9;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.2222222222em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:1000px) {
  .home .randomArticle .left {
    font-size: 18px
  }
}
@media handheld,
only screen and (max-width:768px) {
  .home .featuredSmall {
    margin-right: 0!important
  }
  .home .topRow {
    width: calc(100% - 50px);
    padding: 0 25px
  }
  .home .randomArticle .left {
    font-size: 16px;
    text-align: center
  }
  .home .popular ul li {
    width: calc(50% - 10px)!important;
    margin-right: 20px!important;
    float: left!important
  }
  .home .popular ul li:nth-child(2n) {
    margin-right: 0!important
  }
}
@media handheld,
only screen and (max-width:840px) {
  .home .randomArticle .left {
    width: 20%
  }
}
@media handheld,
only screen and (max-width:820px) {
  .home .randomArticle .left {
    width: 100%;
    float: none;
    font-size: 20px
  }
}
.home .randomArticle .right {
  position: relative;
  width: calc(83% - 50px);
  height: 30px;
  padding: 20px 0 20px 50px;
  float: left;
  background-color: #6c42fa;
  color: #fff
}
@media handheld,
only screen and (max-width:840px) {
  .home .randomArticle .right {
    width: calc(80% - 50px);
    font-size: 16px!important
  }
}
.home .randomArticle .right a {
  color: #fff
}
.home .randomArticle .right .arrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-width: 35px 0 35px 30px;
  border-style: solid;
  border-color: transparent transparent transparent #ffa7c9
}
@media handheld,
only screen and (max-width:820px) {
  .home .randomArticle .right {
    width: calc(100% - 20px);
    height: auto!important;
    padding: 20px 10px!important;
    float: none;
    font-size: 16px;
    line-height: 24px;
    text-align: center
  }
  .home .randomArticle .right .arrow {
    display: none
  }
}
.home .popular .hatch {
  display: block;
  width: 100%
}
.home .popular ul li {
  margin-bottom: 20px
}
.home .popular ul li:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%)
}
@media handheld,
only screen and (max-width:650px) {
  .home .popular ul li {
    width: auto!important;
    margin-right: 0!important;
    float: none!important
  }
}
.home .popular ul li img {
  margin: 0 20px 0 0;
  transition: .3s
}
.home .popular ul li a {
  display: block;
  color: #fff
}
.home .popular ul li a.left {
  float: left
}
.home .popular ul li .right {
  padding-top: 15px;
  color: #fff;
  font-family: 'Open Sans Condensed',sans-serif;
  font-weight: 700;
  overflow: hidden
}
.home .popular ul li .right .cat {
  padding-top: 12px;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:400px) {
  p {
    margin-bottom: 8px!important;
    font-size: 15px!important;
    line-height: 25px!important
  }
  .home .popular ul li img {
    margin: 0
  }
  .home .popular ul li a.left {
    width: 40%;
    margin: 0 20px 0 0
  }
  .home .popular ul li .right {
    padding-top: 0;
    font-size: 15px
  }
  .home .popular ul li .right .cat {
    font-size: 13px
  }
}
.home .popular ul li .right .cat span {
  padding: 0 3px;
  background-color: #84ffd4;
  color: #333
}
.home .popular ul li .right .cat span a {
  display: block
}
.home .popular .topBar {
  position: relative;
  margin-bottom: 20px;
  padding: 33px 0 5px 10px;
  background-color: #6c42fa
}
.home .popular .topBar h3 {
  color: #fbec81;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.2222222222em;
  font-weight: 700;
  text-transform: uppercase
}
.home .popular .topBar .topStrip {
  position: absolute;
  top: 0;
  right: 0;
  width: 73.6842105263%;
  height: 10px;
  background-color: #84ffd4
}
.home .popular .topBar .bottomStrip {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 88.1578947368%;
  height: 5px;
  background-color: #ffc7c1
}
.search h1 {
  display: table;
  margin-top: 40px;
  padding: 18px 20px;
  background-color: #1a181b;
  color: #fff;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 2.6666666667em;
  font-weight: 700;
  line-height: 1.1458333333em;
  text-transform: uppercase
}
.search .filterHead {
  padding: 13px 10px;
  background-color: #1a181b;
  color: #fff;
  font-family: 'Open Sans',sans-serif;
  font-weight: 700;
  text-transform: uppercase
}
.search .filterFooter {
  position: relative;
  margin-top: 10px;
  padding: 0 10px 0 30px;
  transition: .3s;
  background-color: #84ffd4;
  color: #000;
  font-family: 'Open Sans',sans-serif;
  font-size: .7777777778em;
  font-weight: 700;
  cursor: pointer
}
.search .filterFooter:hover {
  background-color: #e5edf5;
  color: #ee6c6c
}
.search .filterFooter .o {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 1.0714285714em
}
.search .pagination {
  margin-top: 20px
}
.search .filter li {
  margin: 5px 0 0;
  padding: 0 10px 0 30px;
  transition: .3s;
  background-color: #6c42fa;
  background-image: url(../images/icon-arrow.svg);
  background-position: center left 10px;
  color: #fff;
  font-family: 'Open Sans',sans-serif;
  font-size: .7777777778em;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  list-style-type: none
}
.search .filter li:hover {
  background-color: #e5edf5;
  background-image: url(../images/icon-cross.svg);
  color: #ae9df0
}
.search .filterBottom {
  width: 100%;
  height: 50px;
  margin-top: 5px;
  background-color: #1a181b
}
.search .searchItem {
  width: calc(50% - 10px);
  margin-right: 20px;
  float: left
}
.search .searchItem:nth-child(2n) {
  margin-right: 0!important
}
.search .searchItem:nth-child(2n+1) {
  clear: both
}
.search .searchItem .left {
  width: 37.5%;
  margin-right: 4.1666666667%;
  float: left
}
.search .searchItem .left img {
  display: block
}
.search .searchItem .right {
  width: 58.3333333333%;
  float: left;
  overflow: hidden
}
.search .searchItem .right .category {
  color: #999;
  font-size: .7777777778em;
  line-height: 1.8571428571em;
  text-transform: uppercase
}
.search .searchItem .right .title {
  margin-bottom: 5px;
  color: #000;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.3333333333em
}
.search .searchItem .right .excerpt {
  margin-bottom: 7px;
  color: #000;
  font-size: .7777777778em;
  line-height: 1.5714285714em
}
.search .searchItem .right .more {
  display: table;
  padding: 10px 15px;
  transition: .3s;
  background-color: #6c42fa;
  color: #ffc7c2;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: .8888888889em;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:600px) {
  .search .searchItem {
    width: 100%!important;
    margin: 0 0 20px!important;
    float: none!important
  }
  .search .searchItem .right .more {
    height: 16px
  }
}
.search .searchItem .right .more:hover {
  background-color: #ffc7c2;
  color: #6c42fa
}
.search .searchItem .right .crosshatch {
  width: 40px;
  height: 36px;
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAWklEQVQYV2PMcfr1nwEKJrceB7IYobz/DLnVlgyMMAUQSRAAKYBIgnkgBQhJiBKYJFjB/+MH4VagS0IVHIIryK22gDkHTINMBpoAUYBNEm4CLkm4I5HNRXcwAHswL73BM3HuAAAAAElFTkSuQmCC)
}
.search .divider {
  display: block;
  width: 100%;
  margin: 30px 0 20px
}
@media handheld,
only screen and (max-width:600px) {
  .search .divider {
    display: none
  }
}
.listicle .listItemHeading {
  position: relative;
  margin-top: 20px;
  background-color: #6c42fa;
  color: #01ffe5
}
.listicle .listItemHeading .inner {
  padding: 30px 40px;
  font-size: 1.2222222222em;
  line-height: 1.2727272727em
}
@media handheld,
only screen and (max-width:480px) {
  .home .featuredLarge .articleItem a .highlight {
    font-size: 27px!important
  }
  .listicle .listItemHeading .inner {
    padding: 15px!important
  }
}
.listicle .listItemHeading .slitherBottom {
  display: block;
  position: absolute;
  bottom: -7px;
  left: 0
}
@media handheld,
only screen and (max-width:1070px) {
  .listicle .listItemHeading .slitherBottom {
    bottom: -4px
  }
}
.listicle .second.listItemHeading {
  background-color: #fbec81;
  color: #6c42fa
}
.listicle .third.listItemHeading {
  background-color: #ff9fd1;
  color: #6c42fa
}
.listicle .listItemImage {
  display: block;
  width: 100%
}
.listicle p {
  margin-top: 20px
}
.listicle .slither {
  display: block
}
.listicle img {
  width: 100%
}
.listicle .speakSomeone {
  margin-top: 20px
}
.sub-service-content p a {
  background-color: #84ffd4;
  color: #000!important
}
.trueFalseQuestion {
  padding: 40px 40px 30px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAATklEQVQYV2N86Rr3nwEN/PzzD12IgRFdITZF7CxMqApxKQIZDzcRnyK4QkKKwAofOcZgeAbkJnSAoRCbIpCNKApxKUKxGp8iuEJCikAKAby+NDgv+5qMAAAAAElFTkSuQmCC) #e9455e
}
.trueFalseQuestion .title {
  margin: 0 0 20px;
  color: #ffdeb5;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.5555555556em;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:600px) {
  .trueFalseQuestion {
    padding: 20px!important
  }
  .trueFalseQuestion .title {
    margin-bottom: 10px!important;
    font-size: 21px!important;
    line-height: 1em!important
  }
}
.trueFalseQuestion .false,
.trueFalseQuestion .true {
  display: table;
  padding: 13px 40px;
  float: left;
  transition: .3s;
  border: 2px solid #ffdeb5;
  background-color: transparent;
  color: #ffdeb5;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.2222222222em;
  font-weight: 100;
  line-height: 1em;
  text-transform: uppercase
}
.trueFalseQuestion .false:hover,
.trueFalseQuestion .true:hover {
  background-color: #ffdeb5;
  color: #e2415c
}
.trueFalseQuestion .true {
  margin-right: 20px
}
.trueFalseQuestion .text {
  margin: 0 0 20px;
  color: #fff;
  font-size: 1em
}
@media handheld,
only screen and (max-width:600px) {
  .trueFalseQuestion .text {
    font-size: 16px!important;
    line-height: 22px!important
  }
}
.followUpFact {
  margin-bottom: 20px;
  background-color: #ff9fd1;
  color: #333
}
.followUpFact .falseAnswer,
.followUpFact .trueAnswer {
  display: none;
  padding: 18px 40px
}
.speakSomeone {
  margin-bottom: 20px;
  border: 2px solid #333
}
.speakSomeone .inner {
  padding: 25px 20px 36px
}
.speakSomeone h3 {
  margin-bottom: 18px;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.1111111111em;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: uppercase
}
.speakSomeone ul {
  margin-bottom: 0;
  list-style-type: none!important
}
.speakSomeone ul li {
  display: block!important;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 0;
  float: none
}
.speakSomeone ul li a {
  display: inline;
  margin-bottom: 20px!important
}
.speakSomeone img {
  display: block;
  width: 100%
}
.takeAction {
  background: #333;
  color: #fff
}
.takeAction .inner {
  padding: 25px 20px 36px
}
.takeAction h3 {
  margin-bottom: 18px;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.1111111111em;
  font-weight: 700;
  line-height: 1.2em;
  text-transform: uppercase
}
.takeActionBottom {
  width: 63.9705882353%;
  height: 10px;
  background: #84ffd4
}
.articleItem {
  min-height: 380px;
  margin-bottom: 20px;
  display: block;
  cursor: pointer;
  overflow: hidden
}
.articleItem a {
  display: block
}
.articleItem .top {
  position: relative
}
.articleItem .top img {
  display: block
}
.articleItem .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 35px 30px;
  z-index: 999;
  pointer-events: none
}
@media handheld,
only screen and (max-width:1024px) {
  .home .popular ul li .right .cat span a {
    font-size: 14px
  }
  .articleItem .inner {
    padding: 30px!important
  }
}
.articleItem .inner .category a {
  display: table;
  margin-bottom: 10px;
  padding: 2px 4px;
  transition: .3s;
  background-color: #84ffd4;
  color: #000;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: .8888888889em;
  font-weight: 700;
  line-height: 1.5em;
  text-transform: uppercase;
  pointer-events: auto
}
.articleItem .inner .category a:hover {
  background-color: #000;
  color: #84ffd4;
  text-decoration: none!important
}
.articleItem .inner .category a:hover a {
  color: #84ffd4!important;
  text-decoration: none!important
}
@media handheld,
only screen and (max-width:768px) {
  .articleItem .inner {
    padding: 20px
  }
  .articleItem .inner .category a {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px!important;
    margin-left: -2px!important
  }
}
.articleItem .inner .excerpt .title {
  display: inline-block;
  margin-top: 0!important;
  padding: 0 8px;
  font-family: 'Open Sans Condensed',sans-serif;
  font-weight: 700;
  line-height: 40px;
  text-decoration: none!important
}
.articleItem .inner .excerpt .title a:hover {
  text-decoration: none!important
}
.articleItem .inner .excerpt .title .highlight {
  display: inline;
  padding: 0;
  background: #ff9fd1;
  color: #6c42fa;
  font-size: 1.6666666667em
}
.articleItem .inner .excerpt .title .highlight:hover {
  text-decoration: none!important
}
.articleItem .inner .excerpt .title.step-1 .highlight {
  box-shadow: 10px 0 0 #ff9fd1,-10px 0 0 #ff9fd1
}
.articleItem .inner .excerpt p {
  margin-bottom: 0
}
.articleItem .inner .excerpt .title.step-1 a {
  background-color: transparent!important
}
.articleItem .bottom .more {
  display: table;
  height: 16px;
  padding: 10px 15px;
  background-color: #6c42fa;
  color: #ffc7c2;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: .8888888889em;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase
}
.articleItem .bottom .crosshatch {
  width: 40px;
  height: 36px;
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAWklEQVQYV2PMcfr1nwEKJrceB7IYobz/DLnVlgyMMAUQSRAAKYBIgnkgBQhJiBKYJFjB/+MH4VagS0IVHIIryK22gDkHTINMBpoAUYBNEm4CLkm4I5HNRXcwAHswL73BM3HuAAAAAElFTkSuQmCC)
}
.articleItem .bottom .text {
  margin: 0 0 8px
}
.articleItem:hover img {
  transform: scale(1.1) rotate(3deg);
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%)
}
.articleItem img {
  transition: .3s
}
.articleItem.color1 .title .highlight {
  background: #ff9fd1;
  color: #6c42fa
}
.articleItem.color1 .title.step-1 .highlight {
  box-shadow: 10px 0 0 #ff9fd1,-10px 0 0 #ff9fd1
}
.articleItem.color1 .bottom a {
  transition: .3s;
  background-color: #6c42fa;
  color: #ff9fd1
}
.articleItem.color1 .bottom a:hover {
  background-color: #ff9fd1;
  color: #6c42fa
}
.articleItem.color1 .bottom .crosshatch {
  width: 40px;
  height: 36px;
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAT0lEQVQYV2PMcfr1nwENTG49ji7EwIiuEJui3GpLVIW4FIGMh5uITxFcISFFYIX/jx/E8AzITegAQyE2RSAbURTiUoRiNT5FcIWEFIEUAgD7IznsZF5o8gAAAABJRU5ErkJggg==)!important
}
.articleItem.color2 .title .highlight {
  background: #fbec81!important;
  color: #6b41f9!important
}
.articleItem.color2 .title.step-1 .highlight {
  box-shadow: 10px 0 0 #fbec81,-10px 0 0 #fbec81!important
}
.articleItem.color2 .bottom a {
  transition: .3s;
  background-color: #6c42fa;
  color: #fbed82
}
.articleItem.color2 .bottom a:hover {
  background-color: #fbed82;
  color: #6c42fa
}
.articleItem.color2 .bottom .crosshatch {
  width: 40px;
  height: 36px;
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAATklEQVQYV2PMcfr1nwEN9K9qRxdiYERXiE1RYVglqkJcikDGw03EpwiukJAisMLfbxoxPANyEzrAUIhNEchGFIW4FKFYjU8RXCEhRSCFAJo5OVE77qxzAAAAAElFTkSuQmCC)!important
}
.articleItem.color3 .title .highlight {
  background: #2bff8b!important;
  color: #333!important
}
.articleItem.color3 .title.step-1 .highlight {
  box-shadow: 10px 0 0 #2bff8b,-10px 0 0 #2bff8b!important
}
.articleItem.color3 .bottom a {
  transition: .3s;
  background-color: #2bff8b;
  color: #333
}
.articleItem.color3 .bottom a:hover {
  background-color: #333;
  color: #2bff8b
}
.articleItem.color3 .bottom .crosshatch {
  width: 40px;
  height: 36px;
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAATklEQVQYV2PU/t/9nwENcJisQBdiYERXiE3RjzMRqApxKQIZDzcRnyK4QkKKwAqNjY0xPANyEzrAUIhNEchGFIW4FKFYjU8RXCEhRSCFAPTZMIe/wZwVAAAAAElFTkSuQmCC)!important
}
.articleItem.color4 .title .highlight {
  background: #ee334c!important;
  color: #ffdeb4!important
}
.articleItem.color4 .title.step-1 .highlight {
  box-shadow: 10px 0 0 #ee334c,-10px 0 0 #ee334c!important
}
.articleItem.color4 .bottom a {
  transition: .3s;
  background-color: #ffdeb5;
  color: #ee334c
}
.articleItem.color4 .bottom a:hover {
  background-color: #ee334c;
  color: #ffdeb5
}
.articleItem.color4 .bottom .crosshatch {
  width: 40px;
  height: 36px;
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAT0lEQVQYV2P8f2/rfwY08D50OroQAyO6QmyKBFdnoirEpQhkPNxEfIrgCgkpAit8Z+yD4RmQm9ABhkJsikA2oijEpQjFanyK4AoJKQIpBAA10Tj8agoDzgAAAABJRU5ErkJggg==)!important
}
.section {
  position: relative
}
.section .articleItem {
  position: relative;
  width: calc(33.33% - 13.333333px);
  min-height: 380px;
  margin: 0 20px 20px 0;
  float: left
}
@media handheld,
only screen and (max-width:768px) {
  .section .articleItem {
    width: calc(50% - 10px)!important
  }
}
@media handheld,
only screen and (max-width:500px) {
  .section .articleItem {
    width: 100%!important;
    float: none
  }
}
.section .articleItem:nth-child(3n) {
  margin-right: 0!important
}
@media handheld,
only screen and (max-width:768px) {
  .section .articleItem:nth-child(3n) {
    margin-right: 20px!important
  }
  .section .articleItem:nth-child(2n) {
    margin-right: 0!important
  }
}
.section .articleItem img {
  width: 100%
}
.section .articleItem .inner {
  position: absolute;
  bottom: 0;
  left: 0
}
@media handheld,
only screen and (max-width:1024px) {
  .section .articleItem .inner .title {
    line-height: 34px!important
  }
  .section .articleItem .inner .title .highlight {
    font-size: 24px!important
  }
}
.section .more {
  display: block;
  width: 90px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  color: #333;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.1111111111em;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase
}
.section .moreBottom {
  position: relative;
  width: 90px;
  height: 20px;
  margin: 0 auto;
  background: #84ffd4
}
.section .moreBottom .moreArrow {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-width: 12px 45px 0;
  border-style: solid;
  border-color: #fff transparent transparent
}
.section .moreBottom .wedgeLeft {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-width: 12px 0 0 45px;
  border-style: solid;
  border-color: transparent transparent transparent #1a1a1a
}
.section .moreBottom .wedgeRight {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-width: 12px 45px 0 0;
  border-style: solid;
  border-color: transparent #1a1a1a transparent transparent
}
.section h1 {
  display: table;
  margin: 4px auto 60px;
  color: #fff;
  font-family: Oswald,sans-serif;
  font-size: 6.3333333333em;
  font-weight: 700;
  line-height: 1.1403508772em;
  text-align: center;
  text-transform: uppercase
}
.section .strap {
  display: table;
  margin: 70px auto 0;
  color: #ffc7c2;
  font-family: 'Playfair Display',serif;
  font-size: 1.5555555556em;
  line-height: 1.2142857143em;
  text-align: center
}
@media handheld,
only screen and (max-width:768px) {
  .section h1 {
    margin-top: 0!important;
    margin-bottom: 30px!important;
    font-size: 60px!important;
    line-height: 72px!important
  }
  .section .strap {
    margin-top: 30px!important
  }
}
.section .homeWrapper {
  position: relative;
  max-width: 1180px;
  margin: 0 auto 20px;
  padding: 0 10px;
  background-color: #6c42fa
}
.section .homeWrapper .topBar {
  position: relative;
  padding-top: 40px
}
.section .homeWrapper .topBar .title {
  display: table;
  margin: 0 0 25px 20px;
  border-bottom: 5px solid #ffc7c1;
  color: #fbec81;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.2222222222em;
  font-weight: 700;
  line-height: 1.1818181818em;
  text-transform: uppercase
}
.section .homeWrapper .topBar .colorStrip {
  position: absolute;
  top: 0;
  right: -10px;
  width: 24.5762711864%;
  height: 10px;
  background-color: #fbec81
}
.section .homeWrapper .topBarCrossHatch {
  display: block;
  position: absolute;
  top: -7px;
  left: 0
}
.section .featuredWrapper {
  max-width: 1180px;
  margin: 0 auto 20px;
  background-color: #6c42fa
}
@media handheld,
only screen and (max-width:600px) {
  .section .nonFeaturedSection li {
    width: calc(50% - 10px)!important;
    margin: 0 20px 20px 0!important;
    float: left!important
  }
  .section .nonFeaturedSection li:nth-child(2n) {
    margin-right: 0!important
  }
}
@media handheld,
only screen and (max-width:480px) {
  .section .nonFeaturedSection li {
    width: auto!important;
    margin: 0 0 20px!important;
    float: none!important
  }
}
footer {
  margin-top: 40px
}
footer a:hover {
  color: inherit!important
}
footer .twelvecol {
  padding: 30px 0 13px;
  background-color: #e8eff5;
  text-align: center
}
footer .twelvecol .footerLogo {
  display: block;
  width: 250px;
  margin: 0 auto 23px
}
footer .twelvecol .wrapper {
  display: table;
  margin: 0 auto;
  text-align: center
}
footer .twelvecol .wrapper.first {
  margin-bottom: 20px
}
footer .twelvecol .footerMenuBottom,
footer .twelvecol .footerMenuTop {
  height: auto;
  margin: 0 auto
}
footer .twelvecol .footerMenuBottom li,
footer .twelvecol .footerMenuTop li {
  display: inline;
  list-style-type: none!important
}
footer .twelvecol .footerMenuBottom li a,
footer .twelvecol .footerMenuTop li a {
  display: inline-block;
  margin: 0 7px;
  background-color: transparent;
  color: #333;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: .8888888889em;
  font-weight: 700;
  text-transform: uppercase
}
footer .twelvecol .footerMenuTop {
  display: inline;
  margin-bottom: 10px
}
footer .twelvecol .footerMenuTop li {
  display: inline;
  float: none!important
}
@media handheld,
only screen and (max-width:400px) {
  footer .twelvecol .footerMenuTop li a {
    font-size: 13px
  }
}
footer .twelvecol .footerMenuBottom {
  margin-top: -15px;
  margin-bottom: 10px
}
footer .twelvecol .footerMenuBottom li {
  margin-right: 10px
}
footer .twelvecol .footerMenuBottom li a {
  margin: 0 4px;
  font-size: .7777777778em
}
footer .twelvecol .footerMenuBottom .dot {
  margin-top: 2px
}
footer .twelvecol .copyright {
  margin-bottom: 20px;
  font-size: 14px
}
footer .twelvecol .copyright ul {
  display: table;
  margin: 0 auto
}
footer .twelvecol .copyright li {
  display: inline;
  margin-right: 20px;
  list-style-type: none!important
}
footer .strap {
  margin-bottom: 25px;
  font-size: 1.6666666667em;
  font-weight: 100;
  line-height: 1.1666666667em
}
.main .row .threecol {
  height: 100px;
  background-color: #00f
}
.main .row .sixcol {
  height: 100px;
  background-color: red
}
.contentPage .sidebar .articleItem {
  margin-bottom: 30px
}
.contentPage .sidebar .articleItem img {
  width: 100%
}
.contentPage .sidebar .articleItem .top {
  margin-bottom: 10px!important
}
@media handheld,
only screen and (max-width:1000px) {
  .contentPage .sidebar .articleItem .title {
    margin-top: 10px!important;
    font-size: 11px!important;
    line-height: 27px!important
  }
  .contentPage .sidebar .articleItem .category a {
    margin-bottom: 0;
    margin-left: -2px;
    font-size: 14px;
    line-height: 18px
  }
  .contentPage .sidebar .articleItem img {
    width: 100%
  }
}
@media handheld,
only screen and (max-width:768px) {
  .contentPage .sidebar .articleItem {
    width: calc(50% - 10px)!important;
    margin-right: 20px!important;
    float: left!important
  }
  .contentPage .sidebar .articleItem:nth-child(2n) {
    margin-right: 0!important
  }
  .contentPage .sidebar .articleItem .title {
    line-height: 34px!important
  }
  .contentPage .sidebar .articleItem .title .highlight {
    font-size: 24px!important
  }
  .contentPage .eightcol,
  .contentPage .elevencol,
  .contentPage .fivecol,
  .contentPage .fourcol,
  .contentPage .ninecol,
  .contentPage .onecol,
  .contentPage .sevencol,
  .contentPage .sixcol,
  .contentPage .tencol,
  .contentPage .threecol,
  .contentPage .twelvecol,
  .contentPage .twocol {
    padding: 0 60px!important
  }
}
@media handheld,
only screen and (max-width:470px) {
  .contentPage .sidebar .articleItem {
    width: 100%!important;
    margin-right: 0!important;
    float: none!important
  }
  .contentPage .sidebar .articleItem .top {
    margin-bottom: 10px
  }
}
@media handheld,
only screen and (max-width:600px) {
  .contentPage .eightcol,
  .contentPage .elevencol,
  .contentPage .fivecol,
  .contentPage .fourcol,
  .contentPage .ninecol,
  .contentPage .onecol,
  .contentPage .sevencol,
  .contentPage .sixcol,
  .contentPage .tencol,
  .contentPage .threecol,
  .contentPage .twelvecol,
  .contentPage .twocol {
    padding: 0 25px!important
  }
}
@media handheld,
only screen and (max-width:550px) {
  .contentPage .eightcol,
  .contentPage .elevencol,
  .contentPage .fivecol,
  .contentPage .fourcol,
  .contentPage .ninecol,
  .contentPage .onecol,
  .contentPage .sevencol,
  .contentPage .sixcol,
  .contentPage .tencol,
  .contentPage .threecol,
  .contentPage .twelvecol,
  .contentPage .twocol {
    padding: 0 10px!important
  }
}
.contentPage input[type=email],
.contentPage input[type=text] {
  margin-top: 10px;
  padding: 10px;
  outline: 0
}
.contentPage textarea {
  margin-top: 10px;
  padding: 10px;
  outline: 0
}
@media handheld,
only screen and (max-width:450px) {
  .contentPage input[type=email],
  .contentPage input[type=text],
  .contentPage textarea {
    width: calc(100% - 25px)
  }
}
.contentPage .wpcf7-not-valid-tip {
  display: block;
  color: red!important;
  font-size: 15px
}
.contentPage .wpcf7-submit {
  display: table;
  height: 40px!important;
  padding: 10px 15px;
  transition: .3s;
  border: none;
  background-color: #6c42fa;
  color: #ffc7c2;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: .8888888889em;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
  cursor: pointer
}
.contentPage .wpcf7-submit:hover {
  background-color: #ffc7c2;
  color: #6c42fa
}
.contentPage .wpcf7-list-item {
  margin-right: 20px
}
#pageContainer {
  position: relative
}
.pageContainerPush {
  right: 0;
  transition: .3s
}
.mobileNavOpen {
  width: 285px!important
}
@media handheld,
only screen and (max-width:500px) {
  .mobileNavOpen {
    width: 250px!important
  }
}
.mobileNav {
  width: 0;
  transition: .3s
}
.pageContainerPushLeft {
  right: 285px;
  overflow: hidden
}
#mobileNav {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  min-height: 100%;
  padding-top: 60px;
  background-color: #3c3b44;
  font-size: 1em;
  line-height: 1.3333333333em;
  overflow: hidden;
  z-index: 99999
}
#mobileNav form {
  width: calc(100% - 28px);
  margin-bottom: 20px;
  padding: 0 14px
}
#mobileNav form .search {
  width: 200px;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: 0;
  color: #333;
  font-family: 'Open Sans',sans-serif;
  font-size: 1.0588235294em;
  font-weight: 400
}
#mobileNav ul {
  width: 285px;
  font-family: 'Open Sans',sans-serif;
  font-weight: 700
}
@media handheld,
only screen and (max-width:500px) {
  .pageContainerPushLeft {
    right: 250px!important
  }
  #mobileNav ul {
    width: 250px!important
  }
}
#mobileNav ul li {
  position: relative;
  height: auto!important;
  margin-left: 0;
  float: none;
  list-style: none
}
#mobileNav ul li a {
  display: block;
  height: auto!important;
  padding: 15px;
  transition: .3s;
  border-bottom: 1px solid #222;
  color: #fff;
  font-weight: 200;
  text-decoration: none;
  text-transform: uppercase
}
#mobileNav ul li a:hover {
  background-color: #000
}
#mobileNav ul li .expandBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  padding: 13px 20px;
  transition: .7s;
  border-bottom: none;
  cursor: pointer
}
#mobileNav ul li .expandBtn:hover {
  background-color: transparent!important
}
#mobileNav ul li .rotate {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg)
}
#mobileNav ul li .sub-menu {
  max-height: 0;
  transition: max-height .5s
}
#mobileNav ul li ul {
  width: 270px;
  max-height: 0;
  margin-top: 0;
  transition: .5s ease-out;
  overflow: hidden
}
#mobileNav ul li ul li {
  margin-left: 10px
}
#mobileNav ul li ul li a {
  padding-left: 15px
}
#mobileNav ul li ul li ul li a {
  padding-left: 30px!important;
  text-transform: uppercase
}
#mobileNav ul li ul li:first-of-type {
  border-top: none
}
#mobileNav ul li ul.showChildren {
  max-height: 1000px;
  transition: .3s
}
#mobileNav ul li:first-of-type {
  border-top: 1px solid #222
}
.mobileMenuBtn {
  display: none;
  position: absolute;
  top: 24px;
  right: 120px;
  cursor: pointer;
  z-index: 99999999
}
@media handheld,
only screen and (max-width:900px) {
  #mobileNav {
    display: block
  }
  .mobileMenuBtn {
    right: 25px
  }
}
.mobileMenuBtn .bar {
  width: 30px;
  height: 4px;
  margin: 10px 0;
  transition: .3s;
  background: #323638
}
.mobileMenuBtn .bar:before {
  display: block;
  position: absolute;
  top: 0;
  width: 30px;
  height: 4px;
  transition: .3s;
  background: #323638;
  content: '';
  z-index: 9999999
}
.mobileMenuBtn .bar:after {
  display: block;
  position: absolute;
  top: 20px;
  width: 30px;
  height: 4px;
  transition: .3s;
  background: #323638;
  content: '';
  z-index: 99999999
}
@media handheld,
only screen and (max-width:1024px) {
  .mobileMenuBtn {
    display: block
  }
}
.pagination .page-numbers {
  display: block;
  height: 25px!important;
  margin-right: 5px;
  padding: 0 9px;
  float: left;
  transition: .3s;
  background-color: #6c42fa;
  color: #ffc7c2;
  font-size: .8888888889em!important;
  line-height: 1.6em!important;
  text-align: center;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:768px) {
  .pagination .page-numbers {
    margin-bottom: 20px
  }
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
  background-color: #ffc7c2;
  color: #6c42fa
}
.pagination .page-numbers.dots {
  background-color: transparent!important;
  color: #3c3b44!important
}
.pagination .page-numbers.next,
.pagination .page-numbers.previous {
  width: auto;
  padding: 0 5px
}
.generic .hatch {
  display: block;
  width: 100%
}
.generic ul li {
  margin-bottom: 20px
}
.generic ul li:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%)
}
.generic .topBar {
  position: relative;
  margin-bottom: 20px;
  padding: 33px 0 5px 10px;
  background-color: #6c42fa
}
.generic .topBar h3 {
  color: #fbec81;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.2222222222em;
  font-weight: 700;
  text-transform: uppercase
}
.generic .topBar .topStrip {
  position: absolute;
  top: 0;
  right: 0;
  width: 73.6842105263%;
  height: 10px;
  background-color: #84ffd4
}
.generic .topBar .bottomStrip {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 88.1578947368%;
  height: 5px;
  background-color: #ffc7c1
}
.share {
  margin: 20px 0
}
.share a {
  display: block;
  float: left;
  transition: .3s
}
.share a:hover {
  margin-top: -7px!important;
  background-color: transparent!important
}
.fourOhFour {
  margin-top: 40px
}
.fourOhFour img {
  width: 66.265060241%;
  float: left
}
.fourOhFour .right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 31.3253012048%;
  margin-left: 2.4096385542%;
  float: left
}
.fourOhFour .right p {
  font-size: .8888888889em;
  line-height: 1.25em
}
.fourOhFour .right .title {
  margin-bottom: 25px;
  font-family: 'Open Sans',sans-serif;
  font-size: 1.5555555556em;
  font-weight: 700;
  line-height: 1.0714285714em;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:1080px) {
  nav ul li a {
    font-size: .8333333333em
  }
  .fourOhFour .right p {
    font-size: 15px!important
  }
  .fourOhFour .right .title {
    font-size: 25px!important
  }
}
@media handheld,
only screen and (max-width:980px) {
  .fourOhFour .right p {
    font-size: 14px!important
  }
  .fourOhFour .right .title {
    margin-bottom: 20px;
    font-size: 20px!important
  }
}
.searchAgain {
  margin-top: 45px;
  padding: 30px 35px;
  background-color: #84ffd4
}
@media handheld,
only screen and (max-width:850px) {
  footer .strap {
    font-size: 20px;
    line-height: 25px
  }
  .fourOhFour img {
    width: 100%;
    margin-bottom: 20px
  }
  .fourOhFour .right {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    float: none!important
  }
  .searchAgain {
    margin-top: 20px
  }
}
.searchAgain .label {
  display: block;
  width: 35%!important;
  margin-top: 6px;
  float: left;
  font-size: 1.6111111111em;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:1100px) {
  .section .articleItem {
    min-height: 0
  }
  .searchAgain .label {
    font-size: 25px
  }
}
@media handheld,
only screen and (max-width:950px) {
  .searchAgain .label {
    font-size: 20px
  }
}
@media handheld,
only screen and (max-width:550px) {
  .searchAgain {
    padding-top: 20px
  }
  .searchAgain .label {
    width: 100%!important;
    margin-bottom: 20px;
    float: none
  }
}
.searchAgain .right {
  position: relative;
  bottom: auto;
  width: 65%!important;
  margin-left: 0!important;
  float: left!important;
  text-align: right
}
@media handheld,
only screen and (max-width:550px) {
  .searchAgain .right {
    width: 100%!important;
    float: none
  }
}
.searchAgain .right .submit {
  display: block;
  width: 40px;
  height: 40px;
  float: left;
  transition: .3s;
  outline: 0;
  background: url(../images/icon-search.png) center no-repeat #4ad8a7;
  font-size: 0;
  cursor: pointer;
  border-style: none
}
.searchAgain .right .submit:hover {
  background-color: #bffee8
}
.searchAgain .right input[type=text] {
  display: block;
  width: calc(100% - 62px);
  height: 38px;
  padding: 1px 10px;
  float: left;
  border: none!important;
  outline: 0!important;
  font-size: .8888888889em;
  text-transform: uppercase
}
.eightcol {
  position: relative
}
.screen-reader-text {
  display: none
}
.menuFix {
  max-height: 70px
}
.image-credit {
  font-size: 16px
}
.blackOut {
  position: absolute;
  width: 100%;
  height: 100%
}
.blackOut .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1a181b;
  opacity: .98;
  z-index: 9999
}
.blackOut .overlay .messageBox {
  width: 460px;
  margin: 40px auto 0;
  padding: 50px 60px;
  background-color: #6c4bf6;
  color: #fff;
  text-align: center
}
.blackOut .overlay .messageBox .title {
  margin-bottom: 10px;
  font-size: 1.5555555556em;
  line-height: 1.7777777778em;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:650px) {
  .blackOut .overlay .messageBox {
    width: 350px!important;
    padding: 30px!important
  }
  .blackOut .overlay .messageBox .title {
    font-size: 22px!important
  }
}
@media handheld,
only screen and (max-width:450px) {
  .blackOut .overlay .messageBox {
    width: 300px!important;
    padding: 20px!important
  }
  .blackOut .overlay .messageBox .title {
    font-size: 18px!important
  }
}
.blackOut .overlay .messageBox .text {
  margin-bottom: 35px;
  font-size: 1.1111111111em;
  font-weight: 100;
  line-height: 1.4444444444em
}
@media handheld,
only screen and (max-width:650px) {
  .blackOut .overlay .messageBox .text {
    font-size: 20px!important
  }
}
@media handheld,
only screen and (max-width:450px) {
  .blackOut .overlay .messageBox .text {
    margin-bottom: 20px!important;
    font-size: 16px!important
  }
  .blackOut .overlay .messageBox .more {
    margin-bottom: 10px!important
  }
}
.blackOut .overlay .messageBox .more {
  display: table;
  padding: 10px 15px;
  transition: .3s;
  background-color: #ee334c;
  color: #ffdeb5;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: .8888888889em;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase
}
@media handheld,
only screen and (max-width:600px) {
  .mobileMenuBtn {
    top: 17px!important
  }
  .blackOut .overlay .messageBox .more {
    height: 16px
  }
}
.blackOut .overlay .messageBox .more.back,
.blackOut .overlay .messageBox .more:hover {
  background-color: #ffdeb5;
  color: #ee334c
}
.blackOut .overlay .messageBox .more.back:hover {
  background-color: #ee334c;
  color: #ffdeb5
}
.blackOut .overlay .messageBox .crosshatch {
  width: 40px;
  height: 36px;
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAT0lEQVQYV2P8f2/rfwY08D50OroQAyO6QmyKBFdnoirEpQhkPNxEfIrgCgkpAit8Z+yD4RmQm9ABhkJsikA2oijEpQjFanyK4AoJKQIpBAA10Tj8agoDzgAAAABJRU5ErkJggg==)!important
}
.blackOut .overlay .messageBox .btn {
  display: inline-block;
  margin: 0 10px
}
@media handheld,
only screen and (max-width:450px) {
  .blackOut .overlay .messageBox .btn {
    margin: 0
  }
  .blackOut .overlay .messageBox .btn.first {
    margin-right: 10px
  }
}
.wp-polls {
  position: relative;
  margin: 30px 0;
  padding: 30px 20px 20px;
  background-color: #1a1484
}
.wp-polls p {
  color: #fff;
  text-align: left!important
}
.wp-polls .title {
  margin-top: 0!important;
  color: #2bff8b;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase
}
.wp-polls li {
  margin-bottom: 10px!important;
  margin-left: 0!important;
  color: #fff
}
.wp-polls small {
  font-size: 16px!important
}
.wp-polls input[type=radio] {
  margin-right: 10px
}
.wp-polls input[type=button] {
  display: table;
  padding: 6px 10px;
  transition: .3s;
  border: none;
  outline: 0;
  background-color: #ff9fd1;
  color: #1a1484;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer
}
.wp-polls input[type=button]:hover {
  background-color: #1a1484;
  color: #ff9fd1
}
.wp-polls .viewResults {
  padding: 5px 10px;
  outline: 0;
  background-color: #84ffd4;
  color: #333;
  font-family: 'Open Sans Condensed',sans-serif;
  font-weight: 700;
  text-transform: uppercase
}
.wp-polls .pollbar {
  margin-top: 7px!important
}
.wp-polls .pollStrip {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 70%;
  height: 10px;
  background-color: #ff9fd1
}
.wp-polls .crosshatch {
  width: 40px;
  height: 36px;
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAATklEQVQYV2P8P//ifwY0IF26GV2IgRFdITZFT7t9URXiUgQyHm4iPkVwhYQUgRVKibRgeAbkJnSAoRCbIpCNKApxKUKxGp8iuEJCikAKAR1bNKZqC90QAAAAAElFTkSuQmCC)
}
.newtopBar {
  padding-top: 10px;
  background: url(/wp-content/themes/healthforteens/assets/images/search-divider.svg)
}
.newtopBar.bigger h3 {
  font-size: 32px!important
}
.localnews .fourcol:nth-child(3) {
  margin-right: 0
}
.localnews .fourcol:nth-child(4) {
  clear: both
}
.localnews {
  color: #fff
}
.featuredlocalnews {
  margin-right: 0
}
.featuredlocalnews:nth-child(2) {
  margin-right: 1.6949152542%
}
.nooverflow {
  overflow: hidden
}
.localnews .more,
.nomargin {
  margin: 0
}
.m-r-sm {
  margin-right: 10px
}
.m-r-md {
  margin-right: 22px
}
.m-r-lg {
  margin-right: 40px
}
.m-t-none {
  margin-top: 0
}
.m-t-sm {
  margin-top: 10px!important
}
.m-b-md {
  margin-bottom: 22px!important
}
.m-b-tiny {
  margin-bottom: 0!important
}
.p-t-md {
  padding-top: 22px!important
}
.p-b-md {
  padding-bottom: 22px!important
}
.p-b-lg {
  padding-bottom: 40px!important
}
.p-sm {
  padding: 5px
}
.m-b-lg {
  margin-bottom: 40px!important
}
.m-t-lg {
  margin-top: 40px!important
}
.m-t-md {
  margin-top: 22px!important
}
.text-uppercase {
  text-transform: uppercase
}
.text-green {
  color: #84ffd4
}
.text-black {
  color: #333
}
.text-purple {
  color: #6c42fa!important
}
.hr-black {
  margin-bottom: 22px;
  border: 0;
  border-bottom: 2px solid #333
}
.hr-white {
  margin-bottom: 22px;
  border: 0;
  border-bottom: 2px solid #fff
}
.text-condensed {
  font-family: 'Open Sans Condensed',sans-serif
}
.weight-200 {
  font-weight: 200
}
.no-js .shownojs {
  display: block!important
}
.no-js .hidenojs {
  display: none!important
}
.download-icon {
  position: relative;
  top: 3px;
  margin-right: 3px;
  margin-left: -10px;
  font-size: 28px;
  line-height: 25px
}
.localnewstitle {
  color: #84ffd4;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 22px!important;
  font-weight: 700;
  line-height: 36px!important;
  text-decoration: none!important
}
.localnewstitlesmall {
  font-family: 'Open Sans Condensed',sans-serif
}
.servicetitle {
  display: inline-block;
  margin-bottom: 10px;
  color: #84ffd4;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 22px!important;
  font-weight: 700;
  line-height: 26px!important;
  text-decoration: none!important;
  text-transform: uppercase
}
.servicetitle.text-purple {
  border-bottom: 3px solid #6c42fa
}
.servicetitle.text-cream2 {
  border-bottom: 3px solid #ffdeb7
}
.servicetitle.text-yellow {
  border-bottom: 3px solid #faeb88
}
.bg-black {
  background-color: #333!important
}
.bg-white {
  background-color: #fff!important
}
.bg-purple {
  background-color: #6c42fa!important
}
.bg-yellow {
  background-color: #faeb88!important
}
.bg-red {
  background-color: #eb3650!important
}
.bg-cream2 {
  background-color: #ffdeb7!important
}
.bg-pinky {
  background-color: #ffc7c2!important
}
.downloads {
  width: 30%;
  padding: 7.5px 30px
}
.downloads .inner {
  margin: 0 15px
}
@media (min-width:531px) {
  .downloads .inner {
    margin: 0 30px
  }
}
@media (min-width:815px) {
  .downloads .inner {
    margin: 0 25%
  }
}
.downloads:hover,
.downloads:hover span {
  text-decoration: none
}
.localhome .bannerTop {
  margin-bottom: 70px
}
.block {
  display: block;
  line-height: 0
}
.date {
  color: #fff2a4;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 14px;
  text-transform: uppercase
}
.datedark {
  color: #333
}
.newspost h1 {
  display: table;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 18px 20px;
  background-color: #1a181b;
  color: #fff;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 2.6666666667em;
  font-weight: 700;
  line-height: 1.1458333333em;
  text-transform: uppercase
}
.newspost .intro {
  margin-bottom: 20px;
  font-size: 1.5555555556em;
  line-height: 1.3571428571em
}
.backtonews a {
  display: inline;
  padding: 5px 10px;
  background: #6c4bf6;
  color: #ffc7c2;
  font-family: 'Open Sans Condensed',sans-serif;
  text-transform: uppercase
}
.breakbutton {
  padding-top: 30px;
  border-top: 5px solid #fff2a4
}
.breakbutton a {
  display: table!important;
  padding: 6px 15px!important;
  background: #6c4bf6;
  color: #ffc7c2;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 16px;
  text-transform: uppercase
}
.purpleblock {
  margin-top: 20px;
  padding: 30px;
  background: #1b1b82;
  color: #fff
}
.pinkline {
  position: relative;
  bottom: -40px;
  left: -30px;
  width: 70%;
  height: 10px;
  background: #fda1d0
}
.purpleline {
  position: relative;
  bottom: 0;
  left: 0;
  width: 70%;
  height: 10px;
  background: #6c4bf6
}
.sub-service-wrapper {
  padding: 10px 20px 20px;
  border-bottom: 1px solid #6c4bf6;
  background: #ffc7c2;
  color: #333
}
.sub-service-wrapper:last-child {
  border-bottom: 0
}
.sub-service-wrapper .title {
  border-bottom: 5px solid #6c4bf6;
  background-color: transparent!important;
  color: #6c4bf6!important
}
.sub-service-wrapper .title:hover {
  color: #6c4bf6!important
}
.text-pink {
  color: #fda1d0
}
.text-grey {
  color: #333!important
}
.text-white {
  color: #fff
}
.form label {
  display: block;
  margin-top: 20px;
  text-transform: uppercase
}
.form select {
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #1b1b82;
  font-family: 'Open Sans',sans-serif;
  font-size: 18px;
  font-weight: 800
}
.form-control {
  margin-top: 15px;
  background: #fff
}
#localselectform .form-control {
  padding: 2.5px 0;
  background: #1b1b82
}
#localselectform #localselect {
  width: 70%
}
#localselectform #location-cancel,
#localselectform #location-submit {
  width: 25%;
  height: 50px;
  padding: 0 25px 0 75px;
  float: right;
  border: none;
  background: url(../images/check-submit-bg.png) left center/50px 50px no-repeat #ff9fd1;
  color: #1b1b82;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
  box-sizing: border-box
}
@media handheld,
only screen and (max-width:425px) {
  #localselectform #localselect {
    width: 75%
  }
}
@media handheld,
only screen and (max-width:320px) {
  #localselectform #localselect {
    width: 70%;
    font-size: 14px
  }
}
@media handheld,
only screen and (max-width:1200px) {
  .localhome .bannerTop {
    margin-bottom: 140px
  }
  .titlesection {
    margin-bottom: 20px
  }
}
@media handheld,
only screen and (max-width:768px) {
  body .home .articleItem:nth-child(2n) {
    margin-right: 0!important
  }
  .localhome .bannerTop {
    margin-bottom: 0
  }
}
.servicecattitle {
  display: inline;
  border-bottom: 5px solid #333;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 22px
}
.servicesintro {
  margin-bottom: 40px;
  font-size: 24px
}
.ssba img:nth-child(1) {
  padding-left: 0
}
.hidden {
  display: none
}
.file_download {
  display: block;
  width: 33.3%;
  margin-bottom: 30px;
  float: left;
  line-height: 30px
}
.file_download:hover {
  text-decoration: none
}
.text-white.file_download:hover .downloadinner {
  display: inline-block;
  border-bottom: 1px solid #fff;
  line-height: 29px
}
.text-black.file_download:hover .downloadinner {
  display: inline-block;
  border-bottom: 1px solid #333;
  line-height: 29px
}
.text-white.file_download:hover {
  color: #fff
}
.text-black.file_download:hover {
  color: #333
}
.filesize {
  font-size: 80%
}
.smallernews .left {
  float: left
}
.smallernews:hover img {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%)
}
.smallernews .left img {
  margin: 0 20px 0 0
}
.smallernews .right {
  width: 45%;
  padding-top: 15px;
  float: left
}
.articleItem100 {
  width: 100%!important
}
.text-20 {
  font-size: 20px!important;
  line-height: 24px!important
}
.text-32 {
  font-size: 32px!important;
  line-height: 32px!important
}
.text-30 {
  font-size: 30px!important;
  line-height: 40px!important
}
.categorylink {
  margin-right: 10px;
  padding: 5px 15px;
  background: #333;
  color: #fff;
  font-family: 'Open Sans Condensed',sans-serif;
  text-transform: uppercase
}
.categorylink:hover {
  color: #fff
}
.categorylink.categorylink-blog {
  background: #eb3650;
  color: #fbc5a6
}
.categorylink.categorylink-news {
  background: #6c42fa;
  color: #89ffd5
}
.categorylink.categorylink-campaign {
  background: #ffc7c2;
  color: #6c4bf6
}
.categorylink.categorylink-events {
  background: #faeb88;
  color: #6c42fa
}
.circlephoto {
  position: relative
}
.circlephoto .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  margin-top: -20px;
  margin-left: -20px;
  padding: 7px;
  transition: .5s;
  border-radius: 50%;
  background-color: #6c4bf6;
  font-size: 25px;
  text-align: center;
  opacity: 0
}
.circlephoto:hover .circle {
  opacity: 1
}
.topBar.altTopBar .topStrip {
  background-color: #fff2a4!important
}
.topBar.altTopBar .bottomStrip {
  background-color: #89ffd5!important
}
.breakbutton.purple {
  border-color: #6c42fa
}
.eventstopbar.bigger {
  padding-top: 10px;
  padding-bottom: 10px
}
.eventstopbar .bottomStrip {
  width: 95%!important;
  height: 10px!important;
  margin-bottom: -10px;
  background-color: #6c42fa!important
}
.eventstopbar .topBar {
  padding: 22px 0 5px 10px!important;
  background-color: #faeb88!important
}
.eventstopbar h3 {
  color: #6c42fa!important
}
.smallernews {
  position: relative
}
.corner.categorylink {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  padding: 0;
  border-width: 35px 35px 0 0;
  border-style: solid;
  border-color: transparent;
  background: 0 0;
  z-index: +9999
}
.categorylink.categorylink-blog {
  border-color: #eb3650 transparent transparent
}
.categorylink.categorylink-news {
  border-color: #6c42fa transparent transparent
}
.categorylink.categorylink-campaign {
  border-color: #ffc7c2 transparent transparent
}
.categorylink.categorylink-events {
  border-color: #faeb88 transparent transparent
}
.imagecategorylink {
  padding: 0;
  border: 0
}
#location-submit {
  transition: .5s
}
#location-submit:hover {
  background-color: #6c42fa!important;
  background-image: url(../images/check-submit-bg.png) no-repeat left center!important;
  color: #ff9fd1!important
}
.chat-user .row div {
  height: auto!important;
  margin-bottom: 10px;
  background-color: transparent!important
}
.chat-user button,
.chat-user input,
.chat-user optgroup,
.chat-user select,
.chat-user textarea {
  margin: 0;
  box-sizing: border-box
}
.chat-user input[type=email],
.chat-user input[type=text] {
  width: 100%;
  margin: 0!important
}
.form-control {
  display: block;
  width: 100%;
  padding: 10px;
  border: 1px solid #1a181b;
  background-color: #fff;
  background-image: none;
  color: #222;
  font-size: 14px
}
textarea.form-control {
  height: auto
}
.input-group {
  display: table;
  position: relative;
  width: 100%;
  border-collapse: separate
}
.input-group .input-group-addon {
  display: table-cell;
  width: 40px;
  padding: 5px 0;
  background-color: #6c42fa;
  color: #fff;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle
}
.input-group .form-control {
  display: table-cell;
  width: 100%;
  float: left
}
.input-group label,
.input-group span.required {
  display: none
}
.required {
  color: #888;
  font-size: 75%
}
.not-valid {
  display: block;
  padding: 5px 0;
  color: #6c42fa;
  font-size: 14px;
  font-weight: 700
}
.sub-text {
  margin: 10px 0;
  padding: 10px 0;
  border: 1px;
  font-size: 14px
}
#comments input.submit,
input.button {
  display: inline-block;
  padding: 10px;
  border: none;
  background-color: #6c42fa;
  background-image: none;
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle
}
section.warning {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #6c42fa;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase
}
section.warning p {
  margin: 0
}
span.warning {
  display: block;
  padding: 5px 0;
  color: #ee334c;
  font-size: 14px;
  font-weight: 700
}
.comment {
  position: relative;
  padding: 20px 10px 10px 0;
  border-top: 1px dashed #ccc;
  font-size: 14px
}
.comment:after {
  display: table;
  clear: both;
  content: ""
}
.comment .avatar {
  width: 100px;
  height: 100px;
  float: left
}
@media handheld,
only screen and (max-width:600px) {
  .comment .avatar {
    width: 50px;
    height: 50px;
    float: none
  }
  .comment .avatar img {
    width: 40px;
    height: 40px
  }
}
.comment .reply a {
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  width: 50px;
  padding: 2px 5px;
  background-color: #6c42fa;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase
}
.comment .title {
  margin-bottom: 10px;
  color: #888
}
.comment-is-admin {
  border-top: 2px dashed #4ad8a7
}
.comment-is-admin .body p {
  color: #127cc0;
  font-family: 'Open Sans',sans-serif;
  font-weight: 700
}
.comment-is-reply {
  padding-left: 100px
}
@media handheld,
only screen and (max-width:600px) {
  .comment .reply a {
    top: 20px;
    font-size: 12px
  }
  .comment-is-reply {
    padding-left: 20px
  }
}
.comment-unapproved {
  padding: 10px 20px;
  background-color: #eee
}
.comment-unapproved a {
  background-color: #ccc
}
.comment-respond {
  margin-top: 20px
}
.comment-respond .comment-reply-title {
  font-size: 12px;
  font-weight: 400
}
.comment-respond .comment-reply-title:after {
  display: table;
  clear: both;
  content: ""
}
.comment-respond .comment-reply-title a {
  font-weight: 700
}
.comment-respond .comment-reply-title .warning {
  float: right
}
@media handheld,
only screen and (max-width:600px) {
  .comment-respond .comment-reply-title .warning {
    float: none
  }
  .comment-respond .comment-reply-title {
    text-align: center
  }
}
.web-chat {
  padding-bottom: 40px
}
.web-chat .chat-details {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 700
}
.web-chat .chat-excerpt {
  font-style: italic
}
.newspost p a {
  background-color: #84ffd4!important;
  color: #333!important
}
.text-yellow,
.text-yellow p a {
  color: #faeb88!important
}
.text-red,
.text-red p a {
  color: #eb3650!important
}
.text-cream2,
.text-cream2 p a {
  color: #ffdeb7!important
}
.text-pinky,
.text-pinky p a {
  color: #ffc7c2!important
}
.text-white p a {
  color: #fff!important
}
#location footer .twelvecol {
  padding: 30px 0 13px!important
}
.location-overview {
  display: flex;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000b3;
  z-index: 99999999;
  align-items: center
}
.location-overview__container {
  width: 100%;
  max-width: 800px;
  height: auto;
  max-height: 400px;
  margin: auto;
  padding: 40px 100px;
  border: 10px solid #fff;
  background-color: #1b1b82;
  color: #fff;
  box-shadow: 3px 3px 0 2px #a29f9f87;
  box-sizing: border-box
}
.location-overview__container h3 {
  color: #ffc7c2;
  font-family: 'Open Sans Condensed',sans-serif;
  font-size: 1.2222222222em;
  font-weight: 700;
  text-transform: uppercase
}
#localselectform #location-cancel {
  width: auto;
  float: left;
  background: url(../images/stripes.png) left center/50px no-repeat #ffdeb5;
  color: #ee334c
}
#localselectform #location-cancel:hover {
  background-color: #ee334c;
  color: #ffdeb5
}
@media handheld,
only screen and (max-width:768px) {
  #location footer .twelvecol {
    width: auto;
    margin-right: 0;
    margin-left: 0;
    padding-right: 25px!important;
    padding-left: 25px!important;
    float: none
  }
  .location-overview__container {
    padding: 20px
  }
  #localselectform #location-cancel {
    width: 100%;
    padding: 10px 15px;
    background: #ffdeb5
  }
}
@media handheld,
only screen and (max-width:550px) {
  #location footer .twelvecol {
    padding-right: 10px!important;
    padding-left: 10px!important
  }
  #localselectform #location-submit {
    width: 70px;
    height: 50px;
    padding: 0;
    float: right;
    border: none;
    background: 0 0/50px 50px #ff9fd1;
    color: #1b1b82;
    font-family: 'Open Sans Condensed',sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    cursor: pointer;
    box-sizing: border-box
  }
  #localselectform #location-cancel {
    font-size: 14px
  }
}
.nf-form-wrap .nf-form-errors .nf-error-msg,
.nf-form-wrap .nf-response-msg {
  text-align: center
}
.nf-form-wrap {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px 0
}
.nf-form-wrap .nf-form-content button,
.nf-form-wrap .nf-form-content input[type=button],
.nf-form-wrap .nf-form-content input[type=submit] {
  display: inline-block;
  width: 115px;
  padding: 15px;
  transition: .2s ease-in;
  background: #4dd8a5;
  color: #fff;
  font-family: "Open Sans Condensed",sans-serif;
  line-height: 1.1em;
  text-decoration: none;
  cursor: pointer
}
.nf-form-wrap .nf-form-content button:hover,
.nf-form-wrap .nf-form-content input[type=button]:hover,
.nf-form-wrap .nf-form-content input[type=submit]:hover {
  background: #bffee8;
  color: #fff
}
.feedback-form {
  background-color: #ddfdf2
}
.nf-form-wrap .nf-after-form-content {
  max-width: 600px;
  margin: 0 auto;
  padding: 10px 5px;
  font-family: "Open Sans Condensed",sans-serif;
  font-size: 16px
}
.nf-form-content .nf-field-container,
.nf-form-content .nf-input-limit {
  margin: 0
}
.nf-form-wrap .nf-form-content .listcheckbox-wrap li,
.nf-form-wrap .nf-form-content .listradio-wrap li {
  display: inline-block;
  margin-right: 20px!important
}
.nf-form-wrap .nf-field-label label {
  font-weight: 500
}
.nf-form-wrap .listradio-wrap .nf-field-element {
  text-align: left
}
@media handheld,
only screen and (max-width:767px) {
  .nf-form-wrap .label-above .field-wrap,
  .nf-form-wrap .label-below .field-wrap {
    text-align: center
  }
}
.next-review-date__holder {
  padding: 5px 0;
  background-color: #fced79
}
.next-review-date__output {
  margin-bottom: 0;
  padding: 2px 10px
}
.nf-form-hp {
  position: absolute;
  visibility: hidden;
  pointer-events: none
}