/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../../../clientlibs/classmags-migration-libs/bootstrap/dist/fonts/glyphicons-halflings-regular.eot');
  src: url('../../../clientlibs/classmags-migration-libs/bootstrap/dist/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../clientlibs/classmags-migration-libs/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../../clientlibs/classmags-migration-libs/bootstrap/dist/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../clientlibs/classmags-migration-libs/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../clientlibs/classmags-migration-libs/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap.css.map */

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('../../../clientlibs/classmags-migration-libs/slick-carousel/slick/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../../../clientlibs/classmags-migration-libs/slick-carousel/slick/fonts/slick.eot');
    src: url('../../../clientlibs/classmags-migration-libs/slick-carousel/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../../clientlibs/classmags-migration-libs/slick-carousel/slick/fonts/slick.woff') format('woff'), url('../../../clientlibs/classmags-migration-libs/slick-carousel/slick/fonts/slick.ttf') format('truetype'), url('../../../clientlibs/classmags-migration-libs/slick-carousel/slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*
	Able Player core styles

	Default z-index map:

	* Modal dialog
	div.able-modal-dialog = 10000
	div.able-modal-overlay = 9500

	* Items that should always be on top (9000):
	.able-alert = 9400
	.able-window-toolbar .able-button-handler-preferences = 9300
  .able-popup = 9200
  .able-volume-head = 9175
  .able-volume-slider = 9150
  .able-tooltip = 9000

  * Pop-ups with critical content:  (7000 - 8000):
	.able-sign-window = 8000
	.able-transcript-area = 7000

  * Player controls: (5000 - 6000)
  .able-controller .able-seekbar = 6900
  .able-controller .buttonOff = 6800
  .able-controller button > img = 6700
  .able-controller button > span = 6700
	.able-controller button = 6600
	.able-big-play-button = 6500
	div.able-captions-wrapper = 6000
  .able-seekbar-head = 5500
  .able-seekbar-played = 5200
	.able-seekbar-loaded = 5100
	.able = 5000
*/
.able-wrapper {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
.able {
  position: relative;
  margin: 1em 0;
  width: 100%; /* will be changed dynamically as player is contructed */
  box-shadow: 0px 0px 16px #262626;
  z-index: 5000;
}
.able-column-left {
    float: left;
}
.able-column-right {
    float: left;
}
.able .able-vidcap-container {
  background-color: black;
  /* height: 360px; */
  left: 0;
  margin: 0;
  position: relative;
  top: 0;
}
.able-player {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #262626; /* background color of player (appears on top & bottom) */
}
.able-offscreen {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.able-video {
}
.able-video .able-now-playing {
	display: none; /* not currently used for video */
}
.able-controller {
	position: relative;
	border-top: 2px solid #4c4c4c;
	border-bottom: 2px solid #4c4c4c;
	background-color: #464646; /* background color of controller bar */
	min-height: 38px; /* height of button (20px) + 4px border + 4px padding */
	padding: 0;
}
.able-poster {
  position: absolute;
  top: 0;
  left: 0;
}

/*
  Controller Buttons & Controls
*/
.able-big-play-button {
    position: absolute;
    font-size: 8em;
    opacity: 0.5;
    filter:alpha(opacity=50); /* for IE */
    color: #fdfdfd;
    background-color: transparent;
    border: none;
    outline: none;
    left: 0;
    top: 0;
    padding: 0;
    z-index: 6500;
}
.able-big-play-button:hover {
    opacity: 100;
    filter:alpha(opacity=100); /* for IE */
}
.able-left-controls, .able-right-controls {
    overflow: visible;
}
.able-left-controls button, .able-right-controls button {
    vertical-align: middle;
}
.able-left-controls {
  float: left;
}
.able-right-controls {
  float: right;
}
.able-black-controls,
.able-black-controls button,
.able-black-controls label  {
  color: #000 !important;
}
.able-black-controls .able-seekbar {
  border: 2px solid #000;
}
.able-white-controls,
.able-white-controls button,
.able-black-controls label {
  color: #FFF !important;
}
.able-white-controls .able-seekbar {
  border: 2px solid #FFF;
}
.able-controller button {
  background: none;
  position: relative;
  display: inline-block;
  border-style: none;
  margin: 3px;
  padding: 0;
  font-size: 20px;
  min-width: 24px;
  outline: 2px solid #464646; /* same color as .able-controller background-color */
  border: none;
  overflow: visible !important;
  z-index: 6600;
}
.able-controller button > span,
.able-controller button > img {
  width: 20px;
  margin: 0 auto;
  padding: 0;
  z-index: 6700;
}
.able-controller .buttonOff {
	opacity: 0.5;
	filter:alpha(opacity=50); /* for IE */
  z-index: 6800;
}
.able-controller .able-seekbar {
  margin: 0 5px;
  z-index: 6900;
}
.able-controller button:hover,
.able-controller button:focus {
  outline-style: solid;
  outline-width: medium;
}
.able-controller button:hover {
	outline-color: #8AB839 !important; /* green */
}
.able-controller button:focus {
	outline-color: #ffbb37 !important; /* yellow */
}

/*
  Seekbar
*/
.able-seekbar-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.able-seekbar {
  position: relative;
  height: 0.5em;
  border: 1px solid;
  background-color: #000000;
  margin: 0 3px;
  border-style: solid;
  border-width: 2px;
  border-color: #ffffff;
}
.able-seekbar-loaded {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 0.5em;
  background-color: #464646;
  z-index: 5100;
}
.able-seekbar-played {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 0.5em;
  background-color: #DADADA;
  z-index: 5200;
}
.able-seekbar-head {
  display: inline-block;
  position: relative;
  left: 0;
  top: -0.45em;
  background-color: #FDFDFD;
  width: 0.8em;
  height: 0.8em;
  border: 1px solid;
  border-radius: 0.8em;
  z-index: 5500;
}

/*
  Volume Slider
*/
.able-volume-slider {
  width: 34px;
  height: 50px;
  background-color: #464646; /* same as .able-controller */
  padding: 10px 0;
  position: absolute;
  right: 0px;
  top: -74px;
  display: none;
  z-index: 9100;
}
.able-volume-track {
  display: block;
  position: relative;
  height: 100%; /* = 50px after padding */
  width: 5px;
  margin: 0 auto;
  background-color: #999;
}
.able-volume-track.able-volume-track-on {
  background-color: #dadada;
  position: absolute;
  height: 20px; /* change dynamically; 5px per volume tick */
  top: 30px;  /* change dynamically; 50px - height */
}
.able-volume-head {
  display: inline-block;
  background-color: #fdfdfd;
  outline: 1px solid #333;
  position: absolute;
  height: 7px;
  width: 15px;
  left: -5px;
  top: 23px; /* change dynamically; .able-volume-track-on top - 7 */
  z-index: 9175;
}
.able-volume-head:hover,
.able-volume-head:focus {
	background-color: #ffbb37 !important; /* yellow */
}
.able-volume-help { /* not visible; used in aria-describedby */
  display: none;
}

/*
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}
*/

/*
  Status Bar
*/

.able-status-bar {
	height: 1.5em;
	min-height: 1.5em;
	color: #CCC;
	font-size: 0.9em;
	background-color: transparent;
	padding: 0.5em 0.5em 0.25em;
}
.able-status-bar span.able-timer {
	/* contains both span.elapsedTime and span.duration */
	text-align: left;
	float: left;
	width: 32%;
}
.able-status-bar span.able-speed {
  float: left;
  width: 33%;
  text-align: center;
}
.able-status {
	font-style: italic;
	float: right;
	width: 32%;
	text-align :right;
}

/*
  Captions and Descriptions
*/

div.able-captions-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.35em;
  display: none;
  z-index: 6000;
}
div.able-captions {
  display: none;
  padding: 0.15em 0.25em;
  /* settings that are overridden by user prefs */
  background-color: black;
  font-size: 1.1em;
  color: white;
  opacity: 0.75;
}
div.able-captions-overlay {
  position: absolute;
  margin: 0;
  bottom: 0;
}
div.able-captions-below {
  position: relative;
  min-height: 2.8em;
}
div.able-descriptions {
  position: relative;
  color: #FF6; /* yellow, to differentiate it from captions */
  background-color: #262626;
  min-height: 2.8em;
  border-top: 1px solid #666;
  margin: 0;
  padding: 3%;
  width: 94%;
  text-align: center;
}

/*
  Now Playing
*/

div.able-now-playing {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	color: #FFFFFF;
	background-color: transparent;
	padding: 0.5em 0.5em 1em;
}
div.able-now-playing span {
	font-size: 0.9em;
}
div.able-now-playing span span {
	display: block;
}

/*
  Modal Dialogs
*/

div.able-modal-dialog {
  position: absolute;
  height: auto;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  right: 0px;
  outline: 0px none;
  display: none;
  color: #000;
  background-color: #FAFAFA;
  z-index: 10000;
}
div.able-modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  display: none;
  z-index: 9500;
}
button.modalCloseButton {
  position: absolute;
  top: 5px;
  right: 5px;
}
button.modal-button {
  margin-right: 5px;
}
div.able-modal-dialog input:hover,
div.able-modal-dialog input:focus,
div.able-modal-dialog button:hover,
div.able-modal-dialog button:focus {
  outline-style: solid;
  outline-width: 2px;
}
div.able-modal-dialog input:hover,
div.able-modal-dialog button:hover {
	outline-color: #8AB839; /* green */
}
div.able-modal-dialog input:focus,
div.able-modal-dialog button:focus {
	outline-color: #ffbb37; /* yellow */
}
div.able-modal-dialog h1 {
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.2em;
  margin: 0.75em 0;
  color: #000;
  text-align: center;
}
.able-prefs-form,
.able-help-div,
.able-resize-form {
	background-color: #F5F5F5;
	border: medium solid #ccc;
	padding: 0.5em 1em;
	margin: 0 0 0 1em;
	width: 25em;
	display: none;
}

/*
  Preferences Form
*/

.able-prefs-form fieldset {
  margin-left: 0;
  padding-left: 0;
	border: none;
}
.able-prefs-form legend {
	color: black;
	font-weight: bold;
	font-size: 1.1em;
}
.able-prefs-form fieldset div {
  display: table;
  margin-left: 1em;
}
.able-prefs-form fieldset div input {
  display: table-cell;
	width: 1em;
	vertical-align: middle;
}
.able-prefs-form fieldset div label {
  display: table-cell;
	padding-left: 0.5em;
}
fieldset.able-prefs-keys div {
  float: left;
  margin-right: 1em;
}
div.able-desc-pref-prompt {
  font-weight: bold;
  font-style: italic;
  margin-left: 1em !important;
}
div.able-prefDescFormat > div {
  margin-left: 1.5em;
}
.able-prefs-captions label,
.able-prefs-captions select {
  display: block;
  float: left;
  margin-bottom: 0.25em;
}
fieldset.able-prefs-captions label {
  width: 6em;
  text-align: right;
  padding-right: 1em;
}
fieldset.able-prefs-captions select {
  width: 10em;
  font-size: 0.9em;
  border-radius: none;
}
.able-prefs-form div.able-captions-sample {
  padding: 0.5em;
  text-align: center;
}
.able-prefs-form h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 1.1em;
}
.able-prefs-form ul {
  margin-top: 0;
}

/*
  Keyboard Preferences Dialog
*/
able-prefs-form-keyboard ul {
	list-style-type: none;
}
span.able-modkey-alt,
span.able-modkey-ctrl,
span.able-modkey-shift {
  color: #666;
  font-style: italic;
}
span.able-modkey {
  font-weight: bold;
  color: #000;
  font-size: 1.1em;
}

/*
  Resize Window Dialog
*/

.able-resize-form h1 {
  font-size: 1.15em;
}
.able-resize-form div div {
  margin: 1em;
}
.able-resize-form label {
  padding-right: 0.5em;
  font-weight: bold;
}
.able-resize-form input[type="text"] {
  font-size: 1em;
}
.able-resize-form input[readonly] {
  color: #AAA;
}

/*
  Drag & Drop
*/

.able-window-toolbar {
  background-color: #464646;
  min-height: 15px;
  padding: 10px;
  border-style: solid;
  border-width: 0 0 1px 0;
}
.able-draggable:hover {
  cursor: move;
}
.able-window-toolbar .able-button-handler-preferences {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.5em;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  z-index: 9300;
}
.able-window-toolbar .able-button-handler-preferences:hover,
.able-window-toolbar .able-button-handler-preferences:focus {
  outline-style: solid;
  outline-width: medium;
}
.able-window-toolbar .able-button-handler-preferences:hover {
	outline-color: #8AB839 !important; /* green */
}
.able-window-toolbar .able-button-handler-preferences:focus {
	outline-color: #ffbb37 !important; /* yellow */
}
.able-window-toolbar .able-popup {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
.able-drag {
  border: 2px dashed #F90;
  cursor: move;
}
.able-resizable {
  position: absolute;
  width: 16px;
  height: 16px;
  padding: 5px 2px;
  bottom: 0;
  right: 0;
  cursor: nwse-resize;
  background: transparent url('../../../clientlibs/classmags-migration-libs/images/wingrip.png') no-repeat;
}

/*
  Sign Language Window
*/

.able-sign-window {
  position: relative;
  margin: 1em;
  /* max-width: 100%; */
  z-index: 8000;
}
.able-sign-window video {
  width: 100%;
}
.able-sign-window:focus {
  outline: none;
}


/*
  External chapters div
*/
div.able-chapters-div {
  padding: 0;
}
div.able-chapters-div .able-chapters-heading {
  margin: 1em 0.75em;
  font-size: 1.1em;
  font-weight: bold;
}
div.able-chapters-div ul {
  list-style-type: none;
  padding-left: 0;
}
div.able-chapters-div ul li {
  max-width: 100%;
  padding: 0;
  height: 2em;
}
div.able-chapters-div button {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  color: #000;
  font-size: 1em;
  text-align: left;
  padding: 0.15em 1em;
}
div.able-chapters-div li.able-current-chapter {
  background-color: #000 !important;
}
div.able-chapters-div li.able-current-chapter button {
  color: #FFF !important;
}
div.able-chapters-div li.able-focus {
  background-color: #4C4C4C;
}
div.able-chapters-div button:focus,
div.able-chapters-div button:hover,
div.able-chapters-div button::-moz-focus-inner {
  border: 0;
  outline: none;
  color: #FFF !important;
}

/*
  Fullscreen settings
  In v2.2.4b commented out :-webkit-full-screen style
  This was causing the toolbar in fullscreen mode to be positioned slightly offscreen in webkit browsers
  Safari had an additional problem in window height was being calculated (see event.js > onWindowResize())
  Commenting out this style appears have no adverse effect in any browser
  All other fullscreen styles were already commented out, and left here solely for reference
*/
/*
:-webkit-full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: none;
}
:-moz-full-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 20;
  background: none;
}

:-ms-fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: none;
}

:fullscreen {
  position: fixed;
  width: 100%;
  height: 80%;
  top: 0;
  background: none;
}
*/

/*
  Tooltips & Alerts
*/

.able-tooltip, .able-alert {
  position: absolute;
  padding: 5px 10px;
  border-color: black;
  border-width: 1px;
  color: #000 !important;
  background-color: #CCCCCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none;
}
.able-alert {
  background-color: #FFFFCC;
  box-shadow: 0px 0px 16px #262626;
  z-index: 9400;
}
.able-popup {
  z-index: 9200;
}
.able-tooltip {
  z-index: 9000;
}

/*
  Popup Menus
*/
.able-popup {
  position: absolute;
  margin: 0;
  padding: 0;
  border-color: black;
  border-width: 1px;
  background-color: #000;
  opacity: 0.85;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none;
}
.able-popup ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.able-popup li {
  padding: 0.25em 1em 0.25em 0.25em;
  margin: 1px;
}
.able-popup label {
  padding-left: 0.25em;
  color: #FFF;
}
.able-popup li.able-focus {
  background-color: #CCC;
}
.able-popup li.able-focus label {
  color: #000;
}

/*
  Popup Menus with hidden radio buttons
  e.g., chapters and preferences
*/
.able-popup-no-radio > ul > li > input {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/*
  Transcript
*/

.able-transcript-area {
  border-width: 1px;
  border-style: solid;
  height: 400px;
  z-index: 7000;
  outline: none;
}
.able-transcript {
	position: relative; /* must be positioned for scrolling */
  overflow-y: scroll;
  padding-left: 5%;
  padding-right: 5%;
  /* width: 90%; */
  background-color: #FFF;
  height: 350px;
}
.able-transcript div {
	margin: 1em 0;
}
.able-transcript-heading {
  font-size: 1.4em;
  font-weight: bold;
}
.able-transcript-chapter-heading {
  font-size: 1.2em;
  font-weight: bold;
}
.able-transcript div.able-transcript-desc {
	background-color: #FEE;
	border: thin solid #336;
	font-style: italic;
	padding: 1em;
}
.able-transcript .able-unspoken {
	font-weight: bold;
}
.able-transcript .able-hidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
.able-highlight {
	background: #FF6; /* light yellow */
}
.able-previous {
	background: black !important;
	font-style: italic;
}
.able-transcript span:hover,
.able-transcript span:focus,
.able-transcript span:active {
	background: #CF6; /* light green */
	cursor: pointer;
}
.able-window-toolbar label {
  margin-right: 10px;
  color: #FFF;
}
.able-window-toolbar input:focus,
.able-window-toolbar input:hover,
.able-controller input:focus,
.able-controller input:hover,
.able-controller button:focus,
.able-controller button:hover,
.able-seekbar-head:focus,
.able-seekbar-head:hover {
  outline-style: solid;
  outline-width: 2px;
}
.able-window-toolbar input:focus,
.able-controller input:focus,
.able-controller button:focus,
.able-seekbar-head:focus {
	outline-color: #ffbb37; /* yellow */
}
.able-window-toolbar input:hover,
.able-controller input:hover,
.able-controller button:hover,
.able-seekbar-head:hover {
	outline-color: #8AB839; /* green */
}
.able-window-toolbar .transcript-language-select-wrapper {
  float: right;
  padding-right: 30px;
}

/*
  Playlist - Embedded
*/

.able-player .able-playlist {
	font-size: 0.9em;
	list-style-type: none;
	margin: 0;
	background-color: #FFFFFF;
	padding: 5px 0;
}
.able-player .able-playlist li {
	background-color: #DDDDDD; /* default background color of each item in playlist */
	margin: 5px;
	padding: 5px 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
}
.able-player .able-playlist li:hover,
.able-player .able-playlist li:focus,
.able-player .able-playlist li:active { /* playlist items when they have mouse or keyboard focus */
	color: #FFFFFF;
	background-color: #340449;
	text-decoration: none;
}
.able-player .able-playlist li.able-current { /* currently selected playlist item */
	color: #000000;
	background-color: #FFEEB3;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}
.able-player .able-playlist li.able-current:after {
	content: ' *';
}

/*
  Playlist - External
*/

.able-playlist {
}
.able-playlist li {
}
.able-playlist li:hover,
.able-playlist li:focus,
.able-playlist li:active { /* playlist items when they have mouse or keyboard focus */
	text-decoration: none;
	color: white;
	background-color: black;
}
.able-playlist li.able-current { /* currently selected playlist item */
	font-weight: bold;
  text-decoration: underline;
}
.able-playlist li.able-current:after {
	content: ' *';
}

/*
  Search
*/

.able-search-results ul li {
  font-size: 1.1em;
  margin-bottom: 1em;
}
.able-search-results-time {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
.able-search-results-time:hover,
.able-search-results-time:focus,
.able-search-results-time:active {
  color: #FFF;
  background-color: #000;
  text-decoration: none;
}
.able-search-results-text {
  padding-left: 1em;
}
.able-search-term {
	background-color: #FFC;
	font-weight: bold;
}

/*
  Misc
*/

.able-clipped, .able-screenreader-alert {
	/* hide from sighted users, but not screen reader users */
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	/* additional rules are needed to ensure clipped buttons are truly invisible in Safari on Mac OS X */
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.able-error {
	display: block;
	background: #ffc;
	border: 2px solid #000;
	color: #FF0000;
	margin: 0.75em;
	padding: 0.5em;
}
.able-fallback {
  display: block;
  text-align: center;
  border: 2px solid #333355;
  background-color: #EEE;
  color: #000;
  font-weight: bold;
  font-size: 1.1em;
  padding: 1em;
  margin-bottom: 1em;
  max-width: 500px;
  width: 95%;
}
.able-fallback div,
.able-fallback ul,
.able-fallback p {
  text-align: left;
}
.able-fallback li  {
  font-weight: normal;
}
.able-fallback img {
  width: 90%;
  margin: 1em auto;
  opacity: 0.3;
}
.able-fallback img.able-poster {
  position: relative;
}

/*
  SVG Icons
*/
button svg {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: currentColor;
}


/*
  icomoon.io font styling
*/



.icon-play:before {
    content: "\f04b";
}
.icon-pause:before {
    content: "\f04c";
}
.icon-stop:before {
    content: "\f04d";
}
.icon-restart:before {
    content: "\e900";
}
.icon-rewind:before {
    content: "\e603";
}
.icon-forward:before {
    content: "\e604";
}
.icon-previous:before {
    content: "\e901";
}
.icon-next:before {
    content: "\e902";
}
.icon-slower:before {
    content: "\f0dd";
}
.icon-faster:before {
    content: "\f0de";
}
.icon-turtle:before {
    content: "\e904";
}
.icon-rabbit:before {
    content: "\e905";
}
.icon-ellipsis:before {
    content: "\e903";
}
.icon-pipe:before {
    content: "\e600";
}
.icon-captions:before {
    content: "\e601";
}
.icon-descriptions:before {
    content: "\e602";
}
.icon-sign:before {
    content: "\e60a";
}
.icon-volume-mute:before {
    content: "\e606";
}
.icon-volume-soft:before {
    content: "\e60c";
}
.icon-volume-medium:before {
    content: "\e605";
}
.icon-volume-loud:before {
    content: "\e60b";
}
.icon-volume-up:before {
    content: "\e607";
}
.icon-volume-down:before {
    content: "\e608";
}
.icon-chapters:before {
    content: "\e609";
}
.icon-transcript:before {
    content: "\f15c";
}
.icon-preferences:before {
    content: "\e60d";
}
.icon-close:before {
    content: "\f00d";
}
.icon-fullscreen-expand:before {
    content: "\f065";
}
.icon-fullscreen-collapse:before {
    content: "\f066";
}
.icon-help:before {
    content: "\f128";
}



/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(../../../clientlibs/classmags-migration-libs/mCustomScrollbar/mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */

/* variables */
/*@import 'vendor/normalize.scss';*/
/* -----------------------------------------------

Andy.SCSS: Open-Source Collection of Useful SASS Mixins Library.

URL: http://gillesbertaux.com/andy

By: Gilles Bertaux | http://gillesbertaux.com | @gillesbertaux

The purpose of Andy is to gather useful mixins and avoid endless research or heavy framework use. Feel free to fork it on Github and add your own mixins: https://github.com/gillesbertaux/andy

Mixins available:
  - Background Gradient
  - Background Size
  - Borders
  - Border Corners
  - Box Sizing
  - Center Block
  - Centering Block: Horizontal, Vertical, Both
  - Clearfix
  - Div Outline
  - Font Face
  - Hardware Acceleration
  - Hover
  - Image Retina
  - Line-Height
  - Media Queries
  - Opacity
  - Opacity Black
  - Opacity White
  - Position
  - Radius
  - Scale
  - Shadows
  - Size
  - Text Shadow
  - TranslateX
  - TranslateY
  - Transitions

 ----------------------------------------------- */
/* BACKGROUND GRADIENTS */
/* BACKGROUND SIZE */
/* BORDER */
/* BORDER CORNERS */
/* BOX SIZING */
/* CENTER BLOCK */
/* CENTERING BLOCKS ELEMENTS, HORIZONTAL, VERTICAL, BOTH */
/* CLEARFIX */
/* DIV OUTLINE */
/* FONT FACES */
/* FONT SIZE */
/* HARDWARE ACCELERATION */
/* HOVER */
/* IMAGE RETINA */
/* LINE HEIGHT */
/* MEDIA QUERIES */
/* OPACITY */
/* BLACK / WHITE OPACITY */
/* POSITION */
/* RADIUS */
/* SCALE */
/* SHADOWS */
/* SIZE */
/* TEXT SHADOW */
/* TRANSLATE X */
/* TRANSLATE Y */
/* TRANSITION SCALEDOWN */
@keyframes scaleDown {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes scaleDown {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* TRANSITION SCALE UP HOVER */
@keyframes scaleUp {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes scaleUp {
  0% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); }
  50% {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* TRANSITION FADEIN */
@keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }

/* TRANSITION SLIDEINDOWN */
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0; }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1; } }

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0; }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1; } }

/* TRANSITION SLIDEINUP */
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1; } }

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  75% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 1; } }

/* TRANSITION SLIDEINRIGHT */
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0; }
  75% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1; } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0; }
  75% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1; } }

/* TRANSITION SLIDEINLEFT */
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0; }
  75% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1; } }

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0; }
  75% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 1; } }

/*
Usage

 @include respond-to('small'){
     body{
     background-color: orange;
     }
}
*/
/* Usage Examples 
    Input: @include swBorder(1px,solid,#000,5px);
    Output: border: 1px solid #000;
    border-radius: 5px;
 
    Input: @include swBorder(1px,solid,#000);
    Output: border: 1px solid #000;

    Input:@include swBorder(1px,solid,#000,5px,2px,2px,2px);
    Output:border: 1px solid #000;
    border-radius: 5px;

    Input:@include swBorder(1px,solid,#000,null,2px,2px,3px,4px);
    Output: border: 1px solid #000;
    -webkit-border-top-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
*/
/*
 $str1 - outer shadow color
 $str3 - inner shadow color
 $str3 - width of outline (px)
 */
/*
 $str1 - outer shadow color
 $str3 - inner shadow color
 $str3 - width of outline (px)
 */
/* Check "Misc - Link" or "Misc - Modal Button" components for usage examples */
@font-face {
  font-family: "scholastic-learning-letters";
  font-weight: 400;
  font-style: italic;
  src: url("../../../clientlibs/classmags-migration-core/styles/core/fonts/scholastic-learning-letters/scholastic-learning-letters-italic.otf") format("opentype"); }

@font-face {
  font-family: "scholastic-learning-letters";
  font-weight: 400;
  font-style: normal;
  src: url("../../../clientlibs/classmags-migration-core/styles/core/fonts/scholastic-learning-letters/scholastic-learning-letters-regular.otf") format("opentype"); }

@font-face {
  font-family: "scholastic-learning-letters";
  font-weight: 600;
  font-style: normal;
  src: url("../../../clientlibs/classmags-migration-core/styles/core/fonts/scholastic-learning-letters/scholastic-learning-letters-demibold.otf") format("opentype"); }

@font-face {
  font-family: "scholastic-learning-letters";
  font-weight: 600;
  font-style: italic;
  src: url("../../../clientlibs/classmags-migration-core/styles/core/fonts/scholastic-learning-letters/scholastic-learning-letters-demibolditalic.otf") format("opentype"); }

@font-face {
  font-family: "scholastic-learning-letters";
  font-weight: 700;
  font-style: normal;
  src: url("../../../clientlibs/classmags-migration-core/styles/core/fonts/scholastic-learning-letters/scholastic-learning-letters-bold.otf") format("opentype"); }

@font-face {
  font-family: "scholastic-learning-letters";
  font-weight: 700;
  font-style: italic;
  src: url("../../../clientlibs/classmags-migration-core/styles/core/fonts/scholastic-learning-letters/scholastic-learning-letters-bolditalic.otf") format("opentype"); }

@font-face {
  font-family: "scholastic-learning-letters";
  font-weight: 900;
  font-style: normal;
  src: url("../../../clientlibs/classmags-migration-core/styles/core/fonts/scholastic-learning-letters/scholastic-learning-letters-extrabold.otf") format("opentype"); }

@font-face {
  font-family: "scholastic-learning-letters";
  font-weight: 900;
  font-style: italic;
  src: url("../../../clientlibs/classmags-migration-core/styles/core/fonts/scholastic-learning-letters/scholastic-learning-letters-extrabolditalic.otf") format("opentype"); }

@font-face {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-style: normal;
  src: url("../../../clientlibs/classmags-migration-core/styles/core/fonts/kg-second-chances-solid/kg-second-chances-solid.ttf") format("truetype"); }

@font-face {
  font-family: "kg-second-chances-sketch";
  font-weight: 400;
  font-style: normal;
  src: url("../../../clientlibs/classmags-migration-core/styles/core/fonts/kg-second-chances-sketch/kg-second-chances-sketch.ttf") format("truetype"); }

/* text colors */
/* ContentTile colors*/
/* Voting color */
/*commenting colors*/
/* asset login colors */
/* Marketing colors */
/* Site Tour*/
/* Site Tour Help */
/*colors*/
/*fonts*/
/*colors*/
/*fonts*/
/*colors*/
/*fonts*/
/*colors*/
/* Colors */
/* Fonts */
/*Colors*/
/* Fonts */
/* Banner Fonts */
/* Colors */
/* CENTERED LAYOUT */
/* LEFT-ALIGNED LAYOUT */
/* lihpesla = lihp embedded search left-aligned */
/* Colors */
/* Fonts */
/* Icons */
/* STORIES LAYOUT */
/* slihps = student-lihp-spotlight */
/* VIDEOS LAYOUT */
/* Colors */
/* Fonts */
/*** Colors ***/
/*
The precedence of current page item background color:
1. Color set in a component's configuration
2. Content Fragment Page Color 1
3. Default design color $marketingNavigation-linkActive-bg-color-default: #2263c4;
*/
/* Fonts */
/*@import 'mixins/utilities/animate.scss';
@import 'mixins/utilities/pseudo.scss';
@import 'mixins/utilities/tooltip.scss';
@import 'mixins/utilities/triangle.scss';
@import 'mixins/utilities/truncate.scss';
@import 'mixins/utilities/zindex.scss';*/
body:not(.edit-mode) [ng\:cloak], body:not(.edit-mode) [ng-cloak], body:not(.edit-mode) [data-ng-cloak], body:not(.edit-mode) [x-ng-cloak], body:not(.edit-mode) .ng-cloak, body:not(.edit-mode) .x-ng-cloak {
  display: none !important; }

html {
  font-size: 100%; }

p b, li b, a b {
  font-family: "lato";
  font-weight: 900; }

.acs-commons-resp-colctrl-col {
  padding: 0 15px !important;
  margin: 0 !important; }

.nomarL {
  margin-left: 0; }

.nopadL {
  padding-left: 0; }

.nomarLR, .search-resources-main-container .search-main-content .search-resources-content .search-tiles, .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles, .article-resources-main-container .article-resources-content .article-tiles {
  margin-left: 0;
  margin-right: 0; }

.nopadLR {
  padding-left: 0;
  padding-right: 0; }

.wordBreak {
  word-wrap: break-word; }

.pad30 {
  padding-left: 30px;
  padding-right: 30px; }

.pad10 {
  padding-left: 10px;
  padding-right: 10px; }

.mar20 {
  margin-bottom: 20px; }

.pad0 {
  padding-left: 0;
  padding-right: 0; }

.mar0 {
  margin-left: 0;
  margin-right: 0; }

.nopadR {
  padding-right: 0; }

.spinnercontainer {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
  top: 0;
  left: 0;
  position: absolute;
  display: none; }
  .spinnercontainer img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    text-align: center; }
  .spinnercontainer.in {
    display: block; }

.scholastic-main-wrapper {
  width: 100%;
  min-height: 600px;
  max-width: 1440px;
  margin: auto;
  position: relative; }
  @media only screen and (max-width: 991.5px) {
    .scholastic-main-wrapper {
      min-height: unset; } }
  .scholastic-main-wrapper.user-guide-main-wrapper {
    max-width: 1060px;
    background-color: transparent; }

.textCenter {
  text-align: center; }

@-ms-viewport {
  width: auto; }

.custom-background {
  padding-top: 25px;
  padding-bottom: 40px; }
  .custom-background::after {
    clear: both;
    content: " ";
    display: table; }

.scholastic-container-wrapper {
  max-width: 1440px;
  margin: 0 auto; }
  .scholastic-container-wrapper.user-guide-footer-wrapper {
    max-width: 100%; }

.scholastic-background {
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#core-main-container {
  overflow: hidden; }
  #core-main-container.edit-mode {
    background-color: white !important; }

.position-fixed {
  position: fixed;
  top: 20px; }

.googlespinnercontainer {
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
  top: 0;
  left: 0;
  position: absolute;
  display: none; }
  .googlespinnercontainer img {
    position: absolute;
    top: 25%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    text-align: center; }
  .googlespinnercontainer.in {
    display: block; }

.cq-Editable-dom--container,
.cq-Editable-dom--container.aem-GridColumn {
  padding-top: unset !important;
  padding-bottom: unset !important; }

.icons-buttons-container {
  margin-top: 10px; }
  .icons-buttons-container .icon-classname-content {
    padding-left: 0;
    padding-right: 1px; }
    .icons-buttons-container .icon-classname-content .icon-classname-content-pad {
      padding: 10px;
      border: 1px solid #ffffff;
      background-color: #f9f9f9;
      text-align: center; }
      .icons-buttons-container .icon-classname-content .icon-classname-content-pad .icon-height-container {
        min-height: 85px; }
      .icons-buttons-container .icon-classname-content .icon-classname-content-pad .icon-names p {
        margin-bottom: 0; }

.sw-icon {
  background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-ScienceWorld-new.svg") no-repeat;
  display: inline-block; }
  .sw-icon.search-icon {
    background-position: -169px -19px;
    width: 40px;
    height: 40px; }
  .sw-icon.hamburger-menu {
    background-position: -349px -191px;
    width: 32px;
    height: 38px; }
  .sw-icon.facebook-icon {
    background-position: -109px -19px;
    width: 32px;
    height: 32px; }
  .sw-icon.pinterest-icon {
    background-position: -109px -139px;
    width: 33px;
    height: 32px; }
  .sw-icon.instagram-icon {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/IG_icon.svg") no-repeat;
    width: 32px;
    height: 32px;
    background-position-y: -0.5px; }
  .sw-icon.twitter-icon {
    background-position: -110px -79px;
    width: 32px;
    height: 33px; }
  .sw-icon.person-icon {
    background-position: -169px -85px;
    width: 40px;
    height: 40px; }
  .sw-icon.refresh-icon {
    background-position: -109px -307px;
    width: 18px;
    height: 18px; }
  .sw-icon.page-info {
    background-position: -289px -19px;
    width: 34px;
    height: 34px; }
  .sw-icon.down-black-arrow {
    background-position: -19px -138px;
    width: 13px;
    height: 10px;
    filter: brightness(0); }
  .sw-icon.down-arrow {
    background-position: -19px -139px;
    width: 13px;
    height: 9px; }
  .sw-icon.down-white-arrow {
    background-position: -19px -255px;
    width: 14px;
    height: 9px; }
  .sw-icon.left-arrow {
    background-position: -19px -176px;
    width: 10px;
    height: 14px; }
  .sw-icon.right-arrow {
    background-position: -19px -97px;
    width: 9px;
    height: 15px; }
  .sw-icon.left-grey-arrow {
    background-position: -60px -203px;
    width: 12px;
    height: 22px; }
  .sw-icon.right-grey-arrow {
    background-position: -60px -253px;
    width: 12px;
    height: 20px; }
  .sw-icon.down-full-arrow {
    background-position: -19px -19px;
    width: 11px;
    height: 10px; }
  .sw-icon.left-arrow-icon {
    background-position: -109px -199px;
    width: 27px;
    height: 27px; }
  .sw-icon.right-arrow-icon {
    background-position: -109px -253px;
    width: 27px;
    height: 27px; }
  .sw-icon.grey-close-btn {
    background-position: -59px -300px;
    width: 15px;
    height: 16px; }
  .sw-icon.blue-close-btn {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/blue-cross.png") no-repeat;
    width: 16px;
    height: 16px; }
  .sw-icon.checkbox-unchecked {
    background-position: -59px -19px;
    width: 18px;
    height: 18px; }
  .sw-icon.checkbox-checked {
    background-position: -59px -65px;
    width: 18px;
    height: 19px; }
  .sw-icon.checkbox-checked-disabled {
    background-position: -59px -111px;
    width: 18px;
    height: 18px; }
  .sw-icon.bookmark-icon {
    background-position: -229px -205px;
    width: 35px;
    height: 35px; }
  .sw-icon.bookmarked-icon {
    background-position: -229px -267px;
    width: 34px;
    height: 34px; }
  .sw-icon.download-icon {
    background-position: -289px -81px;
    width: 34px;
    height: 34px; }
  .sw-icon.downloaded-icon {
    background-position: -59px -157px;
    width: 18px;
    height: 18px; }
  .sw-icon.print-icon {
    background-position: -289px -205px;
    width: 35px;
    height: 34px; }
  .sw-icon.upload-icon {
    background-position: -289px -143px;
    width: 35px;
    height: 33px; }
  .sw-icon.expand-icon {
    background-position: -229px -19px;
    width: 38px;
    height: 37px; }
  .sw-icon.stack-window-icon {
    background-position: -229px -143px;
    width: 39px;
    height: 39px; }
  .sw-icon.plus-icon {
    background-position: -169px -151px;
    width: 26px;
    height: 26px; }
  .sw-icon.yellow-page-icon {
    background-position: -166px -199px;
    width: 54px;
    height: 56px; }
  .sw-icon.papers-stack-icon {
    background-position: -289px -266px;
    width: 35px;
    height: 35px; }
  .sw-icon.page-edit-icon {
    background-position: -169px -276px;
    width: 27px;
    height: 25px; }
  .sw-icon.sound-icon {
    background-position: -348px -84px;
    width: 27px;
    height: 19px; }
  .sw-icon.sound-small-icon {
    background-position: -229px -653px;
    width: 24px;
    height: 19px; }
  .sw-icon.page-arrow-icon {
    background-position: -349px -19px;
    width: 34px;
    height: 34px; }
  .sw-icon.two-page-icon {
    background-position: -229px -81px;
    width: 35px;
    height: 35px; }
  .sw-icon.close-icon {
    background-position: -348px -259px;
    width: 48px;
    height: 48px; }
  .sw-icon.close-big-icon {
    background-position: -347px -141px;
    width: 24px;
    height: 24px; }
  .sw-icon.phone-icon {
    background-position: -20px -292px;
    width: 13px;
    height: 16px; }
  .sw-icon.video-icon {
    background-position: -17px -351px;
    width: 76px;
    height: 76px; }
  .sw-icon.login-teacher-icon {
    background-position: -19px -451px;
    width: 75px;
    height: 70px; }
  .sw-icon.login-student-icon {
    background-position: -19px -549px;
    width: 92px;
    height: 69px; }
  .sw-icon.cta-btn-yellow {
    background-position: -19px -663px;
    width: 182px;
    height: 42px; }
  .sw-icon.cta-btn-grey {
    background-position: -19px -733px;
    width: 182px;
    height: 42px; }
  .sw-icon.expand-artResources-button-yellow {
    background-position: -20px -804px;
    width: 351px;
    height: 37px; }
  .sw-icon.radio-unchecked-icon {
    background-position: -169px -376px;
    width: 19px;
    height: 19px; }
  .sw-icon.radio-checked-icon {
    background-position: -169px -334px;
    width: 19px;
    height: 19px; }
  .sw-icon.radio-unchecked-big-icon {
    background-position: -289px -383px;
    width: 24px;
    height: 24px; }
  .sw-icon.radio-checked-big-icon {
    background-position: -289px -334px;
    width: 24px;
    height: 24px; }
  .sw-icon.checkbox-checked-big-icon {
    background-position: -289px -437px;
    width: 38px;
    height: 39px; }
  .sw-icon.checkbox-unchecked-big-icon {
    background-position: -289px -503px;
    width: 39px;
    height: 39px; }
  .sw-icon.number-one-icon {
    background-position: -230px -378px;
    width: 40px;
    height: 35px; }
  .sw-icon.number-two-icon {
    background-position: -230px -440px;
    width: 40px;
    height: 35px; }
  .sw-icon.number-three-icon {
    background-position: -230px -502px;
    width: 40px;
    height: 35px; }
  .sw-icon.medium-size-blue-down-full-arrow {
    background-position: -169px -475px;
    width: 10px;
    height: 8px; }
  .sw-icon.dropdown-arrow {
    background-position: -169px -514px;
    width: 8px;
    height: 14px; }
  .sw-icon.large-size-blue-down-full-arrow {
    background-position: -169px -623px;
    width: 12px;
    height: 11px; }
  .sw-icon.grey-up-full-arrow {
    background-position: -169px -553px;
    width: 9px;
    height: 7px; }
  .sw-icon.black-up-full-arrow {
    background-position: -169px -588px;
    width: 9px;
    height: 7px; }
  .sw-icon.user-dropdown-blue-arrow {
    background-position: -229px -572px;
    width: 14px;
    height: 11px; }
  .sw-icon.white-crossMark-icon {
    background-position: -228px -612px;
    width: 14px;
    height: 14px; }
  .sw-icon.user-dropdown-white-arrow {
    background-position: -109px -366px;
    width: 15px;
    height: 10px; }
  .sw-icon.copy-link-btn {
    background-position: -229px -703px;
    width: 124px;
    height: 29px; }
  .sw-icon.settings-icon {
    background-position: -349px -330px;
    width: 20px;
    height: 20px; }
  .sw-icon.dashboard-icon {
    background-position: -349px -378px;
    width: 22px;
    height: 18px; }
  .sw-icon.scholasctic-icon {
    background-position: -229px -753px;
    width: 139px;
    height: 19px; }
  .sw-icon.chat-icon {
    background-position: -289px -663px;
    width: 17px;
    height: 17px; }
  .sw-icon.grey-close-btn {
    background-position: -59px -301px;
    width: 14px;
    height: 14px; }
  .sw-icon.download-black-icon {
    background-position: -349px -418px;
    height: 19px;
    width: 19px; }
  .sw-icon.bookmark-nonrounded {
    background-position: -349px -459px;
    width: 14px;
    height: 19px; }
  .sw-icon.bookmarked-nonrounded {
    background-position: -349px -497px;
    width: 14px;
    height: 19px; }
  .sw-icon.double-arrows-blueRounded-icon {
    background-position: -289px -560px;
    width: 78px;
    height: 78px; }
  .sw-icon.slide-show-grey-left-arrow-icon {
    background-position: -21px -874px;
    width: 58px;
    height: 58px; }
  .sw-icon.slide-show-red-right-arrow-icon {
    background-position: -86px -874px;
    width: 58px;
    height: 58px; }
  .sw-icon.sound-big-icon {
    background-position: -186px -887px;
    width: 42px;
    height: 32px; }
  .sw-icon.slide-show-grey-right-arrow-icon {
    background-position: -21px -874px;
    width: 58px;
    height: 58px;
    transform: rotate(180deg); }
  .sw-icon.slide-show-red-left-arrow-icon {
    background-position: -86px -874px;
    width: 58px;
    height: 58px;
    transform: rotate(180deg); }
  .sw-icon.popover-icon {
    background-position: -19px -960px;
    width: 34px;
    height: 34px; }
  .sw-icon.google-classroom-share {
    background-position: -258px -886px;
    width: 33px;
    height: 33px; }
  .sw-icon.close-nav-icon {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/close-icons.svg") no-repeat;
    background-position: -159px -83px;
    width: 24px;
    height: 24px; }
  .sw-icon.ltb-icon {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-GlobalContentHub.svg") no-repeat;
    background-position: -338px -18px;
    width: 22px;
    height: 22px; }
  .sw-icon.ptk-locked-big {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-GlobalContentHub.svg") no-repeat;
    background-position: -138px -18px;
    width: 180px;
    height: 41px; }
  .sw-icon.ptk-locked-medium {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-GlobalContentHub.svg") no-repeat;
    background-position: -20px -77px;
    width: 160px;
    height: 36px; }
  .sw-icon.ptk-locked-small {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-GlobalContentHub.svg") no-repeat;
    background-position: -200px -77px;
    width: 140px;
    height: 32px; }
  .sw-icon.ptk-pdf-locked {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-GlobalContentHub.svg") no-repeat;
    background-position: -21px -17px;
    width: 41px;
    height: 41px; }
  .sw-icon.ptk-pdf-locked-small {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-GlobalContentHub.svg") no-repeat;
    background-position: -83px -16px;
    width: 35px;
    height: 36px; }
  .sw-icon.ptk-video-play {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-GlobalContentHub.svg") no-repeat;
    background-position: -177px -207px;
    width: 46px;
    height: 46px; }
  .sw-icon.ptk-game {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-GlobalContentHub.svg") no-repeat;
    background-position: -263px -207px;
    width: 47px;
    height: 46px; }
  .sw-icon.sw-text-to-speech-radio-icon {
    background: url("../../../storyworks/clientlibs/storyworks-core/styles/core/icons/icons-global-audio.svg") no-repeat;
    background-position: -257px -61px;
    width: 15px;
    height: 15px; }
  .sw-icon.skillsheet-icon {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/skillsheet-icon.png") no-repeat;
    background-position: 0 0;
    width: 22px;
    height: 28px; }

.sw-text-to-speech-icon {
  background: url("../../../images/textToSpeech/Icons-audioBar.png") no-repeat;
  display: inline-block; }
  .sw-text-to-speech-icon.pause-audio-icon {
    background-position: -20px -20px;
    width: 40px;
    height: 40px; }
  .sw-text-to-speech-icon.play-audio-icon {
    background-position: -136px -20px;
    width: 40px;
    height: 40px; }
  .sw-text-to-speech-icon.stop-audio-icon {
    background-position: -78px -20px;
    width: 40px;
    height: 40px; }
  .sw-text-to-speech-icon.close-audio-bar-icon {
    background-position: -20px -129px;
    width: 32px;
    height: 32px; }

.sw-google-form-icon {
  background: url("../../../images/googleForms/Icons-GoogleQuiz.png") no-repeat;
  display: inline-block; }
  .sw-google-form-icon.google-drive-icon-big {
    background-position: -20px -52px;
    width: 32px;
    height: 28px; }
  .sw-google-form-icon.google-drive-icon {
    background-position: -80px -62px;
    width: 20px;
    height: 18px; }
  .sw-google-form-icon.google-form-download-icon {
    background-position: -140px -62px;
    width: 14px;
    height: 19px; }
  .sw-google-form-icon.google-form-close-icon {
    background-position: -182px -62px;
    width: 18px;
    height: 18px; }
  .sw-google-form-icon.google-form-checkmark-circle-icon {
    background-position: -20px -195px;
    width: 85px;
    height: 85px; }
  .sw-google-form-icon.google-form-close-icon-small {
    background-position: -220px -65px;
    width: 15px;
    height: 15px; }
  .sw-google-form-icon.google-form-checkmark-circle-icon-small {
    background-position: -140px -207px;
    width: 72px;
    height: 72px; }
  .sw-google-form-icon.google-quiz-icon {
    background: url("../../../images/googleForms/google-quiz-icon.svg") no-repeat;
    width: 30px;
    height: 26px; }
  .sw-google-form-icon.google-quiz-icon-small {
    background: url("../../../images/googleForms/google-quiz-icon.svg") no-repeat;
    width: 24px;
    height: 20px; }
  .sw-google-form-icon.google-quiz-icon-big {
    background: url("../../../images/googleForms/google-quiz-icon.svg") no-repeat;
    width: 32px;
    height: 28px; }

.skip-to-main-content {
  margin-top: -40px;
  width: 100%;
  height: 40px;
  background-color: transparent;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.9s;
  font-family: "proxima-nova";
  font-weight: 900;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  color: #343737;
  letter-spacing: 1px;
  outline: none;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .skip-to-main-content:focus {
    margin-top: 0;
    box-shadow: inset 0 0 0px 2px #343737, inset 0 0 0px 4px white; }

/* styles */
.answer-subject-area-block .answer-subject-area {
  font-family: "neo-sans";
  font-weight: 500;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 0.85;
  color: #000000;
  letter-spacing: 1.4px;
  margin: 0; }

.answer-question-block {
  padding-left: 20px;
  padding-bottom: 10px; }
  .answer-question-block .answer-question {
    font-family: "lato";
    font-weight: 700;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.64;
    color: #2c7aec;
    letter-spacing: 1.2px;
    margin: 0;
    padding-top: 20px; }
  .answer-question-block .answer-image-block .answered-image {
    padding-top: 20px; }
  .answer-question-block .answer-image-block .image-caption {
    font-family: "libre-franklin";
    font-weight: 500;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.69;
    color: #000000;
    letter-spacing: 0.5px;
    margin: 0;
    padding-top: 10.8px; }
  .answer-question-block .answer-image-block .answered-content {
    font-family: "lato";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000;
    letter-spacing: normal;
    padding-top: 20px; }

.back-to-top {
  cursor: pointer;
  padding-left: 10px; }
  .back-to-top .back-to-top-text {
    font-family: "libre-franklin";
    font-weight: 800;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #2c7aec;
    letter-spacing: 0.5px;
    margin-left: 9px;
    position: relative;
    bottom: 8px; }

.content-tile-container {
  max-width: 325px;
  position: relative; }
  .content-tile-container .row {
    margin: 0;
    padding: 0; }
  .content-tile-container .content-tile-body-wrapper {
    outline: unset;
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 2; }
    .content-tile-container .content-tile-body-wrapper:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .content-tile-container .content-tile-body-wrapper:hover {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .content-tile-container .content-tile-body-wrapper:hover ~ .content-tile-body .content-tile-pdf-button, .content-tile-container .content-tile-body-wrapper:focus ~ .content-tile-body .content-tile-pdf-button {
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      background-color: #72bde0; }
  .content-tile-container .content-tile-body {
    height: 400px;
    border: 1px solid #cdd3d5;
    background: #ffffff; }
    .content-tile-container .content-tile-body .stack-window-icon {
      position: absolute;
      top: 5px;
      right: 5px;
      cursor: pointer; }
  .content-tile-container .content-info {
    border: 1px solid #cdd3d5;
    border-top: none;
    height: 220px; }
  .content-tile-container p {
    margin: 0; }
  .content-tile-container .content-hub-header {
    height: 30px;
    background-color: #e2e4e7;
    border: solid 1px #d8dee0;
    border-bottom-color: #fff200;
    border-bottom-width: 3px; }
  .content-tile-container .bookmark-header {
    height: 50px;
    background-color: #e2e4e7;
    border: solid 1px #d8dee0;
    border-bottom-color: #fff200;
    border-bottom-width: 3px; }
    .content-tile-container .bookmark-header .bookmark-title {
      font-family: "neo-sans";
      font-weight: 500;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.08;
      color: #000000;
      letter-spacing: 1px;
      padding-top: 9px;
      padding-left: 5px; }
    .content-tile-container .bookmark-header .bookmark-date {
      font-family: "lato";
      font-weight: 400;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.09;
      color: #444444;
      letter-spacing: 0.6px;
      padding-top: 5px;
      padding-left: 5px; }
    .content-tile-container .bookmark-header .bookmark-type {
      font-family: "lato";
      font-weight: 400;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.09;
      color: #444444;
      letter-spacing: 0.6px;
      padding-top: 5px;
      float: right;
      text-transform: capitalize;
      padding-right: 5px; }
  .content-tile-container .content-date {
    font-family: "lato";
    font-weight: 700;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    color: #000000;
    letter-spacing: 1px;
    padding: 7px 20px; }
  .content-tile-container .title {
    padding: 10px 20px 7px;
    font-family: "neo-sans";
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.17;
    color: #000000;
    letter-spacing: 0.5px;
    max-height: 58px;
    text-decoration: none;
    display: block; }
  .content-tile-container .subject {
    padding: 0 20px 10px;
    font-family: "neo-sans";
    font-weight: 700;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.6;
    color: #0C74A5;
    letter-spacing: 0.8px;
    max-height: 26px;
    text-transform: uppercase; }
  .content-tile-container .description {
    /*max-height: 48px;*/
    max-height: 72px;
    padding: 0 20px;
    font-family: "lato";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000;
    letter-spacing: 0.5px; }
  .content-tile-container .icons-row {
    position: absolute;
    bottom: 15px;
    width: 100%;
    min-height: 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap: 10px; }
    .content-tile-container .icons-row .icons-row-button {
      position: relative;
      z-index: 2; }
    .content-tile-container .icons-row .bookmark-icons {
      display: inline-block; }
    .content-tile-container .icons-row .sw-content-icon,
    .content-tile-container .icons-row .sw-icon {
      display: inline-block;
      vertical-align: middle; }
    .content-tile-container .icons-row .view-article-link {
      display: none;
      /*
            display: inline-block;
            vertical-align: middle;
            */ }
    .content-tile-container .icons-row .sw-content-icon {
      margin-left: 0;
      position: relative; }
    .content-tile-container .icons-row .sw-icon {
      margin-left: 10px; }
      .content-tile-container .icons-row .sw-icon:first-child {
        margin-left: 10px; }
      .content-tile-container .icons-row .sw-icon.google-classroom-share, .content-tile-container .icons-row .sw-icon.popover-icon {
        margin-left: 0; }
    .content-tile-container .icons-row .sw-content-icon:first-child {
      margin-left: 10px; }
    .content-tile-container .icons-row .view-article-link {
      display: none;
      /*
            @include font($fontL9, 14px, 1, $liteBlue2, 0.5px);
            margin-left: 25px;
            padding-right: 20px;
            padding-top: 10px;
            float: right;

            a {
                &:active,
                &:focus,
                &:hover,
                &:visited {
                    color: $liteBlue2;
                    text-decoration: none;
                }
            }
            */ }
    .content-tile-container .icons-row .sw-share-popover .popover-toggle {
      position: relative;
      z-index: 2; }
    .content-tile-container .icons-row.content-tile-buttons-wrapper {
      display: flex;
      justify-content: center;
      bottom: 9px; }
      .content-tile-container .icons-row.content-tile-buttons-wrapper .content-tile-pdf-button {
        width: 82px;
        height: 40px;
        float: left;
        border-radius: 2px;
        background-color: #c6e1ee; }
        .content-tile-container .icons-row.content-tile-buttons-wrapper .content-tile-pdf-button .skillsheet-icon {
          margin: 6px 7px 6px 10px; }
        .content-tile-container .icons-row.content-tile-buttons-wrapper .content-tile-pdf-button .content-tile-pdf-text {
          font-family: "proxima-nova";
          font-weight: 500;
          font-size: 16px;
          font-size: 1rem;
          color: #000000;
          letter-spacing: 0.24px;
          line-height: normal;
          position: relative;
          top: 2px; }
      .content-tile-container .icons-row.content-tile-buttons-wrapper .content-tile-quiz {
        margin-left: 10px; }
        .content-tile-container .icons-row.content-tile-buttons-wrapper .content-tile-quiz .open-quiz-btn {
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          width: 114px;
          height: 40px;
          padding: unset;
          border-radius: 2px;
          background-color: #c6e1ee; }
          .content-tile-container .icons-row.content-tile-buttons-wrapper .content-tile-quiz .open-quiz-btn:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .content-tile-container .icons-row.content-tile-buttons-wrapper .content-tile-quiz .open-quiz-btn:hover, .content-tile-container .icons-row.content-tile-buttons-wrapper .content-tile-quiz .open-quiz-btn:focus {
            background-color: #72bde0; }
          .content-tile-container .icons-row.content-tile-buttons-wrapper .content-tile-quiz .open-quiz-btn .google-quiz-icon {
            margin: 6px 7px 6px 0; }
          .content-tile-container .icons-row.content-tile-buttons-wrapper .content-tile-quiz .open-quiz-btn .content-tile-quiz-text {
            font-family: "proxima-nova";
            font-weight: 500;
            font-size: 16px;
            font-size: 1rem;
            color: #000000;
            letter-spacing: 0.24px;
            line-height: normal;
            position: relative;
            top: -14px; }
  .content-tile-container .image-container {
    max-width: 325px;
    /*height: 180px;*/
    height: auto;
    margin: 0 auto;
    text-align: center;
    position: relative;
    /*background-color: $lightGray3;*/
    background-color: #ffffff; }
    .content-tile-container .image-container .content-image {
      max-width: 100%;
      max-height: 180px;
      /*@include center-both;*/ }
    .content-tile-container .image-container div[ng-bind-html="containerGameDesc"] {
      display: none; }
    .content-tile-container .image-container div[ng-bind-html="containerGameTitle"] {
      display: none; }
  .content-tile-container .image-container-resource {
    max-width: 298.8px;
    /*height: 162.91px;*/
    text-align: center;
    margin: 17.1px 17.1px 0;
    /*background-color: $lightGray3;*/
    background-color: #ffffff;
    overflow: hidden; }
    .content-tile-container .image-container-resource .content-image {
      width: auto;
      height: auto;
      max-width: 98%;
      object-fit: cover;
      object-position: top;
      -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
      -o-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5); }
    .content-tile-container .image-container-resource div[ng-bind-html="containerGameDesc"] {
      display: none; }
    .content-tile-container .image-container-resource div[ng-bind-html="containerGameTitle"] {
      display: none; }
  .content-tile-container .resource-wrapper {
    background-color: #f2f2f3;
    border-bottom: 2.3px solid #dbdbdb; }
  .content-tile-container .video-play-icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .content-tile-container .video-time-frame {
    position: absolute;
    background-color: #000000;
    bottom: 0.25px;
    right: 0;
    font-family: "libre-franklin";
    font-weight: 700;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.27;
    color: #ffffff;
    letter-spacing: 1px;
    width: 50px;
    height: 20px;
    padding: 3px 10.5px;
    display: none; }
  .content-tile-container .content-tile-slideshow-launch .slide-show-component-layout {
    padding: 0; }
  @media only screen and (min-width: 1200px) {
    .content-tile-container .description {
      max-height: 72px; } }
  .content-tile-container .content-module .content-module-container .content-wrapper .content-card {
    position: inherit; }
    .content-tile-container .content-module .content-module-container .content-wrapper .content-card .content-card-button {
      outline: unset; }
      .content-tile-container .content-module .content-module-container .content-wrapper .content-card .content-card-button:hover {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

.content-tile-container-horizontal {
  height: 300px;
  background-color: #ffffff;
  border: 1px solid #cdd3d5;
  max-width: 440px; }
  .content-tile-container-horizontal .padding-content {
    padding: 20px 20px 20px 0;
    height: 295px; }
  .content-tile-container-horizontal .title {
    padding-left: 10px;
    font-family: "neo-sans";
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.17;
    color: #000000;
    letter-spacing: 0.6px;
    max-height: 83px;
    text-decoration: none;
    display: block;
    padding-bottom: 14px; }
  .content-tile-container-horizontal .description {
    max-height: 120px;
    padding: 0 0 0 10px;
    font-family: "lato";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000;
    letter-spacing: 0.5px; }
  .content-tile-container-horizontal .row {
    margin: 0;
    padding: 0; }
  .content-tile-container-horizontal .padding-image {
    padding: 20px 0 20px 20px; }
  .content-tile-container-horizontal .image-container {
    max-width: 190px;
    /*height: 260px;*/
    height: auto;
    text-align: center;
    position: relative;
    /*background-color: $lightGray3;*/
    background-color: #ffffff; }
    .content-tile-container-horizontal .image-container .content-image {
      max-width: 100%;
      max-height: 260px;
      /*@include center-both;*/ }
  .content-tile-container-horizontal .icons-row {
    position: absolute;
    bottom: 15px;
    width: 100%; }
    .content-tile-container-horizontal .icons-row .sw-content-icon,
    .content-tile-container-horizontal .icons-row .sw-icon {
      display: inline-block;
      vertical-align: middle; }
    .content-tile-container-horizontal .icons-row .view-article-link {
      display: none;
      /*
            display: inline-block;
            vertical-align: middle;
            */ }
    .content-tile-container-horizontal .icons-row .sw-content-icon,
    .content-tile-container-horizontal .icons-row .sw-icon {
      margin-left: 10px; }
    .content-tile-container-horizontal .icons-row .sw-icon:first-child {
      margin-left: 5px; }
    .content-tile-container-horizontal .icons-row .sw-content-icon:first-child {
      margin-left: 5px; }

@media only screen and (max-width: 991px) {
  .image-container-resource {
    height: 107.61px; } }

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .image-container-resource {
    height: 107.61px; } }

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .image-container-resource {
    height: 112.1px; } }

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .image-container-resource {
    height: 135.99px; } }

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
  .image-container-resource {
    height: 148px; } }

@media only screen and (min-width: 1366px) {
  .image-container-resource {
    height: 162.91px; } }

@media only screen and (min-width: 1440px) {
  .content-tile-container .image-container {
    height: 180px; }
    .content-tile-container .image-container .content-image {
      height: 100%;
      width: 100%; }
  .content-tile-container .image-container-resource {
    height: 162.91px; }
    .content-tile-container .image-container-resource .content-image {
      height: auto;
      width: 98%; }
  .content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container img {
    height: 180px;
    width: 100%; }
  .content-tile-container-horizontal .image-container {
    height: 260px; }
    .content-tile-container-horizontal .image-container .content-image {
      width: 100%;
      height: 100%; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .content-tile-container {
    margin: 0 auto; }
    .content-tile-container .image-container-resource {
      height: 162.91px !important;
      margin: 0 auto; }
  .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container img {
    height: 162.91px !important;
    width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz {
    margin-left: 10px;
    margin-top: 0; }
    .content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz .open-quiz-btn {
      margin-left: 0; } }

@media only screen and (min-width: 375px) and (max-width: 527px) {
  .search-main-content .content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz .open-quiz-btn, .bookmarks-main-content .content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz .open-quiz-btn {
    margin-left: 0; } }

.current-issue-hero-component {
  position: relative; }
  .current-issue-hero-component a {
    text-decoration: none; }
  .current-issue-hero-component .current-issue-tile-wrapper {
    margin-top: 35px; }
  .current-issue-hero-component .curr-issue-right-arrow {
    vertical-align: bottom;
    margin-left: 6px; }
  .current-issue-hero-component .past-issue-wrapper {
    margin-left: 59px;
    position: relative;
    min-height: 473px; }
    .current-issue-hero-component .past-issue-wrapper .current-issue-img-center {
      margin: 0 auto; }
      .current-issue-hero-component .past-issue-wrapper .current-issue-img-center img {
        width: 100%; }
  .current-issue-hero-component .hero-component-title-des {
    font-family: "lato";
    font-weight: 700;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.09;
    color: #000000;
    letter-spacing: 0.6px;
    padding-bottom: 4px;
    float: left; }
    .current-issue-hero-component .hero-component-title-des h1, .current-issue-hero-component .hero-component-title-des h2 {
      margin: inherit;
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit; }
    .current-issue-hero-component .hero-component-title-des a {
      font-family: "lato";
      font-weight: 700;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.09;
      color: #000000;
      letter-spacing: 0.6px; }
      .current-issue-hero-component .hero-component-title-des a:active, .current-issue-hero-component .hero-component-title-des a:focus, .current-issue-hero-component .hero-component-title-des a:hover {
        color: #000000; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .tile-wrapper-past-date {
    width: 74.4%;
    padding-right: 45px;
    padding-left: 30px; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .current-issue-img-pad-container {
    width: 25.54%;
    padding-left: 0;
    padding-right: 0; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .junior-current-issue-title {
    display: none; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .explore-button-link {
    display: block;
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 20px; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .explore-latest-button {
    padding: 10px 36px;
    margin: 0 auto;
    text-align: center;
    min-height: 40px; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .view-all-articles {
    font-family: "lato";
    font-weight: 900;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #2c7aec;
    letter-spacing: 0.5px;
    text-align: right; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content a.view-all-articles {
    text-align: right; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container {
    display: table;
    width: 100%; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .hero-component-title-des, .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .view-article-container {
      display: table-cell;
      vertical-align: middle; }
  .current-issue-hero-component.past-issue-list-main-container {
    padding: 0; }
  .current-issue-hero-component .current-issue-hero-component-hash {
    background: url("../../images/lines-grey.png") repeat;
    min-height: 378px;
    position: absolute;
    bottom: 0;
    left: 2px;
    right: 0; }
  .current-issue-hero-component .highlights-issue-date,
  .current-issue-hero-component .issue-date,
  .current-issue-hero-component .open-magazine-link {
    display: none; }

@media (min-width: 1198.5px) {
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .current-issue-img-pad-container {
    width: 25.55%; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .tile-wrapper-past-date {
    width: 74.45%;
    padding-right: 30px; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .explore-latest-button {
    padding: 0; } }

@media (min-width: 770px) and (max-width: 999px) {
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .explore-button-link {
    margin-top: 16px; } }

@media (min-width: 1000px) and (max-width: 1198px) {
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .explore-button-link {
    margin-top: 18px; } }

@media (min-width: 1000px) and (max-width: 1199px) {
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .current-issue-img-pad-container {
    width: 28.4%; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .tile-wrapper-past-date {
    width: 71.6%;
    padding-right: 30px;
    padding-left: 25px; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .explore-latest-button {
    padding: 0; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container {
    display: block; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .hero-component-title-des, .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .view-article-container {
      display: block; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .hero-component-title-des {
      float: none; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .view-article-container {
      text-align: left;
      margin-top: 10px; } }

@media (min-width: 768px) and (max-width: 999.5px) {
  .current-issue-hero-component .past-issue-wrapper {
    min-height: auto;
    margin-bottom: 48px; }
  .current-issue-hero-component .current-issue-tile-wrapper {
    margin-top: 25px; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .current-issue-img-pad-container {
    width: 100%; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .current-issue-img-pad-container .past-issue-wrapper {
      margin-left: 0; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .tile-wrapper-past-date {
    width: 100%;
    padding-right: 53px;
    padding-left: 53px; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .tile-wrapper-past-date .date-tile-wrapper-center {
      margin-top: 0; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .explore-latest-button {
    padding: 0;
    max-width: 265px; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container {
    display: block; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .hero-component-title-des, .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .view-article-container {
      display: block; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .hero-component-title-des {
      float: none; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .view-article-container {
      text-align: left;
      margin-top: 0px; } }

@media only screen and (min-width: 770px) and (max-width: 999.5px) {
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-sub-container {
    margin: 20px 24px 20px 34px; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-sub-container .pci-resources-container .highlights-issue-date {
      padding: 0; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-sub-container .pci-resources-container .past-issue-list-main-content .current-issue-img-pad-container {
      width: 24.54%; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .tile-wrapper-past-date {
    width: 75.4%;
    padding: 0; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .tile-wrapper-past-date .date-tile-wrapper-center {
      padding: 0 2px 0 20px; }
      .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .tile-wrapper-past-date .date-tile-wrapper-center .current-issue-tile-wrapper {
        padding: 0; }
        .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .tile-wrapper-past-date .date-tile-wrapper-center .current-issue-tile-wrapper .current-issue-content-tiles {
          padding-left: 9px;
          padding-right: 8px; } }

@media only screen and (max-width: 767.5px) {
  .current-issue-hero-component .current-issue-hero-component-hash {
    background: none; }
  .current-issue-hero-component .past-issue-wrapper {
    margin-left: 0;
    background-color: #ffffff;
    border: solid 1px #efefef;
    padding: 20px 39px 20px 40px;
    min-height: 443px; }
    .current-issue-hero-component .past-issue-wrapper .past-issue-image-wrapper .current-issue-img-center {
      margin: 0 auto; }
    .current-issue-hero-component .past-issue-wrapper .past-issue-image-wrapper div {
      margin: 0 auto;
      max-width: 256px !important;
      /*width and height are given as inline styles to the sw-image 
                                                   directive to override that values given !important here*/
      max-height: 343px !important;
      /*width and height are given as inline styles to the sw-image 
                                                   directive to override that values given !important here*/ }
    .current-issue-hero-component .past-issue-wrapper .past-issue-image-wrapper img {
      max-height: 343px !important;
      /*width and height are given as inline styles to the sw-image 
                                                   directive to override that values given !important here*/ }
  .current-issue-hero-component.past-issue-list-main-container .pci-row-wrapper.hidden-md .tile-container-wrapper .content-tile-container {
    max-width: 100%;
    margin: 0 20px; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .explore-button-link {
    position: inherit;
    margin-top: 20px; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .current-issue-img-pad-container {
    padding: 20px 20px 0 20px;
    width: 100%; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container {
    border-bottom: 2px solid #68d2db; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .view-article-container {
      display: none; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .hero-component-title-des {
      padding-top: 30px; }
      .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .hero-component-title-des .hero-component-title-des-link {
        text-align: left; }
      .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .hero-component-title-des .latest-issue-text {
        font-family: "libre-franklin";
        font-weight: 600;
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 1.27;
        color: #000000;
        letter-spacing: 0.8px;
        display: block; }
      .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .past-issue-date-container .hero-component-title-des .issue-date-value {
        font-size: 18px;
        font-size: 1.125rem; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .explore-latest-button {
    width: 100%;
    min-height: 40px;
    border-radius: 100px;
    background-color: #5ac695;
    padding-left: 0;
    padding-right: 0;
    max-width: 265px; }
    .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .explore-latest-button span {
      font-family: "libre-franklin";
      font-weight: 700;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.54;
      color: #ffffff;
      letter-spacing: 1px; }
  .current-issue-hero-component.past-issue-list-main-container .past-issue-list-main-content .tile-wrapper-past-date {
    padding: 0 20px;
    width: 100%; } }

@media (max-width: 767.5px) {
  .current-issue-hero-component .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991.5px) {
  .current-issue-hero-component .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199.5px) {
  .current-issue-hero-component .hidden-md {
    display: none !important; } }

.email-form-thankyou-container .email-the-editor-hash-background {
  display: none; }

.email-form-thankyou-container .email-thankyou-wrapper {
  margin: 29px 37px 0; }
  .email-form-thankyou-container .email-thankyou-wrapper .correct-error-text-container {
    display: none; }
  .email-form-thankyou-container .email-thankyou-wrapper .field-error-text {
    visibility: hidden; }
  .email-form-thankyou-container .email-thankyou-wrapper .field-error-text-visible {
    visibility: visible;
    float: right; }
  .email-form-thankyou-container .email-thankyou-wrapper .message-field-error {
    float: right; }
  .email-form-thankyou-container .email-thankyou-wrapper .email-editor-description-container, .email-form-thankyou-container .email-thankyou-wrapper .email-editor-pad-container, .email-form-thankyou-container .email-thankyou-wrapper .correct-error-text-container, .email-form-thankyou-container .email-thankyou-wrapper .back-to-previous-pad-container {
    padding-left: 3px; }
  .email-form-thankyou-container .email-thankyou-wrapper .email-editor-description-container {
    padding-right: 3px; }
  .email-form-thankyou-container .email-thankyou-wrapper .thankyou-content-pad-container {
    padding-right: 14.552px; }
  .email-form-thankyou-container .email-thankyou-wrapper .email-editor-description-text {
    font-family: "lato";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    color: #000000;
    letter-spacing: 0.9px;
    margin-bottom: 18px; }
    .email-form-thankyou-container .email-thankyou-wrapper .email-editor-description-text p, .email-form-thankyou-container .email-thankyou-wrapper .email-editor-description-text ol, .email-form-thankyou-container .email-thankyou-wrapper .email-editor-description-text ul, .email-form-thankyou-container .email-thankyou-wrapper .email-editor-description-text ol li, .email-form-thankyou-container .email-thankyou-wrapper .email-editor-description-text ul li {
      margin: 0; }
  .email-form-thankyou-container .email-thankyou-wrapper .email-form-all-fields-container, .email-form-thankyou-container .email-thankyou-wrapper .email-form-image {
    margin-top: 25px; }
  .email-form-thankyou-container .email-thankyou-wrapper .email-form-all-fields-container {
    padding-left: 0;
    padding-right: 119.75px; }
    .email-form-thankyou-container .email-thankyou-wrapper .email-form-all-fields-container .send-button-wrapper {
      margin-bottom: 73px; }
      .email-form-thankyou-container .email-thankyou-wrapper .email-form-all-fields-container .send-button-wrapper .send-button {
        background-color: #fff200;
        border-radius: 100px;
        padding: 10px 64px;
        font-family: "lato";
        font-weight: 900;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.54;
        color: #000000;
        letter-spacing: 1px;
        text-align: center;
        border: 0;
        text-transform: uppercase; }
  .email-form-thankyou-container .email-thankyou-wrapper .email-form-image {
    padding-left: 10px;
    padding-right: 0; }
  .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper {
    margin-bottom: 5px; }
    .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper.name-field-wrapper {
      min-height: 88.333px; }
    .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .label-text {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.38;
      color: #000000;
      letter-spacing: 0.9px; }
    .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .form-field-input {
      height: 40px;
      background-color: #f0f2f5;
      border: 1.2px solid #cdd3d5;
      border-radius: 0;
      box-shadow: none;
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.57;
      color: #777c81;
      letter-spacing: 0.8px; }
    .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .error-field-outline {
      border: 1.2px solid #d60000;
      background-color: #f1e0e0; }
    .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input {
      padding: 8px 0 10px 15px;
      margin-bottom: 25px; }
      .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input.placeholder {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.57;
        color: #777c81;
        letter-spacing: 0.8px; }
      .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input:-moz-placeholder {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.57;
        color: #777c81;
        letter-spacing: 0.8px; }
      .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input::-moz-placeholder {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.57;
        color: #777c81;
        letter-spacing: 0.8px; }
      .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input:-ms-input-placeholder {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.57;
        color: #777c81;
        letter-spacing: 0.8px; }
      .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input::-webkit-input-placeholder {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.57;
        color: #777c81;
        letter-spacing: 0.8px; }
  .email-form-thankyou-container .email-thankyou-wrapper .message-field-wrapper {
    margin-bottom: 10px; }
    .email-form-thankyou-container .email-thankyou-wrapper .message-field-wrapper .message-textarea {
      height: 163px;
      background-color: #eff1f4;
      resize: none; }
      .email-form-thankyou-container .email-thankyou-wrapper .message-field-wrapper .message-textarea.error-field-outline {
        border: 1.2px solid #d60000;
        background-color: #f1e0e0; }
  .email-form-thankyou-container .email-thankyou-wrapper .required-fields-text {
    font-family: "lato";
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.83;
    color: #898989;
    letter-spacing: 0.7px;
    margin-bottom: 35px; }
  .email-form-thankyou-container .email-thankyou-wrapper .correct-error-text {
    font-family: "lato";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    color: #d60000;
    letter-spacing: 0.9px;
    margin-bottom: 2px;
    margin-top: 6px; }
  .email-form-thankyou-container .email-thankyou-wrapper .field-error-text, .email-form-thankyou-container .email-thankyou-wrapper .message-field-error {
    font-family: "lato";
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    color: #d60000;
    letter-spacing: 0.7px;
    text-align: right;
    margin-top: 5px; }

@media (min-width: 1440px) {
  .email-form-thankyou-container .email-thankyou-wrapper {
    margin-left: 41px;
    margin-right: 40px; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .email-form-thankyou-container .email-thankyou-wrapper {
    border: none;
    margin-right: 0;
    margin-left: 0; }
    .email-form-thankyou-container .email-thankyou-wrapper .back-to-previous-pad-container {
      padding-left: 0px;
      margin-left: 20px; }
    .email-form-thankyou-container .email-thankyou-wrapper .email-editor-description-container {
      padding-right: 0;
      padding-left: 0;
      margin-right: 20px;
      margin-left: 20px; }
    .email-form-thankyou-container .email-thankyou-wrapper .email-editor-pad-container {
      padding-left: 0;
      margin-left: 20px; }
    .email-form-thankyou-container .email-thankyou-wrapper .email-form-all-fields-container {
      padding-right: 20px; }
      .email-form-thankyou-container .email-thankyou-wrapper .email-form-all-fields-container .send-button-wrapper .send-button {
        width: 100%;
        padding-right: 0;
        padding-left: 0; } }

/*!
 * Bootstrap-submenu v2.0.4 (https://vsn4ik.github.io/bootstrap-submenu/)
 * Copyright 2014-2016 Vasily A. (https://github.com/vsn4ik)
 * Licensed under the MIT license
 */
.dropdown-submenu > a:after {
  content: ""; }

@media (min-width: 768px) {
  .dropdown-submenu {
    position: relative; }
  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    border-top-left-radius: 0; }
  .dropup .dropdown-submenu .dropdown-menu, .navbar-fixed-bottom .dropdown-submenu .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 0; }
  .dropdown-menu-right .dropdown-submenu .dropdown-menu, .navbar-right .dropdown-submenu .dropdown-menu {
    left: auto;
    right: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 0; }
  .dropup .dropdown-menu-right .dropdown-submenu .dropdown-menu, .dropup .navbar-right .dropdown-submenu .dropdown-menu, .navbar-fixed-bottom .dropdown-menu-right .dropdown-submenu .dropdown-menu, .navbar-fixed-bottom .navbar-right .dropdown-submenu .dropdown-menu {
    border-radius: 4px 4px 0; }
  .dropdown-submenu > a:after {
    float: right;
    margin-top: 6px;
    margin-right: -10px;
    border-left: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent; }
  .dropdown-menu-right .dropdown-submenu > a:after, .navbar-right .dropdown-submenu > a:after {
    float: left;
    border-left: none;
    margin-left: -10px;
    margin-right: 0;
    border-right: 4px dashed;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent; } }

@media (max-width: 767px) {
  .dropdown-submenu .dropdown-menu {
    position: static;
    margin-top: 0;
    border: 0;
    box-shadow: none; }
  .dropdown-submenu > a:after {
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
    border-top: 4px dashed;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent; }
  .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a, .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a, .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a {
    padding-left: 30px; }
  .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a, .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a, .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a {
    padding-left: 40px; }
  .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
    padding-left: 50px; }
  .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
    padding-left: 60px; }
  .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a {
    padding-left: 35px; }
  .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a {
    padding-left: 45px; }
  .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
    padding-left: 55px; }
  .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a {
    padding-left: 65px; } }

.app-nav-bar-main-container {
  max-width: 1440px;
  margin: auto; }
  .app-nav-bar-main-container .global-nav-items-container {
    display: flex;
    flex-wrap: nowrap;
    float: left;
    overflow: hidden;
    margin-top: 43px; }
    .app-nav-bar-main-container .global-nav-items-container .global-nav-config {
      min-width: max-content; }
  .app-nav-bar-main-container .app-nav-primary {
    background-color: #0071bc;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
    .app-nav-bar-main-container .app-nav-primary .locked-mode {
      margin-left: auto !important; }
  .app-nav-bar-main-container .navbar-default {
    border-bottom: 0;
    margin-bottom: 0; }
    .app-nav-bar-main-container .navbar-default .navbar-nav .open a, .app-nav-bar-main-container .navbar-default .navbar-nav .open button {
      background-color: transparent !important; }
  .app-nav-bar-main-container .menu-list {
    width: 100%; }
    .app-nav-bar-main-container .menu-list.loggedIn-menu {
      display: flex; }
      .app-nav-bar-main-container .menu-list.loggedIn-menu li {
        flex-shrink: 0; }
      .app-nav-bar-main-container .menu-list.loggedIn-menu .login-menu .login-menu-close-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 19px;
        height: 19px;
        opacity: 0.5;
        display: block;
        border: none;
        background: no-repeat;
        padding: 0;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .app-nav-bar-main-container .menu-list.loggedIn-menu .login-menu .login-menu-close-btn:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .app-nav-bar-main-container .menu-list.loggedIn-menu .login-menu .login-menu-close-btn:before, .app-nav-bar-main-container .menu-list.loggedIn-menu .login-menu .login-menu-close-btn:after {
          position: absolute;
          left: 8px;
          top: -1px;
          content: ' ';
          height: 21px;
          width: 3px;
          background-color: #0687cb; }
        .app-nav-bar-main-container .menu-list.loggedIn-menu .login-menu .login-menu-close-btn:before {
          transform: rotate(45deg); }
        .app-nav-bar-main-container .menu-list.loggedIn-menu .login-menu .login-menu-close-btn:after {
          transform: rotate(-45deg); }
        .app-nav-bar-main-container .menu-list.loggedIn-menu .login-menu .login-menu-close-btn:focus, .app-nav-bar-main-container .menu-list.loggedIn-menu .login-menu .login-menu-close-btn:hover, .app-nav-bar-main-container .menu-list.loggedIn-menu .login-menu .login-menu-close-btn:active {
          outline: unset;
          opacity: 1; }
  .app-nav-bar-main-container .nav-subscribe-text {
    clear: both; }
  .app-nav-bar-main-container .app-nav-main-item-link, .app-nav-bar-main-container .dropdown .delimitter,
  .app-nav-bar-main-container .dropdown .magazine, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .delimitter, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .magazine {
    font-family: "lato";
    font-weight: 900;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #ffffff;
    letter-spacing: 0.5px;
    line-height: normal;
    text-align: left;
    padding-top: 45px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: pointer;
    background-color: transparent; }
    .app-nav-bar-main-container .app-nav-main-item-link:focus, .app-nav-bar-main-container .dropdown .delimitter:focus,
    .app-nav-bar-main-container .dropdown .magazine:focus, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .delimitter:focus, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .magazine:focus {
      outline: none; }
  .app-nav-bar-main-container .science-logo {
    width: 171px;
    padding: 19px 0 0;
    margin-left: 11px;
    margin-right: 45.5px; }
    .app-nav-bar-main-container .science-logo a {
      outline: unset;
      border-radius: 2px; }
      .app-nav-bar-main-container .science-logo a:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .app-nav-bar-main-container .science-logo .has-authorable-logo {
      background: none; }
    .app-nav-bar-main-container .science-logo .default-logo {
      display: inline-block;
      width: 100%;
      background: url("../../../images/globalNav/SW-updated-logo.svg") no-repeat center;
      background-size: 100%;
      vertical-align: middle;
      padding-top: 22.2px;
      padding-bottom: 22.2px; }
  .app-nav-bar-main-container .nav-control {
    margin-left: auto; }
  .app-nav-bar-main-container .message-center-button-container .message-center-button {
    padding: 36px 0 13px;
    margin: 0 11px 0 4px;
    line-height: 20px;
    border: none;
    position: relative; }
    .app-nav-bar-main-container .message-center-button-container .message-center-button .message-center-icon {
      display: inline-block;
      background-color: #ecf0f5;
      border-radius: 20px;
      width: 38px;
      height: 38px;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
      .app-nav-bar-main-container .message-center-button-container .message-center-button .message-center-icon .message-center-question-icon {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative; }
        .app-nav-bar-main-container .message-center-button-container .message-center-button .message-center-icon .message-center-question-icon svg {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%) scale(1.7);
          -ms-transform: translate(-50%, -50%) scale(1.7);
          transform: translate(-50%, -50%) scale(1.7); }
          .app-nav-bar-main-container .message-center-button-container .message-center-button .message-center-icon .message-center-question-icon svg > g > g {
            fill: #0071bc; }
        .app-nav-bar-main-container .message-center-button-container .message-center-button .message-center-icon .message-center-question-icon .mc-new-notifications-icon {
          width: 10px;
          height: 10px;
          position: absolute;
          top: 0;
          right: 0;
          background-color: #ed262d;
          border-radius: 10px;
          -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
          -webkit-transform-origin: center bottom;
          -ms-transform-origin: center bottom;
          transform-origin: center bottom;
          -webkit-animation-duration: 4s;
          animation-duration: 4s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
          -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1; }
    .app-nav-bar-main-container .message-center-button-container .message-center-button:focus, .app-nav-bar-main-container .message-center-button-container .message-center-button:hover, .app-nav-bar-main-container .message-center-button-container .message-center-button:active {
      outline: unset;
      opacity: 0.8; }
    .app-nav-bar-main-container .message-center-button-container .message-center-button:focus .message-center-icon {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .app-nav-bar-main-container .dynamic_more_list {
    margin-top: 0;
    padding: 0;
    display: none; }
    .app-nav-bar-main-container .dynamic_more_list .dynamic-menu {
      box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.45);
      border-radius: 4px;
      height: auto;
      border: 0;
      padding: 25px;
      right: -11px;
      left: auto;
      top: 80px; }
      .app-nav-bar-main-container .dynamic_more_list .dynamic-menu:before {
        content: '';
        display: block;
        position: absolute;
        right: 20px;
        bottom: 100%;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-color: #fff; }
      .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li {
        padding: 0;
        margin: 0; }
        .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li a.app-nav-main-item-link, .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li .dropdown a.delimitter, .app-nav-bar-main-container .dropdown .dynamic_more_list .dynamic-menu li a.delimitter,
        .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li .dropdown a.magazine, .app-nav-bar-main-container .dropdown .dynamic_more_list .dynamic-menu li a.magazine, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li a.delimitter, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li a.magazine {
          font-family: "lato";
          font-weight: 700;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1;
          color: #0054a6;
          letter-spacing: 0.5px;
          padding: 0 !important;
          margin: 0;
          margin-bottom: 20px; }
        .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li:last-child a.app-nav-main-item-link, .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li:last-child .dropdown a.delimitter, .app-nav-bar-main-container .dropdown .dynamic_more_list .dynamic-menu li:last-child a.delimitter,
        .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li:last-child .dropdown a.magazine, .app-nav-bar-main-container .dropdown .dynamic_more_list .dynamic-menu li:last-child a.magazine, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li:last-child a.delimitter, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .dynamic_more_list .dynamic-menu li:last-child a.magazine {
          margin: 0; }
    .app-nav-bar-main-container .dynamic_more_list.open a {
      background-color: inherit;
      color: #ffffff; }
      .app-nav-bar-main-container .dynamic_more_list.open a:hover, .app-nav-bar-main-container .dynamic_more_list.open a:focus {
        background-color: inherit;
        color: #ffffff; }
  .app-nav-bar-main-container .profile-image {
    border-radius: 50%;
    height: 35px;
    margin-top: -2px;
    background-color: #eff5fc;
    padding: 1px;
    margin-top: -2px; }
  .app-nav-bar-main-container .goback-footer-sec {
    border-top: none;
    margin-bottom: 50px; }
  .app-nav-bar-main-container .go-back-footer {
    text-align: center;
    font-family: "lato";
    font-weight: 900;
    font-size: 14px;
    font-size: 0.875rem;
    color: #2c7aec;
    letter-spacing: 1px;
    cursor: pointer; }
  .app-nav-bar-main-container .login-wait {
    text-align: center;
    width: 300px;
    margin: auto;
    padding-top: 8px; }
    .app-nav-bar-main-container .login-wait p {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      letter-spacing: 0.4px;
      padding-top: 20px;
      padding-bottom: 50px;
      color: rgba(0, 0, 0, 0.9); }
    .app-nav-bar-main-container .login-wait img {
      transform: rotate(59deg); }
  .app-nav-bar-main-container .dropdown .app-nav-main-item-link, .app-nav-bar-main-container .dropdown .delimitter,
  .app-nav-bar-main-container .dropdown .magazine {
    color: #ffffff;
    border: none;
    padding-bottom: 5px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 16px;
    margin-right: 16px;
    background-color: transparent; }
    .app-nav-bar-main-container .dropdown .app-nav-main-item-link:active, .app-nav-bar-main-container .dropdown .delimitter:active,
    .app-nav-bar-main-container .dropdown .magazine:active, .app-nav-bar-main-container .dropdown .app-nav-main-item-link:focus, .app-nav-bar-main-container .dropdown .delimitter:focus,
    .app-nav-bar-main-container .dropdown .magazine:focus, .app-nav-bar-main-container .dropdown .app-nav-main-item-link:hover, .app-nav-bar-main-container .dropdown .delimitter:hover,
    .app-nav-bar-main-container .dropdown .magazine:hover {
      color: #ffffff; }
    .app-nav-bar-main-container .dropdown .app-nav-main-item-link:focus, .app-nav-bar-main-container .dropdown .delimitter:focus,
    .app-nav-bar-main-container .dropdown .magazine:focus {
      border-bottom: 2px solid; }
    .app-nav-bar-main-container .dropdown .app-nav-main-item-link:active, .app-nav-bar-main-container .dropdown .delimitter:active,
    .app-nav-bar-main-container .dropdown .magazine:active {
      border: none; }
  .app-nav-bar-main-container .dropdown .delimitter,
  .app-nav-bar-main-container .dropdown .magazine {
    border: none;
    outline: none; }
    .app-nav-bar-main-container .dropdown .delimitter:active, .app-nav-bar-main-container .dropdown .delimitter:hover,
    .app-nav-bar-main-container .dropdown .magazine:active,
    .app-nav-bar-main-container .dropdown .magazine:hover {
      color: #ffffff; }
  .app-nav-bar-main-container .dropdown .magazine {
    font-family: "lato";
    font-weight: 700;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #ffffff;
    letter-spacing: 0.5px;
    line-height: normal;
    text-align: center; }
  .app-nav-bar-main-container .nav-search-form {
    margin-top: 39px; }
    .app-nav-bar-main-container .nav-search-form input {
      width: 180px;
      background-color: #ffffff;
      border: none;
      height: 30px;
      border-radius: 0;
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      color: #00171f;
      letter-spacing: 0.5px;
      line-height: normal;
      display: inline-block; }
      .app-nav-bar-main-container .nav-search-form input:focus {
        border: 1px solid #fff200; }
      .app-nav-bar-main-container .nav-search-form input::placeholder {
        color: #00171f; }
    .app-nav-bar-main-container .nav-search-form button {
      width: 80px;
      height: 30px;
      background-color: #fff200;
      border: none;
      border-radius: 0;
      font-family: "lato";
      font-weight: 700;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.08;
      color: #000000;
      letter-spacing: 0.5px;
      text-align: center;
      border: solid 1px #fff200;
      margin-left: -5px;
      display: inline-block; }
    .app-nav-bar-main-container .nav-search-form .dropdown-menu {
      margin-top: 0;
      min-width: 180px;
      border: 1px solid #bbbbbb;
      border-top: 0;
      padding: 10px 0;
      border-radius: 0;
      box-shadow: none; }
      .app-nav-bar-main-container .nav-search-form .dropdown-menu .uib-typeahead-match a {
        padding: 10px 17px 10px 10px;
        font-family: "lato";
        font-weight: 400;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.62;
        color: #525353;
        letter-spacing: 0.5px; }
      .app-nav-bar-main-container .nav-search-form .dropdown-menu .uib-typeahead-match:first-child a {
        padding-top: 0; }
      .app-nav-bar-main-container .nav-search-form .dropdown-menu .uib-typeahead-match:last-child a {
        padding-bottom: 0; }
      .app-nav-bar-main-container .nav-search-form .dropdown-menu .uib-typeahead-match.active a {
        background-color: #ededed; }
        .app-nav-bar-main-container .nav-search-form .dropdown-menu .uib-typeahead-match.active a:hover {
          background-color: #ededed; }
  .app-nav-bar-main-container .login-control {
    padding-top: 33px;
    padding-right: 27px;
    margin-left: -28px; }
    .app-nav-bar-main-container .login-control li {
      list-style-type: none; }
      .app-nav-bar-main-container .login-control li a {
        font-family: "lato";
        font-weight: 900;
        font-size: 13px;
        font-size: 0.8125rem;
        color: #ffffff;
        letter-spacing: 0.5px;
        line-height: normal;
        text-decoration: none; }
        .app-nav-bar-main-container .login-control li a:active, .app-nav-bar-main-container .login-control li a:focus, .app-nav-bar-main-container .login-control li a:hover {
          font-family: "lato";
          font-weight: 900;
          font-size: 13px;
          font-size: 0.8125rem;
          color: #ffffff;
          letter-spacing: 0.5px;
          line-height: normal; }
    .app-nav-bar-main-container .login-control .subscribe-text {
      font-family: "lato";
      font-weight: 700;
      font-size: 11px;
      font-size: 0.6875rem;
      color: #ffffff;
      letter-spacing: 0.5px;
      line-height: normal;
      text-align: right; }
      .app-nav-bar-main-container .login-control .subscribe-text:active, .app-nav-bar-main-container .login-control .subscribe-text:focus, .app-nav-bar-main-container .login-control .subscribe-text:hover {
        font-family: "lato";
        font-weight: 700;
        font-size: 11px;
        font-size: 0.6875rem;
        color: #ffffff;
        letter-spacing: 0.5px;
        line-height: normal; }
      .app-nav-bar-main-container .login-control .subscribe-text p {
        margin: 0; }
      .app-nav-bar-main-container .login-control .subscribe-text b {
        font-family: "lato";
        font-weight: 900;
        font-size: 11px;
        font-size: 0.6875rem;
        color: #ffffff;
        letter-spacing: 0.5px;
        line-height: normal; }
  .app-nav-bar-main-container .app-navbar-secondary {
    background-color: #f9fafb;
    border: 1px solid #cccccc;
    border-top: 0; }
    .app-nav-bar-main-container .app-navbar-secondary .menu-list {
      height: 40px; }
  .app-nav-bar-main-container .nav-primary-items {
    padding: 0; }
  .app-nav-bar-main-container .secondary-items {
    width: 100%; }
    .app-nav-bar-main-container .secondary-items li a {
      font-family: "neo-sans";
      font-weight: 700;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.27;
      color: #0054a6;
      letter-spacing: 1.3px;
      text-transform: uppercase;
      text-align: center;
      padding: 14px 20px 13px; }
      .app-nav-bar-main-container .secondary-items li a:active, .app-nav-bar-main-container .secondary-items li a:focus, .app-nav-bar-main-container .secondary-items li a:hover {
        background: none;
        color: #0054a6; }
    .app-nav-bar-main-container .secondary-items .see-all-subjects {
      float: right; }
      .app-nav-bar-main-container .secondary-items .see-all-subjects a {
        font-family: "lato";
        font-weight: 900;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #0054a6;
        letter-spacing: 0.5px; }
        .app-nav-bar-main-container .secondary-items .see-all-subjects a:active, .app-nav-bar-main-container .secondary-items .see-all-subjects a:focus, .app-nav-bar-main-container .secondary-items .see-all-subjects a:hover {
          color: #0054a6; }
    .app-nav-bar-main-container .secondary-items .explore {
      text-transform: capitalize;
      font-family: "lato";
      font-weight: 900;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.08;
      color: #7c7c7c;
      letter-spacing: 0.5px;
      text-align: center;
      padding-top: 13px;
      padding-left: 26.5px;
      cursor: default; }
      .app-nav-bar-main-container .secondary-items .explore:active, .app-nav-bar-main-container .secondary-items .explore:focus, .app-nav-bar-main-container .secondary-items .explore:hover {
        background: none;
        color: #7c7c7c; }
    .app-nav-bar-main-container .secondary-items .subjects {
      text-transform: capitalize;
      padding-right: 27px; }
  .app-nav-bar-main-container .nav-menu-link {
    text-decoration: none;
    font-family: "libre-franklin";
    font-weight: 800;
    font-size: 14px;
    font-size: 0.875rem;
    color: #ffffff;
    letter-spacing: 0.3px;
    padding-top: 50px; }
  .app-nav-bar-main-container .dropdown-menu > li > a,
  .app-nav-bar-main-container .dropdown-menu > li > a:focus,
  .app-nav-bar-main-container .dropdown-menu > li > a:hover {
    font-family: "lato";
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.6;
    color: #000000;
    letter-spacing: 0.8px;
    cursor: pointer; }
  .app-nav-bar-main-container .pop-over-menu-div {
    display: none;
    z-index: 10;
    margin-left: 0; }
    .app-nav-bar-main-container .pop-over-menu-div .popover-wrap {
      overflow: hidden;
      box-shadow: inset -7px -7px 9px -7px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: inset -7px -7px 9px -7px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: inset -7px -7px 9px -7px rgba(0, 0, 0, 0.5); }
  .app-nav-bar-main-container .nav-menu-close-btn {
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    position: relative;
    float: right;
    width: 16px;
    height: 16px;
    top: 20px;
    right: 20px;
    margin: 10px;
    background: none;
    border: none;
    border-radius: 2px; }
    .app-nav-bar-main-container .nav-menu-close-btn:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .app-nav-bar-main-container .nav-menu-close-btn:before, .app-nav-bar-main-container .nav-menu-close-btn:after {
      content: '';
      position: absolute;
      top: 7px;
      right: -2px;
      height: 2px;
      width: 20px;
      background: #000000; }
    .app-nav-bar-main-container .nav-menu-close-btn:before {
      -webkit-transform: rotate(45deg) translateZ(0);
      /* apparently that Z stuff is needed for webkit browsers like chrome */
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .app-nav-bar-main-container .nav-menu-close-btn:after {
      -webkit-transform: rotate(-45deg) translateZ(0);
      /* apparently that Z stuff is needed for webkit browsers like chrome */
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .app-nav-bar-main-container .nav-menu-close-btn:hover, .app-nav-bar-main-container .nav-menu-close-btn:focus {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); }
  .app-nav-bar-main-container .nav-menu-icon {
    z-index: 10; }
  .app-nav-bar-main-container .pop-over-menu-div {
    display: none;
    position: absolute;
    width: 225px;
    top: 0;
    background-color: #ffffff; }
  .app-nav-bar-main-container .active-block {
    display: block; }
  .app-nav-bar-main-container .show {
    display: block; }
  .app-nav-bar-main-container .hide {
    display: none; }
  .app-nav-bar-main-container .nav-mobile-icons {
    height: 50px;
    display: none; }
  .app-nav-bar-main-container .popover-icon {
    margin: 25px;
    cursor: pointer; }
  .app-nav-bar-main-container .menu-back,
  .app-nav-bar-main-container .menu-close {
    text-decoration: none; }
  .app-nav-bar-main-container #font-load-LatoR {
    font-family: "lato";
    font-weight: 400;
    font-size: 36px;
    font-size: 2.25rem;
    letter-spacing: 1px;
    color: #ffffff;
    height: 0;
    width: 0; }
  .app-nav-bar-main-container #font-load-LatoB {
    font-family: "lato";
    font-weight: 900;
    font-size: 36px;
    font-size: 2.25rem;
    letter-spacing: 1px;
    color: #ffffff;
    height: 0;
    widows: 0; }
  @media (min-width: 1440px) {
    .app-nav-bar-main-container .app-nav-main-item-link, .app-nav-bar-main-container .dropdown .delimitter,
    .app-nav-bar-main-container .dropdown .magazine, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .delimitter, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .magazine {
      font-family: "lato";
      font-weight: 900;
      font-size: 16px;
      font-size: 1rem;
      color: #ffffff;
      letter-spacing: 0.5px;
      line-height: normal; }
    .app-nav-bar-main-container .drop-down .magazine {
      font-family: "lato";
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      color: #ffffff;
      letter-spacing: 0.5px;
      text-align: center; }
    .app-nav-bar-main-container .nav-search-form input {
      width: 209px; }
    .app-nav-bar-main-container .nav-search-form .dropdown-menu {
      min-width: 209px; } }
  @media only screen and (max-width: 991.5px) {
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .search-icon-block {
      margin: 0; }
    .app-nav-bar-main-container .navbar-default .navbar-toggle:hover {
      background: none; }
    .app-nav-bar-main-container .navbar-default .navbar-toggle:focus {
      background-color: transparent; }
    .app-nav-bar-main-container .magazine-logo-tablet-mobile {
      display: inline-block;
      width: 150px;
      height: 20px;
      background: url("../../images/globalNav/science-world-nav-log.png") no-repeat center;
      background-size: 100%;
      vertical-align: middle; }
    .app-nav-bar-main-container .nav-search-form {
      padding-right: 0;
      text-align: right; }
      .app-nav-bar-main-container .nav-search-form input {
        border: 0; }
      .app-nav-bar-main-container .nav-search-form button {
        background-color: #fff200;
        border: 0; }
    .app-nav-bar-main-container .app-nav-primary {
      margin: 0; }
      .app-nav-bar-main-container .app-nav-primary .col-xs-12.col-sm-12 {
        padding: 0; }
    .app-nav-bar-main-container .app-nav-header .menu-link-block {
      margin: 0;
      padding-top: 23px; }
      .app-nav-bar-main-container .app-nav-header .menu-link-block a {
        outline: unset;
        border-radius: 2px; }
        .app-nav-bar-main-container .app-nav-header .menu-link-block a:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .app-nav-bar-main-container .app-nav-header .profile-icon-block,
    .app-nav-bar-main-container .app-nav-header .search-icon-block {
      width: 39px;
      padding-top: 15px;
      margin-top: 0;
      margin-bottom: 0; }
    .app-nav-bar-main-container .app-nav-header .profile-icon-block {
      margin-left: 20px; }
    .app-nav-bar-main-container .app-nav-header .search-icon-block {
      position: initial; }
      .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: #0071bc;
        z-index: 10;
        height: 75px;
        padding: 17px 20px; }
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .nav-search-form {
          display: block;
          text-align: left;
          border: 0;
          box-shadow: none;
          margin: 0;
          padding: 0;
          position: relative; }
          .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .nav-search-form:after {
            clear: both; }
          .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .nav-search-form .dropdown-menu {
            width: 100%;
            top: 40px;
            border: 1px solid #dadbde;
            background: rgba(255, 255, 255, 0.92); }
            .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .nav-search-form .dropdown-menu .uib-typeahead-match.active a {
              background: none; }
            .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .nav-search-form .dropdown-menu .uib-typeahead-match a {
              width: 100%;
              font-family: "lato";
              font-weight: 400;
              font-size: 12px;
              font-size: 0.75rem;
              line-height: 2.33;
              color: #525353;
              letter-spacing: 0.5px;
              padding-bottom: 0; }
          .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .nav-search-form input {
            border: 1px solid #dadbde;
            background-color: #f1f3f4;
            height: 40px;
            width: 100%;
            font-family: "lato";
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.57;
            color: #00171f;
            letter-spacing: 0.8px;
            padding-left: 36px;
            background: #f1f3f4 url("../../../images/globalNav/search-btn.png") no-repeat;
            background-position: 10px center; }
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content {
          width: 70.44%; }
    .app-nav-bar-main-container .app-nav-header .menu-icon-block {
      display: flex;
      align-items: center;
      padding: 0;
      margin: 0;
      min-height: 75px; }
      .app-nav-bar-main-container .app-nav-header .menu-icon-block .nav-menu-icon {
        margin: 0;
        height: 39px;
        width: 32px;
        padding: 0; }
    .app-nav-bar-main-container .logged-in-dropdown .login-toggle {
      color: #ffffff;
      padding: 35px 0 12px;
      border-top-right-radius: 3px;
      border-top-left-radius: 3px;
      margin-right: 27px; }
      .app-nav-bar-main-container .logged-in-dropdown .login-toggle:focus, .app-nav-bar-main-container .logged-in-dropdown .login-toggle:hover {
        color: #ffffff; }
    .app-nav-bar-main-container .logged-in-dropdown .sw-icon.user-dropdown-white-arrow {
      margin-left: 5px;
      position: relative;
      top: -13px; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu {
      right: -15px;
      top: 52px; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu:before {
        left: 266px; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu:after {
        left: 266px; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-close-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 19px;
        height: 19px;
        opacity: 0.5;
        display: block;
        border: none;
        background: no-repeat;
        padding: 0;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-close-btn:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-close-btn:before, .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-close-btn:after {
          position: absolute;
          left: 8px;
          top: -1px;
          content: ' ';
          height: 21px;
          width: 3px;
          background-color: #0687cb; }
        .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-close-btn:before {
          transform: rotate(45deg); }
        .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-close-btn:after {
          transform: rotate(-45deg); }
        .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-close-btn:focus, .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-close-btn:hover, .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-close-btn:active {
          outline: unset;
          opacity: 1; }
    .app-nav-bar-main-container .logged-in-dropdown.open .login-menu a:focus {
      background: none; }
    .app-nav-bar-main-container .secondary-items {
      display: none; }
    .app-nav-bar-main-container .nav-search-form {
      margin-top: 0;
      text-align: right;
      padding-right: 0; }
      .app-nav-bar-main-container .nav-search-form input {
        width: 140px;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .app-nav-bar-main-container .nav-search-form input:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .app-nav-bar-main-container .nav-search-form input:focus {
          z-index: 1; }
      .app-nav-bar-main-container .nav-search-form button {
        width: 70px;
        margin: 0;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .app-nav-bar-main-container .nav-search-form button:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .app-nav-bar-main-container .magazine-logo-tablet-mobile {
      display: inline-block;
      width: 218px;
      height: 32px;
      background: url("../../../images/globalNav/SW-updated-logo.svg") no-repeat center;
      background-size: contain; }
    .app-nav-bar-main-container .nav-header-item {
      border: none;
      margin: 0;
      padding: 0;
      width: auto;
      display: flex;
      align-items: center; }
    .app-nav-bar-main-container .search-logo-block {
      padding: 10px; }
      .app-nav-bar-main-container .search-logo-block a {
        border-radius: 2px;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .app-nav-bar-main-container .search-logo-block a:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .app-nav-bar-main-container .navbar-header {
      width: 100%; }
    .app-nav-bar-main-container .app-nav-secondary {
      display: none; }
    .app-nav-bar-main-container .nav-control {
      display: none; }
    .app-nav-bar-main-container .app-nav-header .header-icon {
      /*height: 20px;
                width: 20px;*/
      cursor: pointer; }
    .app-nav-bar-main-container .navbar-toggle {
      outline: unset;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
      .app-nav-bar-main-container .navbar-toggle:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .app-nav-bar-main-container .navbar-toggle .icon-bar {
        background-color: #ffffff; }
    .app-nav-bar-main-container .navbar-collapse.collapse.app-navbar-secondary {
      display: none; }
    .app-nav-bar-main-container #nav-primary-block {
      display: none; }
    .app-nav-bar-main-container .js-nav-menu .menu-list {
      width: 100%;
      padding-right: 0;
      margin: 0;
      padding-top: 34px;
      padding-left: 0; }
      .app-nav-bar-main-container .js-nav-menu .menu-list.loggedIn-menu {
        flex-direction: column; }
    .app-nav-bar-main-container .js-nav-menu .js-dropdown li,
    .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li,
    .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li,
    .app-nav-bar-main-container .js-nav-menu ul:first-child li {
      margin-left: 0;
      clear: both;
      border-bottom: 0;
      padding: 10px 15px;
      width: 100%;
      float: left;
      margin-bottom: 19px; }
      .app-nav-bar-main-container .js-nav-menu .js-dropdown li:last-child,
      .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li:last-child,
      .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li:last-child,
      .app-nav-bar-main-container .js-nav-menu ul:first-child li:last-child {
        margin-bottom: 11px; }
      .app-nav-bar-main-container .js-nav-menu .js-dropdown li a,
      .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li a,
      .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li a,
      .app-nav-bar-main-container .js-nav-menu ul:first-child li a {
        font-family: "lato";
        font-weight: 900;
        font-size: 16px;
        font-size: 1rem;
        color: #0054a6;
        letter-spacing: 0.5px;
        padding: 0;
        text-decoration: none;
        cursor: pointer;
        text-align: left; }
        .app-nav-bar-main-container .js-nav-menu .js-dropdown li a:active, .app-nav-bar-main-container .js-nav-menu .js-dropdown li a:focus, .app-nav-bar-main-container .js-nav-menu .js-dropdown li a:hover,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li a:active,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li a:focus,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li a:hover,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li a:active,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li a:focus,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li a:hover,
        .app-nav-bar-main-container .js-nav-menu ul:first-child li a:active,
        .app-nav-bar-main-container .js-nav-menu ul:first-child li a:focus,
        .app-nav-bar-main-container .js-nav-menu ul:first-child li a:hover {
          color: #0054a6; }
        .app-nav-bar-main-container .js-nav-menu .js-dropdown li a:active, .app-nav-bar-main-container .js-nav-menu .js-dropdown li a:focus, .app-nav-bar-main-container .js-nav-menu .js-dropdown li a:hover,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li a:active,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li a:focus,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li a:hover,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li a:active,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li a:focus,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li a:hover,
        .app-nav-bar-main-container .js-nav-menu ul:first-child li a:active,
        .app-nav-bar-main-container .js-nav-menu ul:first-child li a:focus,
        .app-nav-bar-main-container .js-nav-menu ul:first-child li a:hover {
          background: none; }
        .app-nav-bar-main-container .js-nav-menu .js-dropdown li a.bookmarks,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li a.bookmarks,
        .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li a.bookmarks,
        .app-nav-bar-main-container .js-nav-menu ul:first-child li a.bookmarks {
          padding-left: 0; }
    .app-nav-bar-main-container .js-nav-menu .js-dropdown-menu {
      width: 90%;
      margin-left: 0;
      list-style-type: none; }
    .app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu {
      width: 90%;
      margin-left: 0;
      list-style-type: none; }
    .app-nav-bar-main-container .js-nav-menu #secondary-items-nav {
      margin-left: 0;
      width: 100%; }
      .app-nav-bar-main-container .js-nav-menu #secondary-items-nav li {
        width: 100%;
        display: inline-block; }
        .app-nav-bar-main-container .js-nav-menu #secondary-items-nav li a {
          text-align: left;
          padding: 11px 20px 10px;
          font-family: "lato";
          font-weight: 700;
          font-size: 14px;
          font-size: 0.875rem;
          color: #0054a6;
          letter-spacing: 0.5px; }
          .app-nav-bar-main-container .js-nav-menu #secondary-items-nav li a.explore {
            padding: 20px 0;
            border-top: 1px solid #d9dbde;
            border-bottom: 1px solid #d9dbde;
            margin: 0 20px 11px;
            text-transform: capitalize; }
      .app-nav-bar-main-container .js-nav-menu #secondary-items-nav li:nth-child(2) {
        clear: both; }
    .app-nav-bar-main-container .hidden-nav {
      display: none; }
    .app-nav-bar-main-container .nav-search-form {
      display: none; }
    .app-nav-bar-main-container .see-all-subjects {
      float: left; }
      .app-nav-bar-main-container .see-all-subjects .subjects {
        padding-right: 15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991.5px) {
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .profile-icon-block a,
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .search-icon-block a {
      display: inline-block;
      padding: 0;
      margin: 0; }
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .profile-icon-block {
      margin-left: 20px; }
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .nav-search-box {
      margin: 0; }
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .menu-icon-block {
      padding-left: 0;
      padding-right: 20px;
      border-right: 1px solid #ffffff;
      margin-right: 20px; }
      .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .menu-icon-block .nav-menu-icon {
        margin: 11px 0 10px;
        height: 39px;
        padding: 0; }
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .search-logo-block {
      padding-top: 8px;
      margin: 0; }
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .profile-icon-block {
      margin-top: 15px;
      padding: 0; }
    .app-nav-bar-main-container .nav-search-form {
      display: flex;
      padding-right: 0;
      text-align: right; }
    .app-nav-bar-main-container .nav-search-icon {
      display: none; }
    .app-nav-bar-main-container .navbar {
      min-height: 75px; }
    .app-nav-bar-main-container .menu-link-block {
      display: none; }
    .app-nav-bar-main-container .navbar-header {
      margin: 0;
      padding: 0 5px; }
      .app-nav-bar-main-container .navbar-header.app-nav-header {
        margin: 0;
        padding: 0 5px; }
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .menu-icon-block {
      padding-left: 0;
      padding-right: 20px;
      border-right: 1px solid #ffffff;
      margin-right: 20px; }
      .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .menu-icon-block .nav-menu-icon {
        margin: 20px 0 10px;
        height: 38px;
        padding: 0; }
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .search-logo-block {
      padding-top: 8px;
      margin: 0; }
    .app-nav-bar-main-container .app-nav-bar-main-container .app-nav-header .profile-icon-block {
      margin-top: 15px;
      padding: 0; }
    .app-nav-bar-main-container .app-nav-bar-main-container .pop-over-menu-div {
      top: 0;
      padding-top: 30px; } }
  @media only screen and (max-width: 767.5px) {
    .app-nav-bar-main-container .app-nav-bar-main-container .nav-search-box form input {
      display: none; } }
  @media (min-width: 320px) and (max-width: 991px) {
    .app-nav-bar-main-container {
      padding: 0; }
      .app-nav-bar-main-container .login-control {
        padding-top: 23px;
        padding-right: 0; }
      .app-nav-bar-main-container .navbar {
        min-height: 60px; }
      .app-nav-bar-main-container .menu-link-block {
        display: none; }
      .app-nav-bar-main-container .navbar-header {
        margin: 0;
        padding: 0 5px; }
        .app-nav-bar-main-container .navbar-header.app-nav-header {
          display: flex;
          margin: 0;
          padding: 0 10px; }
      .app-nav-bar-main-container .app-nav-header .profile-icon-block button,
      .app-nav-bar-main-container .app-nav-header .search-icon-block button {
        border: none;
        display: inline-block;
        padding: 0;
        margin: 0;
        border-radius: 50%; }
        .app-nav-bar-main-container .app-nav-header .profile-icon-block button.search-icon,
        .app-nav-bar-main-container .app-nav-header .search-icon-block button.search-icon {
          transition: box-shadow 0.2s ease-in-out 0s;
          -webkit-transition: box-shadow 0.2s ease-in-out 0s;
          -moz-transition: box-shadow 0.2s ease-in-out 0s;
          -ms-transition: box-shadow 0.2s ease-in-out 0s;
          -o-transition: box-shadow 0.2s ease-in-out 0s;
          outline: unset; }
          .app-nav-bar-main-container .app-nav-header .profile-icon-block button.search-icon:focus,
          .app-nav-bar-main-container .app-nav-header .search-icon-block button.search-icon:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .app-nav-bar-main-container .app-nav-header .profile-icon-block button.cancel-search,
        .app-nav-bar-main-container .app-nav-header .search-icon-block button.cancel-search {
          background: unset;
          padding: 1px 0 0 1px; }
          .app-nav-bar-main-container .app-nav-header .profile-icon-block button.cancel-search svg,
          .app-nav-bar-main-container .app-nav-header .search-icon-block button.cancel-search svg {
            display: block; }
        .app-nav-bar-main-container .app-nav-header .profile-icon-block button svg,
        .app-nav-bar-main-container .app-nav-header .search-icon-block button svg {
          display: none;
          width: 100%;
          height: 100%; }
      .app-nav-bar-main-container .app-nav-header .profile-icon-block .mobile-search-box,
      .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box {
        right: 150px; }
        .app-nav-bar-main-container .app-nav-header .profile-icon-block .mobile-search-box .nav-search-form button.input-group-addon,
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .nav-search-form button.input-group-addon {
          display: none;
          position: absolute;
          right: -80px;
          top: 5px;
          text-transform: uppercase;
          font-family: "lato";
          font-weight: 400;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1.57;
          color: #ffffff;
          letter-spacing: 0.8px;
          outline: unset; }
          .app-nav-bar-main-container .app-nav-header .profile-icon-block .mobile-search-box .nav-search-form button.input-group-addon:focus,
          .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .nav-search-form button.input-group-addon:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .app-nav-bar-main-container .app-nav-header .profile-icon-block .mobile-search-box .nav-search-form input.ng-not-empty + ul + input + button.input-group-addon,
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .nav-search-form input.ng-not-empty + ul + input + button.input-group-addon {
          display: block;
          background: transparent; }
      .app-nav-bar-main-container .app-nav-header .menu-icon-block .nav-menu-icon {
        height: auto;
        width: auto;
        padding: 5px; }
      .app-nav-bar-main-container .app-nav-header .profile-icon-block,
      .app-nav-bar-main-container .app-nav-header .search-icon-block {
        margin: 0;
        padding: 10px;
        width: auto; }
      .app-nav-bar-main-container .app-nav-header .logged-in-dropdown.mobile-logged-in-dropdown .login-menu {
        width: 220px !important;
        right: 0;
        top: 58px; }
        .app-nav-bar-main-container .app-nav-header .logged-in-dropdown.mobile-logged-in-dropdown .login-menu .dropdown-title {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.14;
          color: #5a5a5a;
          letter-spacing: 0.4px; }
        .app-nav-bar-main-container .app-nav-header .logged-in-dropdown.mobile-logged-in-dropdown .login-menu li {
          margin-left: 20px;
          margin-right: 20px; }
          .app-nav-bar-main-container .app-nav-header .logged-in-dropdown.mobile-logged-in-dropdown .login-menu li.subscription-link {
            padding-left: 35px; }
          .app-nav-bar-main-container .app-nav-header .logged-in-dropdown.mobile-logged-in-dropdown .login-menu li a {
            vertical-align: middle;
            border: 0;
            margin-left: 0 !important;
            margin-right: 0 !important;
            display: inline;
            padding: 0;
            font-family: "lato";
            font-weight: 700;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1;
            color: #0054a6;
            letter-spacing: 0.5px; }
            .app-nav-bar-main-container .app-nav-header .logged-in-dropdown.mobile-logged-in-dropdown .login-menu li a .subscribed-magazine-name {
              margin-top: 0; }
      .app-nav-bar-main-container .pop-over-menu-div {
        top: 0; }
      .app-nav-bar-main-container .nav-profile-icon {
        display: none; }
      .app-nav-bar-main-container .nav-menu-divider {
        width: 1px;
        height: auto;
        background: #ffffff;
        margin-inline: 10px; }
      .app-nav-bar-main-container .nav-search-form {
        margin: 0;
        padding: 10px; }
      .app-nav-bar-main-container .nav-search-box {
        margin: 0;
        margin-left: auto; }
      .app-nav-bar-main-container .magazine-logo-tablet-mobile {
        background-size: contain; }
      .app-nav-bar-main-container .see-all-subjects {
        float: right; }
      .app-nav-bar-main-container .js-nav-menu ul:first-child {
        padding-left: 0; }
        .app-nav-bar-main-container .js-nav-menu ul:first-child.menu-list {
          padding-top: 10px; }
      .app-nav-bar-main-container .js-nav-menu #secondary-items-nav {
        margin-left: 0;
        width: 100%; }
        .app-nav-bar-main-container .js-nav-menu #secondary-items-nav li {
          width: 100%;
          float: left; }
          .app-nav-bar-main-container .js-nav-menu #secondary-items-nav li:nth-child(1) {
            width: 100%; }
      .app-nav-bar-main-container .js-nav-menu .dropdown .app-nav-main-item-link, .app-nav-bar-main-container .js-nav-menu .dropdown .delimitter,
      .app-nav-bar-main-container .js-nav-menu .dropdown .magazine {
        margin-left: 0;
        margin-right: 0; }
      .app-nav-bar-main-container .message-center-button-container {
        display: none; } }
  @media (min-width: 375px) and (max-width: 440px) {
    .app-nav-bar-main-container .magazine-logo-tablet-mobile {
      width: 120px;
      height: 30px;
      background-size: 100%; } }
  @media (min-width: 320px) and (max-width: 376px) {
    .app-nav-bar-main-container {
      padding: 0; }
      .app-nav-bar-main-container .app-nav-header .search-logo-block {
        padding-top: 12px; }
      .app-nav-bar-main-container .app-nav-header .search-icon-block {
        position: initial; }
      .app-nav-bar-main-container .app-nav-header .search-content {
        width: 100%; }
      .app-nav-bar-main-container .magazine-logo-tablet-mobile {
        width: 100px;
        min-height: 20px;
        background-size: contain; } }
  @media only screen and (max-width: 320px) {
    .app-nav-bar-main-container .app-navbar-header .nav-search-icon.search-icon-block .mobile-search-box {
      height: 60px;
      padding: 11px 20px;
      right: 100px; }
      .app-nav-bar-main-container .app-navbar-header .nav-search-icon.search-icon-block .mobile-search-box .nav-search-form button.input-group-addon {
        right: -58px;
        top: -1px; } }
  .app-nav-bar-main-container .logged-in-dropdown .login-toggle {
    color: #ffffff;
    padding: 35px 0 12px;
    background: none;
    border: none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin-right: 27px; }
    .app-nav-bar-main-container .logged-in-dropdown .login-toggle:focus, .app-nav-bar-main-container .logged-in-dropdown .login-toggle:hover, .app-nav-bar-main-container .logged-in-dropdown .login-toggle:active {
      outline: unset;
      opacity: 0.8; }
    .app-nav-bar-main-container .logged-in-dropdown .login-toggle:focus .sw-icon.person-icon {
      box-shadow: inset 0px 0px 0px 2px #ffffff, 0 0 0 2px #000000; }
    .app-nav-bar-main-container .logged-in-dropdown .login-toggle .sw-icon.person-icon {
      border-radius: 100px;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
  .app-nav-bar-main-container .logged-in-dropdown .sw-icon.user-dropdown-white-arrow {
    margin-left: 5px;
    position: relative;
    top: -13px; }
  .app-nav-bar-main-container .logged-in-dropdown .login-menu {
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.45);
    border-radius: 4px;
    height: auto;
    border: 0;
    padding: 27px 0 28px;
    right: 0;
    left: auto;
    top: 89px;
    width: 310px !important; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu:before {
      content: '';
      display: block;
      position: absolute;
      left: 256px;
      bottom: 100%;
      width: 0;
      height: 0;
      border: 10px solid transparent;
      border-bottom-color: #ffffff; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu:after {
      content: '';
      display: block;
      position: absolute;
      left: 256px;
      bottom: 100%;
      width: 0;
      height: 0;
      border: 9px solid transparent;
      border-bottom-color: white; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-item {
      margin: 20px 0 0 30px; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-link {
      font-family: "lato";
      font-weight: 900;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #2c7aec;
      letter-spacing: 0.5px;
      border: unset;
      margin: unset;
      outline: none;
      position: relative; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-link:focus, .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-link:hover {
        text-decoration: none; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-link:after {
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        box-shadow: 0 0 0 2px white, 0 0 0 4px black;
        position: absolute;
        border-radius: 2px;
        top: 0;
        right: 0;
        opacity: 0;
        content: '';
        height: 100%;
        width: 100%; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-link:focus:after {
        opacity: 1; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu .dropdown-title {
      font-family: "neo-sans";
      font-weight: 500;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.14;
      color: #000000;
      letter-spacing: 1px;
      padding-left: 30px; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu .border-divider {
      border-bottom: 1px solid #cfd0d2;
      padding-top: 29px; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu .subscription {
      font-family: "neo-sans";
      font-weight: 500;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.14;
      color: #000000;
      letter-spacing: 1px;
      padding-top: 21px;
      padding-left: 30px; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu .image-column {
      padding-right: 28px; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu .image-column .img-name {
        max-width: 92px;
        margin: 0;
        display: inline-block;
        text-decoration: none;
        cursor: pointer;
        border: 0;
        font-family: "lato";
        font-weight: 700;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1;
        color: #0054a6;
        letter-spacing: 0.5px; }
        .app-nav-bar-main-container .logged-in-dropdown .login-menu .image-column .img-name .subscribed-magazine-name {
          display: inline-block;
          margin: 15px 0 0; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu .image-column .col-md-6 {
        margin-top: 20px;
        min-height: 139px; }
        .app-nav-bar-main-container .logged-in-dropdown .login-menu .image-column .col-md-6:nth-child(odd) {
          clear: left; }
        .app-nav-bar-main-container .logged-in-dropdown .login-menu .image-column .col-md-6:nth-child(even) {
          float: right; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu .subscription-link {
      padding-top: 20px;
      padding-left: 30px;
      clear: both; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu .subscription-link .subscriptions {
        padding: 0 0 0 30px;
        margin: 0;
        display: inline;
        vertical-align: middle;
        font-family: "lato";
        font-weight: 700;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1;
        color: #0054a6;
        letter-spacing: 0.5px; }
        .app-nav-bar-main-container .logged-in-dropdown .login-menu .subscription-link .subscriptions.js-sdm-portal-link {
          font-family: "lato";
          font-weight: 700;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1;
          color: #0054a6;
          letter-spacing: 0.5px;
          color: #0054a6 !important;
          margin-right: 2px !important;
          padding-left: 0; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu .subscription-link .subscriptions-arrow-icon {
        vertical-align: middle;
        margin-left: 3px;
        margin-top: 2px;
        cursor: pointer; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu li a {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      color: #0000FF;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      border-radius: 2px;
      line-height: 48px;
      border-bottom: 1px solid #000000;
      margin-left: 20px;
      margin-right: 20px; }
      .app-nav-bar-main-container .logged-in-dropdown .login-menu li a:hover {
        background-color: #ffffff; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu li:last-child a {
      border-bottom: 0; }
    .app-nav-bar-main-container .logged-in-dropdown .login-menu .js-sdm-logout,
    .app-nav-bar-main-container .logged-in-dropdown .login-menu .js-sdm-portal-link {
      text-decoration: none !important;
      vertical-align: middle;
      border: 0;
      margin-left: 0 !important;
      margin-right: 0 !important;
      display: inline;
      padding: 0;
      font-family: "lato";
      font-weight: 900;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #2c7aec;
      letter-spacing: 0.5px; }
  .app-nav-bar-main-container .logged-in-dropdown.open a:focus {
    background-color: #0071bc; }
  .app-nav-bar-main-container .logged-in-dropdown.open .sw-icon.user-dropdown-white-arrow {
    background-position: -231px -572px;
    padding-left: 5px;
    color: #0000FF; }
  .app-nav-bar-main-container #sdm-nav {
    display: none; }

.disable-scrolling {
  height: 100%;
  overflow: hidden; }
  .disable-scrolling .app-nav-bar-main-container .pop-over-menu-div {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.7);
    z-index: 10000;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .disable-scrolling .app-nav-bar-main-container .pop-over-menu-div::-webkit-scrollbar {
      display: none;
      /* Hide scrollbar for Chrome, Safari and Opera */ }

.loginPrompt-wrapper .modal {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); }

.loginPrompt-wrapper .login-dialog {
  width: 620px; }
  .loginPrompt-wrapper .login-dialog .login-content {
    width: 100%;
    min-height: 625px;
    border-radius: 3px;
    background-color: #f9fafb; }
    .loginPrompt-wrapper .login-dialog .login-content .login-content-wrapper {
      padding-left: 30px;
      padding-right: 30px; }
    .loginPrompt-wrapper .login-dialog .login-content a {
      text-decoration: none; }
    .loginPrompt-wrapper .login-dialog .login-content .modal-close-button {
      padding-top: 10px;
      padding-bottom: 7px; }
      .loginPrompt-wrapper .login-dialog .login-content .modal-close-button:after {
        content: '';
        clear: both;
        display: block; }
      .loginPrompt-wrapper .login-dialog .login-content .modal-close-button .close-button {
        opacity: 1;
        padding-right: 27px;
        position: relative; }
        .loginPrompt-wrapper .login-dialog .login-content .modal-close-button .close-button:focus {
          outline: none; }
        .loginPrompt-wrapper .login-dialog .login-content .modal-close-button .close-button span.sw-icon {
          position: relative;
          top: 4px; }
    .loginPrompt-wrapper .login-dialog .login-content .login-header {
      border-bottom: transparent;
      padding: 0; }
      .loginPrompt-wrapper .login-dialog .login-content .login-header .login-title {
        font-family: "lato";
        font-weight: 900;
        font-size: 24px;
        font-size: 1.5rem;
        color: #000000;
        letter-spacing: 0.3px;
        text-align: center; }
    .loginPrompt-wrapper .login-dialog .login-content .login-body {
      padding-top: 70px;
      padding-bottom: 30px; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .login-student-icon {
        background: url("../../../images/globalNav/Login-Student-icon.png") no-repeat;
        width: 130px;
        height: 130px;
        display: inline-block;
        background-size: cover;
        cursor: pointer; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .login-teacher-icon {
        background: url("../../../images/globalNav/Login-Teacher-icon.png") no-repeat;
        width: 130px;
        height: 130px;
        display: inline-block;
        background-size: cover;
        cursor: pointer; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .subscribe-recieve {
        padding-top: 13px;
        text-align: center;
        width: 50%;
        margin: 0 auto; }
        .loginPrompt-wrapper .login-dialog .login-content .login-body .subscribe-recieve p {
          font-family: "lato";
          font-weight: 400;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1.43;
          color: #4a4a4a; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .selector-section {
        margin-top: 16px; }
        .loginPrompt-wrapper .login-dialog .login-content .login-body .selector-section .teacher-sec .teacher-selector {
          font-family: "lato";
          font-weight: 900;
          font-size: 22px;
          font-size: 1.375rem;
          color: #ffffff;
          letter-spacing: 0.5px;
          width: 200px;
          padding: 0 20px;
          height: 54px;
          border: none;
          border-radius: 8px;
          background-color: #0066FF; }
        .loginPrompt-wrapper .login-dialog .login-content .login-body .selector-section .student-sec .student-selector {
          font-family: "lato";
          font-weight: 900;
          font-size: 22px;
          font-size: 1.375rem;
          color: #ffffff;
          letter-spacing: 0.5px;
          width: 200px;
          padding: 0 20px;
          height: 54px;
          border: none;
          border-radius: 8px;
          background-color: #0066FF; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body label {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        letter-spacing: 0.5px;
        color: rgba(0, 0, 0, 0.9); }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .teacher-block {
        text-align: center;
        padding-left: 74px; }
        .loginPrompt-wrapper .login-dialog .login-content .login-body .teacher-block .teacher-sec {
          padding-top: 25px; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .not-subscribe-teacher-block {
        text-align: center;
        padding-left: 74px; }
        .loginPrompt-wrapper .login-dialog .login-content .login-body .not-subscribe-teacher-block .teacher-sec {
          padding-top: 25px; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .student-block {
        text-align: center;
        padding-left: 104px; }
        .loginPrompt-wrapper .login-dialog .login-content .login-body .student-block .student-sec {
          padding-top: 21px; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .teacher-btn-block {
        margin-left: 40px;
        padding: 0; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .student-btn-block {
        margin-left: 30px;
        padding: 0; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .student-sec,
      .loginPrompt-wrapper .login-dialog .login-content .login-body .teacher-sec {
        position: relative; }
        .loginPrompt-wrapper .login-dialog .login-content .login-body .student-sec label > input[type="radio"],
        .loginPrompt-wrapper .login-dialog .login-content .login-body .teacher-sec label > input[type="radio"] {
          visibility: hidden;
          position: absolute; }
          .loginPrompt-wrapper .login-dialog .login-content .login-body .student-sec label > input[type="radio"] + span.sw-icon,
          .loginPrompt-wrapper .login-dialog .login-content .login-body .teacher-sec label > input[type="radio"] + span.sw-icon {
            cursor: pointer;
            position: relative;
            top: 2px; }
          .loginPrompt-wrapper .login-dialog .login-content .login-body .student-sec label > input[type="radio"]:checked + span.sw-icon.radio-unchecked-icon,
          .loginPrompt-wrapper .login-dialog .login-content .login-body .teacher-sec label > input[type="radio"]:checked + span.sw-icon.radio-unchecked-icon {
            background-position: -170px -334px; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .subscriber-sec {
        text-align: center;
        padding-top: 26px; }
        .loginPrompt-wrapper .login-dialog .login-content .login-body .subscriber-sec.bottom-subscribe-sec {
          padding-top: 26px; }
        .loginPrompt-wrapper .login-dialog .login-content .login-body .subscriber-sec p {
          font-family: "lato";
          font-weight: 400;
          font-size: 17px;
          font-size: 1.0625rem;
          line-height: 1.65;
          color: #4a4a4a;
          margin-bottom: 0; }
        .loginPrompt-wrapper .login-dialog .login-content .login-body .subscriber-sec a {
          font-family: "lato";
          font-weight: 400;
          font-size: 17px;
          font-size: 1.0625rem;
          line-height: 1.65;
          color: #0066FF; }
    .loginPrompt-wrapper .login-dialog .login-content .border-sec-notyetsubscribe {
      padding-bottom: 27px;
      padding-top: 25px; }
    .loginPrompt-wrapper .login-dialog .login-content .border-section {
      padding-bottom: 27px;
      padding-top: 25px; }
    .loginPrompt-wrapper .login-dialog .login-content .middle-border {
      margin: 0 auto;
      width: 158px;
      border: 1px solid #979797;
      border-radius: 100px; }
    .loginPrompt-wrapper .login-dialog .login-content .not-yet-login-account {
      font-family: "lato";
      font-weight: 400;
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.65;
      color: #4a4a4a;
      text-align: center; }
      .loginPrompt-wrapper .login-dialog .login-content .not-yet-login-account p {
        margin-bottom: 0; }
    .loginPrompt-wrapper .login-dialog .login-content .notyet-subscriber-sec.subscribe-now {
      text-align: center;
      float: none; }
      .loginPrompt-wrapper .login-dialog .login-content .notyet-subscriber-sec.subscribe-now:after {
        content: '';
        clear: both;
        display: block; }
    .loginPrompt-wrapper .login-dialog .login-content .notyet-subscriber-sec .subscribe-link {
      text-align: center; }
    .loginPrompt-wrapper .login-dialog .login-content .notyet-subscriber-sec .not-yet-subscribe {
      font-family: "lato";
      font-weight: 400;
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.65;
      color: #4a4a4a;
      text-align: center;
      margin: 0; }
    .loginPrompt-wrapper .login-dialog .login-content .notyet-subscriber-sec a {
      font-family: "lato";
      font-weight: 400;
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.65;
      color: #0066FF; }
    .loginPrompt-wrapper .login-dialog .login-content .notyet-subscriber-sec .description {
      font-family: "lato";
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.43;
      color: #4a4a4a;
      margin-bottom: 0; }
    .loginPrompt-wrapper .login-dialog .login-content .notyet-subscriber-sec .teachers-only {
      font-family: "lato";
      font-weight: 400;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.5;
      letter-spacing: 0.3px;
      color: rgba(0, 0, 0, 0.6); }
    .loginPrompt-wrapper .login-dialog .login-content .notyet-subscriber-sec .middle-border {
      width: 158px; }

@media only screen and (max-width: 767.5px) {
  .app-nav-bar-main-container .navbar-default {
    margin-bottom: 0; }
  .loginPrompt-wrapper .login-dialog {
    width: 90%;
    margin: 0 auto; }
    .loginPrompt-wrapper .login-dialog .login-content .modal-close-button {
      padding-top: 10px;
      padding-bottom: 7px; }
      .loginPrompt-wrapper .login-dialog .login-content .modal-close-button .close-button {
        padding-right: 15px; }
    .loginPrompt-wrapper .login-dialog .login-content .login-content-wrapper {
      padding-left: 15px;
      padding-right: 15px; }
    .loginPrompt-wrapper .login-dialog .login-content .login-body {
      padding: 30px 0; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .subscribe-recieve {
        width: 100%; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .not-subscribe-teacher-block,
      .loginPrompt-wrapper .login-dialog .login-content .login-body .student-block,
      .loginPrompt-wrapper .login-dialog .login-content .login-body .teacher-block {
        padding: 0 15px; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .teacher-btn-block {
        margin: 0;
        padding: 0 10px;
        text-align: center; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .student-btn-block {
        margin: 0;
        padding: 0 10px;
        text-align: center; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .selector-section .teacher-sec .teacher-selector {
        width: 100%;
        padding: 0 15px;
        height: 40px;
        font-size: 16px; }
      .loginPrompt-wrapper .login-dialog .login-content .login-body .selector-section .student-sec .student-selector {
        width: 100%;
        padding: 0 15px;
        height: 40px;
        font-size: 16px; } }

@media only screen and (min-width: 320px) and (max-width: 400px) {
  .loginPrompt-wrapper .login-dialog .login-content .login-body .selector-section .teacher-sec .teacher-selector {
    width: 100%;
    padding: 0 5px;
    height: 30px;
    font-size: 14px; }
  .loginPrompt-wrapper .login-dialog .login-content .login-body .selector-section .student-sec .student-selector {
    width: 100%;
    padding: 0 5px;
    height: 30px;
    font-size: 14px; } }

@media (min-width: 768px) {
  .global-nav-container .app-navbar-header .navbar-collapse.app-navbar-secondary.collapse {
    overflow: hidden !important; } }

@media (max-width: 768px) {
  .app-nav-bar-main-container .global-nav-container .app-navbar-header .logged-in-dropdown .login-menu .image-column .col-md-6 {
    min-height: auto;
    float: none; }
    .app-nav-bar-main-container .global-nav-container .app-navbar-header .logged-in-dropdown .login-menu .image-column .col-md-6:nth-child(even) {
      float: none; } }

@media (min-width: 992px) {
  .app-nav-bar-main-container .global-nav-container .app-navbar-secondary {
    display: flex !important;
    flex-wrap: nowrap; }
    .app-nav-bar-main-container .global-nav-container .app-navbar-secondary .secondary-items {
      width: unset;
      flex-grow: 1; }
    .app-nav-bar-main-container .global-nav-container .app-navbar-secondary .switch-homepage-link-desktop {
      font-family: "neo-sans";
      font-weight: 700;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.27;
      color: #0c74a5;
      letter-spacing: 1.3px;
      display: flex;
      align-items: center;
      white-space: nowrap;
      padding: 0 20px;
      text-align: center;
      cursor: pointer; }
      .app-nav-bar-main-container .global-nav-container .app-navbar-secondary .switch-homepage-link-desktop:active, .app-nav-bar-main-container .global-nav-container .app-navbar-secondary .switch-homepage-link-desktop:focus, .app-nav-bar-main-container .global-nav-container .app-navbar-secondary .switch-homepage-link-desktop:hover {
        background: none;
        color: #0c74a5;
        text-decoration: none; }
  .app-nav-bar-main-container .global-nav-container .switch-homepage-link-tablet-mobile {
    display: none; } }

@media (max-width: 991.5px) {
  .app-nav-bar-main-container .global-nav-container .app-navbar-secondary .switch-homepage-link-desktop {
    display: none; }
  .app-nav-bar-main-container .global-nav-container .switch-homepage-link-tablet-mobile {
    font-family: "neo-sans";
    font-weight: 700;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.27;
    color: #0c74a5;
    letter-spacing: 1.3px;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    outline: unset;
    border: 1px solid #cccccc;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    padding: 0 20px;
    cursor: pointer;
    background-color: #f9fafb; }
    .app-nav-bar-main-container .global-nav-container .switch-homepage-link-tablet-mobile:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .app-nav-bar-main-container .global-nav-container .switch-homepage-link-tablet-mobile:active, .app-nav-bar-main-container .global-nav-container .switch-homepage-link-tablet-mobile:focus, .app-nav-bar-main-container .global-nav-container .switch-homepage-link-tablet-mobile:hover {
      color: #0c74a5;
      text-decoration: none; } }

@keyframes bounceIn {
  0%, 79%, 80%, 84%, 88%, 92%, 96%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  79% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  80% {
    opacity: 1;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  84% {
    opacity: 1;
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3); }
  88% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8); }
  92% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  96% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.audioContainerPlayer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: var(--page-color-1);
  overflow: visible !important;
  display: none;
  z-index: 100;
  padding-inline: 20px; }
  .audioContainerPlayer .main-wrapper {
    max-width: 1060px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: row; }
    .audioContainerPlayer .main-wrapper .able-wrapper {
      width: 60%;
      border-right: 1px solid #ffffff; }
      .audioContainerPlayer .main-wrapper .able-wrapper .able {
        box-shadow: none;
        margin: 0; }
        .audioContainerPlayer .main-wrapper .able-wrapper .able h1 {
          visibility: hidden; }
        .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player {
          background-color: transparent; }
          .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller {
            border: none;
            display: flex;
            align-items: center;
            background-color: transparent; }
            .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-tooltip {
              display: none !important; }
            .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .audioContainerPlayer .able-controller div:nth-child(4), .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .audioContainerPlayer .able-controller div:nth-child(7) {
              display: none; }
            .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls button {
              outline: none !important;
              margin: 0;
              width: 40px;
              height: 40px;
              border-radius: 50%;
              transition: all 0.2s ease-in-out ;
              -webkit-transition: all 0.2s ease-in-out ;
              -moz-transition: all 0.2s ease-in-out ;
              -ms-transition: all 0.2s ease-in-out ;
              -o-transition: all 0.2s ease-in-out ; }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls button:focus {
                box-shadow: 0 0 0px 3px #000000; }
            .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls:nth-child(5) {
              display: none; }
            .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .able-button-handler-restart, .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .able-button-handler-rewind, .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .able-button-handler-forward {
              display: none; }
            .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-play {
              display: inline-block;
              width: 40px;
              height: 40px;
              position: relative;
              background-color: #ffffff;
              border: 2px solid #ffffff;
              border-radius: 50%;
              transition: all 0.2s ease-in-out ;
              -webkit-transition: all 0.2s ease-in-out ;
              -moz-transition: all 0.2s ease-in-out ;
              -ms-transition: all 0.2s ease-in-out ;
              -o-transition: all 0.2s ease-in-out ;
              outline: unset; }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-play:focus {
                box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-play:before {
                content: '';
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-37%, -47%);
                border-style: solid;
                border-width: 9.5px 0 9.5px 15px;
                border-color: transparent transparent transparent var(--page-color-1); }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-play:hover {
                background-color: transparent; }
                .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-play:hover::before {
                  border-color: transparent transparent transparent #ffffff; }
            .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-pause {
              display: inline-block;
              width: 40px;
              height: 40px;
              position: relative;
              background-color: #ffffff;
              border: 2px solid #ffffff;
              border-radius: 50%;
              transition: all 0.2s ease-in-out ;
              -webkit-transition: all 0.2s ease-in-out ;
              -moz-transition: all 0.2s ease-in-out ;
              -ms-transition: all 0.2s ease-in-out ;
              -o-transition: all 0.2s ease-in-out ;
              outline: unset; }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-pause:focus {
                box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-pause:before {
                content: '';
                position: absolute;
                top: 50%;
                left: 12px;
                height: 18px;
                transform: translateY(-50%);
                width: 4px;
                border-radius: 9px;
                background-color: var(--page-color-1); }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-pause:after {
                content: '';
                position: absolute;
                top: 50%;
                right: 12px;
                height: 18px;
                transform: translateY(-50%);
                width: 4px;
                border-radius: 9px;
                background-color: var(--page-color-1); }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-pause:hover {
                background-color: transparent; }
                .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-pause:hover:before {
                  background-color: #ffffff; }
                .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .icon-pause:hover::after {
                  background-color: #ffffff; }
            .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-left-controls .able-button-handler-play:focus {
              outline: 2px auto;
              outline-offset: 2px; }
            .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls {
              float: left;
              padding-left: 15px;
              max-width: 85%; }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-now-playing {
                text-align: left;
                padding: 0;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                font-family: "proxima-nova";
                font-weight: 600;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1;
                color: #ffffff;
                letter-spacing: normal; }
                .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-now-playing:hover .audio-full-title {
                  opacity: 1; }
                .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-now-playing .audio-full-title {
                  opacity: 0;
                  position: absolute;
                  bottom: 55px;
                  left: 80px;
                  padding: 10px;
                  border-radius: 5px;
                  background-color: #000a;
                  backdrop-filter: blur(4px);
                  zoom: 0.85;
                  width: fit-content;
                  max-width: calc(100% - 110px);
                  white-space: normal;
                  -webkit-font-smoothing: antialiased;
                  transition: all 0.2s ease-in-out 0.5s;
                  -webkit-transition: all 0.2s ease-in-out 0.5s;
                  -moz-transition: all 0.2s ease-in-out 0.5s;
                  -ms-transition: all 0.2s ease-in-out 0.5s;
                  -o-transition: all 0.2s ease-in-out 0.5s; }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper {
                position: relative;
                margin-top: 12px; }
                .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-seekbar {
                  height: 0.8em;
                  border: none;
                  background: none;
                  margin: 0; }
                  .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-seekbar .able-seekbar-loaded {
                    background-color: var(--page-color-1);
                    filter: brightness(0.5);
                    height: 10px;
                    width: 100% !important;
                    border-radius: 5px;
                    transition: all 0.2s ease-in-out ;
                    -webkit-transition: all 0.2s ease-in-out ;
                    -moz-transition: all 0.2s ease-in-out ;
                    -ms-transition: all 0.2s ease-in-out ;
                    -o-transition: all 0.2s ease-in-out ; }
                    .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-seekbar .able-seekbar-loaded:hover {
                      filter: brightness(0.6); }
                  .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-seekbar .able-seekbar-played {
                    background-color: #ffffff;
                    height: 10px;
                    border-radius: 5px; }
                  .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-seekbar .able-seekbar-head {
                    width: 22px;
                    height: 22px;
                    background-color: #ffffff;
                    cursor: ew-resize;
                    transition: all 0.2s ease-in-out ;
                    -webkit-transition: all 0.2s ease-in-out ;
                    -moz-transition: all 0.2s ease-in-out ;
                    -ms-transition: all 0.2s ease-in-out ;
                    -o-transition: all 0.2s ease-in-out ;
                    outline: none !important; }
                    .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-seekbar .able-seekbar-head::before {
                      content: '';
                      width: 17px;
                      border-radius: 50%;
                      height: 17px;
                      background-color: var(--page-color-1);
                      position: absolute;
                      top: 50%;
                      bottom: 50%;
                      transform: translate(9%, -50%);
                      filter: brightness(0.5);
                      transition: all 0.2s ease-in-out ;
                      -webkit-transition: all 0.2s ease-in-out ;
                      -moz-transition: all 0.2s ease-in-out ;
                      -ms-transition: all 0.2s ease-in-out ;
                      -o-transition: all 0.2s ease-in-out ; }
                    .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-seekbar .able-seekbar-head:hover::before, .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-seekbar .able-seekbar-head:focus::before {
                      filter: none; }
                    .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-seekbar .able-seekbar-head:focus {
                      box-shadow: 0 0 0px 2px #000000; }
                .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-status-bar {
                  display: inline-block;
                  position: absolute;
                  bottom: 0;
                  right: -50px; }
                  .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-status-bar .able-timer .able-elapsedTime {
                    font-family: "soleil";
                    font-weight: 400;
                    font-size: 14px;
                    font-size: 0.875rem;
                    line-height: 1;
                    color: #ffffff;
                    letter-spacing: normal; }
                  .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-status-bar .able-timer .able-duration {
                    display: none; }
                  .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-status-bar .able-speed, .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-seekbar-wrapper .able-status-bar .able-status {
                    display: none; }
              .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-button-handler-volume, .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-volume-slider, .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-button-handler-preferences {
                display: none; }
    .audioContainerPlayer .main-wrapper .audio-preferences-list {
      margin-left: 30px;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      gap: 10px; }
      .audioContainerPlayer .main-wrapper .audio-preferences-list .audio-preferences-radio {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        position: relative;
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.21;
        color: #ffffff;
        letter-spacing: 0.3px; }
        .audioContainerPlayer .main-wrapper .audio-preferences-list .audio-preferences-radio > input {
          outline: none;
          appearance: none;
          -webkit-appearance: none;
          height: 20px;
          width: 20px;
          border-radius: 50%;
          background-clip: padding-box;
          z-index: 10;
          position: relative;
          box-sizing: content-box;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ; }
          .audioContainerPlayer .main-wrapper .audio-preferences-list .audio-preferences-radio > input::before {
            content: "";
            width: 12px;
            height: 12px;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            background-color: transparent;
            border: 2px solid transparent;
            transition: 0.2s;
            position: absolute;
            top: 50%;
            left: 50%;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ; }
          .audioContainerPlayer .main-wrapper .audio-preferences-list .audio-preferences-radio > input:checked::before {
            background-color: #ffffff; }
          .audioContainerPlayer .main-wrapper .audio-preferences-list .audio-preferences-radio > input:checked:focus {
            box-shadow: 0 0 0px 2px #ffffff; }
          .audioContainerPlayer .main-wrapper .audio-preferences-list .audio-preferences-radio > input:not(:checked) {
            cursor: pointer; }
            .audioContainerPlayer .main-wrapper .audio-preferences-list .audio-preferences-radio > input:not(:checked):hover::before {
              border-color: #ffffff; }
          .audioContainerPlayer .main-wrapper .audio-preferences-list .audio-preferences-radio > input:after {
            content: unset; }
        .audioContainerPlayer .main-wrapper .audio-preferences-list .audio-preferences-radio .audio-preferences-helper {
          width: 20px;
          height: 20px;
          background: var(--page-color-1);
          border-radius: 50%;
          filter: brightness(0.5);
          position: absolute;
          bottom: 0; }
      .audioContainerPlayer .main-wrapper .audio-preferences-list .audio-preferences-radio:not(:last-of-type) .audio-preferences-helper::before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 46px;
        height: 9px;
        background-color: var(--page-color-1);
        transform: translateY(-50%);
        left: 50%;
        top: 50%; }
    .audioContainerPlayer .main-wrapper .close-audio {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      width: 32px;
      height: 32px;
      padding: 0;
      border: none;
      border-radius: 50%;
      box-sizing: content-box;
      outline: none;
      background-color: transparent;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
      .audioContainerPlayer .main-wrapper .close-audio svg {
        width: 100%;
        height: 100%;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        .audioContainerPlayer .main-wrapper .close-audio svg g {
          fill: #ffffff; }
      .audioContainerPlayer .main-wrapper .close-audio:hover, .audioContainerPlayer .main-wrapper .close-audio:focus {
        background-color: #ffffff; }
        .audioContainerPlayer .main-wrapper .close-audio:hover svg g, .audioContainerPlayer .main-wrapper .close-audio:focus svg g {
          fill: var(--page-color-1); }
          .audioContainerPlayer .main-wrapper .close-audio:hover svg g path:nth-child(1), .audioContainerPlayer .main-wrapper .close-audio:focus svg g path:nth-child(1) {
            fill: #ffffff; }
      .audioContainerPlayer .main-wrapper .close-audio:focus {
        box-shadow: 0 0 0px 2px #000000; }

@media (max-width: 768px) {
  .audioContainerPlayer {
    padding-inline: 15px; }
    .audioContainerPlayer .main-wrapper {
      flex-wrap: wrap;
      flex-direction: column;
      margin-top: 15px;
      margin-bottom: 15px;
      gap: 21px; }
      .audioContainerPlayer .main-wrapper .able-wrapper {
        width: 100%;
        min-width: 430px;
        border: unset; }
        .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls {
          max-width: 75%; }
          .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-now-playing {
            width: 100%; }
            .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-now-playing .audio-full-title {
              left: 50px; }
      .audioContainerPlayer .main-wrapper .audio-preferences-list {
        margin: 0; }
      .audioContainerPlayer .main-wrapper .close-audio {
        z-index: 5000;
        top: 22px; } }

@media (max-width: 430px) {
  .audioContainerPlayer .main-wrapper {
    display: block; }
    .audioContainerPlayer .main-wrapper .able-wrapper {
      margin-bottom: 10px;
      width: 115%;
      min-width: unset; }
      .audioContainerPlayer .main-wrapper .able-wrapper .able .able-player .able-controller .able-right-controls .able-now-playing {
        width: 80%; }
    .audioContainerPlayer .main-wrapper .audio-preferences-list {
      justify-content: center; } }

.globalFooter-main-container {
  max-width: 1440px;
  margin: auto; }
  .globalFooter-main-container .globalFooter-content {
    background-color: #0071bc; }
    .globalFooter-main-container .globalFooter-content .row {
      padding: 30px 0 42px 41px; }
      .globalFooter-main-container .globalFooter-content .row .link-wrapper {
        padding: 0;
        margin-right: 41px; }
    .globalFooter-main-container .globalFooter-content .footerContentWrapper {
      height: 145px;
      max-width: 285px; }
      .globalFooter-main-container .globalFooter-content .footerContentWrapper.social-links {
        height: auto;
        max-width: 210px;
        border-right: 0 none; }
      .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerTitle {
        font-family: "lato";
        font-weight: 900;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1;
        color: #ffffff;
        letter-spacing: normal;
        word-wrap: break-word;
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 8px; }
        .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerTitle.footerTitleSocialIcon {
          border-bottom-width: 1px;
          margin-bottom: 13px; }
      .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo {
        margin-top: 3px; }
        .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phoneIcon {
          margin-right: 10.9px; }
        .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink {
          font-family: "lato";
          font-weight: 700;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 2.31;
          color: #ffffff;
          letter-spacing: 0.4px;
          word-wrap: break-word; }
          .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink a {
            color: #ffffff;
            text-decoration: none; }
        .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo span {
          vertical-align: middle; }
      .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks p {
        font-family: "lato";
        font-weight: 700;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 2.08;
        color: #ffffff;
        letter-spacing: normal;
        margin-bottom: 0;
        margin-top: 5px; }
        .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks p:last-child {
          margin-top: 0; }
      .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks a {
        font-family: "lato";
        font-weight: 700;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 2.08;
        color: #ffffff;
        text-decoration: none; }
      .globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks.phoneNumber p {
        margin-top: 0; }
      .globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons .sw-icon.googleplus-icon {
        width: 24px;
        height: 24.5px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 24px 24.5px;
        object-fit: contain;
        background-image: url("../../images/icons/googleplusIcon.png"); }
      .globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons span {
        margin-right: 9px; }
    .globalFooter-main-container .globalFooter-content .globalFooter-bottom {
      background-color: #ffffff;
      padding: 0 55px 0 39px; }
      .globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right {
        float: right;
        margin-top: 11px; }
      .globalFooter-main-container .globalFooter-content .globalFooter-bottom .links {
        text-align: right;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-right: 43px; }
        .globalFooter-main-container .globalFooter-content .globalFooter-bottom .links:last-child {
          border-right: none; }
        .globalFooter-main-container .globalFooter-content .globalFooter-bottom .links a {
          font-family: "lato";
          font-weight: 700;
          font-size: 10px;
          font-size: 0.625rem;
          color: #2C4BCC;
          letter-spacing: 0.3px;
          text-decoration: none;
          line-height: normal; }
      .globalFooter-main-container .globalFooter-content .globalFooter-bottom .desc {
        font-family: "lato";
        font-weight: 400;
        font-size: 10px;
        font-size: 0.625rem;
        line-height: 1.4;
        color: #5a5a5a;
        letter-spacing: 0.3px;
        word-wrap: break-word;
        text-align: right;
        margin-top: 17px;
        margin-bottom: 14px;
        padding-top: 14px;
        padding-bottom: 14px; }
      .globalFooter-main-container .globalFooter-content .globalFooter-bottom .scholastic-logo {
        margin-top: 9px;
        margin-bottom: 7.1px;
        height: 22px;
        max-width: 177.5px; }

@media only screen and (max-width: 767.5px) {
  .globalFooter-main-container .globalFooter-content .footerContentWrapper {
    height: 150px;
    max-width: 100%; }
    .globalFooter-main-container .globalFooter-content .footerContentWrapper.social-links {
      max-width: 100%; }
      .globalFooter-main-container .globalFooter-content .footerContentWrapper.social-links .footerTitleSocialIcon {
        border-bottom: none; }
      .globalFooter-main-container .globalFooter-content .footerContentWrapper.social-links .footer-socialIcons {
        margin-top: 0; }
  .globalFooter-main-container .globalFooter-content .link-wrapper:last-child {
    padding-left: 0; }
  .globalFooter-main-container .globalFooter-content .globalFooter-bottom {
    padding: 0 40px;
    text-align: center; }
    .globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right {
      float: none;
      margin: 0 auto; }
      .globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .links.links-term {
        text-align: left; }
      .globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .desc {
        text-align: center;
        margin-top: 10px;
        display: block; } }

@media (min-width: 1440px) {
  .globalFooter-main-container .globalFooter-content .row .link-wrapper {
    margin-right: -5px; } }

@media (min-width: 992px) {
  .marketing-globalFooter-main-container .globalFooter-content .row .link-wrapper {
    max-width: 17.8%; }
    .marketing-globalFooter-main-container .globalFooter-content .row .link-wrapper:nth-child(4) {
      margin-top: 0; } }

.divider-component {
  padding-top: 9px;
  padding-bottom: 47px; }
  .divider-component .border-divider {
    width: 100%;
    height: 2px;
    background-color: #00aeef; }
    .divider-component .border-divider.ruler-align-left {
      float: left; }
    .divider-component .border-divider.ruler-align-right {
      float: right; }
    .divider-component .border-divider.ruler-align-center {
      left: 50%;
      transform: translate(-50%);
      position: relative; }

.scholastic-main-wrapper.user-guide-main-wrapper .divider-component {
  padding-top: 16px;
  padding-bottom: 18px;
  margin: 0 auto;
  text-align: center; }
  .scholastic-main-wrapper.user-guide-main-wrapper .divider-component .border-divider {
    width: 100%;
    height: 2px;
    border-bottom: solid 1px #838790;
    background-color: unset;
    text-align: center;
    margin: 0;
    border-bottom-style: dashed; }

@media only screen and (max-width: 767px) {
  .scholastic-main-wrapper.user-guide-main-wrapper .divider-component {
    padding: 23px 1px 25px 0;
    width: 100%; }
    .scholastic-main-wrapper.user-guide-main-wrapper .divider-component .border-divider {
      height: 3px;
      width: 100%; } }

.pagination-directive-wrapper {
  text-align: center; }
  .pagination-directive-wrapper .paginationBottom {
    display: inline-block;
    margin-top: 28px;
    margin-bottom: 51px; }
    .pagination-directive-wrapper .paginationBottom ul, .pagination-directive-wrapper .paginationBottom div {
      display: inline-block;
      list-style-type: none;
      margin: 0;
      padding: 0;
      position: relative; }
      .pagination-directive-wrapper .paginationBottom ul:after, .pagination-directive-wrapper .paginationBottom div:after {
        content: '';
        display: block;
        clear: both; }
      .pagination-directive-wrapper .paginationBottom ul button, .pagination-directive-wrapper .paginationBottom div button {
        vertical-align: top;
        background: none;
        border: none;
        text-transform: uppercase;
        text-decoration: none;
        border-radius: 2px;
        font-family: "lato";
        font-weight: 700;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1;
        color: #043c71;
        letter-spacing: 1px;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .pagination-directive-wrapper .paginationBottom ul button:focus, .pagination-directive-wrapper .paginationBottom div button:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .pagination-directive-wrapper .paginationBottom ul button:focus, .pagination-directive-wrapper .paginationBottom ul button:hover, .pagination-directive-wrapper .paginationBottom ul button:active, .pagination-directive-wrapper .paginationBottom div button:focus, .pagination-directive-wrapper .paginationBottom div button:hover, .pagination-directive-wrapper .paginationBottom div button:active {
          text-decoration: none; }
        .pagination-directive-wrapper .paginationBottom ul button span, .pagination-directive-wrapper .paginationBottom div button span {
          vertical-align: middle; }
      .pagination-directive-wrapper .paginationBottom ul div, .pagination-directive-wrapper .paginationBottom ul button, .pagination-directive-wrapper .paginationBottom div div, .pagination-directive-wrapper .paginationBottom div button {
        display: inline-block; }
        .pagination-directive-wrapper .paginationBottom ul div.disabled-link, .pagination-directive-wrapper .paginationBottom ul button.disabled-link, .pagination-directive-wrapper .paginationBottom div div.disabled-link, .pagination-directive-wrapper .paginationBottom div button.disabled-link {
          opacity: 1;
          cursor: not-allowed; }
          .pagination-directive-wrapper .paginationBottom ul div.disabled-link button, .pagination-directive-wrapper .paginationBottom ul button.disabled-link button, .pagination-directive-wrapper .paginationBottom div div.disabled-link button, .pagination-directive-wrapper .paginationBottom div button.disabled-link button {
            cursor: not-allowed; }
        .pagination-directive-wrapper .paginationBottom ul div.pageLabel, .pagination-directive-wrapper .paginationBottom ul button.pageLabel, .pagination-directive-wrapper .paginationBottom div div.pageLabel, .pagination-directive-wrapper .paginationBottom div button.pageLabel {
          margin-left: 16px;
          margin-right: 14px;
          font-family: "lato";
          font-weight: 700;
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 1;
          color: #000000;
          letter-spacing: 1px;
          position: relative;
          top: -3px; }
          .pagination-directive-wrapper .paginationBottom ul div.pageLabel .pageNumberSelect, .pagination-directive-wrapper .paginationBottom ul button.pageLabel .pageNumberSelect, .pagination-directive-wrapper .paginationBottom div div.pageLabel .pageNumberSelect, .pagination-directive-wrapper .paginationBottom div button.pageLabel .pageNumberSelect {
            display: inline-block; }
        .pagination-directive-wrapper .paginationBottom ul div .sw-icon.left-arrow, .pagination-directive-wrapper .paginationBottom ul button .sw-icon.left-arrow, .pagination-directive-wrapper .paginationBottom div div .sw-icon.left-arrow, .pagination-directive-wrapper .paginationBottom div button .sw-icon.left-arrow {
          vertical-align: middle;
          margin-right: 6px; }
        .pagination-directive-wrapper .paginationBottom ul div .sw-icon.right-arrow, .pagination-directive-wrapper .paginationBottom ul button .sw-icon.right-arrow, .pagination-directive-wrapper .paginationBottom div div .sw-icon.right-arrow, .pagination-directive-wrapper .paginationBottom div button .sw-icon.right-arrow {
          vertical-align: middle;
          margin-left: 6px; }
        .pagination-directive-wrapper .paginationBottom ul div select, .pagination-directive-wrapper .paginationBottom ul button select, .pagination-directive-wrapper .paginationBottom div div select, .pagination-directive-wrapper .paginationBottom div button select {
          border: 1px solid #cdd3d5;
          width: 50px;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          background: #eff1f4 url(../../images/icons/sw-dropdown-arrow.png) no-repeat;
          background-position: right 3px center;
          padding: 4px 0 4px 10px;
          margin-right: 4px;
          letter-spacing: 1px;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          outline: unset; }
          .pagination-directive-wrapper .paginationBottom ul div select:focus, .pagination-directive-wrapper .paginationBottom ul button select:focus, .pagination-directive-wrapper .paginationBottom div div select:focus, .pagination-directive-wrapper .paginationBottom div button select:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .pagination-directive-wrapper .paginationBottom ul div select option, .pagination-directive-wrapper .paginationBottom ul button select option, .pagination-directive-wrapper .paginationBottom div div select option, .pagination-directive-wrapper .paginationBottom div button select option {
            background-color: #f9f9f9; }

.questions-set {
  padding-bottom: 43px; }
  .questions-set .subject-area {
    font-family: "neo-sans";
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.1;
    color: #000000;
    letter-spacing: 1.1px;
    margin: 0; }
  .questions-set .question-block {
    padding: 11px 0 0 20px; }
    .questions-set .question-block .question {
      font-family: "lato";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 2;
      color: #2c7aec;
      letter-spacing: 1px;
      margin: 0;
      display: block;
      text-decoration: none; }

.search-resources-main-container {
  background: #ffffff; }
  .search-resources-main-container .filterSpinnerContainer {
    position: fixed;
    z-index: 3; }
  .search-resources-main-container .search-main-content .main-title {
    display: flex; }
    .search-resources-main-container .search-main-content .main-title .title-container {
      font-family: "libre-franklin";
      font-weight: 700;
      font-size: 32px;
      font-size: 2rem;
      line-height: 1.25;
      color: #000000;
      letter-spacing: 1px;
      margin: 0 0 0 40px; }
  .search-resources-main-container .search-main-content .articles-resources-issues-container {
    margin-top: 32px; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content {
      clear: both;
      padding-top: 24px; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane:after {
        content: "";
        display: block;
        clear: both; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container,
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section {
        padding-left: 0;
        padding-right: 0; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section ul {
        list-style-type: none;
        padding: unset;
        margin-bottom: 0; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .search-facets {
        margin-left: 12.68%;
        width: calc(min(100%, 210px));
        font-family: "libre-franklin";
        font-weight: 700;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1;
        color: #000000;
        letter-spacing: 1px; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container ul {
        padding-left: 0; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container ul li {
          list-style-type: none; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section {
        border-top: 1px solid #d8d8d8;
        padding-top: 28px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section {
          padding-top: 10px;
          padding-bottom: 3px;
          border-bottom: 1px solid #d8d8d8; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn {
            font-family: "lato";
            font-weight: 900;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.08;
            color: #0054a6;
            letter-spacing: 0.5px;
            outline: unset;
            border: none;
            width: inherit;
            background: none;
            text-align: inherit;
            padding: 0;
            margin-block: 14px 25px;
            cursor: pointer;
            position: relative;
            padding-bottom: 4px;
            border-radius: 2px;
            transition: box-shadow linear 0.2s; }
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn span {
              left: 20px;
              top: 4px; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn span.refresh {
                position: relative;
                left: 0;
                top: 3px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container input[type="checkbox"][id]:not(:checked) ~ ul {
          display: none; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul {
          margin-top: 40px;
          padding-left: 15px; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul.main-list {
            margin: 0;
            padding: 0; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item {
            min-height: 21px;
            display: inline-block; }
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label {
              float: right;
              width: 10%; }
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper {
              float: left;
              width: 85%; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .sw-icon {
                float: left; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper label {
                float: none;
                width: auto; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text {
                display: table-cell;
                padding-left: 5px;
                position: relative;
                left: 0px;
                top: 2px; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper input.bts[type='checkbox'] {
                display: revert;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background-position: -59px -19px;
                width: 18px;
                height: 18px;
                margin: unset; }
                .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper input.bts[type='checkbox']:focus {
                  outline: none; }
                  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper input.bts[type='checkbox']:focus + span.checkbox-unchecked {
                    box-shadow: 0 0 0 2px #000000; }
                .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper input.bts[type='checkbox']:checked {
                  display: revert;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none;
                  background-position: -60px -66px;
                  width: 18px;
                  height: 18px;
                  margin: unset; }
                .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper input.bts[type='checkbox']:disabled {
                  background-position: -59px -111px;
                  width: 18px;
                  height: 18px; }
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item[data-last] button.collapse-icon-wrapper {
              display: none; }
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item button.collapse-icon-wrapper {
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              border: none;
              background: none;
              padding: 0 1px 0 0;
              width: 18px;
              height: 18px;
              outline: unset;
              display: flex;
              justify-content: center;
              align-items: center;
              float: left;
              margin-left: 10px; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item button.collapse-icon-wrapper:focus .collapse-icon {
                box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item button.collapse-icon-wrapper.filter-collapsed .collapse-icon {
                background-position: -350px -534px;
                border: none; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item button.collapse-icon-wrapper.filter-collapsed + ul {
                display: none; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item button.collapse-icon-wrapper .collapse-icon {
                pointer-events: none;
                position: relative;
                background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-ScienceWorld-new.svg") no-repeat;
                display: inline-block;
                background-position: -350px -666px;
                border: none;
                width: 13px;
                height: 13px;
                border-radius: 1px;
                transition: box-shadow linear 0.2s; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-bookmark-section {
          padding-top: 16px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-heading {
          font-family: "lato";
          font-weight: 900;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1;
          color: #000000;
          letter-spacing: 1px;
          margin-bottom: 14px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul {
          margin-bottom: 0; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item {
            font-family: "lato";
            font-weight: 400;
            font-size: 12px;
            font-size: 0.75rem;
            line-height: 1.08;
            color: #000000;
            letter-spacing: 0.5px;
            width: 100%;
            position: relative;
            margin: 0 auto 20px; }
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .sw-icon {
              position: relative;
              top: -1px; }
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
              margin-bottom: 18px; }
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label {
              width: 100%;
              margin-bottom: 0;
              position: relative;
              font-family: "lato";
              font-weight: 400;
              font-size: 12px;
              font-size: 0.75rem;
              line-height: 1.08;
              color: #000000;
              letter-spacing: 0.5px;
              font-weight: 400; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-text {
                position: absolute;
                left: 23px;
                top: 2px;
                right: 0;
                pointer-events: none; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-unchecked {
                border-radius: 2px;
                pointer-events: none;
                transition: box-shadow linear 0.2s; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                position: absolute;
                width: 100%;
                height: 100%;
                margin: unset;
                cursor: pointer; }
                .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:focus {
                  outline: none; }
                  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:focus + span.checkbox-unchecked {
                    box-shadow: 0 0 0 2px #000000; }
                .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled {
                  background-color: #eaeaea;
                  -webkit-border-top-left-radius: 2px;
                  -webkit-border-top-right-radius: 2px;
                  -webkit-border-bottom-right-radius: 2px;
                  -webkit-border-bottom-left-radius: 2px;
                  -moz-border-radius-topleft: 2px;
                  -moz-border-radius-topright: 2px;
                  -moz-border-radius-bottomright: 2px;
                  -moz-border-radius-bottomleft: 2px;
                  border-top-left-radius: 2px;
                  border-top-right-radius: 2px;
                  border-bottom-right-radius: 2px;
                  border-bottom-left-radius: 2px; }
                .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked {
                  background-position: -59px -65px; }
                  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked.checkbox-checked-disabled {
                    background-color: #eaeaea;
                    -webkit-border-top-left-radius: 2px;
                    -webkit-border-top-right-radius: 2px;
                    -webkit-border-bottom-right-radius: 2px;
                    -webkit-border-bottom-left-radius: 2px;
                    -moz-border-radius-topleft: 2px;
                    -moz-border-radius-topright: 2px;
                    -moz-border-radius-bottomright: 2px;
                    -moz-border-radius-bottomleft: 2px;
                    border-top-left-radius: 2px;
                    border-top-right-radius: 2px;
                    border-bottom-right-radius: 2px;
                    border-bottom-left-radius: 2px; }
                .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .checkbox-text {
                  font-weight: bold; }
                .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] {
                  cursor: not-allowed; }
                  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text-disabled {
                    font-family: "lato";
                    font-weight: 400;
                    font-size: 12px;
                    font-size: 0.75rem;
                    line-height: 1.08;
                    color: #d8d8d8;
                    letter-spacing: 0.5px; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-no-results-container {
        margin-top: 150px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-no-results-container .title {
          font-family: "neo-sans";
          font-weight: 500;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: 1.47;
          color: #000000;
          letter-spacing: 1px;
          text-align: center; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-zero-results-container {
        margin-top: 66px;
        margin-bottom: 66px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-zero-results-container .title {
          font-family: "neo-sans";
          font-weight: 500;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: 1.47;
          color: #000000;
          letter-spacing: 1px;
          text-align: center; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-zero-results-container .try-another-keyword {
          font-family: "neo-sans";
          font-weight: 500;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.83;
          color: #000000;
          letter-spacing: 1px;
          font-weight: normal;
          text-align: center; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-zero-results-container .search-guidlines {
          border-radius: 6px;
          background-color: #ffffff;
          border: solid 1px #cdd3d5;
          max-width: 610px;
          padding: 31px 0 22px 42px;
          margin: 82px auto 0; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-zero-results-container .search-guidlines .search-tips {
            font-family: "libre-franklin";
            font-weight: 700;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.25;
            color: #000000;
            letter-spacing: 1px;
            margin: 0;
            padding-bottom: 17px; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-zero-results-container .search-guidlines .steps-for-search {
            font-family: "lato";
            font-weight: 400;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.3;
            color: #000000;
            letter-spacing: 0.6px;
            margin: 0 62px 20px 30px; }
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-zero-results-container .search-guidlines .steps-for-search ul {
              margin: 0;
              padding: 0; }
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-zero-results-container .search-guidlines .steps-for-search ul li {
                margin-bottom: 20px; }
                .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .search-zero-results-container .search-guidlines .steps-for-search ul li:last-child {
                  margin-bottom: 0; }
  .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper {
    font-family: "libre-franklin";
    font-weight: 500;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.08;
    color: #000000;
    letter-spacing: 0.5px;
    height: 13px;
    margin-bottom: 27px; }
    .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper ul {
      display: inline-flex;
      list-style: none;
      padding-left: 15px; }
    .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-text {
      font-family: "lato";
      font-weight: 400;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.08;
      color: #000000;
      letter-spacing: 0.5px;
      padding-left: 9px; }
    .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category {
      border-left-style: solid;
      border-left-color: #d8d8d8;
      border-left-width: 2px;
      padding-left: 18px;
      margin-right: 15px; }
      .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category:first-child {
        border-left: 0;
        padding-left: 0; }
      .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category button {
        font-family: "libre-franklin";
        font-weight: 500;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.08;
        color: #0054a6;
        letter-spacing: 0.5px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: unset;
        border-radius: 2px; }
        .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category button:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category button:hover, .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category button:focus {
          text-decoration: underline; }
      .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category.active-sort button {
        font-family: "libre-franklin";
        font-weight: 700;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.08;
        color: #000000;
        letter-spacing: 0.5px; }
        .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category.active-sort button:hover, .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category.active-sort button:focus {
          text-decoration: none; }
  .search-resources-main-container .search-main-content .search-resources-content .search-resources-heading {
    background-color: #ffffff;
    border: solid 1px #efefef;
    padding: 19px 0 19px 20px;
    position: relative; }
    .search-resources-main-container .search-main-content .search-resources-content .search-resources-heading .search-title {
      font-family: "lato";
      font-weight: 400;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.09;
      color: #444444;
      letter-spacing: 0.6px;
      position: absolute;
      top: 50%;
      transform: translate(0%, -50%); }
  .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container {
    background-color: #ffffff;
    border: solid 1px #efefef;
    padding: 20px 20px 10px;
    position: relative; }
    .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .asset-placholder {
      width: 100%;
      height: 160px;
      position: relative;
      margin-bottom: 11px;
      background-color: #F2F2F2;
      margin: 0 auto 11px;
      overflow: hidden; }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .asset-placholder img {
        max-width: 285px;
        max-height: 160px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .asset-placholder span.sw-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .asset-placholder.asset-bg-pad {
        padding: 15px 15px 0; }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .asset-placholder.asset-pinkbg-color {
        background-color: #dbbde5; }
        .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .asset-placholder.asset-pinkbg-color img {
          height: 142px; }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .asset-placholder.asset-greenbg-color {
        background-color: #b5efce; }
        .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .asset-placholder.asset-greenbg-color img {
          height: 142px; }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .asset-placholder.asset-bluegreenbg-color {
        background-color: #ace6e8; }
        .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .asset-placholder.asset-bluegreenbg-color img {
          height: 142px; }
    .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content {
      text-align: left;
      word-wrap: break-word; }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .tile-title {
        font-family: "neo-sans";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.17;
        color: #000000;
        letter-spacing: 0.5px;
        margin-bottom: 4px; }
        .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .tile-title a {
          text-decoration: none;
          color: #000000; }
        .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .tile-title.font-black {
          color: #000000; }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .tilesub-title {
        font-family: "neo-sans";
        font-weight: 700;
        font-size: 10px;
        font-size: 0.625rem;
        line-height: 1.6;
        color: #2c7aec;
        letter-spacing: 0.8px;
        margin-bottom: 11px; }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .tile-desc {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        color: #000000;
        letter-spacing: 0.5px;
        height: 72px;
        margin-bottom: 36px; }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .tile-icons {
        position: absolute;
        bottom: 8px; }
        .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .tile-icons a {
          margin-right: 9px;
          float: left; }
          .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .tile-icons a .sw-icon {
            width: 32px;
            height: 32px;
            display: inline-block;
            background-repeat: no-repeat;
            background-color: #eff4fb;
            border-radius: 32px; }
            .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .tile-icons a .sw-icon.upload-icon {
              background-image: url("../../images/icons/icon-share.png"); }
            .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .tile-icons a .sw-icon.download-icon {
              background-image: url("../../images/icons/icon-download.png"); }
      .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .view-article {
        font-family: "lato";
        font-weight: 900;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #2c7aec;
        letter-spacing: 0.5px;
        position: absolute;
        bottom: 27px;
        right: 20px; }
        .search-resources-main-container .search-main-content .search-resources-content .search-tiles .tile-container .title-content .view-article a {
          text-decoration: none;
          color: #2c7aec; }
  .search-resources-main-container .modal .modal-content {
    text-align: center;
    box-shadow: none;
    border: 0;
    margin-top: 50px;
    width: 85%;
    margin: 0 auto; }
    .search-resources-main-container .modal .modal-content object {
      width: 85%;
      margin: 0 auto; }

.textHyperlink-container-content .flexible-title-custom-background {
  padding-top: 51px;
  background-color: #f3f3f3; }

.textHyperlink-container-content .textHyperlink-container-wrapper.left {
  flex-direction: row; }

.textHyperlink-container-content .textHyperlink-container-wrapper.right {
  flex-direction: row-reverse; }
  .textHyperlink-container-content .textHyperlink-container-wrapper.right .text-link-connector {
    margin-right: 15px;
    margin-left: 0; }
  .textHyperlink-container-content .textHyperlink-container-wrapper.right .textHyperlink-link {
    margin-left: 0;
    margin-right: 15px; }

.textHyperlink-container-content .textHyperlink-container-wrapper .text-link-connector.hide-ruler {
  visibility: hidden; }

.textHyperlink-container-content .textHyperlink-container-wrapper .textHyperlink-image {
  display: none; }

.textHyperlink-container-content .textHyperlink-container-wrapper h1, .textHyperlink-container-content .textHyperlink-container-wrapper h2, .textHyperlink-container-content .textHyperlink-container-wrapper h3 {
  margin-top: unset;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit; }

.flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper {
  height: 52px; }
  .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text {
    padding: 26px 93px 16px 40px;
    top: -22px; }
    .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text h1, .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text h2, .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text h3, .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text p {
      margin: 0; }
    .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text h1, .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text h2, .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text h3 {
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit; }

.flexible-title-hyperlink.textHyperlink-container.right .textHyperlink-content .textHyperlink-content-wrapper {
  background: url(../../images/lines-grey.png) repeat;
  padding-top: 40px;
  padding-left: 229px; }
  .flexible-title-hyperlink.textHyperlink-container.right .textHyperlink-content .textHyperlink-content-wrapper .flexible-title {
    opacity: 0.9;
    background-color: #fff200;
    padding: 27px 40px 31px 41px;
    display: inline-block;
    font-family: "neo-sans";
    font-weight: 500;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 0.8;
    color: #000000;
    letter-spacing: 1.4px; }
    .flexible-title-hyperlink.textHyperlink-container.right .textHyperlink-content .textHyperlink-content-wrapper .flexible-title p {
      margin: 0; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text {
    font-family: "neo-sans";
    font-weight: 500;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.14;
    color: #000000;
    letter-spacing: 1px;
    padding: 0 0 0 20px; }
  .textHyperlink-container .textHyperlink-hash-container .textHyperlink-hash-content {
    background: none; }
  .textHyperlink-container .textHyperlink-wrapper .textHyperlink-link {
    font-family: "libre-franklin";
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #2c7aec;
    letter-spacing: 0.3px;
    float: none !important;
    /*pull-right class was added to the <a> element it is giving !important
                                          to override that given !important here*/
    border-top: 2px solid #68d2db;
    margin: 0 20px;
    top: 40%; }
    .textHyperlink-container .textHyperlink-wrapper .textHyperlink-link .icon.icon-right {
      top: 3px; }
  .textHyperlink-container .textHyperlink-wrapper .textHyperlink-text {
    font-family: "neo-sans";
    font-weight: 500;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.14;
    color: #000000;
    letter-spacing: 1px;
    padding: 0 0 0 20px; } }

.contact-us-layout.container-fluid {
  padding-left: 0;
  padding-right: 0; }

.contact-us-layout .common-header-title {
  margin-left: 16%; }

.contact-us-layout .contact-us-wrapper {
  margin-left: 40px;
  margin-right: 40px; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container {
    padding-top: 47px; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info {
      margin-right: 15px;
      margin-left: 14px;
      padding-left: 0;
      padding-right: 96px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar {
        background: #0C74A5;
        transform: skew(-8deg);
        margin-left: 11px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul {
          margin: 0;
          padding: 28.5px 10px 28.5px 24px;
          transform: skew(8deg);
          display: table;
          width: 100%; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li {
            list-style: none;
            display: table-cell;
            border-right: 2px solid #ffffff;
            padding: 0 24px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li:nth-last-child(2) {
              border-right: none; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.live-chat, .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.email-and-fax, .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.linked-number {
              display: none; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li p {
              font-family: "neo-sans";
              font-weight: 700;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1.33;
              color: #ffffff;
              letter-spacing: 1.2px;
              margin-bottom: 6px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li .contact-detail-text {
              font-family: "lato";
              font-weight: 700;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.88;
              color: #ffffff;
              letter-spacing: 0.5px; }
              .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li .contact-detail-text span.sw-icon {
                margin-right: 10.8px;
                margin-top: 8px;
                float: left; }
              .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li .contact-detail-text.email-text {
                line-height: 1;
                padding-top: 5px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li .info-text {
              display: block;
              line-height: 1.2;
              margin-left: 24px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li:last-child {
            border-right: 0 none; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text {
        margin-top: 45px;
        padding-right: 80px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.38;
          color: #000000;
          letter-spacing: 0.9px;
          margin-bottom: 24px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p a {
            color: #0C74A5;
            display: inline;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ;
            outline: unset;
            border-radius: 2px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p a:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p a:hover, .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p a:focus {
              text-decoration: underline; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p:last-child {
          margin-bottom: 0; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions {
      margin-top: 66px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-list {
        list-style: none;
        margin: 0;
        padding: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row {
        display: flex;
        flex-direction: column; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-wrapper {
          display: flex; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .sl-no {
          margin-right: 17px;
          width: 40px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container {
          margin-bottom: 40px;
          padding-left: 13px;
          margin-top: 8px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container p {
            font-family: "neo-sans";
            font-weight: 500;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.1;
            color: #000000;
            letter-spacing: 1.1px;
            margin-bottom: 16px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label {
            display: block;
            margin-bottom: 10px;
            font-family: "lato";
            font-weight: 400;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.22;
            color: #000000;
            letter-spacing: 1px;
            position: relative;
            cursor: pointer; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label.select-issue {
              cursor: default; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label .radio-text {
              position: absolute;
              top: -2px;
              left: 23px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label:last-child {
            margin-bottom: 0; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container input[type=radio] {
            display: none; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label input[type=radio]:checked ~ .sw-icon.radio-uncheck {
            background-position: -170px -334px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label .sw-icon.radio-unchecked-icon.checked {
            background-position: -170px -334px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container select {
            width: 340px;
            height: 40px;
            border: 1px solid #d5dae0;
            font-family: "lato";
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1.1;
            color: #000000;
            letter-spacing: 0.8px;
            padding-left: 22px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: #ecf0f5 url(../../images/icons/dropdown-arrow.png) no-repeat;
            background-position: right 13px center; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container select:options {
            font-family: "lato";
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1;
            color: #000000;
            letter-spacing: 0.8px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container {
        display: flex;
        width: 100%; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form {
          list-style: none;
          padding-right: 42px;
          padding-left: 110px;
          position: relative; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row {
            margin-bottom: 25px;
            position: relative; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row label {
              max-width: 80%;
              display: block;
              font-family: "lato";
              font-weight: 400;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.38;
              color: #000000;
              letter-spacing: 0.9px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row input[type="text"], .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row input[type="email"], .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row select, .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row textarea {
              width: 100%;
              height: 40px;
              background: #f0f2f5;
              border: 1px solid #cdd3d5;
              font-family: "lato";
              font-weight: 400;
              font-size: 14px;
              font-size: 0.875rem;
              line-height: 1;
              color: #000000;
              letter-spacing: 0.8px;
              padding-left: 25px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row select {
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              background: #ecf0f5 url(../../images/icons/dropdown-arrow.png) no-repeat;
              background-position: right 13px center; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row textarea {
              resize: none;
              height: 163px;
              padding-top: 12px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row input[type="text"].error-input {
              border: 1px solid #d60000;
              background-color: #f1e0e0; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row p.field-error-text {
              position: absolute;
              right: 0;
              margin: 10px 0 0 0;
              color: #d60000;
              display: none; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row p.field-error-text-visible {
              display: block; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row:last-child {
              margin-bottom: 0; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row.marB0 {
              margin-bottom: 0; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .required-text {
            font-family: "lato";
            font-weight: 400;
            font-size: 12px;
            font-size: 0.75rem;
            line-height: 1.83;
            color: #000000;
            letter-spacing: 0.7px;
            margin-bottom: 30px;
            margin-top: 2px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-submit-btn {
            background: #fff200;
            padding: 10px 0;
            border-radius: 100px;
            border: 0 none;
            min-width: 220px;
            font-family: "lato";
            font-weight: 900;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.54;
            color: #000000;
            letter-spacing: 1px;
            text-align: center;
            height: 40px;
            margin-bottom: 69px;
            text-transform: uppercase;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ;
            outline: unset; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-submit-btn:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form.col-md-6.padL14 {
          padding-left: 14px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row .alert-success {
          margin-left: -18px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form-image {
          padding-left: 10px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .back-to-top {
        margin-bottom: 30px;
        margin-left: 0;
        padding-left: 0;
        margin-top: 20px; }

.contact-us-layout .alert-success {
  font-family: "neo-sans";
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.33;
  color: #3c763d;
  letter-spacing: 1.2px;
  margin: 20px 10px 0 0; }

.contact-us-layout .alert-danger {
  font-family: "neo-sans";
  font-weight: 500;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.33;
  color: #a94442;
  letter-spacing: 1.2px;
  margin: 20px 10px 0 0; }

/*Tablet Styles*/
@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text {
    padding-right: 0; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .back-to-top {
    padding-left: 55px; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form {
    padding-left: 90px;
    margin-left: 0; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info {
    padding-right: 0; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar {
      padding: 20px;
      margin-left: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul {
        display: flex;
        flex-flow: row wrap;
        padding: 0; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li {
          padding: 15px 20px 15px 60px;
          width: 50%;
          min-width: 50%;
          border-right: 2px solid #ffffff; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.unlinked-number {
            order: 1; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.email {
            order: 3; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.unlinked-number.an-order {
            order: 2;
            border-right: none; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.fax {
            order: 4; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .contact-us-layout .contact-us-wrapper {
    margin-left: 0;
    margin-right: 0; }
    .contact-us-layout .contact-us-wrapper .contact-us-container.row {
      margin: 0; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container {
      padding-left: 20px;
      padding-right: 20px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .row {
        margin: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form {
        padding-right: 0;
        padding-left: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .sl-no {
        margin-right: 0;
        padding-left: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container {
        padding-right: 0; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container .mail-phone-block {
          margin-left: -50px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container select {
          margin-left: -50px;
          width: 330px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container .contactus-topics-block {
          margin-left: -50px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label {
          margin-bottom: 10px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label.select-issue {
            margin-left: -50px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .back-to-top {
        padding-left: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text {
          padding-right: 0; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar {
          margin-left: 20px;
          margin-right: 20px;
          padding-left: 0;
          padding-right: 0; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul {
            display: table;
            width: 100%; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li {
              display: table;
              border-right: 0;
              margin-bottom: 33px; } }

.sch_list.video_list .sch_list_item_content_image {
  padding: 10px 13px 0 13px; }
  .sch_list.video_list .sch_list_item_content_image a {
    display: block;
    position: relative; }
    .sch_list.video_list .sch_list_item_content_image a:after {
      background-color: rgba(0, 0, 0, 0.4);
      border: solid 2px #fff;
      bottom: 8px;
      box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
      color: #fff;
      content: "\f04b";
      display: block;
      font-family: FontAwesome;
      font-size: 18px;
      height: 32px;
      left: 8px;
      line-height: 32px;
      position: absolute;
      text-align: center;
      width: 32px; }

.sch_list.video_list .sch_list_item_content {
  border-bottom: solid 5px black;
  border-top: none; }

body.modal_open {
  height: 100%;
  overflow-x: hidden; }

.s_video_player {
  background-color: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 150%;
  position: fixed;
  height: 100%;
  display: none;
  width: 100%;
  z-index: 11000;
  overflow: hidden; }
  .s_video_player .container {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    height: 413px;
    transform: translate(-50%, -50%);
    max-height: 100%; }
    .s_video_player .container .limelight-player {
      display: contents; }
  .s_video_player .video-close-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 12px;
    background-color: #00ccff;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 0;
    width: 32px;
    border: none;
    z-index: 1050; }
    .s_video_player .video-close-icon .fa {
      top: 0; }
  .s_video_player .video-js {
    height: 100%;
    width: 100%; }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .s_video_player .container {
    height: 350px;
    width: 500px; } }

@media only screen and (max-width: 767.5px) {
  .s_video_player .container {
    height: 300px;
    width: 378px; } }

.content-module .content-module-container.game-container-bg {
  padding: 0 40px;
  border: 1px solid #cdd3d5; }

.content-module .content-module-container .content-wrapper {
  background-color: #ffffff; }
  .content-module .content-module-container .content-wrapper .content-card {
    position: relative; }
  .content-module .content-module-container .content-wrapper .content-card-button {
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0;
    border: 0;
    z-index: 1;
    background-color: transparent; }
    .content-module .content-module-container .content-wrapper .content-card-button:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .content-module .content-module-container .content-wrapper .rteContent {
    font-family: "lato";
    font-weight: 900;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000;
    letter-spacing: 0.5px;
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 4px; }
    .content-module .content-module-container .content-wrapper .rteContent p, .content-module .content-module-container .content-wrapper .rteContent ol, .content-module .content-module-container .content-wrapper .rteContent ul {
      margin: 0; }
  .content-module .content-module-container .content-wrapper div[ng-bind-html=containerGameDesc] {
    font-family: "lato";
    font-weight: 400;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.38;
    color: #000000;
    letter-spacing: 0.5px;
    padding: 0 20px 15px 20px; }
    .content-module .content-module-container .content-wrapper div[ng-bind-html=containerGameDesc] p, .content-module .content-module-container .content-wrapper div[ng-bind-html=containerGameDesc] ol, .content-module .content-module-container .content-wrapper div[ng-bind-html=containerGameDesc] ul {
      margin: 0; }

.content-module .content-module-container .content-one-up .img-container {
  position: relative; }
  .content-module .content-module-container .content-one-up .img-container .img-responsive {
    width: 100%;
    height: auto; }
  .content-module .content-module-container .content-one-up .img-container .img-container-link img {
    cursor: pointer; }
  .content-module .content-module-container .content-one-up .img-container .popup-img-icon {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%; }
    .content-module .content-module-container .content-one-up .img-container .popup-img-icon span.sw-icon {
      cursor: pointer; }

#game-container-modal {
  background-color: #000000; }
  #game-container-modal.game-flash-conatiner-custom-modal .close {
    position: absolute;
    border-radius: 100%;
    z-index: 99;
    width: 49px;
    opacity: inherit;
    height: 47px;
    top: 0;
    right: 0;
    background-color: #aaa;
    background-repeat: no-repeat;
    background-position: top center;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../../../images/slide-show-component/close-btn.png); }
  #game-container-modal.game-flash-conatiner-custom-modal.modal-dialog {
    width: 100%;
    height: 100%;
    margin-top: 5px; }
  #game-container-modal .modal-content {
    position: relative;
    background-color: transparent;
    box-shadow: none;
    border: none; }
    #game-container-modal .modal-content .modal-body .game-container-iframe {
      width: 100%;
      height: 100%; }

.modal-open #game-container-modal {
  overflow-y: hidden;
  z-index: 1060; }

.content-tile-body .content-module .content-module-container.game-container-bg {
  padding: 0;
  border: 0;
  max-height: 180px; }

.content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container {
  max-height: 180px;
  cursor: pointer;
  background-color: #ffffff; }
  .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container img {
    max-height: 180px;
    margin: 0 auto; }
  .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container .popup-img-icon {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%; }

.game-container-modal .modal-dialog .game-container-modal {
  height: 100%; }

.game-container-modal .modal-content {
  height: 100%; }

#game-container-modal-body {
  height: 100%;
  padding: 0; }

.game-container-modal.modal-dialog {
  height: 100%;
  width: 100%;
  margin: 0; }

.ereader-popover .popover {
  min-width: 205px; }
  .ereader-popover .popover .popover-content {
    max-width: 205px;
    width: 205px;
    min-width: 205px; }

.ereader-popover .ereader-popover-content .grey-close-btn {
  float: right;
  cursor: pointer;
  border: none; }

.ereader-popover .ereader-popover-content .english-view {
  margin-top: 5px; }

.ereader-popover .ereader-popover-content .english-view, .ereader-popover .ereader-popover-content .spanish-view {
  border: none;
  background: none;
  display: inline-block;
  font-family: "lato";
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.31;
  color: #1557a0;
  letter-spacing: 0.5px;
  cursor: pointer; }
  .ereader-popover .ereader-popover-content .english-view .sw-icon, .ereader-popover .ereader-popover-content .spanish-view .sw-icon {
    margin-right: 8px; }
  .ereader-popover .ereader-popover-content .english-view span, .ereader-popover .ereader-popover-content .spanish-view span {
    display: inline-block;
    vertical-align: middle; }

.ereader-popover .ereader-popover-content .spanish-view {
  margin-top: 11px; }

.bookmarks-main-container {
  background: #ffffff;
  margin-top: 16px;
  position: relative; }
  .bookmarks-main-container .bookmarks-main-content .bookmarks-no-results-container {
    margin-top: 150px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-no-results-container .title {
      font-family: "neo-sans";
      font-weight: 500;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.47;
      color: #000000;
      letter-spacing: 1px;
      text-align: center; }
  .bookmarks-main-container .bookmarks-main-content .bookmarks-header {
    margin-left: 40px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-header .title-container {
      font-family: "neo-sans";
      font-weight: 500;
      font-size: 32px;
      font-size: 2rem;
      line-height: 1.25;
      color: #000000;
      letter-spacing: 1px;
      margin: 0; }
  .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container {
    margin-top: 28.1px; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs:after {
      content: "";
      display: block;
      clear: both; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul {
      box-sizing: border-box;
      position: relative;
      padding-left: 40px;
      padding-right: 40px; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li {
        position: relative;
        background-color: #e7eae9;
        border-top-left-radius: 121px;
        border-top-right-radius: 120px;
        margin-bottom: 0;
        min-height: 54px;
        height: auto;
        text-transform: uppercase; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li:before {
          transform: skewX(-10deg);
          position: absolute;
          content: '';
          width: 39px;
          height: 100%;
          left: 4px;
          background-color: #e7eae9;
          border-top-left-radius: 0; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li:after {
          transform: skewX(10deg);
          position: absolute;
          content: '';
          width: 39px;
          height: 100%;
          right: 4px;
          background-color: #e7eae9;
          border-top-right-radius: 0; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li:nth-child(2):before {
          left: 4px; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li:active, .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li:focus, .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li:hover {
          cursor: pointer; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li a {
          font-family: "lato";
          font-weight: 700;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.08;
          color: #303030;
          letter-spacing: 0.9px;
          margin-right: 0;
          border: 0;
          margin-top: 3px;
          background-color: transparent;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          text-align: center;
          padding-left: 0;
          padding-right: 0; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li a:active, .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li a:focus, .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li a:hover {
            cursor: pointer; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active {
          background-color: #015999; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active:nth-child(2):before {
            left: 4px; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active a {
            font-family: "lato";
            font-weight: 700;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.08;
            color: #ffffff;
            letter-spacing: 0.9px; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active a:active, .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active a:focus, .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active a:hover {
              cursor: default; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active:after {
            background-color: #015999; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            background-color: #015999;
            width: 39px; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active:active, .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active:focus, .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .articles-resources-issues-tabs ul li.active:hover {
            cursor: default; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content {
      clear: both;
      padding-top: 31px; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane:after {
        content: "";
        display: block;
        clear: both; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane.active {
        padding-block-end: 15px; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .bookmarks-section {
        padding-left: 14.83px;
        padding-right: 30px; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container {
        padding-left: 0;
        padding-right: 0; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .bookmarks-facets {
        padding-left: 40px;
        width: calc(min(80%, 210px));
        font-family: "libre-franklin";
        font-weight: 700;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1;
        color: #000000;
        letter-spacing: 1px; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container ul {
        padding-left: 0; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container ul li {
          list-style-type: none; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section {
        border-top: 1px solid #d8d8d8;
        padding-top: 22px; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-select-text {
          font-family: "lato";
          font-weight: 300;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1;
          color: #000000;
          letter-spacing: 1px;
          font-style: italic;
          display: inline-block;
          margin-bottom: 27px; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section {
          padding-block: 20px;
          border-bottom: 1px solid #d8d8d8; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn {
            font-family: "lato";
            font-weight: 900;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.08;
            color: #015999;
            letter-spacing: 0.5px;
            outline: unset;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ;
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            background: none;
            border: none;
            border-radius: 2px; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn span {
              left: 21px;
              top: 4px; }
              .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn span.refresh {
                left: 0;
                top: 3px;
                filter: hue-rotate(-10deg) saturate(117.85%) brightness(54.54%); }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-bookmark-section {
          padding-top: 16px; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-heading {
          font-family: "lato";
          font-weight: 900;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1;
          color: #000000;
          letter-spacing: 1px;
          margin-bottom: 13px; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul {
          margin-bottom: 0; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item {
            font-family: "lato";
            font-weight: 400;
            font-size: 12px;
            font-size: 0.75rem;
            line-height: 1.08;
            color: #015999;
            letter-spacing: 0.5px;
            padding-bottom: 6px;
            width: 100%;
            position: relative; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
              margin-bottom: 15px;
              padding-bottom: 4px; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item span {
              position: absolute;
              left: 23px;
              top: 7px; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label {
              display: inline-block;
              width: 150px;
              font-weight: bold;
              margin-bottom: 10px;
              cursor: pointer; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox] {
              width: 16px;
              height: 16px;
              cursor: pointer;
              background: #ffffff;
              border-radius: 2px;
              border: 1px solid #015999;
              -webkit-appearance: none;
              -moz-appearance: none;
              appearance: none;
              transition: box-shadow ease-in-out 0.2s;
              outline: unset; }
              .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:focus {
                box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
              .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:after {
                content: '';
                width: 8px;
                height: 5px;
                position: absolute;
                top: 8px;
                left: 4px;
                border: 2px solid #000000;
                border-top: none;
                border-right: none;
                background: #ffffff;
                opacity: 0;
                transform: rotate(-45deg); }
              .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked {
                background-color: #015999;
                border-color: #015999; }
                .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked:after {
                  opacity: 1;
                  border-color: #ffffff;
                  background-color: #015999; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] {
              background: #d8d8d8;
              cursor: default; }
              .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled]:after {
                content: '';
                width: 9px;
                height: 5px;
                position: absolute;
                top: 3px;
                left: 2px;
                border: 3px solid #ffffff;
                border-top: none;
                border-right: none;
                background: #d8d8d8;
                opacity: 1;
                transform: rotate(-45deg); }
              .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] + span {
                font-family: "lato";
                font-weight: 400;
                font-size: 12px;
                font-size: 0.75rem;
                line-height: 1.08;
                color: #d8d8d8;
                letter-spacing: 0.5px; }
  .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper {
    font-family: "libre-franklin";
    font-weight: 500;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.08;
    color: #000000;
    letter-spacing: 0.5px;
    height: 13px;
    margin-bottom: 27px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper ul {
      padding: 0;
      list-style: none;
      display: inline-flex;
      gap: 16px; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper ul li {
        border-left-style: solid;
        border-left-color: #d8d8d8;
        border-left-width: 2px;
        padding-left: 18px;
        margin-right: 16px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-text {
      font-family: "libre-franklin";
      font-weight: 500;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.08;
      color: #000000;
      letter-spacing: 0.5px;
      padding-left: 9px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category:first-child {
      border-left: 0;
      padding-left: 15px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category button {
      font-family: "libre-franklin";
      font-weight: 500;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.08;
      color: #015999;
      letter-spacing: 0.5px;
      outline: unset;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: unset;
      border-radius: 2px;
      background: unset; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category button:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category button:hover, .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category button:focus {
        text-decoration: underline; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category.active-sort button {
      font-family: "libre-franklin";
      font-weight: 700;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.08;
      color: #000000;
      letter-spacing: 0.5px; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category.active-sort button:hover, .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category.active-sort button:focus {
        text-decoration: none; }
  .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-heading {
    background-color: #ffffff;
    border: solid 1px #efefef;
    padding: 19px 0 19px 20px;
    position: relative; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-heading .bookmarks-title {
      font-family: "lato";
      font-weight: 400;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.09;
      color: #444444;
      letter-spacing: 0.6px;
      position: absolute;
      top: 50%;
      transform: translate(0%, -50%); }
  .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles {
    list-style: none;
    padding-inline-start: 0; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .bookmarks-tiles-content {
      margin-bottom: 20px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container {
      background-color: #ffffff;
      border: solid 1px #efefef;
      padding: 20px 20px 10px;
      position: relative; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder {
        width: 100%;
        height: 160px;
        position: relative;
        margin-bottom: 11px;
        background-color: #F2F2F2;
        margin: 0 auto 11px;
        overflow: hidden; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder img {
          max-width: 285px;
          max-height: 160px;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder span.icon {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder span.icon.icon-video-play {
            width: 70px;
            height: 70px;
            background-image: url("../../images/icons/icon-video-play.png");
            background-size: 70px 70px;
            background-repeat: no-repeat; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder.asset-bg-pad {
          padding: 15px 15px 0; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder.asset-pinkbg-color {
          background-color: #dbbde5; }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder.asset-pinkbg-color img {
            height: 142px; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder.asset-greenbg-color {
          background-color: #b5efce; }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder.asset-greenbg-color img {
            height: 142px; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder.asset-bluegreenbg-color {
          background-color: #ace6e8; }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .asset-placholder.asset-bluegreenbg-color img {
            height: 142px; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content {
        text-align: left;
        word-wrap: break-word; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .tile-title {
          font-family: "neo-sans";
          font-weight: 500;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.17;
          color: #000000;
          letter-spacing: 0.5px;
          margin-bottom: 4px; }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .tile-title a {
            text-decoration: none;
            color: #000000; }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .tile-title.font-black {
            color: #000000; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .tilesub-title {
          font-family: "neo-sans";
          font-weight: 700;
          font-size: 10px;
          font-size: 0.625rem;
          line-height: 1.6;
          color: #2c7aec;
          letter-spacing: 0.8px;
          margin-bottom: 11px; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .tile-desc {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.5;
          color: #000000;
          letter-spacing: 0.5px;
          height: 72px;
          margin-bottom: 36px; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .tile-icons {
          position: absolute;
          bottom: 8px; }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .tile-icons a {
            margin-right: 9px;
            float: left; }
            .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .tile-icons a .sw-icon {
              width: 32px;
              height: 32px;
              display: inline-block;
              background-repeat: no-repeat;
              background-color: #eff4fb;
              border-radius: 32px; }
              .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .tile-icons a .sw-icon.upload-icon {
                background-image: url("../../images/icons/icon-share.png"); }
              .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .tile-icons a .sw-icon.download-icon {
                background-image: url("../../images/icons/icon-download.png"); }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .view-article {
          font-family: "lato";
          font-weight: 900;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #2c7aec;
          letter-spacing: 0.5px;
          position: absolute;
          bottom: 27px;
          right: 20px; }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles .tile-container .title-content .view-article a {
            text-decoration: none;
            color: #2c7aec; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile {
      padding: 0 10px; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile {
        background-color: #ffffff;
        padding: 15px;
        margin-bottom: 15px; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .img-wrapper {
          position: relative;
          max-width: 187px;
          height: 200px;
          text-align: center; }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .img-wrapper a {
            text-align: center; }
            .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .img-wrapper a img {
              max-width: 100%;
              max-height: 200px; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .issue-date-btn {
          text-transform: capitalize;
          background-color: #eff4fb;
          border-radius: 8px;
          font-family: "libre-franklin";
          font-weight: 700;
          font-size: 10px;
          font-size: 0.625rem;
          line-height: 1.6;
          color: #0c3d6c;
          letter-spacing: 0.8px;
          padding: 10px 0;
          border: 0;
          margin: 13px auto 0;
          text-align: center; }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .issue-date-btn:active, .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .issue-date-btn:focus, .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .issue-date-btn:hover {
            cursor: pointer; }
          .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .issue-date-btn a {
            font-family: "libre-franklin";
            font-weight: 700;
            font-size: 10px;
            font-size: 0.625rem;
            line-height: 1.6;
            color: #0c3d6c;
            letter-spacing: 0.8px; }
            .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .issue-date-btn a:active, .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .issue-date-btn a:focus, .bookmarks-main-container .bookmarks-main-content .bookmarks-content .bookmarks-tiles.issues-tab-bookmarks-tiles .issue-single-tile .issue-tile .issue-date-btn a:hover {
              text-decoration: none; }
  .bookmarks-main-container .modal .modal-content {
    text-align: center;
    box-shadow: none;
    border: 0;
    margin-top: 50px;
    width: 85%;
    margin: 0 auto; }
    .bookmarks-main-container .modal .modal-content object {
      width: 85%;
      margin: 0 auto; }
  .bookmarks-main-container .content-tile-container .bookmark-header .row:nth-child(2) div:first-child {
    padding-right: 0; }

.slide-show-component-layout {
  padding: 20px 0; }
  .slide-show-component-layout .launch-slide-show {
    font-family: "lato";
    font-weight: 900;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000;
    letter-spacing: 0.5px;
    height: 70px;
    background-color: #ffffff;
    vertical-align: middle;
    padding: 22px 0 22px 20px;
    cursor: pointer;
    border: none;
    width: 100%;
    text-align: left; }
    .slide-show-component-layout .launch-slide-show:hover, .slide-show-component-layout .launch-slide-show:focus {
      text-decoration: underline; }
    .slide-show-component-layout .launch-slide-show:focus {
      outline: 4px solid #0023aa; }
  .slide-show-component-layout .launch-slide-show-description {
    font-family: "lato";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #000000;
    letter-spacing: 0.5px;
    padding: 0 20px 10px;
    background-color: #ffffff; }
  .slide-show-component-layout .slide-show-component-wrapper {
    padding: 0;
    border: 1px solid #cdd3d5; }
    .slide-show-component-layout .slide-show-component-wrapper.toplinks-slide-show-wrapper {
      border: 0; }
  .slide-show-component-layout .coverimage-wrapper {
    width: 100%;
    height: auto;
    position: relative; }
    .slide-show-component-layout .coverimage-wrapper .cover-image {
      max-width: 100%;
      height: auto;
      cursor: pointer; }
  .slide-show-component-layout .popup-img-icon {
    border-radius: 50%;
    position: absolute;
    right: 4%;
    top: 6%;
    cursor: pointer; }

.modal-open .modal.slide-show-popup-wrapper {
  background-color: #252525;
  z-index: 1060; }

.slide-show-popup-wrapper {
  padding: 0 !important; }
  .slide-show-popup-wrapper .modal-header {
    border: none;
    padding: 10px 0; }
    .slide-show-popup-wrapper .modal-header .sw-icon.grey-close-btn {
      background: url(../../../images/slideshow/Icons-Slideshow.png) no-repeat -375px -20px;
      opacity: 1;
      width: 24px;
      height: 24px; }
  .slide-show-popup-wrapper .modal-dialog {
    width: auto;
    display: table;
    margin: 15px auto; }
  .slide-show-popup-wrapper .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
    background: none; }
    .slide-show-popup-wrapper .modal-content .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      background-color: #cfcfcf;
      width: 10px;
      border-radius: 5px; }
    .slide-show-popup-wrapper .modal-content .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail {
      background: none; }
    .slide-show-popup-wrapper .modal-content .modal-body {
      padding: 0;
      margin-right: 35px;
      /*.carousel-inner{
              .item{
                -webkit-transition: 0.8s ease-in-out;
                -moz-transition: 0.8s ease-in-out;
                -o-transition: 0.8s ease-in-out ;
                transition: 0.8s ease-in-out;
              }
            }*/ }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-main-wrapper {
        display: table;
        background-color: #ffffff; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-show-image-wrapper {
        padding: 0;
        display: inline-block;
        float: left; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper {
        padding: 0;
        display: inline-block;
        float: left; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper .slide-show-video {
          padding: 0; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper .slide-show-video-large {
          max-width: 1072px;
          max-height: 602px; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper .slide-show-video-medium {
          max-width: 807px;
          max-height: 451px; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper .slide-show-video-small {
          max-width: 538px;
          max-height: 301px; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper .video-js {
          width: 100%;
          height: 100%; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper .vjs-poster {
          background-size: cover; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper {
        position: relative;
        display: inline-block;
        float: left;
        vertical-align: middle;
        width: 340px;
        padding: 20px 0 0 20px; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container {
          position: relative;
          overflow-y: auto; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container.mCS_no_scrollbar {
            padding-right: 20px; }
            .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container.mCS_no_scrollbar .mCSB_container {
              position: absolute !important;
              top: 50% !important;
              transform: translate(0, -50%);
              width: 100%; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slide-show-title {
            margin-bottom: 0;
            font-family: "museo-sans";
            font-weight: 700;
            font-size: 28px;
            font-size: 1.75rem;
            color: #111111;
            letter-spacing: normal; }
            .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slide-show-title p {
              margin: 0; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slideshow-part-of-speech {
            font-family: "soleil";
            font-weight: 600;
            font-size: 18px;
            font-size: 1.125rem;
            color: #979797;
            letter-spacing: normal;
            margin-bottom: 23px; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slide-show-description {
            font-family: "soleil";
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            color: #111111;
            letter-spacing: normal;
            margin-bottom: 26px; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slideshow-usage {
            padding-top: 15px;
            font-family: "soleil";
            font-weight: 400;
            font-size: 18px;
            font-size: 1.125rem;
            color: #111111;
            letter-spacing: normal;
            border-top: 1px solid #d8d8d8; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .audio-wrapper {
          position: absolute;
          bottom: 5px; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .audio-wrapper a {
            display: block;
            height: 34px;
            margin-top: 24px; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .audio-wrapper button {
            border: none;
            display: block;
            background-color: transparent; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .audio-wrapper .sw-icon.sound-big-icon {
            margin-bottom: 4px;
            cursor: pointer;
            background: url(../../../images/slideshow/Icons-Slideshow.png) no-repeat -310px -20px;
            width: 43px;
            height: 34px; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper {
        background-color: #111111;
        clear: both; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-number-wrapper {
          font-family: "soleil";
          font-weight: 400;
          font-size: 14px;
          font-size: 0.875rem;
          color: #aeaeae;
          letter-spacing: normal;
          float: left;
          margin-left: 24px;
          margin-top: 16px;
          margin-bottom: 22px; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls {
          float: right;
          padding-right: 8px; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .carousel-control {
            height: auto;
            width: auto;
            padding: 0;
            border: none;
            margin: 2px; }
            .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .carousel-control:focus {
              box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0023aa;
              z-index: 1; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .slide-show-left-icon, .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .slide-show-right-icon {
            background: none;
            position: relative;
            opacity: 1; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .slide-show-arrow-hide {
            display: none; }
          .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .sw-icon {
            display: block; }
            .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .sw-icon.slide-show-red-left-arrow-icon, .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .sw-icon.slide-show-red-right-arrow-icon {
              background: url(../../../images/slideshow/Icons-Slideshow.png) no-repeat;
              width: 48px;
              height: 48px; }
            .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .sw-icon.slide-show-red-left-arrow-icon {
              background-position: -164px -20px; }
            .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .sw-icon.slide-show-red-right-arrow-icon {
              background-position: -164px -20px; }
      .slide-show-popup-wrapper .modal-content .modal-body .credits-text {
        font-family: "soleil";
        font-weight: 400;
        font-size: 12px;
        font-size: 0.75rem;
        color: #c5c5c5;
        letter-spacing: normal;
        background: #111111;
        padding-left: 24px;
        padding-top: 4px;
        position: relative; }
        .slide-show-popup-wrapper .modal-content .modal-body .credits-text p {
          margin: 0;
          overflow-wrap: break-word; }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .slide-show-popup-wrapper .modal-header {
    padding: 15px 15px 40px; }
  .slide-show-popup-wrapper .modal-dialog {
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 100% !important; }
  .slide-show-popup-wrapper .modal-content .modal-body {
    margin: 0; }
    .slide-show-popup-wrapper .modal-content .modal-body .slide-main-wrapper {
      display: block;
      background: none; }
    .slide-show-popup-wrapper .modal-content .modal-body .slide-show-image-wrapper {
      float: none;
      display: block; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-show-image-wrapper .slide-show-image {
        max-width: 100% !important;
        max-height: 606px !important; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-show-image-wrapper .slide-show-image img {
          max-width: 100% !important;
          max-height: 606px !important;
          margin: 0 auto; }
    .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper {
      float: none;
      display: block;
      margin: 0 auto;
      max-width: 100% !important;
      max-height: 100% !important; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper .slide-show-video {
        max-width: 538px;
        max-height: 301px;
        margin: 0 auto; }
    .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper {
      float: none;
      padding: 15px 10px 0 26px;
      width: 100%;
      height: 270px !important;
      background-color: #ffffff; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container {
        height: 194px !important; }
    .slide-show-popup-wrapper .modal-content .modal-body .credits-text {
      width: 100% !important; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .slide-show-popup-wrapper .modal-header {
    padding: 10px 15px; }
  .slide-show-popup-wrapper .modal-dialog {
    display: block;
    width: 100%;
    margin: 0;
    max-width: 100% !important; }
  .slide-show-popup-wrapper .modal-content .modal-body {
    margin: 0; }
    .slide-show-popup-wrapper .modal-content .modal-body .slide-main-wrapper {
      display: block;
      background: none; }
    .slide-show-popup-wrapper .modal-content .modal-body .slide-show-image-wrapper {
      float: none;
      display: block; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-show-image-wrapper .slide-show-image {
        max-width: 100% !important;
        max-height: 380px !important; }
        .slide-show-popup-wrapper .modal-content .modal-body .slide-show-image-wrapper .slide-show-image img {
          max-width: 100% !important;
          max-height: 380px !important;
          margin: 0 auto; }
    .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper {
      float: none;
      display: block;
      margin: 0 auto;
      max-width: 100% !important;
      max-height: 100% !important; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-show-video-wrapper .slide-show-video {
        max-width: 538px;
        max-height: 301px;
        margin: 20px auto 0; }
    .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper {
      float: none;
      padding: 15px 5px 0 22px;
      width: 100%;
      height: 272px !important;
      background-color: #ffffff; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container {
        height: 190px !important; }
      .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .audio-wrapper a {
        margin-top: 15px; }
    .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper {
      display: none; }
    .slide-show-popup-wrapper .modal-content .modal-body .credits-text {
      width: 100% !important; } }

.slideshow__slideshow-page {
  background-color: #252525; }
  .slideshow__slideshow-page .slideshow__carousel .slick-list {
    height: 100vh; }
    .slideshow__slideshow-page .slideshow__carousel .slick-list .slick-track .slideshow__item {
      position: relative; }
      .slideshow__slideshow-page .slideshow__carousel .slick-list .slick-track .slideshow__item .slideshow__image-wrapper .slideshow__image {
        object-fit: scale-down;
        width: 100%;
        height: 100vh;
        margin: 0 auto; }
      .slideshow__slideshow-page .slideshow__carousel .slick-list .slick-track .slideshow__item:focus {
        outline: unset; }
        .slideshow__slideshow-page .slideshow__carousel .slick-list .slick-track .slideshow__item:focus .slideshow__item-focus {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          box-shadow: inset 0 0 0 2px black, inset 0 0 0 4px white;
          pointer-events: none;
          border-radius: 10px;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ; }
  .slideshow__slideshow-page .slideshow__carousel .slick-dots {
    display: none !important; }
  .slideshow__slideshow-page .slideshow__close {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 25px;
    border-radius: 50%;
    width: 61px;
    height: 61px;
    cursor: pointer;
    z-index: 1;
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ; }
    .slideshow__slideshow-page .slideshow__close:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .slideshow__slideshow-page .slideshow__close svg {
      width: 61px;
      height: 61px;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
      .slideshow__slideshow-page .slideshow__close svg path {
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
    .slideshow__slideshow-page .slideshow__close:focus svg path, .slideshow__slideshow-page .slideshow__close:hover svg path {
      fill: var(--page-color-1, #cbdaf1) !important; }
  .slideshow__slideshow-page .slideshow__nav-button {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    width: 61px;
    height: 61px;
    cursor: pointer;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    outline: unset; }
    .slideshow__slideshow-page .slideshow__nav-button:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .slideshow__slideshow-page .slideshow__nav-button svg {
      width: 61px;
      height: 61px; }
      .slideshow__slideshow-page .slideshow__nav-button svg path {
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
    .slideshow__slideshow-page .slideshow__nav-button.slideshow__prev {
      left: 10px; }
      .slideshow__slideshow-page .slideshow__nav-button.slideshow__prev svg {
        transform: rotate(180deg); }
    .slideshow__slideshow-page .slideshow__nav-button.slideshow__next {
      right: 10px; }
    .slideshow__slideshow-page .slideshow__nav-button:focus:not(.slick-disabled) svg path, .slideshow__slideshow-page .slideshow__nav-button:hover:not(.slick-disabled) svg path {
      fill: var(--page-color-1, #cbdaf1) !important; }
    .slideshow__slideshow-page .slideshow__nav-button.slick-disabled {
      cursor: default; }
      .slideshow__slideshow-page .slideshow__nav-button.slick-disabled svg {
        opacity: 0.4; }
  .slideshow__slideshow-page.edit-mode .slideshow__carousel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .slideshow__slideshow-page.edit-mode .slideshow__carousel .slideshow__item .slideshow__image-wrapper .slideshow__image {
      height: 200px; }
  .slideshow__slideshow-page.edit-mode .slideshow__close,
  .slideshow__slideshow-page.edit-mode .slideshow__nav-button {
    display: none; }

body {
  background-color: #ffffff; }

.iarticle-aggregator {
  position: relative; }
  .iarticle-aggregator .reading-levels {
    font-family: "lato";
    font-weight: 700;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.45;
    color: #0c3d6c;
    letter-spacing: 0.8px;
    float: right;
    margin-top: 5px; }
    .iarticle-aggregator .reading-levels span {
      text-transform: uppercase;
      margin-right: 8px;
      font-family: "lato";
      font-weight: 900;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1;
      color: #000000;
      letter-spacing: 1px; }
  .iarticle-aggregator .iarticle-content-container {
    margin-bottom: 40px;
    position: relative; }
    .iarticle-aggregator .iarticle-content-container .iarticle-content {
      position: relative;
      padding: 37px 40px 0; }
      .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper {
        background-color: #ffffff;
        border: solid 1px #cdd3d5; }
        .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .article-image {
          /*height: 404px;
                    background-color: $lightGray3;*/
          height: auto; }
          .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .article-image a:focus {
            outline: unset; }
            .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .article-image a:focus img {
              outline: unset;
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .article-image img {
            float: left !important; }
          .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .article-image.col-sm-5 {
            width: 44.22%; }
        .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .col-sm-7 {
          width: 55.78%; }
    .iarticle-aggregator .iarticle-content-container a {
      text-decoration: none; }
    .iarticle-aggregator .iarticle-content-container .iarticle-aggregator-img {
      width: 100%; }
    .iarticle-aggregator .iarticle-content-container .resources-container .article-resources-content.container {
      width: auto;
      padding-left: 0;
      padding-right: 0; }
    .iarticle-aggregator .iarticle-content-container .resources-container .article-resources-content .article-tiles .col-md-3 {
      margin-top: 10px; }
    .iarticle-aggregator .iarticle-content-container .resources-container .article-resources-content .article-tiles > div:first-child, .iarticle-aggregator .iarticle-content-container .resources-container .article-resources-content .article-tiles > div:nth-child(2), .iarticle-aggregator .iarticle-content-container .resources-container .article-resources-content .article-tiles > div:nth-child(3), .iarticle-aggregator .iarticle-content-container .resources-container .article-resources-content .article-tiles > div:nth-child(4) {
      margin-top: 0; }
      .iarticle-aggregator .iarticle-content-container .resources-container .article-resources-content .article-tiles > div:first-child > div, .iarticle-aggregator .iarticle-content-container .resources-container .article-resources-content .article-tiles > div:nth-child(2) > div, .iarticle-aggregator .iarticle-content-container .resources-container .article-resources-content .article-tiles > div:nth-child(3) > div, .iarticle-aggregator .iarticle-content-container .resources-container .article-resources-content .article-tiles > div:nth-child(4) > div {
        margin-top: 0; }
    .iarticle-aggregator .iarticle-content-container .iarticle-aggregator-des-sec {
      margin-top: 35px;
      padding-right: 20px;
      padding-left: 25px; }
      .iarticle-aggregator .iarticle-content-container .iarticle-aggregator-des-sec .iarticle-aggregator-des-title {
        font-family: "lato";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #000000;
        letter-spacing: 1px;
        line-height: normal;
        margin-top: 35px; }
      .iarticle-aggregator .iarticle-content-container .iarticle-aggregator-des-sec .iarticle-aggregator-des {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        color: #000000;
        letter-spacing: 0.5px;
        margin-top: 24px; }
      .iarticle-aggregator .iarticle-content-container .iarticle-aggregator-des-sec .iarticle-title-bottom-border {
        display: none; }
      .iarticle-aggregator .iarticle-content-container .iarticle-aggregator-des-sec .iarticle-tags-bottom-border {
        display: none; }
    .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title {
      font-family: "neo-sans";
      font-weight: 500;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.14;
      color: #000000;
      letter-spacing: 1px;
      cursor: pointer;
      display: block !important;
      vertical-align: top; }
    .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper {
      margin-bottom: 9px;
      border-bottom: 2px solid #00aeef;
      padding-bottom: 12px;
      display: flex; }
      .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper a {
        margin-right: 15px; }
        .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper a:focus, .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper a:hover {
          text-decoration: none; }
        .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper a:last-child {
          margin-right: 0; }
        .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper a.popover-google-share {
          padding-right: 0; }
      .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper a, .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper button:not(.popover-toggle) {
        outline: unset; }
        .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper a:focus, .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper button:not(.popover-toggle):focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper .reading-levels {
        display: none; }
      .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper .icon-wrapper {
        margin-left: auto;
        display: flex;
        align-items: flex-start;
        width: auto;
        gap: 10px;
        max-width: 115px; }
        .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper .icon-wrapper a, .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper .icon-wrapper button:not(.popover-toggle) {
          display: flex;
          outline: unset; }
          .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper .icon-wrapper a:focus, .iarticle-aggregator .iarticle-content-container .iarticle-aggre-title-wrapper .icon-wrapper button:not(.popover-toggle):focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .iarticle-aggregator .iarticle-content-container .iarticle-aggre-subtags {
      display: none; }
    .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper {
      padding-bottom: 12px;
      border-bottom: 1px solid #d8d8d8;
      width: 100%;
      display: inline-block; }
      .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper.no-border-bottom {
        border-bottom: 0; }
      .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper .iarticle-tags-content {
        display: block; }
      .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper .icon-wrapper {
        display: none; }
      .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper .reading-levels {
        display: block;
        width: 100%; }
        .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper .reading-levels.add-border-bottom {
          padding-bottom: 12px;
          border-bottom: 1px solid #d8d8d8; }
      .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper .iarticle-tags-content {
        display: inline-block; }
        .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper .iarticle-tags-content .iarticle-aggre-sub-title {
          font-family: "neo-sans";
          font-weight: 700;
          font-size: 10px;
          font-size: 0.625rem;
          line-height: 1.6;
          color: #0C74A5;
          letter-spacing: 0.8px;
          margin-right: 30px;
          text-transform: uppercase; }
          .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper .iarticle-tags-content .iarticle-aggre-sub-title:last-child {
            margin-right: 0; }
      .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper .lexile-level {
        display: inline;
        float: right;
        font-family: "libre-franklin";
        font-weight: 700;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.08;
        color: #000000;
        letter-spacing: 1px; }
        .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper .lexile-level span {
          font-family: "lato";
          font-weight: 400;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.69;
          color: #000000;
          letter-spacing: 0.5px; }
      .iarticle-aggregator .iarticle-content-container .iarticle-tags-wrapper:after {
        clear: both;
        display: block;
        content: ''; }
    .iarticle-aggregator .iarticle-content-container .article-resources-main-container {
      position: relative; }
      .iarticle-aggregator .iarticle-content-container .article-resources-main-container .article-resources-content {
        margin-top: 30px; }
        .iarticle-aggregator .iarticle-content-container .article-resources-main-container .article-resources-content .article-resources-heading {
          margin-bottom: 8px; }
          .iarticle-aggregator .iarticle-content-container .article-resources-main-container .article-resources-content .article-resources-heading .article-title {
            text-transform: uppercase; }
  .iarticle-aggregator .featured-article-main-container {
    position: relative; }
    .iarticle-aggregator .featured-article-main-container .featured-content-wrapper {
      position: relative; }
      .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article {
        padding: 27px 40px 0; }
        .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content {
          background-color: #ffffff;
          border: solid 1px #cdd3d5; }
          .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content a, .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content button:not(.popover-toggle) {
            outline: unset; }
            .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content a:focus, .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content button:not(.popover-toggle):focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content > a {
            display: block; }
          .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content img.featured-image {
            margin-bottom: 27px; }
          .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec {
            padding: 0 40px; }
            .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper {
              padding-bottom: 9px;
              border-bottom: 2px solid #00aeef;
              margin-bottom: 7px;
              display: flex; }
              .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper h2 {
                display: contents; }
              .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .featured-article-title {
                font-family: "neo-sans";
                font-weight: 500;
                font-size: 28px;
                font-size: 1.75rem;
                line-height: 1.14;
                color: #000000;
                letter-spacing: 1px;
                text-decoration: none; }
              .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .icon-wrapper {
                margin-left: auto;
                display: flex;
                align-items: flex-start; }
                .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .icon-wrapper a {
                  margin-right: 15px; }
                  .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .icon-wrapper a:focus, .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .icon-wrapper a:hover {
                    text-decoration: none; }
                  .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .icon-wrapper a:last-child {
                    margin-right: 0; }
                  .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .icon-wrapper a.popover-google-share {
                    padding-right: 0; }
                .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .icon-wrapper a, .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .icon-wrapper button:not(.popover-toggle) {
                  display: flex; }
            .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .feature-border {
              display: none; }
            .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-tags-wrapper .featured-article-tags-content {
              padding-bottom: 11px;
              border-bottom: 1px solid #d8d8d8;
              margin-bottom: 25px; }
              .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-tags-wrapper .featured-article-tags-content:after {
                content: '';
                display: block;
                clear: both; }
              .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-tags-wrapper .featured-article-tags-content .featured-article-sub-title {
                font-family: "neo-sans";
                font-weight: 700;
                font-size: 10px;
                font-size: 0.625rem;
                line-height: 1.6;
                color: #2c7aec;
                letter-spacing: 0.8px;
                margin-right: 30px;
                text-decoration: none;
                text-transform: uppercase; }
            .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-tags-wrapper .feature-border {
              display: none; }
            .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-tags-wrapper:after {
              clear: both;
              display: block;
              content: ''; }
            .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-des-title {
              font-family: "lato";
              font-weight: 400;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1.33;
              color: #000000;
              letter-spacing: 1px;
              margin-bottom: 7px; }
            .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-des {
              font-family: "lato";
              font-weight: 400;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.5;
              color: #000000;
              letter-spacing: 0.5px;
              padding-bottom: 60px;
              margin-bottom: 0; }
    .iarticle-aggregator .featured-article-main-container .article-resources-main-container {
      position: relative; }
      .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content {
        margin-top: 30px;
        margin-bottom: 40px; }
        .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content .article-tiles .col-md-3 {
          margin-top: 10px; }
          .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content .article-tiles .col-md-3:first-child, .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content .article-tiles .col-md-3:nth-child(2), .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content .article-tiles .col-md-3:nth-child(3), .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content .article-tiles .col-md-3:nth-child(4) {
            margin-top: 0; }
  .iarticle-aggregator .iarticle-content-container-hash {
    background: url("../../images/lines-grey.png") repeat;
    min-height: 105px;
    position: absolute;
    width: 100%;
    top: 1px;
    z-index: -1; }
  .iarticle-aggregator h2 {
    font-size: inherit;
    font-weight: inherit;
    margin-block: unset; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .iarticle-aggregator .reading-levels {
    float: none; } }

@media only screen and (max-width: 767.5px) {
  .iarticle-aggregator .reading-levels {
    float: none; }
  .iarticle-aggregator .iarticle-aggregator-des-sec {
    margin-top: 10%; }
    .iarticle-aggregator .iarticle-aggregator-des-sec .iarticle-aggre-title-wrapper .iarticle-aggre-title {
      font-size: 20px; }
    .iarticle-aggregator .iarticle-aggregator-des-sec .iarticle-aggre-title-wrapper .icon-wrapper a {
      margin-right: 5px; } }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .iarticle-aggregator .reading-levels {
    float: none; }
  .iarticle-aggregator .iarticle-aggregator-des-sec {
    margin-top: 5%; }
    .iarticle-aggregator .iarticle-aggregator-des-sec .iarticle-aggre-title-wrapper .iarticle-aggre-title {
      font-size: 1.25rem; }
    .iarticle-aggregator .iarticle-aggregator-des-sec .iarticle-aggre-title-wrapper .icon-wrapper a {
      margin-right: 5px; } }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .iarticle-aggregator .iarticle-content-container .iarticle-aggregator-des-sec .iarticle-aggre-title-wrapper .iarticle-aggre-title {
    display: block; }
  .iarticle-aggregator .iarticle-content-container .iarticle-aggregator-des-sec .iarticle-aggre-title-wrapper .icon-wrapper {
    margin-top: -7px; }
    .iarticle-aggregator .iarticle-content-container .iarticle-aggregator-des-sec .iarticle-aggre-title-wrapper .icon-wrapper a {
      margin-right: 5px; }
  .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .featured-article-title {
    width: 80%;
    display: inline-block; }
  .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .icon-wrapper a {
    margin-right: 5px; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .iarticle-aggregator .iarticle-content-container {
    padding-top: 38px;
    margin: 0; }
    .iarticle-aggregator .iarticle-content-container:first-child {
      padding: 0; }
    .iarticle-aggregator .iarticle-content-container .iarticle-content {
      padding: 20px; }
      .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .article-image.col-xs-12, .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .col-xs-12 {
        width: 100%; }
      .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .article-image img {
        width: 100%; }
      .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .iarticle-aggregator-des-sec {
        margin-top: 20px;
        padding: 0px 10px 10px; }
        .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .iarticle-aggregator-des-sec .iarticle-aggre-title-wrapper {
          margin: 0; }
          .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .iarticle-aggregator-des-sec .iarticle-aggre-title-wrapper .iarticle-aggre-title {
            display: block; }
          .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .iarticle-aggregator-des-sec .iarticle-aggre-title-wrapper .icon-wrapper {
            margin-top: -10px; }
        .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .iarticle-aggregator-des-sec .iarticle-tags-wrapper {
          padding-top: 12px;
          padding-bottom: 13px;
          margin-bottom: 16px; }
          .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .iarticle-aggregator-des-sec .iarticle-tags-wrapper .inside-tags-content.iarticle-tags-content {
            width: 100%; }
          .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .iarticle-aggregator-des-sec .iarticle-tags-wrapper .inside-tags-content.reading-levels {
            width: 100%;
            float: left !important;
            text-align: left !important; }
        .iarticle-aggregator .iarticle-content-container .iarticle-content .iarticle-content-wrapper .iarticle-aggregator-des-sec .iarticle-aggregator-des {
          padding: 0;
          margin: 0; }
    .iarticle-aggregator .iarticle-content-container .article-resources-main-container .article-resources-content {
      margin: 0;
      padding: 0 20px; }
      .iarticle-aggregator .iarticle-content-container .article-resources-main-container .article-resources-content .article-tiles {
        margin: 0;
        padding: 0; }
        .iarticle-aggregator .iarticle-content-container .article-resources-main-container .article-resources-content .article-tiles .col-xs-12 {
          padding: 0; }
      .iarticle-aggregator .iarticle-content-container .article-resources-main-container .article-resources-content .article-resources-heading {
        height: 25px;
        margin-top: 20px; }
      .iarticle-aggregator .iarticle-content-container .article-resources-main-container .article-resources-content .see-all h5 [data-state="expand"], .iarticle-aggregator .iarticle-content-container .article-resources-main-container .article-resources-content .see-all h5 [data-state="collapse"] {
        margin-top: 20px;
        margin-bottom: 38px;
        min-width: 100%;
        padding: 11px 20px; }
  .iarticle-aggregator .featured-article-main-container {
    padding-top: 38px; }
    .iarticle-aggregator .featured-article-main-container:first-child {
      padding: 0; }
    .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article {
      padding: 20px; }
      .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content img.featured-image {
        margin-bottom: 20px; }
      .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec {
        padding: 0px 10px 10px; }
        .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper {
          margin: 0; }
          .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .featured-article-title {
            display: inline-block;
            width: 63%; }
          .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-title-wrapper .icon-wrapper a {
            padding-right: 10px; }
        .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-tags-wrapper .featured-article-tags-content {
          padding-top: 12px;
          padding-bottom: 13px;
          margin-bottom: 16px; }
        .iarticle-aggregator .featured-article-main-container .featured-content-wrapper .featured-article .featured-article-content .featured-article-des-sec .featured-article-des {
          padding-bottom: 0px;
          margin: 0; }
    .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content {
      margin: 0;
      padding: 0 20px; }
      .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content .article-tiles {
        margin: 0;
        padding: 0; }
        .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content .article-tiles .col-xs-12 {
          padding: 0; }
      .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content .article-resources-heading {
        height: 25px;
        margin-top: 20px; }
      .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content .see-all h5 [data-state="expand"], .iarticle-aggregator .featured-article-main-container .article-resources-main-container .article-resources-content .see-all h5 [data-state="collapse"] {
        margin-top: 20px;
        margin-bottom: 38px;
        min-width: 100%;
        padding: 11px 20px; }
  .iarticle-aggregator .reading-levels {
    padding-top: 14px;
    margin-top: 12px;
    border-top: 1px solid #d8d8d8;
    width: 100%;
    float: left !important;
    text-align: left !important; } }

.article-resources-main-container .article-resources-content .article-resources-heading {
  word-wrap: break-word; }

.article-resources-main-container .article-resources-content .see-all {
  clear: both;
  display: flex;
  justify-content: center; }
  .article-resources-main-container .article-resources-content .see-all button {
    outline: unset;
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    border: unset;
    border-radius: 100px;
    background-color: #fff200;
    padding: 10px 20px 11px 42px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 350px; }
    .article-resources-main-container .article-resources-content .see-all button:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .article-resources-main-container .article-resources-content .see-all button:hover {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .article-resources-main-container .article-resources-content .see-all button span.title {
      vertical-align: middle;
      text-transform: uppercase;
      font-family: "lato";
      font-weight: 700;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.17;
      color: #000000;
      letter-spacing: 0.9px; }
    .article-resources-main-container .article-resources-content .see-all button span.sw-icon.down-black-arrow.up-black-arrow {
      transform: rotate(180deg); }
    .article-resources-main-container .article-resources-content .see-all button span.sw-icon.expand-collapse-arrow {
      margin-left: 4px; }

@media only screen and (max-width: 767.5px) {
  .article-resources-main-container .article-resources-content .see-all span {
    font-size: 6px; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .article-resources-main-container .article-resources-content .see-all button {
    display: block;
    margin-top: 20px;
    margin-bottom: 38px;
    min-width: 100%;
    padding: 11px 20px;
    line-height: normal; } }

.article-resources-main-container#TeachingResourcesComponent {
  background-color: #ffffff; }
  .article-resources-main-container#TeachingResourcesComponent .article-resources-content {
    padding-bottom: 29px; }
    .article-resources-main-container#TeachingResourcesComponent .article-resources-content .article-tiles {
      margin-top: 0; }
      .article-resources-main-container#TeachingResourcesComponent .article-resources-content .article-tiles .col-md-3 {
        margin-bottom: 15px; }
  .article-resources-main-container#TeachingResourcesComponent .textHyperlink-hash-container .textHyperlink-hash-content {
    min-height: 74px; }

.article-resources-main-container .article-resources-content .article-tiles {
  margin-top: 25px; }

.article-resources-main-container .article-resources-content .article-heading {
  font-family: "neo-sans";
  font-weight: 500;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.14;
  color: #000000;
  letter-spacing: 1px;
  padding-bottom: 4px;
  border-bottom: 2px solid #0db6d6;
  margin-bottom: 31px;
  margin-left: 10px;
  margin-right: 10px; }

.article-resources-main-container .article-resources-content .article-resources-heading {
  clear: both;
  margin-bottom: 10px;
  height: 24px;
  word-wrap: break-word; }
  .article-resources-main-container .article-resources-content .article-resources-heading .sw-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }
  .article-resources-main-container .article-resources-content .article-resources-heading .article-title {
    font-family: "lato";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000;
    letter-spacing: 0.5px;
    font-stretch: normal;
    font-style: normal;
    word-wrap: break-word;
    vertical-align: middle;
    text-transform: uppercase;
    margin: unset; }
    .article-resources-main-container .article-resources-content .article-resources-heading .article-title .contentType-count {
      font-family: "lato";
      font-weight: 400;
      font-weight: 400; }

.article-resources-main-container .modal .modal-content {
  text-align: center;
  box-shadow: none;
  border: 0px;
  margin-top: 50px;
  width: 85%;
  margin: 0 auto; }
  .article-resources-main-container .modal .modal-content object {
    width: 85%;
    margin: 0 auto; }

.article-resources-main-container .modal.slide-show-popup-wrapper .modal-content {
  text-align: left;
  margin-top: 0;
  width: 100%;
  margin: 0 auto; }

.article-resources-main-container .content-tile-slideshow-launch .modal .modal-content {
  margin-top: 0;
  width: 100%; }

.article-resources-main-container .content-tile-slideshow-launch .slide-show-component-layout {
  display: none; }

@media only screen and (max-width: 767.5px) {
  .article-resources-main-container .article-resources-content .article-resources-heading {
    height: 50px; }
  .article-resources-main-container .article-resources-content .article-tiles .tile-container .title-content .tile-icons a {
    padding-right: 6px; }
  .article-resources-main-container .article-resources-content .article-tiles .tile-container .title-content .tile-desc {
    margin-bottom: 18px; } }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .article-resources-main-container .article-resources-content .article-tiles .tile-container .title-content .tile-icons a {
    padding-right: 8px; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .article-resources-main-container .article-resources-content {
    padding: 0 10px; }
    .article-resources-main-container .article-resources-content .article-tiles {
      padding-top: 25px;
      margin: 0; }
      .article-resources-main-container .article-resources-content .article-tiles .article-resources-heading {
        height: 25px; }
    .article-resources-main-container .article-resources-content .see-all {
      max-width: 265px;
      margin: 0 auto; } }

.asset-login {
  background-color: #daeefd; }
  .asset-login .asset-login-header {
    padding-left: 30px; }
  .asset-login .login-main-wrapper {
    width: 620px;
    margin: 56px auto 0;
    min-height: 555px;
    border-radius: 3px;
    background-color: #f9fafb; }
    .asset-login .login-main-wrapper .login-content-wrapper {
      padding: 48px 62px 0px 51px; }
      .asset-login .login-main-wrapper .login-content-wrapper .login-header .login-title {
        font-family: "lato";
        font-weight: 900;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.63;
        color: #000000;
        letter-spacing: 0.3px;
        text-align: center; }
      .asset-login .login-main-wrapper .login-content-wrapper .login-body {
        padding-top: 57px; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .teacher-block {
          text-align: center;
          padding-left: 74px; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .student-block {
          text-align: center;
          padding-left: 104px; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .login-teacher-icon {
          background: url("../../../images/globalNav/Login-Teacher-icon.png") no-repeat;
          width: 130px;
          height: 130px;
          display: inline-block;
          background-size: cover; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .login-student-icon {
          background: url("../../../images/globalNav/Login-Student-icon.png") no-repeat;
          width: 130px;
          height: 130px;
          display: inline-block;
          background-size: cover; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .selector-section {
          margin-top: 16px; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .teacher-btn-block {
          margin-left: 40px;
          padding: 0; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .student-btn-block {
          margin-left: 30px;
          padding: 0; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .student-sec, .asset-login .login-main-wrapper .login-content-wrapper .login-body .teacher-sec {
          position: relative; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body label {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          color: #ffffff;
          letter-spacing: 0.5px; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .teacher-selector {
          width: 200px;
          padding: 0 20px;
          height: 54px;
          border: 0;
          border-radius: 8px;
          background-color: #0066FF;
          font-family: "lato";
          font-weight: 900;
          font-size: 22px;
          font-size: 1.375rem;
          color: #ffffff;
          letter-spacing: 0.5px; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .student-selector {
          width: 200px;
          padding: 0 20px;
          height: 54px;
          border: 0;
          border-radius: 8px;
          background-color: #0066FF;
          font-family: "lato";
          font-weight: 900;
          font-size: 22px;
          font-size: 1.375rem;
          color: #ffffff;
          letter-spacing: 0.5px; }
        .asset-login .login-main-wrapper .login-content-wrapper .login-body .subscriber-sec {
          text-align: center;
          padding-top: 60px; }
          .asset-login .login-main-wrapper .login-content-wrapper .login-body .subscriber-sec p {
            margin-bottom: 0;
            font-family: "lato";
            font-weight: 400;
            font-size: 17px;
            font-size: 1.0625rem;
            line-height: 1.65;
            color: #4a4a4a; }
          .asset-login .login-main-wrapper .login-content-wrapper .login-body .subscriber-sec a {
            font-family: "lato";
            font-weight: 400;
            font-size: 17px;
            font-size: 1.0625rem;
            line-height: 1.65;
            color: #4a4a4a;
            color: #0066FF; }
  .asset-login .asset-login-footer {
    padding: 30px; }
    .asset-login .asset-login-footer .privacy-section .links a {
      text-decoration: underline;
      font-family: "lato";
      font-weight: 700;
      font-size: 10px;
      font-size: 0.625rem;
      color: #4399ee;
      letter-spacing: 0.3px; }
    .asset-login .asset-login-footer .privacy-section .links:nth-child(1) a {
      text-transform: uppercase;
      font-family: "lato";
      font-weight: 900; }

.youtubeComponent-container {
  background-color: #ffffff;
  border: solid 1px #cdd3d5;
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 670px; }
  .youtubeComponent-container .youtube-video-placeholder .youtube-video {
    width: 100%;
    height: 400px; }
  .youtubeComponent-container .youtubeComponent-text-wrapper {
    padding: 0 20px; }
    .youtubeComponent-container .youtubeComponent-text-wrapper .youtubeComponent-title {
      font-family: "lato";
      font-weight: 900;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #000000;
      letter-spacing: 0.5px;
      margin-bottom: 4px; }
    .youtubeComponent-container .youtubeComponent-text-wrapper .youtubeComponent-desc {
      font-family: "lato";
      font-weight: 400;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.38;
      color: #000000;
      letter-spacing: 0.5px;
      margin-bottom: 38px; }

.s_youTubeVideo_player {
  background-color: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 150%;
  position: fixed;
  height: 100%;
  display: none;
  width: 100%;
  z-index: 11000;
  overflow: hidden; }
  .s_youTubeVideo_player .container {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    height: 413px;
    transform: translate(-50%, -50%);
    max-height: 100%; }
  .s_youTubeVideo_player .youTubeVideo_wrapper {
    width: 100%;
    height: 100%;
    margin-top: 34px; }
  .s_youTubeVideo_player .video-close-icon {
    background-color: #00ccff;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 0;
    width: 32px;
    border: none; }

.article-text + .article-title .article-title-layout {
  padding: 0; }
  .article-text + .article-title .article-title-layout .sub-title {
    padding-top: 3px; }
    .article-text + .article-title .article-title-layout .sub-title p {
      margin-bottom: 4px; }

#article-text-page-container {
  clear: both; }
  #article-text-page-container .acs-commons-resp-colctrl-col:nth-child(2) {
    padding-left: 96px !important;
    /*acs-commons-resp-colctrl-col class has padding:0 15px !important;
                                             overiding this we have given !important here*/
    max-width: 847px;
    margin: 0 auto !important;
    /*acs-commons-resp-colctrl-col class has margin:0 !important;
                                         overiding this we have given !important here*/
    padding-right: 81px !important;
    /*acs-commons-resp-colctrl-col class has padding:0 15px !important;
                                               overiding this we have given !important here*/ }
  #article-text-page-container .acs-commons-resp-colctrl-col .game-container-bg {
    padding: 0; }
  #article-text-page-container .acs-commons-resp-colctrl-col .html-game-container {
    padding: 20px 0; }
  #article-text-page-container .acs-commons-resp-colctrl-col .flash-container {
    padding: 20px 0; }
  #article-text-page-container .back-to-top {
    padding-left: 96px;
    margin-left: 20%;
    cursor: pointer;
    margin-top: 25px;
    margin-bottom: 50px; }
    #article-text-page-container .back-to-top .back-to-top-text {
      font-family: "libre-franklin";
      font-weight: 800;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #2c7aec;
      letter-spacing: 0.5px;
      margin-left: 9px;
      position: relative;
      bottom: 8px; }
  @media (min-width: 1200px) and (max-width: 1440px) {
    #article-text-page-container .back-to-top {
      padding-left: 101px; } }

@media (min-width: 1200px) and (max-width: 1440px) {
  #article-text-page-container .acs-commons-resp-colctrl-col:nth-child(2) {
    padding-left: 101px !important; } }

.article-text-image-layout:after {
  content: '';
  clear: both;
  display: block; }

.article-text-image-layout .article-text-image .img-column {
  position: relative;
  border: solid 1px #cdd3d5;
  max-width: 300px; }
  .article-text-image-layout .article-text-image .img-column .article-text-image-wrapper img {
    cursor: pointer; }
  .article-text-image-layout .article-text-image .img-column .article-image {
    width: 242px;
    height: 181px;
    margin-bottom: 8px;
    position: relative; }
    .article-text-image-layout .article-text-image .img-column .article-image img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      max-width: 242px;
      max-height: 181px; }
  .article-text-image-layout .article-text-image .img-column .popup-img-icon {
    border-radius: 50%;
    position: absolute;
    top: 20px;
    cursor: pointer; }
  .article-text-image-layout .article-text-image .img-column .popup-img-button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: none;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    outline: unset; }
    .article-text-image-layout .article-text-image .img-column .popup-img-button:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

.article-text-image-layout .article-text-image.left .img-column {
  float: left;
  margin: 0 3% 20px 0;
  width: auto;
  max-width: 300px; }
  .article-text-image-layout .article-text-image.left .img-column .popup-img-icon {
    left: 20px; }

.article-text-image-layout .article-text-image.right .img-column {
  float: right;
  margin: 0 0 20px 3%;
  width: auto;
  max-width: 300px; }
  .article-text-image-layout .article-text-image.right .img-column .popup-img-icon {
    right: 20px; }

.article-text-image-layout .article-text-image .text-column {
  font-family: "lato";
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.67;
  color: #000000;
  letter-spacing: 1px; }
  .article-text-image-layout .article-text-image .text-column p:last-child {
    margin-bottom: 20px; }

.article-text-image-layout .article-text-image .caption {
  font-family: "lato";
  font-weight: 400;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.38;
  color: #000000;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: default;
  display: inline-block;
  padding: 12px 20px 20px 20px; }
  .article-text-image-layout .article-text-image .caption p {
    margin: 0;
    word-wrap: break-word; }

.article-text-image-layout .article-text-image .credits {
  font-family: "lato";
  font-weight: 400;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  color: #606162;
  letter-spacing: 0.5px;
  margin-top: 10px;
  padding-left: 20px; }

.article-text-image-layout .article-text-image .close-icon {
  width: 48px;
  height: 48px;
  opacity: inherit;
  margin-top: 6px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  right: 5px;
  border-radius: 50%;
  transition: all 0.2s ease-in-out ;
  -webkit-transition: all 0.2s ease-in-out ;
  -moz-transition: all 0.2s ease-in-out ;
  -ms-transition: all 0.2s ease-in-out ;
  -o-transition: all 0.2s ease-in-out ;
  outline: unset; }
  .article-text-image-layout .article-text-image .close-icon:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

.article-text-image-layout .article-text-image .modal-dialog {
  width: 100%; }

.article-text-image-layout .article-text-image .popup-modal-image-container .image-popup-content {
  position: relative;
  border-radius: 0;
  opacity: inherit; }
  .article-text-image-layout .article-text-image .popup-modal-image-container .image-popup-content .article-text-modal-image {
    position: relative; }
    .article-text-image-layout .article-text-image .popup-modal-image-container .image-popup-content .article-text-modal-image img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

@media only screen and (max-width: 375px) {
  .article-text-image-layout .article-text-image.left .img-column, .article-text-image-layout .article-text-image.right .img-column {
    float: none;
    margin: 0 auto 20px;
    width: auto;
    max-width: 300px; }
    .article-text-image-layout .article-text-image.left .img-column .popup-img-icon, .article-text-image-layout .article-text-image.right .img-column .popup-img-icon {
      right: 20px;
      left: auto; } }

.article-text-image-top-layout .top-article-container {
  border: solid 1px #cdd3d5;
  background-color: #ffffff;
  margin-bottom: 40px;
  position: relative; }

.article-text-image-top-layout .top-article-text-image {
  max-width: 100%; }

.article-text-image-top-layout .article-text-image-wrapper img {
  cursor: pointer; }

.article-text-image-top-layout .article-image {
  margin: 0 auto; }

.article-text-image-top-layout .article-description {
  font-family: "lato";
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.67;
  color: #000000;
  letter-spacing: 1px; }
  .article-text-image-top-layout .article-description p:last-child {
    margin-bottom: 20px; }

.article-text-image-top-layout .top-article-container + .js-article-data-section .article-description p {
  margin-top: 15px; }

.article-text-image-top-layout .credits {
  font-family: "lato";
  font-weight: 400;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  color: #606162;
  letter-spacing: 0.5px;
  margin-top: 10px;
  margin-bottom: 12px;
  padding-left: 20px; }

.article-text-image-top-layout .caption {
  font-family: "lato";
  font-weight: 400;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.38;
  color: #000000;
  letter-spacing: 0.5px;
  cursor: default;
  padding-left: 20px;
  padding-bottom: 20px; }
  .article-text-image-top-layout .caption p {
    word-wrap: break-word; }

.article-text-image-top-layout .popup-img-icon {
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer; }

.article-text-image-top-layout .popup-img-button {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  border: none;
  transition: all 0.2s ease-in-out ;
  -webkit-transition: all 0.2s ease-in-out ;
  -moz-transition: all 0.2s ease-in-out ;
  -ms-transition: all 0.2s ease-in-out ;
  -o-transition: all 0.2s ease-in-out ;
  outline: unset; }
  .article-text-image-top-layout .popup-img-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

.article-text-image-top-layout .close-icon {
  opacity: inherit;
  margin-top: 6px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  right: 5px;
  border-radius: 50%;
  transition: all 0.2s ease-in-out ;
  -webkit-transition: all 0.2s ease-in-out ;
  -moz-transition: all 0.2s ease-in-out ;
  -ms-transition: all 0.2s ease-in-out ;
  -o-transition: all 0.2s ease-in-out ;
  outline: unset; }
  .article-text-image-top-layout .close-icon:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

.article-text-image-top-layout .modal-dialog {
  width: 100%;
  top: -25px; }

.article-text-image-top-layout .popup-modal-image-container .image-popup-content {
  position: relative;
  border-radius: 0;
  opacity: inherit; }
  .article-text-image-top-layout .popup-modal-image-container .image-popup-content .article-text-modal-image {
    position: relative; }
    .article-text-image-top-layout .popup-modal-image-container .image-popup-content .article-text-modal-image img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

@media (max-width: 992px) {
  #article-text-page-container .acs-commons-resp-colctrl-col:nth-child(2) {
    padding: 0 20px !important; }
  #article-text-page-container .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-60, #article-text-page-container .acs-commons-resp-colctrl-col.acs-commons-resp-colctrl-col-20 {
    width: 100%; }
  #article-text-page-container .back-to-top {
    padding-left: 0;
    margin: 0 auto;
    text-align: center; } }

.banner-image {
  padding: 0 40px 0 40px; }

.share-dialog {
  width: 664px;
  margin: 168px auto; }
  .share-dialog .modal-content {
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: -1px -1px 6px 0 rgba(75, 75, 75, 0.8);
    border: 0; }
    .share-dialog .modal-content .modal-header {
      padding: 16px 16px 11.2px 16px;
      border-bottom: 0; }
      .share-dialog .modal-content .modal-header .close-button {
        float: right;
        border: none;
        opacity: 1;
        outline: none; }
    .share-dialog .modal-content .modal-body {
      padding: 0 20px 34px 35px; }
      .share-dialog .modal-content .modal-body .content-wrapper {
        display: flex; }
        .share-dialog .modal-content .modal-body .content-wrapper .info-wrapper {
          max-width: 354px;
          padding-left: 30px;
          position: relative;
          min-height: 300px; }
          .share-dialog .modal-content .modal-body .content-wrapper .info-wrapper .info-title {
            display: flex;
            align-items: center; }
            .share-dialog .modal-content .modal-body .content-wrapper .info-wrapper .info-title img {
              margin-right: 7px;
              width: 25px;
              height: 24px; }
            .share-dialog .modal-content .modal-body .content-wrapper .info-wrapper .info-title span {
              font-family: "open-sans";
              font-weight: 800;
              font-size: 18px;
              font-size: 1.125rem;
              color: #000000;
              letter-spacing: 0.3px;
              line-height: normal; }
          .share-dialog .modal-content .modal-body .content-wrapper .info-wrapper .info-description {
            margin-top: 20px;
            font-family: "open-sans";
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            color: #000000;
            letter-spacing: normal;
            line-height: normal; }
          .share-dialog .modal-content .modal-body .content-wrapper .info-wrapper .info-button {
            position: absolute;
            bottom: 0;
            right: 0; }
            .share-dialog .modal-content .modal-body .content-wrapper .info-wrapper .info-button a {
              font-family: "open-sans";
              font-weight: 800;
              font-size: 16px;
              font-size: 1rem;
              color: #ffffff;
              letter-spacing: normal;
              line-height: normal;
              display: inline-block;
              width: 140px;
              height: 28px;
              padding-top: 2px;
              padding-bottom: 4px;
              border-radius: 8px;
              background-color: #00aeef;
              text-align: center;
              text-decoration: none; }
        .share-dialog .modal-content .modal-body .content-wrapper .contentTile-wrapper {
          min-width: 325px;
          max-width: 325px; }
          .share-dialog .modal-content .modal-body .content-wrapper .contentTile-wrapper img {
            max-height: 400px; }
          .share-dialog .modal-content .modal-body .content-wrapper .contentTile-wrapper .info-button {
            display: none; }

@media (max-width: 767.5px) {
  .banner-image {
    padding: 0 11px 0 10px; }
  .share-dialog {
    max-width: 375px;
    margin: 0 auto;
    width: auto; }
    .share-dialog .modal-content .modal-header {
      padding: 22.2px 20.2px 13.2px 23px; }
    .share-dialog .modal-content .modal-body {
      padding: 0 24px 39px 23px; }
      .share-dialog .modal-content .modal-body .content-wrapper {
        flex-direction: column; }
        .share-dialog .modal-content .modal-body .content-wrapper .contentTile-wrapper {
          order: 2;
          margin-top: 26px;
          margin-left: 3px; }
          .share-dialog .modal-content .modal-body .content-wrapper .contentTile-wrapper .info-button {
            margin-top: 29px;
            margin-left: 2px;
            display: block; }
            .share-dialog .modal-content .modal-body .content-wrapper .contentTile-wrapper .info-button a {
              font-family: "open-sans";
              font-weight: 800;
              font-size: 16px;
              font-size: 1rem;
              color: #ffffff;
              letter-spacing: normal;
              line-height: normal;
              display: inline-block;
              width: 140px;
              height: 28px;
              padding-top: 2px;
              padding-bottom: 4px;
              border-radius: 8px;
              background-color: #00aeef;
              text-align: center;
              text-decoration: none; }
        .share-dialog .modal-content .modal-body .content-wrapper .info-wrapper {
          padding-left: 0;
          max-width: 254px;
          min-height: auto; }
          .share-dialog .modal-content .modal-body .content-wrapper .info-wrapper .info-description {
            margin-top: 13px;
            padding-left: 5px; }
          .share-dialog .modal-content .modal-body .content-wrapper .info-wrapper .info-button {
            display: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  .share-dialog {
    margin: 129px auto; }
  .banner-image {
    padding: 0 15px 0 18px; } }

.marketing-globalFooter-main-container {
  position: relative;
  max-width: 1440px;
  margin: auto;
  margin-top: -1px; }
  .marketing-globalFooter-main-container .globalFooter-content {
    background-color: #0071bc; }
    @media only screen and (min-width: 768px) {
      .marketing-globalFooter-main-container .globalFooter-content .social-links-wrapper {
        max-width: 210px;
        padding: 0; } }
    @media only screen and (min-width: 768px) {
      .marketing-globalFooter-main-container .globalFooter-content .link-wrapper {
        max-width: 285px;
        padding: 0;
        margin-right: 58px;
        margin-top: 10px; }
        .marketing-globalFooter-main-container .globalFooter-content .link-wrapper:first-child, .marketing-globalFooter-main-container .globalFooter-content .link-wrapper:nth-child(2), .marketing-globalFooter-main-container .globalFooter-content .link-wrapper:nth-child(3) {
          margin-top: 0; } }
    .marketing-globalFooter-main-container .globalFooter-content .row {
      padding: 30px 0 0 41px;
      min-height: 180px; }
    .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper {
      min-height: 145px; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper.social-links {
        height: auto;
        border-right: 0 none; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper.social-links .footerTitle {
          border-bottom-width: 2px; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerTitle {
        font-family: "lato";
        font-weight: 900;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1;
        color: #ffffff;
        margin-bottom: 10px;
        margin-top: unset;
        font-weight: inherit;
        word-wrap: break-word;
        border-bottom: 1px solid #d8d8d8;
        padding-bottom: 8px; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerTitle.footerTitleSocialIcon {
          border-bottom-width: 2px; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo a {
        display: inline-block;
        text-decoration: none;
        outline: unset; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo a:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo a:hover span {
          text-decoration: underline; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phoneIcon {
        display: block;
        margin-right: 10.9px; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink {
        font-family: "lato";
        font-weight: 700;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 2.31;
        color: #ffffff;
        letter-spacing: 0.4px;
        word-wrap: break-word; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink a {
          color: #ffffff; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo span {
        vertical-align: middle; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .liveIcon {
        background: url("../../images/CM-Marketing/livechat.png") no-repeat center;
        width: 15px;
        height: 15px;
        padding-left: 18px; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .livelink {
        font-family: "lato";
        font-weight: 700;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 2.08;
        color: #ffffff;
        letter-spacing: 0.8px;
        margin-left: 6px; }
      @media (min-width: 320px) and (max-width: 767.5px) {
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat {
          margin-bottom: 12px; } }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat.cmp-live-chat_hidden {
        display: none; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button {
        background: none;
        border: none;
        padding: 0; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button:hover .cmp-live-chat__button-label {
          text-decoration: underline; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black;
          outline: unset; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button-icon {
        background: url("../../images/CM-Marketing/livechat.png") no-repeat center;
        width: 15px;
        height: 15px;
        padding-left: 18px;
        vertical-align: middle; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button-label {
        font-family: "lato";
        font-weight: 700;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 2.08;
        color: #ffffff;
        letter-spacing: 0.8px;
        margin-left: 6px;
        vertical-align: middle; }
        @media only screen and (min-width: 320px) and (max-width: 767.5px) {
          .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button-label {
            font-family: "lato";
            font-weight: 700;
            font-size: 17px;
            font-size: 1.0625rem;
            line-height: 1.47;
            color: #ffffff;
            letter-spacing: 0.8px; } }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks p {
        margin-bottom: 0; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks a {
        font-family: "lato";
        font-weight: 700;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 2.08;
        color: #ffffff;
        outline: unset;
        text-decoration: none; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks a:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks a:hover {
          text-decoration: underline; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons {
        display: flex;
        justify-content: start; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons .sw-icon {
          height: 32px; }
          .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons .sw-icon.googleplus-icon {
            width: 24px;
            height: 24.5px;
            display: inline-block;
            background-repeat: no-repeat;
            background-size: 24px 24.5px;
            object-fit: contain;
            background-image: url("../../images/icons/googleplusIcon.png"); }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons span {
          margin-right: 15px; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons a {
          display: flex;
          width: max-content; }
          .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons a:hover, .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons a:focus {
            outline: unset; }
            .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons a:hover span, .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footer-socialIcons a:focus span {
              text-decoration: unset;
              box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000; }
    .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom {
      background-color: #fafbfb;
      padding: 0 55px 0 39px;
      overflow: hidden;
      width: 100%;
      float: left; }
      .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right {
        float: right;
        margin-top: 11px; }
      .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .links {
        text-align: right;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-right: 43px; }
        .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .links:last-child {
          border-right: none; }
        .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .links a {
          font-family: "lato";
          font-weight: 700;
          font-size: 10px;
          font-size: 0.625rem;
          color: #2C4BCC;
          letter-spacing: 0.3px;
          text-decoration: none; }
      .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .desc {
        font-family: "lato";
        font-weight: 400;
        font-size: 10px;
        font-size: 0.625rem;
        line-height: 1.4;
        color: #5a5a5a;
        letter-spacing: 0.3px;
        word-wrap: break-word;
        text-align: right;
        margin-top: 17px;
        margin-bottom: 14px; }
      .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .scholastic-logo {
        margin-top: 9px;
        margin-bottom: 9.1px;
        height: 22px;
        max-width: 177.5px; }

@media only screen and (max-width: 767.5px) {
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper {
    height: 150px; }
    .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper.social-links .footerTitleSocialIcon {
      border-bottom: none; }
    .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper.social-links .footer-socialIcons {
      margin-top: 0;
      justify-content: center; }
  .marketing-globalFooter-main-container .globalFooter-content .link-wrapper:last-child {
    padding-left: 0;
    margin-right: 0;
    padding-right: 15px;
    max-width: inherit; }
  .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom {
    padding: 0 40px;
    text-align: center; }
    .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right {
      margin: 0 auto; }
      .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .links.links-term {
        text-align: left; }
      .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .desc {
        text-align: center;
        margin-bottom: 0;
        margin-top: 18px;
        display: block; }
  .marketing-globalFooter-main-container .globalFooter-content .social-links-wrapper {
    padding: 0; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .marketing-globalFooter-main-container .globalFooter-content {
    text-align: center; }
    .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom {
      height: 169px; }
      .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .scholastic-logo {
        margin-top: 21px;
        margin-bottom: 21px;
        width: 177.5px; }
      .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right {
        display: block;
        float: none; }
        .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .links {
          padding: 0 8px;
          position: relative; }
          .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .links a {
            font-family: "lato";
            font-weight: 700;
            font-size: 12px;
            font-size: 0.75rem;
            color: #2C4BCC;
            letter-spacing: 0.3px; }
        .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .desc {
          font-family: "lato";
          font-weight: 400;
          font-size: 12px;
          font-size: 0.75rem;
          line-height: 1.17;
          color: #5a5a5a;
          letter-spacing: 0.3px;
          text-align: center;
          margin-bottom: 0;
          margin-top: 18px;
          display: block;
          position: relative; }
    .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper {
      height: auto; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper.social-links .footer-socialIcons {
        padding-left: 30px; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper.social-links .footerTitle {
        max-width: inherit;
        padding-right: 0;
        border-bottom-width: 1px;
        margin-bottom: 21px; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerTitle {
        font-family: "lato";
        font-weight: 900;
        font-size: 17px;
        font-size: 1.0625rem;
        line-height: 1.18;
        color: #ffffff;
        letter-spacing: 0.3px;
        padding-bottom: 7px;
        margin-bottom: 14px; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo {
        margin-bottom: 12px; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink {
          font-family: "lato";
          font-weight: 700;
          font-size: 17px;
          font-size: 1.0625rem;
          line-height: 0.65;
          color: #ffffff;
          letter-spacing: 0.8px; }
        .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .livelink {
          font-family: "lato";
          font-weight: 700;
          font-size: 17px;
          font-size: 1.0625rem;
          line-height: 1.47;
          color: #ffffff;
          letter-spacing: 0.8px; }
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks p a {
        font-family: "lato";
        font-weight: 700;
        font-size: 17px;
        font-size: 1.0625rem;
        line-height: 1.47;
        color: #ffffff;
        letter-spacing: 0.8px; }
    .marketing-globalFooter-main-container .globalFooter-content .row {
      padding: 26px 20px 24px; }
      .marketing-globalFooter-main-container .globalFooter-content .row .link-wrapper {
        margin-bottom: 50px;
        padding: 0; }
        .marketing-globalFooter-main-container .globalFooter-content .row .link-wrapper:last-child p {
          margin-top: 12px; }
          .marketing-globalFooter-main-container .globalFooter-content .row .link-wrapper:last-child p:first-child {
            margin-top: 0; }
        .marketing-globalFooter-main-container .globalFooter-content .row .link-wrapper:first-child p {
          margin-bottom: 12px; } }

.error-page-wrapper .mar0 {
  margin: 0; }

.error-page-wrapper .error-page {
  margin: 0 auto;
  padding: 0;
  float: none; }
  .error-page-wrapper .error-page .error-page-container {
    width: 100%;
    min-height: 723px;
    margin: 0;
    background-color: #ffffff; }
    .error-page-wrapper .error-page .error-page-container .error-page-content {
      text-align: center;
      padding-right: 0;
      margin-top: 5%;
      padding-bottom: 27.4px; }
      .error-page-wrapper .error-page .error-page-container .error-page-content h2 {
        font-family: "neo-sans";
        font-weight: 500;
        font-size: 78px;
        font-size: 4.875rem;
        line-height: 0.9;
        color: #4a4a4a;
        letter-spacing: 0.1px;
        text-align: center;
        margin: 0;
        display: inline-block; }
      .error-page-wrapper .error-page .error-page-container .error-page-content p {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        color: #000000;
        letter-spacing: 0.5px;
        text-align: center;
        padding: 0;
        margin-top: 15px; }
      .error-page-wrapper .error-page .error-page-container .error-page-content .error-btn {
        font-family: "lato";
        font-weight: 700;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #000000;
        letter-spacing: 0.6px;
        background: #ffea00;
        width: 165px;
        height: 34px;
        padding: 10px 0;
        text-align: center;
        border: 0 none;
        border-radius: 50px;
        margin: 37px auto 0;
        display: block;
        text-decoration: none; }
    .error-page-wrapper .error-page .error-page-container .error-page-image-container {
      display: flex;
      flex-direction: row-reverse;
      max-width: 1060px;
      margin: 0 auto; }
      .error-page-wrapper .error-page .error-page-container .error-page-image-container .error-image {
        margin-top: 20px;
        max-width: 100%; }

@media only screen and (max-width: 992px) {
  .error-page-image-container {
    justify-content: center; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .error-page-wrapper .error-page .error-page-container {
    min-height: auto; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .error-page-wrapper .error-page .error-page-container {
    min-height: auto; }
    .error-page-wrapper .error-page .error-page-container .error-page-content h2 {
      font-family: "neo-sans";
      font-weight: 500;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.33;
      color: #4a4a4a;
      letter-spacing: 0px; }
    .error-page-wrapper .error-page .error-page-container .error-page-content p {
      font-family: "lato";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.44;
      color: #000000;
      letter-spacing: 0px; }
    .error-page-wrapper .error-page .error-page-container .error-page-content .error-btn {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1;
      color: #000000;
      letter-spacing: 0.6px;
      background: #ffea00;
      width: 165px;
      height: 34px;
      padding: 10px 0;
      text-align: center;
      border: 0 none;
      border-radius: 50px;
      margin: 37px auto 0;
      display: block;
      text-decoration: none; }
    .error-page-wrapper .error-page .error-page-container .error-page-content .error-image {
      margin-top: 20px;
      max-width: 100%; } }

.breaking-news-banner-component {
  display: flex;
  flex-direction: column; }
  .breaking-news-banner-component.breaking-news-banner-component-section {
    margin: 0 16px; }
  .breaking-news-banner-component .breaking-news-banner-container {
    margin: 24px auto;
    position: relative; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-close-icon-wrapper {
      position: absolute;
      top: 4px;
      right: 4px; }
      .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-close-icon-wrapper .breaking-news-banner-close-icon {
        all: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transform: none;
        width: 28px;
        height: 28px;
        border: none;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-close-icon-wrapper .breaking-news-banner-close-icon svg {
          width: 14px;
          height: 14px;
          margin: 5px;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ; }
        .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-close-icon-wrapper .breaking-news-banner-close-icon:hover svg, .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-close-icon-wrapper .breaking-news-banner-close-icon:focus svg {
          -webkit-transform: rotate(90deg) translateZ(0);
          /* apparently that Z stuff is needed for webkit browsers like chrome */
          -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
        .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-close-icon-wrapper .breaking-news-banner-close-icon:focus svg {
          -webkit-appearance: none;
          -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px black;
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper {
      background-color: #ffffff;
      padding: 24px 40px 24px 32px;
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
      max-width: 1064px;
      position: relative; }
      .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-img-wrapper {
        float: left; }
        .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-img-wrapper .breaking-news-banner-img {
          max-width: 70px;
          margin-right: 24px; }
      .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-content {
        display: flex;
        align-items: center; }
        .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-content .breaking-news-banner-content-text-wrapper {
          display: flex;
          flex-direction: column;
          margin-right: auto; }
      .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-title {
        font-family: "neo-sans";
        font-weight: 700;
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal; }
        .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-title p {
          margin: 0 0 6px; }
      .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-description {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.28;
        color: #000000;
        letter-spacing: normal; }
        .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-description p {
          margin: 0; }
      .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-button-wrapper {
        position: relative; }
      .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-button {
        font-family: "neo-sans";
        font-weight: 700;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 0.86;
        color: #ffffff;
        letter-spacing: normal;
        white-space: nowrap;
        padding: 14px 30px;
        border-radius: 40px;
        margin-left: 24px;
        -webkit-appearance: none;
        -moz-appearance: none;
        border: none;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-button:hover {
          -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3); }
        .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-button:focus {
          -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3), 0 0 0 2px white, 0 0 0 4px black;
          box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3), 0 0 0 2px white, 0 0 0 4px black; }

.breaking-news-modal-container {
  display: flex;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2000; }
  .breaking-news-modal-container .breaking-news-modal-dialog {
    text-align: center;
    width: 416px;
    margin: auto;
    padding: 15px 32px 32px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.4), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.4), 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    position: relative; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title {
      font-family: "neo-sans";
      font-weight: 700;
      font-size: 29px;
      font-size: 1.8125rem;
      line-height: 1;
      color: #000000;
      letter-spacing: normal; }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title p {
        margin: 0; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-description {
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.28;
      color: #000000;
      letter-spacing: normal; }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-description p {
        margin: 9px 0 0; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-button {
      font-family: "neo-sans";
      font-weight: 700;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 0.86;
      color: #ffffff;
      letter-spacing: normal;
      align-items: center;
      padding: 14px 20px;
      border-radius: 40px;
      text-transform: uppercase;
      margin: 19px 0 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      border: none;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset;
      outline: unset; }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-button:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-button:hover {
        -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3); }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-button:focus {
        -webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3), 0 0 0 2px white, 0 0 0 4px black;
        box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3), 0 0 0 2px white, 0 0 0 4px black; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-image img {
      max-height: 75px;
      margin-bottom: 14px; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-close-icon {
      all: unset;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transform: none;
      border: none;
      position: relative;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      width: 28px;
      height: 28px;
      position: absolute;
      top: 4px;
      right: 4px;
      outline: unset; }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-close-icon svg {
        width: 14px;
        height: 14px;
        margin: 5px;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-close-icon:hover svg, .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-close-icon:focus svg {
        -webkit-transform: rotate(90deg) translateZ(0);
        /* apparently that Z stuff is needed for webkit browsers like chrome */
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-close-icon:focus svg {
        -webkit-appearance: none;
        -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px black;
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

@media (min-width: 768px) and (max-width: 991px) {
  .breaking-news-banner-component.breaking-news-banner-component-section {
    margin: 0; }
  .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper {
    max-width: 686px; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-description {
      max-width: unset; }
  .breaking-news-modal-container .breaking-news-modal-dialog {
    width: 374px;
    padding: 16px 32px 32px; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title {
      font-size: 25px;
      font-size: 1.5625rem; }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title p {
        margin: 0px 0 0; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-description p {
      margin: 17px 0 0; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-button {
      margin: 27px 0 0; } }

@media (min-width: 320px) and (max-width: 767px) {
  .breaking-news-banner-component.breaking-news-banner-component-section {
    margin: 0; }
  .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper {
    max-width: 281px;
    padding: 20px 24px 24px; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-content {
      flex-direction: column; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-img-wrapper .breaking-news-banner-img {
      max-width: 58px;
      margin-right: 0;
      margin-bottom: 16px; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-title p {
      margin: 0 0 6px; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-description {
      max-width: unset; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-button-wrapper {
      display: flex;
      margin-right: auto; }
      .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-button-wrapper .breaking-news-banner-button {
        margin-left: 0;
        margin-top: 10px; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-close-icon {
      top: 15px;
      right: 15px;
      width: 10px;
      height: 10px;
      padding: 0; }
  .breaking-news-modal-container .breaking-news-modal-dialog {
    width: 288px;
    padding: 10px 24px 24px; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title {
      font-size: 19px;
      font-size: 1.1875rem; }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title p {
        margin: 0; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-description p {
      margin: 15px 0 0; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-button {
      margin: 17px 0 0; } }

@media (max-width: 319px) {
  .breaking-news-banner-component.breaking-news-banner-component-section {
    margin: 0; }
  .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper {
    max-width: 281px;
    padding: 20px 24px 24px; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-content {
      flex-direction: column; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-img-wrapper .breaking-news-banner-img {
      max-width: 58px;
      margin-right: 0;
      margin-bottom: 16px; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-title p {
      margin: 0 0 6px; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-description {
      max-width: unset; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-button-wrapper {
      display: flex;
      margin-right: auto; }
      .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-button-wrapper .breaking-news-banner-button {
        margin-left: 0;
        margin-top: 10px; }
    .breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-close-icon {
      top: 15px;
      right: 15px;
      width: 10px;
      height: 10px;
      padding: 0; }
  .breaking-news-modal-container .breaking-news-modal-dialog {
    width: 288px;
    padding: 10px 24px 24px; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title {
      font-size: 19px;
      font-size: 1.1875rem; }
      .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title p {
        margin: 0; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-description p {
      margin: 15px 0 0; }
    .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-button {
      margin: 17px 0 0; } }

.recent-issues-container {
  padding: 0 62px 55px 63px;
  background-color: #ffffff;
  margin-top: -2px; }
  .recent-issues-container .recent-issue-content-wrapper {
    width: 20%;
    margin-top: 10px; }
    .recent-issues-container .recent-issue-content-wrapper:nth-child(5n+1) {
      clear: left; }
    .recent-issues-container .recent-issue-content-wrapper:nth-child(-n+5) {
      margin-top: 0; }
    .recent-issues-container .recent-issue-content-wrapper .recent-issue-date {
      margin-top: 10px;
      font-family: "neo-sans";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.17;
      color: #000000;
      letter-spacing: 0.5px; }

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .recent-issues-container .recent-issue-content-wrapper .recent-issue-img-container {
    height: 195px; } }

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .recent-issues-container .recent-issue-content-wrapper .recent-issue-img-container {
    height: 240px; } }

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
  .recent-issues-container .recent-issue-content-wrapper .recent-issue-img-container {
    height: 260px; } }

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
  .recent-issues-container .recent-issue-content-wrapper .recent-issue-img-container {
    height: 285px; } }

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
  .recent-issues-container .recent-issue-content-wrapper .recent-issue-img-container {
    height: 303px; } }

@media only screen and (max-width: 767px) {
  .recent-issues-container {
    padding: 0 20px 20px 20px; }
    .recent-issues-container .recent-issue-content-wrapper {
      min-height: 235px;
      width: 50%;
      border: none;
      margin-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px;
      margin-top: 0; }
      .recent-issues-container .recent-issue-content-wrapper .recent-issue-date, .recent-issues-container .recent-issue-content-wrapper .recent-issue-img-container {
        border-left: 1px solid #f4f4f4;
        border-right: 1px solid #f4f4f4; }
      .recent-issues-container .recent-issue-content-wrapper:nth-child(5n+1) {
        clear: none; }
      .recent-issues-container .recent-issue-content-wrapper:nth-child(2n-1) {
        padding-left: 0; }
      .recent-issues-container .recent-issue-content-wrapper:nth-child(2n) {
        padding-right: 0; }
      .recent-issues-container .recent-issue-content-wrapper .recent-issue-date {
        font-family: "libre-franklin";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #2c7aec;
        letter-spacing: 0.3px;
        margin-top: 7px;
        border-bottom: 1px solid #f4f4f4; }
      .recent-issues-container .recent-issue-content-wrapper .recent-issue-img-container {
        padding: 20px 20px 0;
        background: #ffffff;
        border-top: 1px solid #f4f4f4; }
        .recent-issues-container .recent-issue-content-wrapper .recent-issue-img-container div {
          max-width: 118px;
          max-height: 162px; }
          .recent-issues-container .recent-issue-content-wrapper .recent-issue-img-container div img {
            max-height: 162px; }
      .recent-issues-container .recent-issue-content-wrapper .recent-issue-date {
        padding: 7px 20px 20px;
        background: #ffffff;
        margin-top: 0; } }

.article-sidebar-component-wrapper {
  background-size: 100% auto;
  border: 1px solid #8F007A; }
  .article-sidebar-component-wrapper h1, .article-sidebar-component-wrapper h2, .article-sidebar-component-wrapper h3 {
    margin-block: unset;
    font-size: inherit; }
  .article-sidebar-component-wrapper .article-section-title {
    font-family: "lato";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.07;
    color: #000000;
    letter-spacing: 0.5px;
    background: #8F007A;
    padding: 9px 25px 6px; }
  .article-sidebar-component-wrapper .article-sidebar-content-wrapper {
    max-width: 670px; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper .close-icon {
      opacity: inherit;
      margin-top: 6px;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      right: 5px;
      z-index: 99;
      border-radius: 50%;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper .close-icon:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper .modal-wide {
      cursor: pointer; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper .popup-modal-image-container {
      width: 100%; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper .popup-modal-image-container .image-popup-content {
        margin: 30px 30px 30px 0;
        position: relative;
        border-radius: 0;
        opacity: inherit;
        float: none; }
        .article-sidebar-component-wrapper .article-sidebar-content-wrapper .popup-modal-image-container .image-popup-content .article-hero-modal-image {
          position: relative; }
          .article-sidebar-component-wrapper .article-sidebar-content-wrapper .popup-modal-image-container .image-popup-content .article-hero-modal-image img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper .image-wrapper {
      position: relative; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper .image-wrapper .image-credit {
        font-family: "lato";
        font-weight: 400;
        font-size: 11px;
        font-size: 0.6875rem;
        color: #606162;
        letter-spacing: 0.3px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper .image-wrapper .popup-img-button {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: none;
        border: none;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .article-sidebar-component-wrapper .article-sidebar-content-wrapper .image-wrapper .popup-img-button:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper .image-wrapper .image-link {
        display: block;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .article-sidebar-component-wrapper .article-sidebar-content-wrapper .image-wrapper .image-link:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper .article-section-content .article-section-title {
      font-family: "lato";
      font-weight: 700;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.07;
      color: #000000;
      letter-spacing: 0.5px; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper .article-section-content .article-section-text {
      font-family: "lato";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.44;
      color: #000000;
      letter-spacing: 1px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper .article-section-content .article-section-text p:last-child {
        margin-bottom: 0; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper .article-section-content .article-section-desc-title {
      margin-bottom: 0; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper.top .close, .article-sidebar-component-wrapper .article-sidebar-content-wrapper.bottom .close {
      opacity: 1; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper.top .image-wrapper .image-icon-container, .article-sidebar-component-wrapper .article-sidebar-content-wrapper.bottom .image-wrapper .image-icon-container {
      position: relative;
      margin-top: 20px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.top .image-wrapper .image-icon-container .cm-image-wrapper, .article-sidebar-component-wrapper .article-sidebar-content-wrapper.bottom .image-wrapper .image-icon-container .cm-image-wrapper {
        cursor: pointer; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.top .image-wrapper .image-icon-container .popup-img-icon, .article-sidebar-component-wrapper .article-sidebar-content-wrapper.bottom .image-wrapper .image-icon-container .popup-img-icon {
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper.left, .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right {
      padding: 25px 25px 17px 25px;
      position: relative; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.left .close, .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .close {
        opacity: 1; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.left .image-wrapper, .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .image-wrapper {
        max-width: 300px; }
        .article-sidebar-component-wrapper .article-sidebar-content-wrapper.left .image-wrapper .cm-image-wrapper, .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .image-wrapper .cm-image-wrapper {
          cursor: pointer; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .image-wrapper {
      float: left;
      margin-right: 43px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .image-wrapper .popup-img-icon {
        position: absolute;
        top: 5px;
        left: 5px;
        cursor: pointer; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .image-wrapper div:first-child {
        text-align: right !important; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .image-wrapper .image-credit {
        padding: 11.1px 0 0;
        line-height: normal; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .article-section-content .article-section-desc-title {
      font-family: "museo-sans";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.44;
      color: #000000;
      letter-spacing: 1px; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .article-section-content .title-bar {
      padding-top: 10px;
      padding-bottom: 9px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .article-section-content .title-bar .title-bar-line {
        width: 40px;
        height: 4px;
        border-radius: 100px;
        background-color: #fff319;
        float: left; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .article-section-content .article-section-title {
      padding: 23px 0 0; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper.left .image-wrapper {
      float: right;
      margin-left: 43px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.left .image-wrapper .popup-img-icon {
        position: absolute;
        top: 5px;
        right: 5px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.left .image-wrapper div:first-child {
        text-align: left !important; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.left .image-wrapper .image-credit {
        padding: 11.1px 0 0; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper.top {
      padding: 25px 25px 17px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.top .close {
        opacity: 1; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.top .article-section-title {
        font-family: "lato";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.07;
        color: #000000;
        letter-spacing: 0.5px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.top .image-wrapper .image-credit {
        font-family: "lato";
        font-weight: 400;
        font-size: 11px;
        font-size: 0.6875rem;
        color: #606162;
        letter-spacing: 0.3px;
        margin-top: 11.1px;
        text-align: right; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.top .article-section-content .article-section-text {
        margin-top: 10px;
        font-family: "lato";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.44;
        color: #000000;
        letter-spacing: 1px; }
    .article-sidebar-component-wrapper .article-sidebar-content-wrapper.bottom {
      padding: 25px 25px 17px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.bottom .article-section-title {
        font-family: "lato";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.07;
        color: #000000;
        letter-spacing: 0.5px;
        background-color: #8F007A;
        padding: 9px 25px 6px; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.bottom .image-wrapper {
        padding-top: 10px; }
        .article-sidebar-component-wrapper .article-sidebar-content-wrapper.bottom .image-wrapper .image-credit {
          font-family: "lato";
          font-weight: 400;
          font-size: 11px;
          font-size: 0.6875rem;
          color: #606162;
          letter-spacing: 0.3px;
          margin-top: 11.1px;
          text-align: right; }
      .article-sidebar-component-wrapper .article-sidebar-content-wrapper.bottom .article-section-content .article-section-text {
        font-family: "lato";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.44;
        color: #000000;
        letter-spacing: 1px; }

/* ========================================================================
 * bootstrap-tour - v0.11.0
 * http://bootstraptour.com
 * ========================================================================
 * Copyright 2012-2015 Ulrich Sossou
 *
 * ========================================================================
 * Licensed under the MIT License (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://opensource.org/licenses/MIT
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=80); }

.tour-step-backdrop {
  position: relative;
  z-index: 1101; }

.tour-step-backdrop > td {
  position: relative;
  z-index: 1101; }

.tour-step-background {
  position: absolute !important;
  z-index: 1100;
  background: inherit;
  border-radius: 6px; }

.popover[class*="tour-"] {
  z-index: 1102; }

.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
  overflow: hidden; }

.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  float: right; }

.popover[class*="tour-"] .popover-navigation *[data-role="prev"],
.popover[class*="tour-"] .popover-navigation *[data-role="next"],
.popover[class*="tour-"] .popover-navigation *[data-role="end"] {
  cursor: pointer; }

.popover[class*="tour-"] .popover-navigation *[data-role="prev"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="next"].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role="end"].disabled {
  cursor: default; }

.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0; }

.popover[class*="tour-"].orphan .arrow {
  display: none; }

/* Custom CSS */
.tour-step-backdrop.article-toolbar-layout .article-toolbar {
  margin-left: 6px;
  position: static; }

.popover[class*="tour-"] {
  width: 328px;
  max-width: 328px;
  /* Article Page */ }
  .popover[class*="tour-"].articlePage {
    width: auto;
    max-width: 280px; }
    .popover[class*="tour-"].articlePage .description .templateImg, .popover[class*="tour-"].articlePage .description .popover-content {
      width: 100%;
      padding-right: 20px; }
  .popover[class*="tour-"] .star-image-container {
    float: right;
    position: relative;
    top: 13px;
    right: 21px; }
    .popover[class*="tour-"] .star-image-container .img-span {
      position: relative;
      margin-top: 10px; }
  .popover[class*="tour-"] .star-image {
    width: 38px;
    height: 31px; }
  .popover[class*="tour-"] .index {
    font-family: "open-sans";
    font-weight: 800;
    font-size: 16px;
    font-size: 1rem;
    color: #ffffff;
    letter-spacing: 0.2px;
    position: absolute;
    left: 50%;
    top: 50%;
    color: white;
    transform: translate(-50%, -50%);
    color: white; }
  .popover[class*="tour-"] .last-value {
    font-family: "open-sans";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    color: #6e7071;
    letter-spacing: 0.3px; }
  .popover[class*="tour-"] .description .templateImg {
    width: 48%;
    display: inline-block;
    float: left;
    padding-left: 20px;
    padding-top: 14px; }
    .popover[class*="tour-"] .description .templateImg img {
      width: 100%;
      max-height: 180px; }
  .popover[class*="tour-"] .description .popover-content {
    width: 48%;
    display: inline-block;
    font-family: "open-sans";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    color: #000000;
    background-color: #ffffff;
    border-bottom: none;
    border-radius: 0px;
    padding-left: 20px; }
  .popover[class*="tour-"] .exit-button {
    font-family: "open-sans";
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    color: #6e7071;
    cursor: pointer; }
  .popover[class*="tour-"] .continue-button {
    font-family: "open-sans";
    font-weight: 800;
    font-size: 16px;
    font-size: 1rem;
    color: #ffffff;
    width: 140px;
    height: 28px;
    border-radius: 8px;
    background-color: #ed437d;
    margin-left: 10px;
    outline: none;
    border: none; }
    .popover[class*="tour-"] .continue-button:focus {
      outline: none; }
  .popover[class*="tour-"] .arrow:before {
    box-shadow: none; }
  .popover[class*="tour-"].bottom .arrow {
    border-bottom-color: rgba(214, 214, 214, 0.8); }
  .popover[class*="tour-"] .popover-navigation {
    float: right; }
  .popover[class*="tour-"] .popover-navigation *[data-role="end"] {
    float: none; }
  .popover[class*="tour-"] .popover-title {
    font-family: "open-sans";
    font-weight: 800;
    font-size: 18px;
    font-size: 1.125rem;
    color: #000000;
    letter-spacing: 0.3px;
    display: inline-block;
    width: 60%;
    float: left;
    margin-top: 10px;
    background-color: #ffffff;
    border-bottom: none;
    border-radius: 0;
    padding-left: 20px; }
  .popover[class*="tour-"] .popover-content {
    clear: both;
    font-family: "open-sans";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    color: #000000;
    background-color: #ffffff;
    border-bottom: none;
    border-radius: 0px;
    padding-left: 20px; }

.sitetour-large-template-container .site-tour-container {
  background-image: url(../../../images/siteTourBackground.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 280px;
  text-align: center; }
  .sitetour-large-template-container .site-tour-container .tour-close-icon {
    float: right;
    margin-top: 18px;
    margin-right: 18px;
    cursor: pointer; }
  .sitetour-large-template-container .site-tour-container .sitetour-image {
    padding-top: 28.8px;
    max-width: 64.7px;
    max-height: 100%;
    margin: 0 auto; }
    .sitetour-large-template-container .site-tour-container .sitetour-image img {
      max-height: 100%;
      max-width: 100%; }
  .sitetour-large-template-container .site-tour-container .siteTour-Title {
    font-family: "open-sans";
    font-weight: 800;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    color: #000000;
    letter-spacing: 0.3px;
    margin-top: 8.5px; }
  .sitetour-large-template-container .site-tour-container .siteTour-description {
    font-family: "open-sans";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.38;
    color: #000000;
    margin-top: 13px;
    padding: 0 250px; }
  .sitetour-large-template-container .site-tour-container .start-the-tour-button {
    margin-top: 17px;
    cursor: pointer; }

.sitetour-small-template-container {
  background-image: url(../../../images/siteTourBackground.jpg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 60px; }
  .sitetour-small-template-container .site-tour-container {
    text-align: center;
    margin: 0 auto;
    display: table;
    height: 100%;
    max-width: 80%;
    padding-top: 7.3px;
    padding-bottom: 10px; }
    .sitetour-small-template-container .site-tour-container .tour-close-icon {
      cursor: pointer;
      display: none; }
    .sitetour-small-template-container .site-tour-container .sitetour-image {
      display: table-cell;
      vertical-align: middle;
      max-height: 42.7px;
      max-width: 42.7px;
      margin: 0 auto; }
      .sitetour-small-template-container .site-tour-container .sitetour-image img {
        max-width: 100%;
        max-height: 100%; }
    .sitetour-small-template-container .site-tour-container .siteTour-Title {
      font-family: "open-sans";
      font-weight: 800;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.11;
      color: #000000;
      letter-spacing: 0.3px;
      display: table-cell;
      vertical-align: middle;
      padding-right: 18px;
      padding-left: 13.3px; }
    .sitetour-small-template-container .site-tour-container .siteTour-description {
      display: none; }
    .sitetour-small-template-container .site-tour-container .start-the-tour-button {
      display: table-cell;
      vertical-align: middle;
      cursor: pointer; }

@media only screen and (min-width: 1440px) {
  .sitetour-large-template-container .site-tour-container .sitetour-image {
    max-width: 74.7px; }
  .sitetour-large-template-container .site-tour-container .siteTour-Title {
    font-family: "open-sans";
    font-weight: 800;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1;
    color: #000000;
    letter-spacing: 0.3px; }
  .sitetour-large-template-container .site-tour-container .siteTour-description {
    font-family: "open-sans";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    color: #000000;
    margin-top: 15px;
    padding: 0 270px; }
  .sitetour-large-template-container .site-tour-container .start-the-tour-button {
    margin-top: 19px; } }

@media only screen and (max-width: 767px) {
  .sitetour-large-template-container .site-tour-container .siteTour-description {
    padding: 0; } }

.commenting-container {
  position: relative; }
  .commenting-container .error-message-wrapper {
    clear: both; }
  .commenting-container .alias-name-wrapper form::after {
    display: block;
    content: '';
    clear: both; }
  .commenting-container .alias-name-wrapper .name-form-wrapper {
    position: relative;
    margin-bottom: 22px; }
    .commenting-container .alias-name-wrapper .name-form-wrapper label {
      display: block;
      margin-bottom: 10px;
      font-family: "lato";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.33;
      color: #595a5b;
      letter-spacing: normal;
      font-weight: normal; }
      .commenting-container .alias-name-wrapper .name-form-wrapper label::after {
        content: '*';
        color: red; }
    .commenting-container .alias-name-wrapper .name-form-wrapper input {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.57;
      color: #000000;
      letter-spacing: 0.8px;
      border-radius: 0;
      box-shadow: none;
      border: 1px solid #d7d7d7;
      display: inline-block;
      width: 50%;
      float: left; }
    .commenting-container .alias-name-wrapper .name-form-wrapper span {
      float: left;
      display: none; }
      .commenting-container .alias-name-wrapper .name-form-wrapper span.field-error-text {
        margin-top: 5px;
        display: block;
        float: left;
        font-family: "lato";
        font-weight: 400;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1;
        color: #d60000;
        letter-spacing: 0.5px; }
    .commenting-container .alias-name-wrapper .name-form-wrapper .error-field-outline {
      border: 1px solid #d60000;
      display: block; }
  .commenting-container .alias-name-wrapper .save-alias {
    display: inline-block;
    margin-left: 9px;
    float: left;
    margin-top: 29px; }
  .commenting-container .comment-label {
    font-family: "lato";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.33;
    color: #595a5b;
    letter-spacing: normal; }
  .commenting-container .commenting-title {
    background-color: #0071bc;
    padding: 11px 0 13px 30px;
    font-family: "lato";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    color: #ffffff;
    letter-spacing: 0.3px; }
  .commenting-container .tell-us {
    font-family: "lato";
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #282828;
    letter-spacing: 0.3px;
    padding: 30px 0 10px; }
  .commenting-container .note-text {
    font-family: "lato";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #828282;
    letter-spacing: normal;
    padding-bottom: 26px; }
  .commenting-container .comment-post-success {
    background-color: #e0efe1;
    padding: 17px 39px 21px 40px;
    text-align: center;
    font-family: "lato";
    font-weight: 400;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18;
    color: #289c30;
    letter-spacing: normal;
    display: none;
    margin-top: 5px;
    margin-bottom: 25px; }
  .commenting-container #livecomments {
    margin-top: 8px; }
    .commenting-container #livecomments .fyre {
      margin-bottom: 0; }
      .commenting-container #livecomments .fyre .fyre-auth {
        margin-top: 0; }
      .commenting-container #livecomments .fyre .fyre-user-loggedout, .commenting-container #livecomments .fyre .fyre-pending {
        font-family: "lato";
        font-weight: 700; }
      .commenting-container #livecomments .fyre .fyre-comment-user, .commenting-container #livecomments .fyre .fyre-editor-error, .commenting-container #livecomments .fyre .fyre-login-bar, .commenting-container #livecomments .fyre .fyre-stream-stats {
        display: none; }
      .commenting-container #livecomments .fyre .fyre-comment-wrapper {
        margin-top: 26px; }
        .commenting-container #livecomments .fyre .fyre-comment-wrapper .fyre-comment-date {
          font-family: "lato";
          font-weight: 500;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #909090;
          letter-spacing: normal; }
      .commenting-container #livecomments .fyre .fyre-comment-head, .commenting-container #livecomments .fyre .fyre-comment-body {
        margin-left: 0; }
      .commenting-container #livecomments .fyre .fyre-comment-head {
        margin-bottom: 10px; }
      .commenting-container #livecomments .fyre .fyre-comment-divider > div.fyre-comment-divider {
        margin-left: 0;
        background: #c2c4c4; }
      .commenting-container #livecomments .fyre .fyre-editor {
        margin-top: -28px; }
        .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-editable {
          background-color: #ffffff;
          border: 1px solid #d7d7d7;
          border-radius: 0;
          box-shadow: none;
          font-family: "lato";
          font-weight: 400; }
        .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-toolbar {
          height: 49px; }
          .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar::after {
            display: block;
            content: '';
            clear: both; }
          .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar > div {
            height: 36px; }
            .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-format-button, .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-mention-button, .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-follow-button, .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-share-button, .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.goog-toolbar-separator {
              display: none; }
            .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button {
              background-color: #2c7aec;
              border: 0;
              background-image: none;
              margin-top: 13px;
              border-radius: 100px;
              float: left;
              min-width: 148px; }
              .commenting-container #livecomments .fyre .fyre-editor .fyre-editor-toolbar .goog-toolbar > div.fyre-button-right.fyre-post-button .fyre-button-right-outer-box .fyre-button-right-inner-box {
                font-family: "lato";
                font-weight: 700;
                font-size: 16px;
                font-size: 1rem;
                line-height: 0.88;
                color: #ffffff;
                letter-spacing: 1px;
                padding-top: 10px;
                padding-bottom: 12px;
                text-shadow: none; }
      .commenting-container #livecomments .fyre .fyre-box-wrapper {
        margin-left: 8px;
        cursor: default;
        border: 0; }
        .commenting-container #livecomments .fyre .fyre-box-wrapper:hover {
          border: 0;
          box-shadow: none;
          cursor: default; }
          .commenting-container #livecomments .fyre .fyre-box-wrapper:hover .fyre-box-list {
            display: none; }
        .commenting-container #livecomments .fyre .fyre-box-wrapper a {
          padding: 0; }
          .commenting-container #livecomments .fyre .fyre-box-wrapper a img, .commenting-container #livecomments .fyre .fyre-box-wrapper a .fyre-user-drop {
            display: none; }
        .commenting-container #livecomments .fyre .fyre-box-wrapper .fyre-user-profile-link {
          display: none; }
      .commenting-container #livecomments .fyre .fyre-live-container {
        visibility: hidden; }
      .commenting-container #livecomments .fyre .fyre-stream-content .fyre-comment-article .fyre-comment-footer {
        display: none; }
      .commenting-container #livecomments .fyre .fyre-stream-sort {
        border-bottom-color: #909090;
        margin-bottom: 0; }
        .commenting-container #livecomments .fyre .fyre-stream-sort a {
          font-family: "lato";
          font-weight: 400; }
          .commenting-container #livecomments .fyre .fyre-stream-sort a:active, .commenting-container #livecomments .fyre .fyre-stream-sort a:focus, .commenting-container #livecomments .fyre .fyre-stream-sort a:hover {
            font-family: "lato";
            font-weight: 400; }
          .commenting-container #livecomments .fyre .fyre-stream-sort a.fyre-stream-sort-selected {
            font-family: "lato";
            font-weight: 700; }
      .commenting-container #livecomments .fyre .fyre-comment {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
        color: #282828;
        letter-spacing: 0.5px;
        margin-bottom: 26px;
        margin-top: 0; }
      .commenting-container #livecomments .fyre a.fyre-comment-username {
        font-family: "lato";
        font-weight: 500;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #282828;
        letter-spacing: normal;
        visibility: hidden; }
      .commenting-container #livecomments .fyre .fyre-stream-more {
        background: none;
        margin-bottom: 0;
        margin-top: 30px; }
        .commenting-container #livecomments .fyre .fyre-stream-more .fyre-stream-more-container {
          border-radius: 100px;
          background-image: none;
          border: 1px solid #2c7aec;
          width: 250px;
          height: 36px; }
          .commenting-container #livecomments .fyre .fyre-stream-more .fyre-stream-more-container .fyre-text {
            font-family: "lato";
            font-weight: 500;
            font-size: 16px;
            font-size: 1rem;
            line-height: 0.88;
            color: #2c7aec;
            letter-spacing: 1px;
            padding-top: 10px;
            padding-bottom: 12px; }
  .commenting-container .no-comments {
    font-family: "lato";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    color: #282828;
    letter-spacing: 0.5px;
    margin-top: 25px;
    display: none; }
  .commenting-container .spinner-wrapper {
    position: relative;
    float: left; }
    .commenting-container .spinner-wrapper .spinnercontainer {
      width: 32px;
      height: 32px;
      margin-top: -5px;
      margin-left: 4px;
      background-color: transparent;
      opacity: 1; }
      .commenting-container .spinner-wrapper .spinnercontainer img {
        width: 40px;
        height: 40px;
        margin-top: 0;
        margin-left: 0;
        top: auto;
        left: auto; }
    .commenting-container .spinner-wrapper .tick-mark-image {
      display: inline-block;
      margin-left: 5px; }

.article-feature-container .article-feature-image {
  max-width: 100%;
  margin-bottom: 40px; }
  .article-feature-container .article-feature-image a {
    display: inline-block; }

.article-feature-container .article-feature-text {
  font-family: "stratum-1-web";
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #006ebe; }
  .article-feature-container .article-feature-text a {
    font-family: "stratum-1-web";
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #006ebe;
    text-decoration: underline; }

.page-grid-component-main-container {
  margin-bottom: 20px; }
  .page-grid-component-main-container .page-grid-component-main-wrapper .grid-tiles {
    margin-top: 20px; }

.skill-sheet-link:focus img {
  border: 1px solid #0000FF; }

/*
@media (min-width:768px){
	.page-grid-component-main-container{
		.page-grid-component-main-wrapper{
			.grid-tiles{
				margin-top:20px;
				&:first-child, &:nth-child(2){
					margin-top:0;
				}
			}
		}
	}
}

@media (min-width:992px){
	.page-grid-component-main-container{
		.page-grid-component-main-wrapper{
			.grid-tiles{
				margin-top:20px;
				&:first-child, &:nth-child(2),&:nth-child(3),&:nth-child(4){
					margin-top:0;
				}
			}
		}
	}
}
*/
.siteTour-help-modal {
  background-color: rgba(37, 37, 37, 0.85); }
  .siteTour-help-modal .modal-dialog {
    width: 608px;
    height: 691px;
    margin: 40px auto; }
    .siteTour-help-modal .modal-dialog .modal-content {
      border-radius: 0;
      border: 0; }
      .siteTour-help-modal .modal-dialog .modal-content .modal-body {
        padding: 0; }
        .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-indicators {
          height: 12px;
          position: static;
          white-space: nowrap;
          margin: 0 auto;
          position: absolute;
          bottom: 15px;
          left: 50%;
          width: auto;
          transform: translateX(-50%); }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-indicators li {
            width: 12px;
            height: 12px;
            margin: 0;
            background-color: #aeb7bb; }
            .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-indicators li.active {
              background-color: #169ad6; }
        .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel {
          margin: 0 auto;
          background-color: #ffffff; }
        .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner {
          height: 691px; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item {
            height: 100%;
            position: relative;
            text-align: center; }
            .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .image {
              height: 342px;
              position: relative; }
              .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .image img {
                max-height: 342px;
                margin: 0 auto;
                transform: translate(-50%, -50%);
                top: 50%;
                left: 50%;
                position: absolute; }
              .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .image .siteTour-help-close-btn {
                background: url("../../../storyworks/images/Icons-advancedSlideshow.png") no-repeat -375px -20px;
                opacity: 1;
                width: 24px;
                height: 24px;
                position: absolute;
                top: 15px;
                right: 15px; }
            .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content {
              max-width: 491px;
              margin: 0 auto; }
              .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .title {
                font-family: "soleil";
                font-weight: 800;
                font-size: 24px;
                font-size: 1.5rem;
                line-height: 1;
                color: #323232;
                letter-spacing: 0.3px;
                margin-top: 35px; }
                .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .title p {
                  margin-bottom: 0; }
              .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .description {
                font-family: "soleil";
                font-weight: 400;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1.33;
                color: #222222;
                letter-spacing: 0.3px;
                margin-top: 20px;
                white-space: normal;
                word-wrap: normal;
                word-break: break-word; }
                .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .description p {
                  margin-bottom: 0; }
              .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .cta-btn {
                font-family: "soleil";
                font-weight: 700;
                font-size: 20px;
                font-size: 1.25rem;
                line-height: 1;
                color: #ffffff;
                letter-spacing: 0.3px;
                cursor: pointer;
                display: inline-block;
                text-align: center;
                padding: 13px 0;
                border-radius: 4px;
                width: 280px;
                height: 46px;
                background-color: #169ad6;
                left: 50%;
                transform: translateX(-50%);
                bottom: 98px;
                position: absolute;
                margin-top: 10px; }
              .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .sub-text {
                cursor: pointer;
                font-family: "soleil";
                font-weight: 600;
                font-size: 16px;
                font-size: 1rem;
                line-height: 1;
                color: #007db6;
                letter-spacing: 0.3px;
                position: absolute;
                bottom: 67px;
                left: 50%;
                transform: translateX(-50%); }
        .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-control {
          position: absolute;
          height: 68px;
          top: 50%;
          transform: translateY(-50%);
          background: transparent;
          opacity: 1;
          width: 0%; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-control li {
            background-color: #aeb7bb; }
            .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-control li.active {
              background-color: #169ad6; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-control .sw-icon {
            background: url("../../../storyworks/images/Icons-advancedSlideshow.png") no-repeat; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-control.left {
            left: -9%; }
            .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-control.left .sw-icon {
              background-position: -18px -156px;
              width: 31px;
              height: 54px;
              transform: rotate(180deg); }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-control.right {
            right: -4%; }
            .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-control.right .sw-icon {
              background-position: -18px -156px;
              width: 31px;
              height: 54px; }

@media (max-width: 767.5px) {
  .siteTour-help-modal .modal-dialog {
    width: 345px;
    height: 582px;
    margin: 14px auto; }
    .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-control {
      display: none !important; }
    .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner {
      height: 582px; }
      .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item {
        height: 100%; }
        .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .image {
          height: 194px; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .image img {
            max-height: 194px; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .image .siteTour-help-close-btn {
            top: 10px;
            right: 10px; }
        .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content {
          max-width: 310.5px; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .title {
            margin-top: 25px;
            font-family: "soleil";
            font-weight: 800;
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 1.27;
            color: #323232;
            letter-spacing: 0.3px; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .description {
            font-family: "soleil";
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.33;
            color: #222222;
            letter-spacing: 0.3px;
            line-height: normal;
            margin-top: 15px; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .cta-btn {
            width: 260px;
            bottom: 85px; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .sub-text {
            font-family: "soleil";
            font-weight: 600;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1;
            color: #007db6;
            letter-spacing: 0px;
            bottom: 56px; } }

@media (min-width: 768px) and (max-width: 991.5px) {
  .siteTour-help-modal .modal-dialog {
    width: 576px;
    height: 686px;
    margin: 169px auto; }
    .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner {
      height: 686px; }
      .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item {
        height: 100%; }
        .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .image {
          height: 324px; }
          .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .image img {
            max-height: 324px; }
        .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .sub-text {
          font-family: "soleil";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1;
          color: #007db6;
          letter-spacing: 0.3px;
          bottom: 100px; }
        .siteTour-help-modal .modal-dialog .modal-content .modal-body .siteTour-help-main-wrapper .siteTour-help-content-wrapper .carousel-inner .item .slide-content .cta-btn {
          bottom: 42px; } }

.marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container {
  width: 100%;
  margin: 0 auto;
  padding: 20px 20px;
  padding-bottom: 0;
  background-color: white;
  display: grid; }
  .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading {
    display: flex;
    gap: 25px; }
    .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-image-link {
      float: left;
      cursor: pointer;
      position: relative;
      background: unset;
      border: unset;
      border-radius: 2px;
      outline: unset;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-image-link:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-image-link .tk-heading-image {
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-image-link .ptk-free-wrapper {
        display: none; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-image-link .ptk-locked-big-wrapper {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 40px; }
    .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text {
      float: left; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-cta-link {
        background: unset;
        border: unset;
        border-radius: 2px;
        text-decoration: underline;
        cursor: pointer;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-cta-link:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom {
    margin-top: 20px;
    display: inline-block; }
    .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column {
      float: left;
      margin-right: 21px;
      padding-bottom: 20px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column:nth-child(3n) {
        margin-right: 0; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left {
        overflow: hidden;
        margin-right: 20px;
        border: 1px solid #9a9a9a;
        position: relative;
        border-radius: 2px;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left:focus-within {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left game-container .content-module .content-module-container .content-one-up .img-container {
          margin-bottom: 0; }
          .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left game-container .content-module .content-module-container .content-one-up .img-container .popup-img-icon {
            border-radius: 0;
            right: unset;
            top: 47px;
            left: 47px; }
            .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left game-container .content-module .content-module-container .content-one-up .img-container .popup-img-icon .sw-icon.double-arrows-blueRounded-icon {
              background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/Icons-GlobalContentHub.svg") no-repeat;
              background-position: -263px -207px;
              width: 47px;
              height: 46px; }
          .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left game-container .content-module .content-module-container .content-one-up .img-container .img-container-link img {
            margin: 0;
            width: 140px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left game-container .content-module .content-module-container.game-container-bg {
          padding: 0;
          border: none; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link {
          display: block;
          outline: unset;
          border: unset;
          padding: 0; }
          .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .sw-icon.ptk-video-play {
            position: absolute;
            top: 47px;
            left: 47px; }
          .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .sw-icon.ptk-game {
            position: absolute;
            top: 47px;
            left: 47px; }
          .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-overlay-wrapper {
            position: relative; }
            .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-overlay-wrapper .ptk-pdf-locked {
              position: absolute;
              z-index: 2;
              top: 50px;
              left: 50px; }
            .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-overlay-wrapper .tk-pdf-overlay {
              background: #1c1c1c;
              position: absolute;
              filter: alpha(opacity=30);
              /* IE */
              -moz-opacity: 0.3;
              /* Mozilla */
              opacity: 0.3; }
          .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-thumbnail {
            height: auto; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-right {
        display: flex;
        flex-direction: column; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-right .tk-pdf-title {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1;
          color: #1f1f18;
          letter-spacing: normal; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-right .tk-pdf-description {
          font-family: "proxima-nova";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.38;
          color: #2f3234;
          letter-spacing: normal;
          margin-top: 5px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-right .tk-pdf-cta {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1;
          color: #ffffff;
          letter-spacing: normal;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          display: block;
          width: max-content;
          margin-top: auto;
          padding: 10px;
          background-color: #134cc4;
          border: unset;
          border-radius: 4px;
          text-decoration: none; }
          .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-right .tk-pdf-cta:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

@media only screen and (min-width: 1200px) {
  .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container {
    max-width: 1060px;
    margin-bottom: 30px;
    padding-bottom: 0; }
    .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading {
      height: 325px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-image-link .tk-heading-image {
        width: 484px;
        height: 325px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text {
        width: 510px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-title {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: 1.17;
          color: #1f1f18;
          letter-spacing: normal;
          margin-top: 10px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-description {
          font-family: "proxima-nova";
          font-weight: 400;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.4;
          color: #2f3234;
          letter-spacing: normal;
          margin-top: 10px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-cta-link {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #134cc4;
          letter-spacing: normal; }
    .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left {
      float: left;
      width: 140px;
      height: 140px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-overlay-wrapper .tk-pdf-overlay {
        width: 138px;
        height: 138px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-thumbnail {
        width: 140px; }
    .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-right {
      float: left;
      width: 166px;
      height: 140px; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container {
    max-width: 728px;
    margin-bottom: 20px; }
    .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading {
      height: 248px;
      gap: 20px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-image-link .tk-heading-image {
        width: 370px;
        height: 248px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text {
        width: 298px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-title {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1;
          color: #1f1f18;
          letter-spacing: normal;
          margin-top: 0; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-description {
          font-family: "proxima-nova";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.33;
          color: #2f3234;
          letter-spacing: normal;
          margin-top: 10px; }
          .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-description p {
            margin-bottom: 20px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-cta-link {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #134cc4;
          letter-spacing: normal; }
    .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column {
      width: 205px;
      margin-right: 36.5px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left {
        width: 125px;
        height: 125px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .sw-icon.ptk-video-play {
          top: 39.5px;
          left: 39.5px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-overlay-wrapper .ptk-pdf-locked-small {
          position: absolute;
          z-index: 2;
          top: 46px;
          left: 46px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-overlay-wrapper .tk-pdf-overlay {
          width: 125px;
          height: 125px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-thumbnail {
          width: 125px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left game-container .content-module .content-module-container .content-one-up .img-container .popup-img-icon {
          top: 39.5px;
          left: 39.5px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-right {
        margin-top: 15px;
        height: 140px; } }

@media only screen and (max-width: 767.5px) {
  .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container {
    max-width: 375px;
    margin-bottom: 25px;
    padding: 20px 15px; }
    .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading {
      flex-direction: column; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-image-link .tk-heading-image {
        width: 345px;
        height: 231px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-title {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1;
        color: #1f1f18;
        letter-spacing: normal;
        margin-top: 15px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-description {
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #2f3234;
        letter-spacing: normal;
        margin-top: 8px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-description p {
          margin-bottom: 20px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-heading .tk-heading-text .tk-heading-cta-link {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #134cc4;
        letter-spacing: normal; }
    .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom {
      margin-top: 5px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column {
        margin-right: 0;
        margin-top: 25px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left {
          float: left;
          width: 140px;
          height: 140px; }
          .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-overlay-wrapper .tk-pdf-overlay {
            width: 138px;
            height: 138px; }
          .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-left .tk-pdf-link .tk-pdf-thumbnail {
            width: 140px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .teaching-kits .teaching-kits-container .tk-bottom .bottom-column .tk-pdf-right {
          float: left;
          width: 185px;
          height: 140px; } }

sw-share-popover .popover-toggle {
  display: flex;
  padding: unset;
  background: unset;
  border: unset;
  border-radius: 50%;
  outline: unset; }
  sw-share-popover .popover-toggle:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  sw-share-popover .popover-toggle:hover .share-popover-icon .share-popover-icon-circle {
    fill-opacity: 0.1; }
  sw-share-popover .popover-toggle:hover .share-popover-icon-arrow, sw-share-popover .popover-toggle:focus .share-popover-icon-arrow, sw-share-popover .popover-toggle:active .share-popover-icon-arrow {
    -webkit-transform: translateY(-3px);
    /* Safari, Chrome, iOS */
    transform: translateY(-3px); }
  sw-share-popover .popover-toggle .share-popover-icon {
    width: inherit;
    height: inherit;
    fill: none; }
    sw-share-popover .popover-toggle .share-popover-icon .share-popover-icon-circle {
      fill: var(--page-color-2);
      fill-opacity: 0; }
    sw-share-popover .popover-toggle .share-popover-icon .share-popover-icon-circle,
    sw-share-popover .popover-toggle .share-popover-icon .share-popover-icon-base,
    sw-share-popover .popover-toggle .share-popover-icon .share-popover-icon-arrow {
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      will-change: transform;
      stroke: var(--page-color-2, #000); }

sw-share-popover .sw-share-popover {
  max-width: unset;
  margin: 0 !important;
  padding: unset;
  background-color: unset;
  border: none;
  box-shadow: none;
  cursor: default; }
  sw-share-popover .sw-share-popover .arrow {
    border-top-color: rgba(0, 0, 0, 0.1) !important;
    border-bottom-color: rgba(0, 0, 0, 0.1) !important; }
  sw-share-popover .sw-share-popover .popover-inner {
    overflow: hidden;
    width: fit-content;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    border-radius: 6px; }
  sw-share-popover .sw-share-popover .popover-inner > .popover-content {
    padding: unset;
    margin: 0 !important; }
    sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-close-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      color: #000000;
      background: none;
      border: none;
      border-radius: 5px;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-close-btn:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-close-btn:focus, sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-close-btn:hover, sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-close-btn:active {
        color: #0076d1; }
    sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-close-btn-text {
      margin-right: 5px; }
    sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-link,
    sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 146px;
      padding: 12px 9px;
      text-align: center;
      text-decoration: none;
      background-color: #e4e4e4;
      border: none;
      border-radius: 4px;
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1;
      color: #000000;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-link:focus,
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-btn:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-link:focus, sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-link:hover, sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-link:active,
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-btn:focus,
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-btn:hover,
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .spo-btn:active {
        background-color: #0076d1;
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        color: #ffffff; }
    sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-full,
    sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google {
      position: relative;
      width: 328px;
      margin: 0 !important;
      padding: 27px 16px;
      background-color: #ffffff; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-full .spo-close-btn,
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-close-btn {
        position: absolute;
        right: 16px;
        top: 16px; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-full .spo-section,
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-section {
        width: 100%;
        height: fit-content;
        margin-bottom: 24px; }
        sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-full .spo-section .spo-section-heading,
        sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-section .spo-section-heading {
          margin-bottom: 17px;
          text-align: left;
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.11;
          color: #000000; }
        sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-full .spo-section .spo-section-links-row,
        sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-section .spo-section-links-row {
          display: flex;
          flex-direction: row;
          justify-content: space-between; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-full .spo-section-announcement,
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-section-announcement {
        margin-top: 5px; }
        sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-full .spo-section-announcement .spo-section-heading,
        sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-section-announcement .spo-section-heading {
          display: flex;
          flex-direction: row;
          align-items: center;
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          color: #0076d1; }
          sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-full .spo-section-announcement .spo-section-heading .spo-announcement-icon,
          sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-section-announcement .spo-section-heading .spo-announcement-icon {
            display: inline-block;
            width: 36px;
            height: 22px;
            margin-right: 14px;
            background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/announcement.svg") no-repeat; }
        sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-full .spo-section-announcement .spo-announcement-text,
        sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-section-announcement .spo-announcement-text {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          color: #000000; }
    sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google {
      flex-direction: column;
      padding-top: 35px; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-btn-copy-link {
        margin: 12px 0; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-btn {
        width: 100%; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-share-google .spo-close-btn {
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1;
        color: #000000; }
    sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-copy-only {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin: 0 !important;
      padding: 16px;
      background-color: #ffffff; }
      sw-share-popover .sw-share-popover .popover-inner > .popover-content .layout-copy-only .spo-close-btn {
        margin-left: 16px; }

sw-share-popover .sw-share-popover.as-modal {
  position: fixed;
  left: 0 !important;
  top: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0; }
  sw-share-popover .sw-share-popover.as-modal .arrow {
    display: none; }

.cm-download-link {
  display: flex;
  flex-direction: column;
  border-radius: 50%;
  z-index: 3;
  position: relative; }
  .cm-download-link:focus {
    outline: unset; }
    .cm-download-link:focus:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .cm-download-link:hover .cm-download-icon .cm-download-icon-circle {
    fill-opacity: 0.1; }
  .cm-download-link:hover .cm-download-icon-arrow, .cm-download-link:focus .cm-download-icon-arrow, .cm-download-link:active .cm-download-icon-arrow {
    -webkit-transform: translateY(2px);
    /* Safari, Chrome, iOS */
    transform: translateY(2px); }
  .cm-download-link .cm-download-icon {
    width: inherit;
    height: inherit;
    fill: none; }
    .cm-download-link .cm-download-icon .cm-download-icon-circle {
      fill: var(--page-color-2);
      fill-opacity: 0; }
    .cm-download-link .cm-download-icon .cm-download-icon-circle,
    .cm-download-link .cm-download-icon .cm-download-icon-base,
    .cm-download-link .cm-download-icon .cm-download-icon-arrow {
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      will-change: transform;
      stroke: var(--page-color-2, #000); }

.cmp-page-card {
  --card-background-color: black;
  aspect-ratio: 16 / 10;
  border-radius: 20px;
  overflow: hidden;
  max-width: 670px;
  display: flex;
  flex-direction: column;
  margin-inline: auto; }
  .cmp-page-card .cmp-page-card__image {
    border-radius: 20px 20px 0 0;
    border: 4px var(--card-background-color) solid;
    border-bottom: unset;
    max-height: 80%;
    min-width: 100%;
    object-fit: cover;
    flex-grow: 2;
    overflow: hidden; }
  .cmp-page-card .cmp-page-card__text-wrapper {
    background-color: var(--card-background-color);
    padding-inline: 5%;
    padding-bottom: 5px;
    border-radius: 0 0 20px 20px;
    min-height: 20%;
    display: flex;
    align-items: center;
    margin-top: auto;
    flex-shrink: 0; }
    .cmp-page-card .cmp-page-card__text-wrapper p, .cmp-page-card .cmp-page-card__text-wrapper h1, .cmp-page-card .cmp-page-card__text-wrapper h2, .cmp-page-card .cmp-page-card__text-wrapper h3 {
      margin: unset;
      font-size: inherit;
      font-weight: inherit; }
    .cmp-page-card .cmp-page-card__text-wrapper .cmp-page-card__text {
      line-height: 1; }
      .cmp-page-card .cmp-page-card__text-wrapper .cmp-page-card__text .cmp-page-card__title {
        font-family: "sofia-pro";
        font-weight: 600;
        font-size: 28px;
        font-size: 1.75rem;
        color: #ffffff; }
      .cmp-page-card .cmp-page-card__text-wrapper .cmp-page-card__text .cmp-page-card__subtitle {
        font-family: "sofia-pro";
        font-weight: 300;
        font-size: 20px;
        font-size: 1.25rem;
        color: #ffffff; }
  .cmp-page-card.center-aligned-title {
    position: relative;
    border: 4px var(--card-background-color) solid;
    display: block; }
    .cmp-page-card.center-aligned-title .cmp-page-card__image {
      border: unset;
      border-radius: unset;
      height: 100%;
      max-height: unset; }
    .cmp-page-card.center-aligned-title .cmp-page-card__text-wrapper {
      background: transparent;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 0 5%;
      margin-top: unset; }
      .cmp-page-card.center-aligned-title .cmp-page-card__text-wrapper .cmp-page-card__text-icon {
        height: 50%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .cmp-page-card.center-aligned-title .cmp-page-card__text-wrapper .cmp-page-card__text-icon img {
          max-height: 60%;
          object-fit: contain; }
      .cmp-page-card.center-aligned-title .cmp-page-card__text-wrapper .cmp-page-card__text {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center; }
      .cmp-page-card.center-aligned-title .cmp-page-card__text-wrapper .cmp-page-card__text-icon + .cmp-page-card__text {
        height: 50%;
        justify-content: flex-start;
        padding-top: 2%; }
    .cmp-page-card.center-aligned-title .cmp-page-card__center-aligned-bg {
      opacity: var(--card-background-opacity);
      background-color: var(--card-background-color);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

a.cmp-page-card {
  outline: unset;
  transition: all 0.2s ease-in-out ;
  -webkit-transition: all 0.2s ease-in-out ;
  -moz-transition: all 0.2s ease-in-out ;
  -ms-transition: all 0.2s ease-in-out ;
  -o-transition: all 0.2s ease-in-out ; }
  a.cmp-page-card:focus, a.cmp-page-card:hover {
    -webkit-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
    text-decoration: unset; }
  a.cmp-page-card:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

.share-container {
  position: relative;
  width: fit-content;
  border-radius: 16px;
  cursor: pointer; }
  .share-container_alignment_center {
    margin: 0 auto; }
  .share-container_alignment_right {
    margin-left: auto; }
  .share-container .popover-toggle {
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 7px 55px 7px 40px;
    background: none;
    border-radius: 16px; }
    .share-container .popover-toggle .popover-toggle__inner-background,
    .share-container .popover-toggle .popover-toggle__inner-background:after {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 16px; }
    .share-container .popover-toggle .popover-toggle__inner-background {
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      background: var(--background-color, var(--page-color-2, #7440e3)); }
    .share-container .popover-toggle .popover-toggle__inner-background:after {
      content: '';
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25)); }
    .share-container .popover-toggle:hover .popover-toggle__inner-background, .share-container .popover-toggle:focus .popover-toggle__inner-background {
      filter: brightness(1.12); }
    .share-container .popover-toggle:active .popover-toggle__inner-background {
      filter: brightness(0.94); }
    .share-container .popover-toggle .share-popover-icon {
      position: relative;
      width: 56px;
      height: 56px; }
      .share-container .popover-toggle .share-popover-icon .share-popover-icon-base,
      .share-container .popover-toggle .share-popover-icon .share-popover-icon-arrow {
        stroke: var(--text-color, #fff); }
      .share-container .popover-toggle .share-popover-icon .share-popover-icon-circle {
        display: none; }
    .share-container .popover-toggle .share-text {
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.25;
      color: var(--text-color, #fff);
      position: relative; }

@media screen and (max-width: 1024px) {
  .share-container .popover-toggle .share-text {
    font-size: 20px;
    font-size: 1.25rem; } }

.dynamic-speechmarks-add,
.dynamic-speechmarks-delete {
  width: 100%;
  margin: 5px 0; }

.speechmarks-add-recommendation {
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem; }

#speechmarks-progress-bar-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 34px;
  border: 1px solid #4cae4c;
  border-radius: 4px;
  text-align: center; }

#speechmarks-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 4px;
  background-color: #5cb85c; }

#speechmarks-progress-bar-text {
  z-index: 1; }

.marketing-app-hero-banner {
  max-width: 1440px; }
  .marketing-app-hero-banner .app-banner-component {
    position: relative; }
    .marketing-app-hero-banner .app-banner-component .app-banner-content-image {
      padding-left: 0; }
      .marketing-app-hero-banner .app-banner-component .app-banner-content-image.ereader-popover > a {
        display: inline-block;
        margin-top: 19%; }
  .marketing-app-hero-banner .app-banner-image {
    width: 100%;
    height: 100%; }
  .marketing-app-hero-banner .app-banner-content {
    position: absolute;
    top: 0;
    width: 100%; }
    .marketing-app-hero-banner .app-banner-content.place-holder {
      position: static;
      visibility: hidden;
      min-height: 320px; }
  .marketing-app-hero-banner .app-banner-issue-image {
    max-width: 440px;
    padding: 20px;
    margin-top: 0 !important;
    padding-top: 0 !important; }
  .marketing-app-hero-banner .banner-title {
    font-family: "neo-sans";
    font-weight: 700;
    font-size: 59px;
    font-size: 3.6875rem;
    line-height: 1.1;
    color: #ffffff; }
  .marketing-app-hero-banner .banner-desc {
    font-family: "lato";
    font-weight: 700;
    font-size: 25.5px;
    font-size: 1.59375rem;
    line-height: 1.49;
    color: #ffffff;
    letter-spacing: 0.1px;
    margin-top: 20px; }
  .marketing-app-hero-banner .button-container {
    text-align: center;
    float: right;
    margin-top: 51px;
    padding-right: 16%;
    margin-bottom: 20px; }
    .marketing-app-hero-banner .button-container .primary-button {
      font-family: "lato";
      font-weight: 900;
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 0.95;
      color: #000000;
      letter-spacing: 0.4px;
      background-color: #fff200;
      border: none;
      border-radius: 100px;
      text-transform: uppercase;
      text-align: center;
      padding: 13px 41px 12px 47px; }
    .marketing-app-hero-banner .button-container .app-login {
      margin-top: 25px; }
      .marketing-app-hero-banner .button-container .app-login span {
        font-family: "lato";
        font-weight: 400;
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.05;
        color: #ffffff; }
        .marketing-app-hero-banner .button-container .app-login span a {
          text-decoration: underline;
          color: #ffffff; }
      .marketing-app-hero-banner .button-container .app-login .login-class {
        cursor: pointer; }
  .marketing-app-hero-banner .arrow-image {
    background: url("../../images/CM-Marketing/down_arrows.png") no-repeat center;
    position: absolute;
    bottom: -30px;
    width: 76px;
    height: 76px;
    left: 47%;
    padding: 0; }

@media only screen and (max-width: 767.5px) {
  .marketing-app-hero-banner .app-banner-image {
    width: auto;
    min-width: 100%;
    height: 100%;
    position: absolute; }
  .marketing-app-hero-banner .app-banner-details {
    text-align: center;
    margin-top: 121px;
    padding-right: 10px;
    padding-left: 5px; }
    .marketing-app-hero-banner .app-banner-details .banner-title {
      font-family: "neo-sans";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.12;
      color: #ffffff; }
    .marketing-app-hero-banner .app-banner-details .banner-desc {
      margin: 6px 0 0;
      font-size: 16px;
      line-height: 1.25; }
    .marketing-app-hero-banner .app-banner-details .button-container {
      float: none;
      margin-top: 38px;
      padding-right: 0; }
      .marketing-app-hero-banner .app-banner-details .button-container .primary-button {
        padding: 10.25px 66px;
        font-size: 16px;
        line-height: 1.25;
        letter-spacing: 1px;
        min-width: 275px; }
      .marketing-app-hero-banner .app-banner-details .button-container .app-login {
        margin-top: 11px; }
        .marketing-app-hero-banner .app-banner-details .button-container .app-login span {
          font-size: 14px;
          line-height: 1.43; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .marketing-app-hero-banner .app-banner-image {
    width: auto;
    min-width: 100%;
    height: 100%;
    position: absolute; }
  .marketing-app-hero-banner .app-banner-details {
    text-align: center;
    margin-top: 121px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 50px; }
    .marketing-app-hero-banner .app-banner-details .banner-title {
      font-family: "serifa";
      font-weight: 900;
      font-size: 48px;
      font-size: 3rem;
      line-height: 0.92;
      color: #ffffff; }
    .marketing-app-hero-banner .app-banner-details .banner-desc {
      font-family: "museo-sans";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 0.64;
      color: #ffffff;
      margin: 6px 0 0;
      font-size: 16px;
      line-height: 1.25; }
    .marketing-app-hero-banner .app-banner-details .button-container {
      float: none;
      margin-top: 38px;
      padding-right: 0; }
      .marketing-app-hero-banner .app-banner-details .button-container .primary-button {
        padding: 10.25px 66px;
        font-size: 16px;
        line-height: 1.25;
        letter-spacing: 1px;
        min-width: 275px; }
      .marketing-app-hero-banner .app-banner-details .button-container .app-login {
        margin-top: 11px; }
        .marketing-app-hero-banner .app-banner-details .button-container .app-login span {
          font-size: 14px;
          line-height: 1.43; }
  .marketing-app-hero-banner .arrow-image {
    margin: 0 -15px; } }

@media only screen and (min-width: 1200px) {
  .marketing-app-hero-banner .app-banner-content {
    padding-left: 25px; }
    .marketing-app-hero-banner .app-banner-content.place-holder {
      display: none; }
    .marketing-app-hero-banner .app-banner-content .app-banner-image-container {
      max-width: 100%;
      margin-top: 19%; }
    .marketing-app-hero-banner .app-banner-content .app-banner-details {
      margin-top: 24.5%;
      padding-left: 33px; } }

.marketing-scholastic-magazine-wrapper {
  position: relative; }
  .marketing-scholastic-magazine-wrapper .scholastic-magazine-content {
    padding: 40px 30px 60px 40px; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper {
      padding-bottom: 20px;
      border-bottom: 5px solid #cfcfcf;
      width: 100%; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span {
        vertical-align: middle; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.magazine-title {
          font-family: "neo-sans";
          font-weight: 700;
          font-size: 28px;
          font-size: 1.75rem;
          line-height: 1.14;
          color: #000000;
          letter-spacing: 1px;
          padding-right: 11px;
          border-right: 2px solid #d8d8d8; }
          .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.magazine-title.no-right-border {
            border-right: none; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.view-all-magazine {
          font-family: "lato";
          font-weight: 700;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #0083ca;
          letter-spacing: 0.5px;
          padding-left: 7px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper .sw-icon.right-arrow {
        display: inline-block;
        margin-left: 5.6px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper .sw-icon.sw-icon.right-arrow {
        margin-top: 3px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper a {
        text-decoration: none; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container {
      padding-left: 0;
      padding-right: 0;
      margin-top: 67px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content {
        margin-bottom: 20px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-image {
          width: 100%; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-subtitle {
          margin-top: 15px;
          font-family: "neo-sans";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.15;
          color: #0083ca;
          letter-spacing: 0.5px; }
          .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-subtitle a {
            color: #0083ca; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .separator {
          width: 30px;
          height: 4px;
          border-radius: 100px;
          background-color: #cfcfcf;
          margin-top: 20px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-desc {
          font-family: "lato";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.22;
          color: #000000;
          letter-spacing: normal;
          margin-top: 14px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content:nth-child(3n) {
          padding-right: 0; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content:nth-child(3n+1) {
          clear: both; }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .marketing-scholastic-magazine-wrapper .scholastic-magazine-content {
    margin-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper {
      margin-bottom: 30px; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container {
      margin-top: 0; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content {
        margin-bottom: 20px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-image {
          max-height: initial; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content.pad10 {
          padding-left: 0;
          padding-right: 0; } }

@media only screen and (max-width: 767.5px) {
  .marketing-scholastic-magazine-wrapper .scholastic-magazine-content {
    padding: 34px 20px 12px; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper {
      margin-bottom: 14px;
      padding-bottom: 9px;
      border-bottom: 2px solid #cfcfcf; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.magazine-title {
        font-size: 20px;
        line-height: 1.2;
        letter-spacing: normal;
        border-right: none; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-mobile-title-wrapper {
      margin-bottom: 38px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-mobile-title-wrapper .view-all-magazine {
        font-family: "lato";
        font-weight: 700;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #0083ca;
        letter-spacing: 0.3px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-mobile-title-wrapper .sw-icon.right-arrow {
        position: relative;
        top: 3px;
        margin-left: 2px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-mobile-title-wrapper a {
        text-decoration: none; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container {
      margin-top: 0; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content {
        margin-bottom: 48px;
        padding-left: 0;
        padding-right: 0; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-content-cntr {
          padding-right: 0;
          padding-left: 10px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-subtitle {
          margin-top: 6px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-desc {
          margin-top: 11px;
          line-height: 1.33; } }

.marketing-app-tdi-component.contentHub {
  padding: 0;
  margin: 0; }
  .marketing-app-tdi-component.contentHub .app-tdi-header.app-tdi-center {
    margin: 50px 22.5% 0;
    padding: 0;
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.12;
    color: #1f1f18;
    letter-spacing: 0.25px; }
    .marketing-app-tdi-component.contentHub .app-tdi-header.app-tdi-center p {
      text-align: center;
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 34px;
      font-size: 2.125rem;
      line-height: 1.12;
      color: #1f1f18;
      letter-spacing: 0.25px;
      margin: 0;
      padding: 0; }
  .marketing-app-tdi-component.contentHub .app-tdi-content.app-tdi-description-center {
    margin: 10px 22.5% 40px;
    padding: 0; }
    .marketing-app-tdi-component.contentHub .app-tdi-content.app-tdi-description-center p {
      text-align: center;
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.27;
      color: #2f3234;
      letter-spacing: normal;
      margin: 0;
      padding: 0; }

.marketing-app-tdi-component.contentTile .app-tdi-header {
  margin-bottom: 12px; }
  .marketing-app-tdi-component.contentTile .app-tdi-header p {
    line-height: 0.91; }

.marketing-app-tdi-component.contentTile .app-tdi-content p {
  font-family: "lato";
  font-weight: 300;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.45;
  color: #4a4a4a;
  letter-spacing: 0.8px;
  margin-bottom: 12px;
  text-align: center; }

@media only screen and (min-width: 992px) {
  .marketing-app-tdi-component .right-description .app-tdi-content .marketing-app-tdi-padright {
    padding-right: 45px; } }

@media only screen and (max-width: 991.5px) {
  .marketing-app-tdi-component .right-description .app-tdi-content .marketing-app-tdi-padright {
    margin-bottom: 21px; } }

.marketing-app-tdi-component.mobileCarousel {
  display: none; }

.marketing-app-tdi-component .marketing-FullWidthCTA {
  width: 100vw;
  margin-left: -30px; }

.marketing-app-tdi-component .app-tdi-header {
  font-family: "neo-sans";
  font-weight: 700;
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 1.14;
  color: #4a4a4a;
  text-align: center;
  margin: 37px 0 38px; }
  .marketing-app-tdi-component .app-tdi-header p {
    font-family: "neo-sans";
    font-weight: 700;
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1.14;
    color: #4a4a4a;
    margin-bottom: 0; }

.marketing-app-tdi-component .app-tdi-banner-image {
  text-align: center;
  margin-bottom: 32px; }
  .marketing-app-tdi-component .app-tdi-banner-image img {
    max-width: 100%; }

.marketing-app-tdi-component .app-tdi-content {
  margin: 0 62px; }
  @media only screen and (min-width: 768px) {
    .marketing-app-tdi-component .app-tdi-content .marketing-app-tdi-padleft {
      padding-left: 45px; } }
  @media only screen and (max-width: 991.5px) {
    .marketing-app-tdi-component .app-tdi-content .marketing-app-tdi-padleft {
      margin-top: 21px; } }
  .marketing-app-tdi-component .app-tdi-content p {
    font-family: "lato";
    font-weight: 400;
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.87;
    color: #000000;
    margin-bottom: 0; }
  .marketing-app-tdi-component .app-tdi-content img {
    width: 100%; }

.marketing-app-tdi-component .app-description {
  text-align: center;
  margin-bottom: 50px; }
  .marketing-app-tdi-component .app-description .desc {
    font-family: "lato";
    font-weight: 300;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.29;
    color: #4a4a4a; }
  .marketing-app-tdi-component .app-description .secondary-button {
    margin-left: 20px;
    display: inline-block;
    font-family: "lato";
    font-weight: 900;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.54;
    color: #ffffff;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    padding: 10px 26px;
    border-radius: 8px;
    border: none;
    text-transform: uppercase; }

.marketing-app-tdi-component .content-tile-par {
  padding: 0 15px; }
  .marketing-app-tdi-component .content-tile-par .acs-commons-resp-colctrl-col {
    padding: 0 10px !important; }
    .marketing-app-tdi-component .content-tile-par .acs-commons-resp-colctrl-col .content-tile-container {
      margin: 0 auto 20px; }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .marketing-app-tdi-component.contentHub {
    padding: 0;
    margin: 0; }
    .marketing-app-tdi-component.contentHub .app-tdi-header.app-tdi-center {
      margin: 40px 5% 0;
      padding: 0;
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.13;
      color: #1f1f18;
      letter-spacing: 0.25px; }
      .marketing-app-tdi-component.contentHub .app-tdi-header.app-tdi-center p {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.13;
        color: #1f1f18;
        letter-spacing: 0.25px;
        margin: 0;
        padding: 0; }
    .marketing-app-tdi-component.contentHub .app-tdi-content.app-tdi-description-center {
      margin: 10px 5% 30px;
      padding: 0; }
      .marketing-app-tdi-component.contentHub .app-tdi-content.app-tdi-description-center p {
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.27;
        color: #2f3234;
        letter-spacing: normal;
        margin: 0;
        padding: 0; }
  .marketing-app-tdi-component.contentTile .action-content-tile-container {
    margin: 0 auto; } }

@media only screen and (max-width: 767.5px) {
  .marketing-app-tdi-component.contentHub {
    padding: 0;
    margin: 0; }
    .marketing-app-tdi-component.contentHub .app-tdi-header.app-tdi-center {
      margin: 35px 4% 0;
      padding: 0;
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1;
      color: #1f1f18;
      letter-spacing: 0.25px; }
      .marketing-app-tdi-component.contentHub .app-tdi-header.app-tdi-center p {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1;
        color: #1f1f18;
        letter-spacing: 0.25px;
        margin: 0;
        padding: 0; }
    .marketing-app-tdi-component.contentHub .app-tdi-content.app-tdi-description-center {
      margin: 10px 4% 30px;
      padding: 0; }
      .marketing-app-tdi-component.contentHub .app-tdi-content.app-tdi-description-center p {
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #2f3234;
        letter-spacing: normal;
        margin: 0;
        padding: 0; }
  .marketing-app-tdi-component.mobileCarousel {
    padding: 0;
    display: block; }
    .marketing-app-tdi-component.mobileCarousel .app-tdi-header {
      margin-bottom: 11px; }
  .marketing-app-tdi-component.contentTile .app-tdi-header {
    margin-bottom: 7px; }
    .marketing-app-tdi-component.contentTile .app-tdi-header p {
      line-height: 0.91; }
  .marketing-app-tdi-component.contentTile .app-tdi-content p {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.4px;
    margin-bottom: 20px; }
  .marketing-app-tdi-component .marketing-FullWidthCTA {
    margin-left: -10px; }
  .marketing-app-tdi-component .app-tdi-header {
    font-family: "neo-sans";
    font-weight: 700;
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.12;
    color: #4a4a4a;
    margin: 19px 0 17px; }
    .marketing-app-tdi-component .app-tdi-header p {
      font-family: "neo-sans";
      font-weight: 700;
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 1.12;
      color: #4a4a4a; }
  .marketing-app-tdi-component .app-tdi-banner-image {
    margin-bottom: -1px;
    margin-left: -15px;
    margin-right: -15px; }
  .marketing-app-tdi-component .app-tdi-content {
    margin: 0;
    text-align: center; }
    .marketing-app-tdi-component .app-tdi-content.app-tdi-description-center {
      display: block; }
    .marketing-app-tdi-component .app-tdi-content p {
      font-family: "lato";
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.71;
      color: #000000; }
  .marketing-app-tdi-component .app-description {
    text-align: center;
    margin-top: 38px; }
    .marketing-app-tdi-component .app-description .desc {
      font-size: 16px;
      line-height: 1.25; }
    .marketing-app-tdi-component .app-description .secondary-button {
      display: block;
      margin: 18px auto;
      padding: 10px 34.22px;
      border-radius: 100px; }
  .marketing-app-tdi-component .content-tile-par {
    padding: 0; }
    .marketing-app-tdi-component .content-tile-par .acs-commons-resp-colctrl-col .content-tile-container {
      margin-bottom: 20px; }
  .marketing-app-tdi-component .carousel .item {
    padding-bottom: 40px; }
    .marketing-app-tdi-component .carousel .item img {
      min-width: 329px;
      margin-left: -18px; }
  .marketing-app-tdi-component .carousel .carousel-control {
    display: none; }
  .marketing-app-tdi-component .carousel .carousel-indicators {
    bottom: 0; }
    .marketing-app-tdi-component .carousel .carousel-indicators li {
      width: 6px;
      height: 6px;
      background-color: #d8d8d8; }
      .marketing-app-tdi-component .carousel .carousel-indicators li.active {
        margin: 1px;
        background-color: #f7941e; } }

.marketing-content-tile-container {
  max-width: 210px;
  position: relative; }
  .marketing-content-tile-container .row {
    margin: 0;
    padding: 0; }
    .marketing-content-tile-container .row.game-video-wrapper {
      height: 280px; }
      .marketing-content-tile-container .row.game-video-wrapper .image-container {
        height: 280px;
        border-style: solid;
        border-image: url("../../images/lines-grey.png") 22;
        border-top-width: 17px;
        background: white;
        border-bottom-width: 14px;
        border-left-width: 13px;
        border-right-width: 13px; }
      .marketing-content-tile-container .row.game-video-wrapper .video-play-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .marketing-content-tile-container .content-tile-body {
    height: 280px; }
  .marketing-content-tile-container p {
    margin: 0; }
  .marketing-content-tile-container .image-container {
    max-width: 210px; }
    .marketing-content-tile-container .image-container .content-image {
      max-width: 100%;
      max-height: 249px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .marketing-content-tile-container .image-container-resource {
    max-width: 210px;
    height: 280px !important;
    text-align: center; }
    .marketing-content-tile-container .image-container-resource .content-image {
      width: auto;
      height: 100%;
      max-width: 100%; }

.marketing-app-sample-issue {
  padding: 0;
  opacity: 0.89; }
  .marketing-app-sample-issue .marketing-content-tile-container {
    margin: 0 auto; }
  .marketing-app-sample-issue .app-issue-container {
    padding-left: 40px;
    padding-right: 16px;
    margin: 0; }
    .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container {
      margin-top: 29px;
      margin-bottom: 29px; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .sn3-button {
        display: none; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .sw-button {
        display: block; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-contentTile-title {
        font-family: "lato";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.67;
        color: #ffffff;
        margin-bottom: 5px;
        text-align: center; }
        .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-contentTile-title span.title-text {
          position: absolute;
          left: 20px;
          right: 20px;
          bottom: 0; }
        .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-contentTile-title span.title-space-text {
          position: static;
          visibility: hidden; }
        .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-contentTile-title .mobile-title {
          display: none; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .issue-title {
        font-family: "neo-sans";
        font-weight: 500;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.38;
        color: #ffffff;
        margin-top: 9px;
        max-width: 96%; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .issue-desc {
        font-family: "lato";
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.35;
        color: #ffffff;
        margin-top: 10px; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .button-container {
        text-align: center;
        margin-top: 23px; }
        .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .button-container .marketing-sample-issue-btn {
          font-family: "lato";
          font-weight: 900;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.54;
          color: #000000;
          letter-spacing: 1px;
          min-width: 265px;
          height: 40px;
          border: none;
          border-radius: 8px;
          display: inline-block;
          padding: 10px 0; }
          .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .button-container .marketing-sample-issue-btn:hover {
            text-decoration: none; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-app-sample-issue-tiles {
        padding-left: 11px; }
        .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-app-sample-issue-tiles .sample-title-container {
          display: flex;
          flex-wrap: nowrap; }

@media only screen and (max-width: 991.5px) {
  .marketing-app-sample-issue {
    padding-bottom: 20px;
    margin-top: -55px; }
    .marketing-app-sample-issue .marketing-content-tile-container {
      max-width: 100%; }
      .marketing-app-sample-issue .marketing-content-tile-container .content-tile-body {
        height: 210px; }
        .marketing-app-sample-issue .marketing-content-tile-container .content-tile-body .image-container-resource {
          height: 210px !important;
          max-width: 100%;
          padding: 0 10px; }
        .marketing-app-sample-issue .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container {
          max-width: 158px;
          margin: auto;
          height: 210px; }
          .marketing-app-sample-issue .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container .content-image {
            max-width: 132px; }
    .marketing-app-sample-issue .app-issue-container {
      padding-left: 20px;
      padding-right: 9px; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-contentTile-title {
        font-family: "lato";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 2.5;
        color: #ffffff; }
        .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-contentTile-title .mobile-title {
          display: flex;
          flex-wrap: nowrap; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .issue-title {
        font-family: "neo-sans";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.11;
        color: #ffffff;
        max-width: 100%; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .issue-desc {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #ffffff;
        padding-right: 25px; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .button-container {
        text-align: center;
        margin-top: 23px; }
        .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .button-container .marketing-sample-issue-btn {
          font-family: "lato";
          font-weight: 900;
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 1.25;
          color: #000000;
          letter-spacing: 1px;
          min-width: 275px;
          border-radius: 20px; }
      .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-app-sample-issue-tiles {
        padding: 0;
        margin-left: -11px; } }

@media only screen and (min-width: 768px) {
  .marketing-app-sample-issue {
    margin-top: -200px;
    display: inline-block; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .marketing-app-sample-issue .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container {
    max-width: 158px;
    margin: auto; }
    .marketing-app-sample-issue .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container .content-image {
      max-width: 132px; }
  .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-contentTile-title {
    margin-top: 10px; }
    .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-contentTile-title span.title-text {
      left: 0;
      right: 0; }
  .marketing-app-sample-issue .app-issue-container .marketing-app-sample-issue-container .marketing-contentTile-tile {
    padding: 5px; } }

.marketing-app-nav-bar-main-container {
  max-width: 1440px; }
  .marketing-app-nav-bar-main-container .navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 0; }
    .marketing-app-nav-bar-main-container .navbar-default .navbar-nav .open a {
      background-color: transparent !important; }
  .marketing-app-nav-bar-main-container .app-nav-primary {
    background-color: #0071bc;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  .marketing-app-nav-bar-main-container .nav-primary-items {
    padding: 0; }
  .marketing-app-nav-bar-main-container .menu-list {
    width: 100%; }
  .marketing-app-nav-bar-main-container .pop-over-menu-div {
    display: none;
    width: 325px; }
  .marketing-app-nav-bar-main-container .science-logo {
    width: 205px;
    padding: 18px 0 20px;
    margin-left: 21px; }
    .marketing-app-nav-bar-main-container .science-logo a {
      outline: unset;
      border-radius: 2px; }
      .marketing-app-nav-bar-main-container .science-logo a:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .marketing-app-nav-bar-main-container .science-logo .has-authorable-logo {
      padding-left: 0; }
    .marketing-app-nav-bar-main-container .science-logo .default-logo {
      display: inline-block;
      width: 100%;
      background: url("../../../images/globalNav/SW-updated-logo.svg") no-repeat center;
      background-size: 100%;
      vertical-align: middle;
      margin-top: 6px;
      margin-left: 0;
      height: 60px; }
  .marketing-app-nav-bar-main-container .dynamic_more_list {
    margin-top: 50px;
    padding: 0;
    display: none; }
    .marketing-app-nav-bar-main-container .dynamic_more_list a.app-nav-main-item-link, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .dynamic_more_list a.delimitter, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .dynamic_more_list a.magazine, .marketing-app-nav-bar-main-container .dynamic_more_list .dropdown a.delimitter, .marketing-app-nav-bar-main-container .dropdown .dynamic_more_list a.delimitter,
    .marketing-app-nav-bar-main-container .dynamic_more_list .dropdown a.magazine, .marketing-app-nav-bar-main-container .dropdown .dynamic_more_list a.magazine {
      margin-left: 22px;
      padding: 3px; }
    .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu {
      box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.45);
      border-radius: 4px;
      height: auto;
      border: 0;
      padding: 25px;
      right: -11px;
      left: auto;
      top: 35px; }
      .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu:before {
        content: '';
        display: block;
        position: absolute;
        right: 20px;
        bottom: 100%;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-color: #fff; }
      .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li {
        padding: 0;
        margin: 0; }
        .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li a.app-nav-main-item-link, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li a.delimitter, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li a.magazine, .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li .dropdown a.delimitter, .marketing-app-nav-bar-main-container .dropdown .dynamic_more_list .dynamic-menu li a.delimitter,
        .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li .dropdown a.magazine, .marketing-app-nav-bar-main-container .dropdown .dynamic_more_list .dynamic-menu li a.magazine {
          font-family: "lato";
          font-weight: 700;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1;
          color: #0054a6;
          letter-spacing: 0.5px;
          padding: 0 !important;
          margin: 0;
          margin-bottom: 20px; }
        .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li:last-child a.app-nav-main-item-link, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li:last-child a.delimitter, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li:last-child a.magazine, .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li:last-child .dropdown a.delimitter, .marketing-app-nav-bar-main-container .dropdown .dynamic_more_list .dynamic-menu li:last-child a.delimitter,
        .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li:last-child .dropdown a.magazine, .marketing-app-nav-bar-main-container .dropdown .dynamic_more_list .dynamic-menu li:last-child a.magazine {
          margin: 0; }
        .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li.js-dropdown-dynamic {
          padding: 0;
          margin: 0; }
          .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li.js-dropdown-dynamic:nth-child(5) .app-nav-main-item-link, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li.js-dropdown-dynamic:nth-child(5) .delimitter, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li.js-dropdown-dynamic:nth-child(5) .magazine, .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li.js-dropdown-dynamic:nth-child(5) .dropdown .delimitter, .marketing-app-nav-bar-main-container .dropdown .dynamic_more_list .dynamic-menu li.js-dropdown-dynamic:nth-child(5) .delimitter,
          .marketing-app-nav-bar-main-container .dynamic_more_list .dynamic-menu li.js-dropdown-dynamic:nth-child(5) .dropdown .magazine, .marketing-app-nav-bar-main-container .dropdown .dynamic_more_list .dynamic-menu li.js-dropdown-dynamic:nth-child(5) .magazine {
            font-family: "lato";
            font-weight: 700;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1;
            color: #0054a6;
            letter-spacing: 0.5px;
            border: 0; }
    .marketing-app-nav-bar-main-container .dynamic_more_list.open a {
      background-color: inherit;
      color: #ffffff; }
      .marketing-app-nav-bar-main-container .dynamic_more_list.open a:hover, .marketing-app-nav-bar-main-container .dynamic_more_list.open a:focus {
        background-color: inherit;
        color: #ffffff; }
  .marketing-app-nav-bar-main-container .app-nav-main-item-link, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .delimitter, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .magazine, .marketing-app-nav-bar-main-container .dropdown .delimitter,
  .marketing-app-nav-bar-main-container .dropdown .magazine {
    font-family: "lato";
    font-weight: 900;
    font-size: 8px;
    font-size: 0.5rem;
    color: #ffffff;
    letter-spacing: 0.2px;
    line-height: normal;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
    cursor: pointer;
    background-color: transparent; }
    .marketing-app-nav-bar-main-container .app-nav-main-item-link:focus, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .delimitter:focus, .app-nav-bar-main-container .dropdown .marketing-app-nav-bar-main-container .magazine:focus, .marketing-app-nav-bar-main-container .dropdown .delimitter:focus,
    .marketing-app-nav-bar-main-container .dropdown .magazine:focus {
      outline: none; }
  .marketing-app-nav-bar-main-container .dropdown .app-nav-main-item-link, .marketing-app-nav-bar-main-container .dropdown .delimitter,
  .marketing-app-nav-bar-main-container .dropdown .magazine {
    font-family: "lato";
    font-weight: 900;
    font-size: 16px;
    font-size: 1rem;
    color: #ffffff;
    letter-spacing: 0.5px;
    border: none; }
    .marketing-app-nav-bar-main-container .dropdown .app-nav-main-item-link:active, .marketing-app-nav-bar-main-container .dropdown .delimitter:active,
    .marketing-app-nav-bar-main-container .dropdown .magazine:active, .marketing-app-nav-bar-main-container .dropdown .app-nav-main-item-link:focus, .marketing-app-nav-bar-main-container .dropdown .delimitter:focus,
    .marketing-app-nav-bar-main-container .dropdown .magazine:focus, .marketing-app-nav-bar-main-container .dropdown .app-nav-main-item-link:hover, .marketing-app-nav-bar-main-container .dropdown .delimitter:hover,
    .marketing-app-nav-bar-main-container .dropdown .magazine:hover {
      color: #ffffff; }
    .marketing-app-nav-bar-main-container .dropdown .app-nav-main-item-link:active, .marketing-app-nav-bar-main-container .dropdown .delimitter:active,
    .marketing-app-nav-bar-main-container .dropdown .magazine:active {
      border: none; }
  .marketing-app-nav-bar-main-container .dropdown .delimitter,
  .marketing-app-nav-bar-main-container .dropdown .magazine {
    border: none;
    outline: none; }
    .marketing-app-nav-bar-main-container .dropdown .delimitter:active, .marketing-app-nav-bar-main-container .dropdown .delimitter:focus, .marketing-app-nav-bar-main-container .dropdown .delimitter:hover,
    .marketing-app-nav-bar-main-container .dropdown .magazine:active,
    .marketing-app-nav-bar-main-container .dropdown .magazine:focus,
    .marketing-app-nav-bar-main-container .dropdown .magazine:hover {
      color: #ffffff; }
  .marketing-app-nav-bar-main-container .dropdown .magazine {
    font-family: "lato";
    font-weight: 700;
    font-size: 7px;
    font-size: 0.4375rem;
    color: #ffffff;
    letter-spacing: 0.2px;
    line-height: normal;
    text-align: center; }
  .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic {
    padding-top: 53px; }
    .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic .app-nav-main-item-link, .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic .delimitter,
    .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic .magazine {
      padding-left: 32.5px;
      padding-right: 0; }
    .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic.open .app-nav-main-item-link:active, .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic.open .delimitter:active,
    .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic.open .magazine:active, .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic.open .app-nav-main-item-link:focus, .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic.open .delimitter:focus,
    .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic.open .magazine:focus, .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic.open .app-nav-main-item-link:hover, .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic.open .delimitter:hover,
    .marketing-app-nav-bar-main-container .dropdown.js-dropdown-dynamic.open .magazine:hover {
      color: #ffffff;
      background-color: transparent; }
  .marketing-app-nav-bar-main-container .cta-button-container {
    padding-top: 35px; }
    .marketing-app-nav-bar-main-container .cta-button-container .primary-button {
      font-family: "lato";
      font-weight: 900;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1;
      color: #000000;
      width: 122px;
      height: 50px;
      text-align: center;
      background-color: #f8e81c;
      border: none;
      margin-right: 20px;
      padding: 13px 17px;
      display: inline; }
      .marketing-app-nav-bar-main-container .cta-button-container .primary-button:active, .marketing-app-nav-bar-main-container .cta-button-container .primary-button:focus, .marketing-app-nav-bar-main-container .cta-button-container .primary-button:hover {
        background-color: #f8e81c; }
      .marketing-app-nav-bar-main-container .cta-button-container .primary-button:focus {
        outline: none; }
    .marketing-app-nav-bar-main-container .cta-button-container .secondary-button {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      color: #ffffff;
      width: 89px;
      height: 50px;
      text-align: center;
      background-color: transparent;
      padding: 7px 0;
      border: solid 1px #ffffff;
      margin-right: 25px; }
  .marketing-app-nav-bar-main-container .app-navbar-secondary {
    background-color: #ffffff;
    padding-left: 42px; }
    .marketing-app-nav-bar-main-container .app-navbar-secondary .menu-list {
      height: 40px; }
  .marketing-app-nav-bar-main-container .secondary-items {
    width: 100%; }
    .marketing-app-nav-bar-main-container .secondary-items li a {
      font-family: "neo-sans";
      font-weight: 700;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.27;
      color: #00aeef;
      letter-spacing: 1.3px;
      text-transform: uppercase;
      text-align: center;
      padding-top: 14px;
      padding-right: 45px;
      padding-left: 0; }
      .marketing-app-nav-bar-main-container .secondary-items li a:active, .marketing-app-nav-bar-main-container .secondary-items li a:focus, .marketing-app-nav-bar-main-container .secondary-items li a:hover {
        color: #00aeef; }
    .marketing-app-nav-bar-main-container .secondary-items .subjects {
      text-transform: capitalize;
      padding-right: 0; }
  @media only screen and (max-width: 1199px) {
    .marketing-app-nav-bar-main-container .navbar-default .navbar-toggle:focus, .marketing-app-nav-bar-main-container .navbar-default .navbar-toggle:hover {
      background-color: transparent; }
    .marketing-app-nav-bar-main-container #app-nav-primary-block {
      display: none;
      padding-inline: 10px; }
    .marketing-app-nav-bar-main-container .app-nav-header {
      display: flex;
      padding-inline: 10px; }
      .marketing-app-nav-bar-main-container .app-nav-header .menu-link-block,
      .marketing-app-nav-bar-main-container .app-nav-header .search-icon-block {
        padding-top: 6px; }
      .marketing-app-nav-bar-main-container .app-nav-header .search-logo-block {
        padding-top: 3px;
        margin-bottom: 5.2px; }
        .marketing-app-nav-bar-main-container .app-nav-header .search-logo-block a {
          outline: unset;
          border-radius: 2px; }
          .marketing-app-nav-bar-main-container .app-nav-header .search-logo-block a:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .marketing-app-nav-bar-main-container .app-nav-header .menu-icon-block {
        width: auto; }
        .marketing-app-nav-bar-main-container .app-nav-header .menu-icon-block .nav-header-item .icon-bar {
          background: #ffffff;
          width: 26px;
          border-radius: 0; }
          .marketing-app-nav-bar-main-container .app-nav-header .menu-icon-block .nav-header-item .icon-bar + .icon-bar {
            margin-top: 5px; }
        .marketing-app-nav-bar-main-container .app-nav-header .menu-icon-block .nav-header-item.nav-menu-icon {
          border-radius: 2px;
          padding: 5px; }
      .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .secondary-button {
        font-family: "lato";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        color: #ffffff;
        border: solid 2px #ffffff;
        width: 70px;
        height: 36px;
        background: none;
        padding: 4px 0 5px; }
    .marketing-app-nav-bar-main-container .secondary-items {
      display: none; }
    .marketing-app-nav-bar-main-container .nav-search-form {
      margin-top: 0; }
      .marketing-app-nav-bar-main-container .nav-search-form input {
        width: 140px; }
      .marketing-app-nav-bar-main-container .nav-search-form button {
        width: 70px; }
    .marketing-app-nav-bar-main-container .magazine-logo-tablet-mobile {
      display: inline-block;
      width: 150px;
      height: 20px;
      background: url("../../../images/globalNav/SW-updated-logo.svg") no-repeat center;
      background-size: 100%;
      vertical-align: middle; }
    .marketing-app-nav-bar-main-container .nav-header-item {
      border: none;
      margin: 15px 0;
      padding: 0;
      cursor: pointer; }
    .marketing-app-nav-bar-main-container .navbar-header {
      width: 100%; }
    .marketing-app-nav-bar-main-container .app-nav-secondary {
      display: none; }
    .marketing-app-nav-bar-main-container .nav-control {
      display: none; }
    .marketing-app-nav-bar-main-container .app-nav-header .header-icon {
      cursor: pointer; }
    .marketing-app-nav-bar-main-container .nav-search-icon {
      display: block; }
    .marketing-app-nav-bar-main-container .navbar-toggle {
      display: block;
      outline: unset;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
      .marketing-app-nav-bar-main-container .navbar-toggle:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .marketing-app-nav-bar-main-container .navbar-collapse {
      display: none; }
    .marketing-app-nav-bar-main-container #nav-primary-block {
      display: none; }
    .marketing-app-nav-bar-main-container .js-nav-menu {
      margin-top: 34px; }
      .marketing-app-nav-bar-main-container .js-nav-menu .menu-list {
        width: 230px;
        padding-right: 20px;
        margin: 0;
        padding-left: 20px;
        min-width: 230px; }
      .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li,
      .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li,
      .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li,
      .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li {
        padding: 0 10px 29px 0; }
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .app-nav-main-item-link, .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .delimitter,
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .magazine,
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .app-nav-main-item-link,
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .delimitter,
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .magazine,
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .app-nav-main-item-link,
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .delimitter,
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .magazine,
        .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .app-nav-main-item-link,
        .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .delimitter,
        .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .magazine {
          padding-left: 0;
          color: #0071bc; }
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .app-nav-main-item-link:active, .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .delimitter:active,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .magazine:active, .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .app-nav-main-item-link:focus, .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .delimitter:focus,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .magazine:focus, .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .app-nav-main-item-link:hover, .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .delimitter:hover,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li.dropdown .magazine:hover,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .app-nav-main-item-link:active,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .delimitter:active,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .magazine:active,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .app-nav-main-item-link:focus,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .delimitter:focus,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .magazine:focus,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .app-nav-main-item-link:hover,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .delimitter:hover,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li.dropdown .magazine:hover,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .app-nav-main-item-link:active,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .delimitter:active,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .magazine:active,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .app-nav-main-item-link:focus,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .delimitter:focus,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .magazine:focus,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .app-nav-main-item-link:hover,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .delimitter:hover,
          .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li.dropdown .magazine:hover,
          .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .app-nav-main-item-link:active,
          .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .delimitter:active,
          .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .magazine:active,
          .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .app-nav-main-item-link:focus,
          .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .delimitter:focus,
          .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .magazine:focus,
          .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .app-nav-main-item-link:hover,
          .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .delimitter:hover,
          .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li.dropdown .magazine:hover {
            color: #0071bc;
            background: transparent; }
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown li a,
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu li a,
        .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu li a,
        .marketing-app-nav-bar-main-container .js-nav-menu ul:nth-child(2) li a {
          font-family: "lato";
          font-weight: 900;
          font-size: 16px;
          font-size: 1rem;
          color: #0071bc;
          letter-spacing: 0.5px;
          text-decoration: none;
          cursor: pointer; }
      .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-menu {
        width: 90%;
        margin-left: -30px;
        list-style-type: none; }
      .marketing-app-nav-bar-main-container .js-nav-menu .js-dropdown-submenu-menu {
        width: 90%;
        margin-left: -30px;
        list-style-type: none; }
      .marketing-app-nav-bar-main-container .js-nav-menu #secondary-items-nav {
        margin-top: 30px;
        width: 100%; }
        .marketing-app-nav-bar-main-container .js-nav-menu #secondary-items-nav li a {
          font-family: "neo-sans";
          font-weight: 700;
          font-size: 11px;
          font-size: 0.6875rem;
          color: #00aeef;
          letter-spacing: 0.8px;
          text-align: left;
          cursor: pointer;
          padding: 0 0 27px; }
      .marketing-app-nav-bar-main-container .js-nav-menu .primary-button {
        font-family: "lato";
        font-weight: 900;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
        color: #000000;
        letter-spacing: 1px;
        width: 82%;
        height: 40px;
        border-radius: 100px;
        background-color: #fff200;
        border: none;
        margin-left: 20px;
        margin-top: 19px;
        display: inline-block;
        padding: 10px 0;
        text-align: center; }
        .marketing-app-nav-bar-main-container .js-nav-menu .primary-button:focus {
          outline: none; }
      .marketing-app-nav-bar-main-container .js-nav-menu .secondary-button {
        font-family: "lato";
        font-weight: 700;
        font-size: 12px;
        font-size: 0.75rem;
        color: #000000;
        border: solid 2px #000000;
        width: 90px;
        height: 30px;
        background: none;
        padding: 4px 0 5px;
        margin-left: 20px;
        margin-bottom: 30px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        .marketing-app-nav-bar-main-container .js-nav-menu .secondary-button:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .marketing-app-nav-bar-main-container .hidden-nav {
      display: none; }
    .marketing-app-nav-bar-main-container .see-all-subjects {
      float: left; }
      .marketing-app-nav-bar-main-container .see-all-subjects .subjects {
        padding-right: 15px; }
    .marketing-app-nav-bar-main-container .magazine-logo-tablet-mobile {
      width: 165px;
      height: 50px;
      background-size: 100%;
      margin-top: 5.4px; }
    .marketing-app-nav-bar-main-container .js-nav-menu #secondary-items-nav {
      width: 100%; }
      .marketing-app-nav-bar-main-container .js-nav-menu #secondary-items-nav li:nth-child(1) {
        display: none; }
    .marketing-app-nav-bar-main-container .pop-over-menu-div {
      background: #ffffff;
      position: absolute;
      left: 0;
      top: 0;
      display: none; }
      .marketing-app-nav-bar-main-container .pop-over-menu-div.active-block {
        display: block; }
      .marketing-app-nav-bar-main-container .pop-over-menu-div .nav-menu-close-btn {
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        position: relative;
        float: right;
        width: 16px;
        height: 16px;
        top: 20px;
        right: 20px;
        margin: 10px;
        background: none;
        border: none;
        border-radius: 2px; }
        .marketing-app-nav-bar-main-container .pop-over-menu-div .nav-menu-close-btn:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .marketing-app-nav-bar-main-container .pop-over-menu-div .nav-menu-close-btn:before, .marketing-app-nav-bar-main-container .pop-over-menu-div .nav-menu-close-btn:after {
          content: '';
          position: absolute;
          top: 7px;
          right: -2px;
          height: 2px;
          width: 20px;
          background: #000000; }
        .marketing-app-nav-bar-main-container .pop-over-menu-div .nav-menu-close-btn:before {
          -webkit-transform: rotate(45deg) translateZ(0);
          /* apparently that Z stuff is needed for webkit browsers like chrome */
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .marketing-app-nav-bar-main-container .pop-over-menu-div .nav-menu-close-btn:after {
          -webkit-transform: rotate(-45deg) translateZ(0);
          /* apparently that Z stuff is needed for webkit browsers like chrome */
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .marketing-app-nav-bar-main-container .pop-over-menu-div .nav-menu-close-btn:hover, .marketing-app-nav-bar-main-container .pop-over-menu-div .nav-menu-close-btn:focus {
          -webkit-transform: scale(1.05);
          -ms-transform: scale(1.05);
          transform: scale(1.05); }
      .marketing-app-nav-bar-main-container .pop-over-menu-div .cta-button-container {
        display: none; }
    .marketing-app-nav-bar-main-container .navbar-header {
      float: none; }
    .marketing-app-nav-bar-main-container .navbar-left, .marketing-app-nav-bar-main-container .navbar-right {
      float: none !important; }
    .marketing-app-nav-bar-main-container .navbar-toggle {
      display: flex;
      align-items: center; }
    .marketing-app-nav-bar-main-container .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
    .marketing-app-nav-bar-main-container .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px; }
    .marketing-app-nav-bar-main-container .navbar-collapse.collapse {
      display: none !important; }
    .marketing-app-nav-bar-main-container .navbar-nav {
      float: none !important;
      margin-top: 7.5px; }
    .marketing-app-nav-bar-main-container .navbar-nav > li {
      float: none; }
    .marketing-app-nav-bar-main-container .navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px; }
    .marketing-app-nav-bar-main-container .collapse.in {
      display: block !important; } }
  @media only screen and (min-width: 768px) and (max-width: 1199px) {
    .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .primary-button {
      font-family: "lato";
      font-weight: 900;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #000000;
      text-align: center;
      background-color: #f8e81c;
      border: none;
      margin-right: 15px;
      padding: 8px 25px 10px;
      display: inline; }
      .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .primary-button:active, .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .primary-button:focus, .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .primary-button:hover {
        background-color: #f8e81c; }
      .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .primary-button:focus {
        outline: none; }
    .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .secondary-button {
      font-family: "lato";
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      color: #ffffff;
      border: solid 2px #ffffff;
      width: 115px;
      height: 35px;
      background: none;
      padding: 4px 0 5px; } }
  @media only screen and (max-width: 767.5px) {
    .marketing-app-nav-bar-main-container .pop-over-menu-div {
      width: 225px; }
    .marketing-app-nav-bar-main-container .js-nav-menu {
      margin-top: 31px; }
    .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .primary-button {
      font-family: "lato";
      font-weight: 900;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1;
      color: #000000;
      text-align: center;
      background-color: #f8e81c;
      border: none;
      margin-right: 0;
      padding: 7px 18px 8px;
      display: inline; }
      .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .primary-button:active, .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .primary-button:focus, .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .primary-button:hover {
        background-color: #f8e81c; }
      .marketing-app-nav-bar-main-container .app-nav-header .profile-icon-block .primary-button:focus {
        outline: none; } }

.disable-scrolling .marketing-app-nav-bar-main-container .pop-over-menu-div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.7);
  z-index: 999;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  .disable-scrolling .marketing-app-nav-bar-main-container .pop-over-menu-div::-webkit-scrollbar {
    display: none;
    /* Hide scrollbar for Chrome, Safari and Opera */ }

.marketing-app-nav-bar-main-container .dropdown.dynamic_more_list {
  margin-top: 0; }
  .marketing-app-nav-bar-main-container .dropdown.dynamic_more_list a.app-nav-main-item-link, .marketing-app-nav-bar-main-container .dropdown.dynamic_more_list a.delimitter,
  .marketing-app-nav-bar-main-container .dropdown.dynamic_more_list a.magazine {
    padding-top: 100px; }
  .marketing-app-nav-bar-main-container .dropdown.dynamic_more_list .dynamic-menu {
    top: auto;
    bottom: -50%; }

.online-resources {
  position: relative;
  background: #ffffff;
  margin: 0;
  padding-top: 40px;
  padding-bottom: 38px;
  overflow: hidden; }
  .online-resources span.double-arrows-blueRounded-icon {
    width: 72px;
    height: 72px; }
  .online-resources .online-resources-head {
    font-family: "neo-sans";
    font-weight: 700;
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1.14;
    color: #4a4a4a;
    margin-bottom: 27px;
    text-align: center; }
    @media only screen and (max-width: 767.5px) {
      .online-resources .online-resources-head {
        font-family: "neo-sans";
        font-weight: 700;
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.04;
        color: #4a4a4a;
        margin-bottom: 28px; } }
    .online-resources .online-resources-head p {
      margin: 0; }
  .online-resources .online-resources-description {
    font-family: "sofia-pro";
    font-weight: 600;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.1;
    color: #143051; }
    .online-resources .online-resources-description p {
      text-align: center; }
  @media only screen and (max-width: 767.5px) {
    .online-resources .online-resources-head-image {
      padding-left: 20px; } }
  @media only screen and (min-width: 1200px) {
    .online-resources .online-resources-head-image {
      height: 830px; } }
  @media only screen and (min-width: 1440px) {
    .online-resources .online-resources-head-image {
      height: auto; } }
  .online-resources .illustration-img {
    margin: 0 0 10px -2px; }
    @media only screen and (min-width: 768px) {
      .online-resources .illustration-img {
        width: 100%;
        margin-left: 0;
        padding-left: 35px; } }
    @media only screen and (min-width: 1440px) {
      .online-resources .illustration-img {
        width: auto; } }
  .online-resources .marketing-video-game-container {
    max-width: 399px;
    height: auto;
    border-style: solid;
    border-top-width: 22px;
    border-bottom-width: 19px;
    border-left-width: 16px;
    border-right-width: 17px;
    border-image: url("../../../images/lines-grey.png") 15;
    position: relative; }
    @media only screen and (min-width: 1200px) {
      .online-resources .marketing-video-game-container {
        top: 232px;
        right: 25px; } }
    @media only screen and (min-width: 1440px) {
      .online-resources .marketing-video-game-container {
        top: 270px;
        right: 0;
        left: 33px; } }
    @media only screen and (max-width: 767.5px) {
      .online-resources .marketing-video-game-container {
        margin-left: 20px;
        max-width: 335px;
        margin-top: 20px;
        height: auto;
        border-top-width: 18px;
        border-bottom-width: 18.4px;
        border-left-width: 14px;
        border-right-width: 15px; } }
    .online-resources .marketing-video-game-container .marketing-video-container {
      padding: 0 21px 0 20px;
      margin-top: -28px; }
      .online-resources .marketing-video-game-container .marketing-video-container:nth-child(2) {
        margin-top: 0;
        margin-bottom: 20px; }
        .online-resources .marketing-video-game-container .marketing-video-container:nth-child(2) .marketing-video-container-title {
          margin-bottom: 3px; }
      .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title {
        text-align: center;
        margin-bottom: 23px; }
        .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title span {
          font-family: "lato";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.67;
          color: #4a4a4a;
          padding: 0 24px;
          background: #ffffff;
          display: inline-block; }
          @media only screen and (max-width: 767.5px) {
            .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title span {
              font-family: "lato";
              font-weight: 700;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 2.22;
              color: #4a4a4a;
              height: 40px;
              display: inline-block; } }
        @media only screen and (max-width: 767.5px) {
          .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title {
            margin-bottom: 6.7px; } }
      .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container {
        max-width: 325px; }
        .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .content-tile-body {
          height: 182px; }
          .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .content-tile-body .game-video-wrapper {
            height: 100%; }
            .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container {
              border: 0;
              height: 100%; }
          @media only screen and (max-width: 767.5px) {
            .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .content-tile-body {
              height: 156.2px; } }
        @media only screen and (max-width: 767.5px) {
          .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container {
            max-width: 272px; } }
      @media only screen and (max-width: 767.5px) {
        .online-resources .marketing-video-game-container .marketing-video-container {
          margin-top: -33px;
          padding: 0 18.6px 0 15.4px; } }
    .online-resources .marketing-video-game-container .marketing-game-container {
      padding: 19px 19px 19px 23px; }
      .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title {
        text-align: center;
        margin-bottom: 4px; }
        .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title span {
          font-family: "lato";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.67;
          color: #4a4a4a;
          display: inline-block; }
          @media only screen and (max-width: 767.5px) {
            .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title span {
              font-family: "lato";
              font-weight: 700;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 2.22;
              color: #4a4a4a; } }
        @media only screen and (max-width: 767.5px) {
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title {
            margin-bottom: 6.8px; } }
      .online-resources .marketing-video-game-container .marketing-game-container .game-top-controls .game-top-controls-content {
        display: block;
        background: url("../../../images/CM-Marketing/marketing-contenttiles-game-top.png") no-repeat;
        height: 23px;
        background-size: 100%; }
        @media only screen and (max-width: 767.5px) {
          .online-resources .marketing-video-game-container .marketing-game-container .game-top-controls .game-top-controls-content {
            height: 19.3px; } }
      .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container {
        max-width: 324px; }
        .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body {
          height: auto; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .game-video-wrapper {
            height: 100%; }
            .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container {
              border: 0;
              height: 100%;
              max-width: 100%; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-one-up .img-container {
            max-height: 240px; }
            @media only screen and (max-width: 767.5px) {
              .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-one-up .img-container {
                max-height: 201.5px; } }
            .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-one-up .img-container .popup-img-icon {
              right: initial; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container.game-container-bg {
            max-height: 240px; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container img {
            max-height: 240px;
            height: auto !important; }
            @media only screen and (max-width: 767.5px) {
              .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container img {
                max-height: 201.5px; } }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .rteContent {
            display: none; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper div[ng-bind-html=containerGameDesc] {
            display: none; }
          @media only screen and (max-width: 767.5px) {
            .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body {
              height: auto; } }
        @media only screen and (max-width: 767.5px) {
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container {
            max-width: 272px; } }
      @media only screen and (max-width: 767.5px) {
        .online-resources .marketing-video-game-container .marketing-game-container {
          padding: 6.1px 18.6px 20px 15.4px; } }
  .online-resources .marketing-video-game-content-new {
    display: none; }
  @media only screen and (max-width: 767.5px) {
    .online-resources {
      padding-top: 46px;
      padding-bottom: 33.7px; } }

.marketing-VideoTestimonial p {
  margin: 0; }

.marketing-VideoTestimonial .left {
  margin-right: 72px; }
  @media only screen and (min-width: 768px) and (max-width: 1199px) {
    .marketing-VideoTestimonial .left {
      margin-right: 40px !important; } }

.marketing-VideoTestimonial .right {
  padding-right: 72px;
  padding-left: 72px; }
  @media only screen and (min-width: 768px) and (max-width: 1199px) {
    .marketing-VideoTestimonial .right {
      padding-right: 20px !important;
      padding-left: 40px !important; } }

.marketing-VideoTestimonial .mobile {
  margin-bottom: 23px; }

.marketing-VideoTestimonial .marketing-content-tile-container {
  max-width: 100%; }
  .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body {
    height: auto; }
    .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper {
      height: auto; }
      .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container {
        border-top-width: 20px;
        border-bottom-width: 20px;
        border-left-width: 10px;
        border-right-width: 10px;
        height: auto;
        min-height: 115px;
        max-width: 100%; }
        @media only screen and (min-width: 768px) {
          .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container {
            border-top-width: 33px;
            border-bottom-width: 34px;
            border-left-width: 39px;
            border-right-width: 31px;
            padding: 11px 13px 9.67px 11px;
            border-image-slice: 27;
            border-image-repeat: round; } }
        @media only screen and (max-width: 767.5px) {
          .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container {
            border-image-repeat: repeat;
            border-image-width: 35px;
            border-image-slice: 27; } }
        .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container .video_play {
          width: 100%; }
          @media only screen and (max-width: 767.5px) {
            .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container .video_play {
              display: inline-block;
              border: 9px solid #00aeef;
              border-radius: 8px; } }
          .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container .video_play .content-image {
            position: static;
            transform: initial;
            -webkit-transform: initial;
            max-height: 291px;
            width: 100%; }
            @media only screen and (max-width: 767.5px) {
              .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container .video_play .content-image {
                max-height: 194.5px; } }
        @media only screen and (max-width: 767.5px) {
          .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container .video-play-icon .video_play {
            border: 0; } }

.marketing-VideoTestimonial .title {
  font-family: "neo-sans";
  font-weight: 700;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.23;
  color: #4a4a4a;
  margin-bottom: 10px;
  padding: 0 20px; }
  @media only screen and (min-width: 768px) {
    .marketing-VideoTestimonial .title {
      font-family: "neo-sans";
      font-weight: 700;
      font-size: 29px;
      font-size: 1.8125rem;
      line-height: 1.21;
      color: #4a4a4a;
      margin-top: 10%;
      margin-bottom: 14px;
      max-width: 570px;
      padding: 0; } }

.marketing-VideoTestimonial .description {
  font-family: "lato";
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.38;
  color: #4a4a4a;
  padding: 0 20px;
  margin-bottom: 49px; }
  @media only screen and (min-width: 768px) {
    .marketing-VideoTestimonial .description {
      max-width: 670px;
      padding: 0;
      font-size: 20px;
      line-height: 1.35;
      margin-bottom: 0; } }

.marketing-science-spin {
  background: #cae1ed; }
  .marketing-science-spin .promote_title_pad {
    margin-bottom: 20px; }
  .marketing-science-spin .marketing-science-spin-cntr {
    margin: 0 20px;
    padding-top: 44px; }
    @media only screen and (min-width: 992px) {
      .marketing-science-spin .marketing-science-spin-cntr {
        margin: 0 60px; } }
    .marketing-science-spin .marketing-science-spin-cntr p {
      margin-bottom: 0; }
    .marketing-science-spin .marketing-science-spin-cntr .title-desc {
      margin-bottom: 35px; }
      .marketing-science-spin .marketing-science-spin-cntr .title-desc .title {
        font-family: "serifa";
        font-weight: 400;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1;
        color: #1b5784; }
        @media only screen and (min-width: 992px) {
          .marketing-science-spin .marketing-science-spin-cntr .title-desc .title {
            font-family: "serifa";
            font-weight: 400;
            font-size: 35px;
            font-size: 2.1875rem;
            line-height: 1.17;
            color: #1b5784; } }
        .marketing-science-spin .marketing-science-spin-cntr .title-desc .title b {
          font-family: "serifa";
          font-weight: 900; }
      .marketing-science-spin .marketing-science-spin-cntr .title-desc .description {
        margin-top: 14px;
        font-family: "utopia-std";
        font-weight: 400;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.23;
        color: #182b39; }
        @media only screen and (min-width: 992px) {
          .marketing-science-spin .marketing-science-spin-cntr .title-desc .description {
            font-family: "utopia-std";
            font-weight: 400;
            font-size: 32px;
            font-size: 2rem;
            line-height: 1.19;
            color: #182b39;
            margin-bottom: 30px; } }
      @media only screen and (min-width: 992px) {
        .marketing-science-spin .marketing-science-spin-cntr .title-desc {
          padding-right: 86px;
          margin-bottom: 0px; } }
    .marketing-science-spin .marketing-science-spin-cntr .image-cntr .images {
      margin-bottom: 14.5px;
      margin-left: 0;
      margin-right: 0; }
      @media only screen and (min-width: 992px) {
        .marketing-science-spin .marketing-science-spin-cntr .image-cntr .images {
          margin-left: -15px;
          margin-right: -15px; } }
      .marketing-science-spin .marketing-science-spin-cntr .image-cntr .images img {
        width: 100%; }
        @media only screen and (min-width: 992px) {
          .marketing-science-spin .marketing-science-spin-cntr .image-cntr .images img {
            max-width: 280px; } }
      .marketing-science-spin .marketing-science-spin-cntr .image-cntr .images .first-img {
        padding: 0 10px 0 0; }
      .marketing-science-spin .marketing-science-spin-cntr .image-cntr .images .second-img {
        padding: 0 0 0 10px; }
    .marketing-science-spin .marketing-science-spin-cntr .image-cntr .image-lables {
      margin-bottom: 28.7px; }
      .marketing-science-spin .marketing-science-spin-cntr .image-cntr .image-lables .img-lable {
        padding-left: 16.9px;
        padding-right: 10px;
        font-family: "museo-sans";
        font-weight: 700;
        font-size: 21px;
        font-size: 1.3125rem;
        line-height: 1.24;
        color: #417505; }
        .marketing-science-spin .marketing-science-spin-cntr .image-cntr .image-lables .img-lable.second {
          padding-left: 26.9px; }
        @media only screen and (min-width: 992px) {
          .marketing-science-spin .marketing-science-spin-cntr .image-cntr .image-lables .img-lable {
            font-family: "museo-sans";
            font-weight: 700;
            font-size: 27px;
            font-size: 1.6875rem;
            line-height: 1.19;
            color: #417505; } }
    .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-title {
      font-family: "museo-sans";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1;
      color: #000000;
      margin-bottom: 10px; }
      @media only screen and (min-width: 992px) {
        .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-title {
          font-family: "museo-sans";
          font-weight: 700;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: 1;
          color: #000000;
          margin-bottom: 4px; } }
    .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-description {
      font-family: "utopia-std";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.33;
      color: #000000;
      letter-spacing: 0.6px;
      margin-bottom: 16px; }
      @media only screen and (min-width: 992px) {
        .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-description {
          font-family: "utopia-std";
          font-weight: 400;
          font-size: 27px;
          font-size: 1.6875rem;
          line-height: 1.19;
          color: #000000;
          letter-spacing: normal;
          margin-bottom: 30px; } }
    .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-container {
      margin-bottom: 26px; }
      @media only screen and (min-width: 992px) {
        .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-container {
          margin-left: 30px;
          margin-bottom: 30px; } }
      .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-container .btn {
        padding: 9px 0;
        color: #FFF;
        font-family: "museo-sans";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
        color: #ffffff;
        letter-spacing: 0.3px; }
        @media only screen and (min-width: 992px) {
          .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-container .btn {
            min-width: 134px; } }
        @media only screen and (min-width: 768px) and (max-width: 1199px) {
          .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-container .btn {
            min-width: auto; } }
      .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-container .subscribe-btn {
        padding-left: 0;
        padding-right: 10px; }
        .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-container .subscribe-btn .btn {
          background-color: #0066b3; }
      .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-container .learn-btn {
        padding-left: 10px;
        padding-right: 0; }
        .marketing-science-spin .marketing-science-spin-cntr .btn-description-cntr .btn-container .learn-btn .btn {
          background-color: #0083ca; }
    .marketing-science-spin .marketing-science-spin-cntr .add-spins {
      font-family: "museo-sans";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.25;
      color: #636363;
      letter-spacing: 0.6px;
      text-align: center;
      margin-bottom: 30px; }
      .marketing-science-spin .marketing-science-spin-cntr .add-spins a {
        color: #636363; }
      @media only screen and (min-width: 992px) {
        .marketing-science-spin .marketing-science-spin-cntr .add-spins {
          font-family: "museo-sans";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.17;
          color: #636363;
          letter-spacing: normal;
          text-align: left; }
          .marketing-science-spin .marketing-science-spin-cntr .add-spins a {
            color: #636363; } }

.marketing-subscribe-header .marketing-subscribe-header-container {
  margin: 0; }
  .marketing-subscribe-header .marketing-subscribe-header-container .marketing-subscribe-header-container-logo {
    padding: 10px 0;
    margin-left: 11.7%;
    margin-right: 11.7%; }
    .marketing-subscribe-header .marketing-subscribe-header-container .marketing-subscribe-header-container-logo img {
      max-width: 158px;
      margin: 10px 0; }
    .marketing-subscribe-header .marketing-subscribe-header-container .marketing-subscribe-header-container-logo .marketing-subscribe-header-container-help {
      text-align: right; }
      .marketing-subscribe-header .marketing-subscribe-header-container .marketing-subscribe-header-container-logo .marketing-subscribe-header-container-help .marketing-subscribe-header-container-help-text {
        font-family: "lato";
        font-weight: 400;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.43;
        color: #ffffff;
        margin-bottom: 5px; }
      .marketing-subscribe-header .marketing-subscribe-header-container .marketing-subscribe-header-container-logo .marketing-subscribe-header-container-help .marketing-subscribe-header-container-help-chat {
        font-family: "lato";
        font-weight: 700;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.43;
        color: #ffffff;
        border-right: 2px solid #87c1ec;
        padding-right: 8px;
        margin-right: 8px; }
      .marketing-subscribe-header .marketing-subscribe-header-container .marketing-subscribe-header-container-logo .marketing-subscribe-header-container-help .marketing-subscribe-header-container-help-number {
        font-family: "lato";
        font-weight: 400;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.43;
        color: #ffffff; }

@media only screen and (max-width: 767.5px) {
  .marketing-subscribe-header .marketing-subscribe-header-container .marketing-subscribe-header-container-logo {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px; }
    .marketing-subscribe-header .marketing-subscribe-header-container .marketing-subscribe-header-container-logo .marketing-subscribe-header-container-help .marketing-subscribe-header-container-help-chat {
      font-family: "lato";
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.43;
      color: #ffffff;
      border-right: 0;
      display: block;
      padding-right: 0;
      margin-right: 0;
      margin-bottom: 5px; } }

.subscription-product-display {
  margin: 40px 0 0; }
  .subscription-product-display .subscription-product-display-main-section {
    margin-left: 0; }
  .subscription-product-display .subscription-product-display-container {
    background-color: #f9fafb;
    padding: 25px 0 49px 30px; }
    .subscription-product-display .subscription-product-display-container .form-group {
      margin-bottom: 0;
      position: relative; }
      .subscription-product-display .subscription-product-display-container .form-group.term-selection {
        margin-top: 20px; }
        .subscription-product-display .subscription-product-display-container .form-group.term-selection.visible-xs {
          margin-top: 23px; }
    .subscription-product-display .subscription-product-display-container .subscription-product-display-section .term-label {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #110c0e; }
    .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection {
      display: flex;
      margin-top: 5px;
      margin-bottom: 40px; }
      .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-radio-container {
        position: relative;
        min-width: 24px;
        height: 24px; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-radio-container .radio {
          width: 24px;
          height: 24px;
          margin: 0;
          border: 1px solid #979797;
          border-radius: 100%;
          position: absolute;
          box-shadow: inset 0 0.8px 3px 0 rgba(0, 0, 0, 0.3);
          cursor: pointer; }
          .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-radio-container .radio .term-radio {
            width: 24px;
            height: 24px;
            margin: 0;
            visibility: hidden; }
            .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-radio-container .radio .term-radio + span {
              height: 12px;
              width: 12px;
              display: inline-block;
              margin-left: 5px;
              border-radius: 100%;
              background-color: #ffffff;
              margin-top: 5px;
              visibility: visible; }
            .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-radio-container .radio .term-radio:checked + span {
              background-color: #2c7aec; }
      .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-details-container {
        margin-left: 10px; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-details-container .term-period {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.57;
          color: #000000;
          letter-spacing: 1px;
          margin-bottom: 2px; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-details-container .term-description {
          font-family: "lato";
          font-weight: 400;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1.57;
          color: #000000;
          letter-spacing: 1px;
          margin-bottom: 7px; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-details-container .issues, .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-details-container .per-student {
          font-family: "lato";
          font-weight: 400;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1.71;
          color: #110c0e;
          margin-bottom: 2px; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-details-container .per-student .striked {
          text-decoration: line-through; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-magazine-term-selection .term-details-container .per-student .price {
          color: #ef1565;
          margin-left: 2px;
          font-weight: bold; }
    .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-container-content {
      margin: 26px 0 0; }
    .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-image {
      max-width: 200px;
      padding: 0; }
      .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-image img {
        width: 100%; }
    .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-title span {
      font-family: "lato";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.07;
      color: #333333; }
    .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description {
      padding-left: 20px;
      margin-top: 2px; }
      .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-name {
        font-family: "lato";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #110c0e;
        margin: 0;
        display: block; }
      .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-grades {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        color: #110c0e;
        margin: 0;
        display: block; }
      .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-issues {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        color: #110c0e;
        margin: 12px 0 0;
        display: block; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-issues .subscription-magazine-issues-count {
          font-weight: bold; }
      .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-price {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        color: #110c0e;
        margin: 0;
        display: block; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-price .subscription-magazine-price-value {
          font-weight: bold; }
          .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-price .subscription-magazine-price-value.has-sale-price {
            text-decoration: line-through; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-price .subscription-magazine-sale-price-value {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.5;
          color: #ef1465; }
      .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity {
        margin-top: 34px; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .form-group {
          margin-bottom: 0;
          position: relative; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .subscription-magazine-quantity-text {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.5;
          color: #110c0e; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .subscription-magazine-quantity-input {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          color: #1e1d1e;
          min-height: 40px;
          width: 54px;
          display: inline-block;
          border: 1px solid #c8c8c8;
          margin-left: 11px;
          padding: 0;
          text-align: center; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .arrow_box {
          z-index: 1;
          display: none;
          padding: 9px 6px 13px;
          max-width: 190px;
          width: 190px;
          position: absolute;
          bottom: -6px;
          transform: translateX(80%);
          background: #ffffff;
          border-radius: 4px;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
          border: 1px solid #dc0404;
          font-family: "lato";
          font-weight: 500;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.38;
          color: #110c0e; }
          .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .arrow_box .glyphicon {
            color: #dc0404;
            font-size: 23px;
            top: auto;
            left: auto;
            position: absolute; }
          .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .arrow_box .minimum-error-text {
            display: inline-block;
            width: auto;
            margin-left: 30px; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .arrow_box:after, .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .arrow_box:before {
          right: 100%;
          top: 50%;
          border: solid transparent;
          content: " ";
          height: 0;
          width: 0;
          position: absolute;
          pointer-events: none; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .arrow_box:after {
          border-color: rgba(255, 255, 255, 0);
          border-right-color: #ffffff;
          border-width: 10px;
          margin-top: -10px;
          margin-right: -1px; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .arrow_box:before {
          border-color: rgba(220, 4, 4, 0);
          border-right-color: #dc0404;
          border-width: 11px;
          margin-top: -11px; }

@media only screen and (min-width: 768px) {
  .subscription-product-display .subscription-product-display-container .minminum-quant-error {
    display: none !important; } }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .arrow_box {
    width: 190px;
    max-width: 190px;
    transform: translateX(42%);
    bottom: -1px; }
    .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .arrow_box .glyphicon {
      position: absolute;
      left: auto;
      top: auto; }
    .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .arrow_box .minimum-error-text {
      margin-left: 30px;
      width: auto; } }

@media only screen and (max-width: 767.5px) {
  .subscription-product-display {
    margin: 38px 0 0; }
    .subscription-product-display .subscription-product-display-main-section {
      margin: 0 5px; }
    .subscription-product-display .subscription-product-display-container {
      padding: 25px 0 48px 20px; }
      .subscription-product-display .subscription-product-display-container .minminum-quant-error {
        display: none;
        font-family: "lato";
        font-weight: 500;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #dc0404; }
        .subscription-product-display .subscription-product-display-container .minminum-quant-error .glyphicon {
          color: #dc0404; }
      .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-image {
        max-width: 140px; }
      .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description {
        padding-left: 19px;
        margin-top: 2px;
        padding-right: 0; }
        .subscription-product-display .subscription-product-display-container .subscription-product-display-section .subscription-product-display-section-description .subscription-magazine-quantity .subscription-magazine-quantity-input {
          padding: 0; } }

.marketing-subscription-cart-container {
  margin: 40px 0 0; }
  .marketing-subscription-cart-container .subscription-product-display-container-right {
    padding-right: 20px; }
    .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container {
      border: 1px solid #e2e4e7;
      padding: 32px 24px; }
      .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-container-right-container-title {
        font-family: "lato";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #333333;
        margin: 0;
        padding-bottom: 7px;
        border-bottom: 1px solid #e2e4e7; }
      .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines {
        margin-top: 29px; }
        .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-product-display-magazine {
          margin-top: 24px;
          padding-left: 15px; }
        .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-product-display-magazine-image {
          max-width: 60px;
          padding: 0; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-product-display-magazine-image img {
            width: 100%; }
        .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details {
          padding-left: 19px; }
        .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-name {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.5;
          color: #110c0e;
          margin: 0;
          display: block; }
        .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-grades {
          font-family: "lato";
          font-weight: 400;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1.71;
          color: #110c0e;
          margin: 0;
          display: block; }
        .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity {
          margin: 2px 0 0;
          position: relative; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-link {
            font-family: "lato";
            font-weight: 400;
            font-size: 12px;
            font-size: 0.75rem;
            color: #2c7aec;
            vertical-align: middle;
            cursor: pointer; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-link:focus {
              outline: none; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content {
            padding: 0 15px 38px 30px; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-header {
              border-bottom: 0;
              padding: 15px 0 0; }
              .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-header .grey-close-btn {
                cursor: pointer; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-body {
              padding: 11px 0 0; }
              .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-body .modal-magazine-name {
                font-family: "lato";
                font-weight: 700;
                font-size: 20px;
                font-size: 1.25rem;
                line-height: 1.2;
                color: #110c0e;
                margin: 0;
                display: block; }
              .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-body .modal-magazine-sub-name {
                font-family: "lato";
                font-weight: 700;
                font-size: 16px;
                font-size: 1rem;
                line-height: 1.5;
                color: #110c0e;
                margin: 0;
                display: block; }
              .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-body .modal-magazine-grades {
                font-family: "lato";
                font-weight: 400;
                font-size: 16px;
                font-size: 1rem;
                line-height: 1.5;
                color: #110c0e;
                margin: 0;
                display: block; }
              .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-body .modal-magazine-issues {
                font-family: "lato";
                font-weight: 400;
                font-size: 16px;
                font-size: 1rem;
                line-height: 1.5;
                color: #110c0e;
                margin: 9px 0 0;
                display: block; }
                .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-body .modal-magazine-issues .modal-magazine-issues-count {
                  font-weight: bold; }
              .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-body .modal-magazine-price {
                font-family: "lato";
                font-weight: 400;
                font-size: 16px;
                font-size: 1rem;
                line-height: 1.5;
                color: #110c0e;
                margin: 0;
                display: block; }
                .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-body .modal-magazine-price .modal-magazine-price-value {
                  font-weight: bold; }
              .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-body .modal-magazine-details {
                font-family: "lato";
                font-weight: 400;
                font-size: 16px;
                font-size: 1rem;
                line-height: 1.38;
                color: #110c0e;
                margin-top: 9px; }
                .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-body .modal-magazine-details ul {
                  padding: 0 0 0 13px;
                  margin-bottom: 0; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-footer {
              border-top: 0;
              padding: 21px 0 0; }
              .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-footer .view-site-link {
                font-family: "lato";
                font-weight: 900;
                font-size: 14px;
                font-size: 0.875rem;
                color: #2c7aec;
                letter-spacing: 0.5px; }
                .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-footer .view-site-link span {
                  vertical-align: middle; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .popover {
            max-width: 449px;
            max-height: 388px;
            box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
            border: 1px solid #e2e4e7;
            border-radius: 0; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .popover .arrow:before {
              display: none; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .popover .popover-content {
              padding: 0; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-details-quantity-input {
            font-family: "lato";
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            color: #1e1d1e;
            height: 30px;
            width: 44px;
            display: inline-block;
            border: 1px solid #c8c8c8;
            padding: 0;
            text-align: center; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box {
            display: none;
            padding: 9px 6px 13px;
            max-width: 137px;
            position: absolute;
            right: 0;
            top: -18px;
            transform: translateX(111%);
            border-radius: 4px;
            background: #ffffff;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
            border: 1px solid #dc0404;
            font-family: "lato";
            font-weight: 500;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.38;
            color: #110c0e; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box .glyphicon {
              color: #dc0404;
              font-size: 23px;
              top: -13px;
              position: relative; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box .minimum-error-text {
              display: inline-block;
              width: 70%;
              margin-left: 10px; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box:after,
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box:before {
            right: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box:after {
            border-color: rgba(255, 255, 255, 0);
            border-right-color: #ffffff;
            border-width: 10px;
            margin-top: -10px;
            margin-right: -1px; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box:before {
            border-color: rgba(220, 4, 4, 0);
            border-right-color: #dc0404;
            border-width: 11px;
            margin-top: -11px; }
        .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .view-all-magazines {
          margin-top: 26px; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .view-all-magazines .view-all-magazines-link {
            font-family: "lato";
            font-weight: 900;
            font-size: 14px;
            font-size: 0.875rem;
            color: #2c7aec;
            letter-spacing: 0.5px;
            cursor: pointer; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .view-all-magazines .view-all-magazines-link span {
              vertical-align: middle;
              margin-left: 5px; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .view-all-magazines .popover .popover-inner .popover-content .subscription-magazine-learn-modal .subscription-magazine-learn-modal-dialog .subscription-magazine-learn-modal-content .subscription-magazine-learn-modal-header span {
            cursor: pointer; }
        .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .marketing-subscription-spins {
          margin-top: 24px; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .marketing-subscription-spins .subscription-product-display-magazine .subscription-product-display-magazine-details .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-details-selection-section {
            position: relative;
            width: 24px;
            height: 24px; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .marketing-subscription-spins .subscription-product-display-magazine .subscription-product-display-magazine-details .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-details-selection-section input[type=checkbox] {
              display: none; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .marketing-subscription-spins .subscription-product-display-magazine .subscription-product-display-magazine-details .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-details-selection-section label {
              width: 24px;
              height: 24px;
              cursor: pointer;
              position: absolute;
              top: 0;
              left: 0;
              background: #ffffff;
              border-radius: 4px;
              border: 1px solid #979797; }
              .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .marketing-subscription-spins .subscription-product-display-magazine .subscription-product-display-magazine-details .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-details-selection-section label::after {
                content: '';
                width: 13px;
                height: 8px;
                position: absolute;
                top: 6px;
                left: 5px;
                border: 3px solid #000000;
                border-top: 0;
                border-right: 0;
                background: #ffffff;
                opacity: 0;
                transform: rotate(-45deg); }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .marketing-subscription-spins .subscription-product-display-magazine .subscription-product-display-magazine-details .subscription-magazine-details-quantity .subscription-magazine-learn .subscription-magazine-details-selection-section input[type=checkbox]:checked + label::after {
              opacity: 1;
              border-color: #2c7aec;
              background-color: #ffffff; }

@media only screen and (min-width: 768px) {
  .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .minminum-quant-error {
    display: none !important; } }

@media only screen and (max-width: 767.5px) {
  .marketing-subscription-cart-container {
    margin: 20px 0 0; }
    .marketing-subscription-cart-container .subscription-product-display-container-right {
      padding: 0 20px; }
      .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container {
        padding: 33.2px 25px 42.2px; }
        .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-container-right-container-title {
          padding-bottom: 8.2px; }
        .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines {
          margin-top: 30.1px; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .minminum-quant-error {
            display: none;
            font-family: "lato";
            font-weight: 500;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.38;
            color: #dc0404; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .minminum-quant-error .glyphicon {
              color: #dc0404; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-product-display-magazine {
            margin-top: 24.9px; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity {
            margin-top: 1.9px; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-details-quantity-input {
              width: 45.6px;
              height: 31.1px;
              padding: 0; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .popover {
              max-width: 335px;
              max-height: 455px;
              left: -90px !important;
              right: -235px; }
              .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .popover .arrow {
                display: none; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details {
            padding-left: 19.7px;
            padding-right: 0; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .subscription-product-display-magazine-image {
            max-width: 62.2px; }
          .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .view-all-magazines {
            margin-top: 27px; }
            .marketing-subscription-cart-container .subscription-product-display-container-right .subscription-product-display-container-right-container .subscription-product-display-magazines .view-all-magazines .popover.left {
              left: 0 !important;
              margin-left: 0px;
              width: 100vw;
              max-width: none;
              border-radius: 0; } }

.subscribe-footer {
  padding: 10px 0 56px 170px;
  margin-top: 60px; }
  .subscribe-footer .subscribeFooter-title {
    font-family: "lato";
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    color: #110c0e;
    text-align: left;
    margin-top: 50px;
    display: inline-block; }
  .subscribe-footer .subscribeFooter-desc {
    font-family: "lato";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #110c0e;
    text-align: left;
    max-width: 663px;
    display: inline-block; }

@media only screen and (max-width: 991.5px) {
  .subscribe-footer {
    padding: 4px 20px 54px; }
    .subscribe-footer .subscribeFooter-title {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1;
      color: #000000;
      margin-top: 24px; }
    .subscribe-footer .subscribeFooter-desc {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #000000; } }

.buttonContainerFullWidthSubscription {
  width: 155px;
  float: right;
  margin-top: 20px; }
  .buttonContainerFullWidthSubscription .btn {
    font-family: "lato";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.18;
    color: #ffffff;
    letter-spacing: 0.8px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    padding: 15px 0;
    text-transform: uppercase;
    background-color: #f8980d;
    border-radius: 100px;
    height: 50px; }
    .buttonContainerFullWidthSubscription .btn:focus {
      outline: none; }
    .buttonContainerFullWidthSubscription .btn.subscription-back-btn {
      font-family: "lato";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      color: #2c7aec;
      letter-spacing: 0.8px;
      background-color: #ffffff;
      border: 1px solid #2c7aec; }
  .buttonContainerFullWidthSubscription.cta-scrollable {
    position: fixed; }

.sticky {
  position: relative;
  width: 100vw;
  height: 80px;
  padding: 15px 170px 15px 0;
  margin-top: 20px;
  background-color: #0b84e1; }
  .sticky .buttonContainerFullWidthSubscription {
    margin-top: 0;
    width: 155px; }
  .sticky.stick {
    margin-top: 0;
    position: fixed;
    bottom: 0;
    z-index: 10000; }

@media only screen and (max-width: 767.5px) {
  .buttonContainerFullWidthSubscription {
    width: 100%;
    margin: 19px 0 0;
    padding: 0 5px; } }

.subscription-progress-bar-main .subscription-progress-bar {
  margin: 30px 11.7% 0; }
  .subscription-progress-bar-main .subscription-progress-bar .subscription-content-section .column-control-scrollable {
    position: fixed;
    top: -200px;
    width: 35.54%;
    max-width: 510px; }
  .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container {
    border-bottom: 0;
    padding-left: 15px; }
    .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content {
      text-align: center;
      padding: 0 20px 0 0;
      margin: 0; }
      .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content.disabledTab {
        pointer-events: none; }
      .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content.active a {
        font-family: "lato";
        font-weight: 700;
        font-size: 12px;
        font-size: 0.75rem;
        color: #ffffff;
        border: 0;
        background: #0359a4; }
      .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content .nav-wedge {
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 18px 0 18px 16px;
        border-top-color: inherit;
        border-bottom-color: inherit;
        border-right-color: inherit;
        border-left-color: transparent;
        -moz-transform: scale(0.9999);
        left: -15.9px;
        display: block; }
      .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content .nav-arrow {
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 18px 0 18px 16px;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-left-color: inherit;
        -moz-transform: scale(0.9999);
        right: 4px;
        display: block; }
      .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content a {
        font-family: "lato";
        font-weight: 700;
        font-size: 12px;
        font-size: 0.75rem;
        color: #999999;
        border-radius: 0;
        background-color: #f6f6f6;
        line-height: normal;
        margin-right: 0;
        border: none;
        height: 36px; }
      .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content:focus {
        outline: none; }
  .subscription-progress-bar-main .subscription-progress-bar .tab0 .article-title-layout {
    margin-left: 45px; }
    .subscription-progress-bar-main .subscription-progress-bar .tab0 .article-title-layout .article-title-heading {
      font-family: "lato";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.07;
      color: #333333;
      margin-bottom: 0;
      margin-top: 65px; }
    .subscription-progress-bar-main .subscription-progress-bar .tab0 .article-title-layout .article-title-dek {
      font-family: "lato";
      font-weight: 500;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.38;
      color: #333333;
      margin-top: 9px; }
  .subscription-progress-bar-main .subscription-progress-bar .tab1 .subscription-address-summary {
    display: none; }
  .subscription-progress-bar-main .subscription-progress-bar .tab1 .marketing-subscription-order-summary .subscription-product-display-magazine-details .subscription-magazine-price {
    display: block; }
  .subscription-progress-bar-main .subscription-progress-bar .tab1 .marketing-subscription-order-summary .subscription-product-display-magazine-details .subscription-magazine-quantity .subscription-quantity-edit-btn {
    display: block; }
  .subscription-progress-bar-main .subscription-progress-bar .tab1 .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-summary .subscription-order-summary-title {
    display: none; }
  .subscription-progress-bar-main .subscription-progress-bar .tab2 .subscription-address-summary {
    display: block; }
  .subscription-progress-bar-main .subscription-progress-bar .tab2 .marketing-subscription-order-summary .subscription-product-display-magazine-details .subscription-magazine-price {
    display: block; }
  .subscription-progress-bar-main .subscription-progress-bar .tab2 .marketing-subscription-order-summary .subscription-product-display-magazine-details .subscription-magazine-quantity .subscription-quantity-edit-btn {
    display: block; }
  .subscription-progress-bar-main .subscription-progress-bar .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-print-receipt {
    display: none; }
  .subscription-progress-bar-main .subscription-progress-bar input[type="number"] {
    -moz-appearance: textfield; }
  .subscription-progress-bar-main .subscription-progress-bar input[type=number]::-webkit-inner-spin-button,
  .subscription-progress-bar-main .subscription-progress-bar input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; }
  .subscription-progress-bar-main .subscription-progress-bar #tab0 .buttonContainerFullWidthSubscription {
    margin-right: 0; }

.subscription-progress-bar-main .subscription-error-modal .modal-content {
  background-color: #ffffff;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
  border-radius: 0; }

.subscription-progress-bar-main .subscription-error-modal .modal-header {
  border-bottom: 0;
  padding: 10px 10px 0 0; }
  .subscription-progress-bar-main .subscription-error-modal .modal-header .subscription-error-modal-close {
    cursor: pointer; }

.subscription-progress-bar-main .subscription-error-modal .modal-body {
  padding: 46px 59px 70px; }

.subscription-progress-bar-main .subscription-error-modal .error-container {
  text-align: center;
  font-family: "lato";
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  color: #2b2a2b;
  letter-spacing: 0.6px; }

.subscription-progress-bar-main .subscription-error-modal.modal {
  text-align: center;
  padding: 0 !important; }

.subscription-progress-bar-main .subscription-error-modal.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; }

.subscription-progress-bar-main .subscription-error-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  max-width: 528px; }

@media only screen and (max-width: 767.5px) {
  .subscription-progress-bar-main .subscription-progress-bar {
    margin: 30px 0 0; }
    .subscription-progress-bar-main .subscription-progress-bar .tab-pane .buttonContainerFullWidthSubscription {
      margin-right: 0; }
      .subscription-progress-bar-main .subscription-progress-bar .tab-pane .buttonContainerFullWidthSubscription.has-back-button {
        margin-right: 0; }
    .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-section {
      margin: 0; }
    .subscription-progress-bar-main .subscription-progress-bar .subscription-content-section {
      margin: 0; }
    .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container {
      padding: 0 40px; }
      .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container.subscription-progress-bar-container-view {
        padding: 0; }
      .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content {
        padding: 0; }
        .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content .subscription-progress-bar-text {
          font-family: "lato";
          font-weight: 700;
          font-size: 10px;
          font-size: 0.625rem;
          color: #000000;
          color: #b3cde3;
          border-radius: 0;
          padding: 0;
          background: none !important;
          height: auto;
          margin-top: 3px; }
        .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content .subscription-progress-bar-symbol {
          height: 30px;
          width: 30px;
          float: left;
          border-radius: 100%; }
        .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content .nav-line {
          width: 69%;
          height: 2px;
          background-color: #b3cde3;
          display: inline-block !important; }
        .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content.active .subscription-progress-bar-text {
          font-family: "lato";
          font-weight: 700;
          font-size: 10px;
          font-size: 0.625rem;
          color: #000000;
          color: #0359a4; }
        .subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content.active .subscription-progress-bar-symbol {
          border-radius: 100%; }
  .subscription-progress-bar-main .subscription-error-modal .modal-content {
    padding: 0 20px; }
  .subscription-progress-bar-main .subscription-error-modal .modal-body {
    padding: 24px 20px 48px; }
  .subscription-progress-bar-main .subscription-error-modal .modal-dialog {
    max-width: 335px; } }

.subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content .nav-arrow {
  right: 5px; }

.subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content .nav-wedge {
  left: -15.5px; }

.subscription-progress-bar-main .subscription-progress-bar .subscription-progress-bar-container .subscription-progress-bar-content a {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .subscription-progress-bar-main .subscription-product-display .subscription-product-display-main-section {
    margin: 0; } }

.subscription-progress-bar-main.bulk-order-progressbar .subscription-progress-bar .tab-content .tab-pane .marketing-subscription-order-summary .subscription-product-display-magazine-details .subscription-magazine-quantity .subscription-quantity-edit-btn {
  display: none; }

.login-prompt-opened .login-prompt-modal-container .modal-dialog {
  max-width: 600px; }
  .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content {
    padding: 97px 30px 100px;
    border-radius: 0;
    overflow: hidden; }
    .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-close {
      position: absolute;
      top: 19px;
      right: 19px;
      opacity: 0.6;
      cursor: pointer; }
      .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-close img {
        width: 15px;
        height: 15px; }
      .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-close:hover, .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-close:active, .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-close:focus {
        opacity: 1;
        outline: unset; }
    .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-signin-label,
      .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-guest-label {
        font-family: "lato";
        font-weight: 400;
        font-size: 21px;
        font-size: 1.3125rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal;
        line-height: normal;
        margin-bottom: 15px; }
      .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-signin-button {
        font-family: "lato";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        color: #ffffff;
        letter-spacing: 0.8px;
        line-height: normal;
        background-color: #f8980e;
        border: 1px solid #f8980e;
        Width: 230px;
        height: 50px;
        border-radius: 100px;
        text-transform: uppercase;
        margin-bottom: 39.5px; }
        .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-signin-button:hover, .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-signin-button:active, .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-signin-button:focus {
          opacity: 0.8;
          outline: unset; }
      .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-guest-button {
        font-family: "lato";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        color: #ffffff;
        letter-spacing: 0.8px;
        line-height: normal;
        background-color: #f8980e;
        border: 1px solid #f8980e;
        Width: 230px;
        height: 50px;
        border-radius: 100px;
        text-transform: uppercase; }
        .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-guest-button:hover, .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-guest-button:active, .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-guest-button:focus {
          opacity: 0.8;
          outline: unset; }

.myscholastic-opened .myscholastic-modal-container .modal-dialog .modal-content {
  overflow: hidden; }
  .myscholastic-opened .myscholastic-modal-container .modal-dialog .modal-content .myscholastic-login-modal-body .myscholastic-login-modal-close {
    position: absolute;
    top: 19px;
    right: 19px;
    opacity: 0.6;
    cursor: pointer; }
    .myscholastic-opened .myscholastic-modal-container .modal-dialog .modal-content .myscholastic-login-modal-body .myscholastic-login-modal-close img {
      width: 15px;
      height: 15px; }
    .myscholastic-opened .myscholastic-modal-container .modal-dialog .modal-content .myscholastic-login-modal-body .myscholastic-login-modal-close:hover, .myscholastic-opened .myscholastic-modal-container .modal-dialog .modal-content .myscholastic-login-modal-body .myscholastic-login-modal-close:active, .myscholastic-opened .myscholastic-modal-container .modal-dialog .modal-content .myscholastic-login-modal-body .myscholastic-login-modal-close:focus {
      opacity: 1;
      outline: unset; }

@media only screen and (max-width: 767.5px) {
  .login-prompt-opened .login-prompt-modal-container .modal-dialog {
    margin: 30px auto; } }

@media only screen and (max-width: 639.5px) {
  .login-prompt-opened .login-prompt-modal-container .modal-dialog {
    margin: 30px 20px; }
    .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content {
      padding: 107px 17.5px; }
      .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-signin-label,
      .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-guest-label {
        font-family: "lato";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal;
        line-height: normal;
        margin-bottom: 20px;
        text-align: center; }
      .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-signin-button {
        width: 100%;
        max-width: 300px;
        margin-bottom: 42.5px; }
      .login-prompt-opened .login-prompt-modal-container .modal-dialog .modal-content .login-prompt-modal-body .login-prompt-wrapper .login-prompt-guest-button {
        width: 100%;
        max-width: 300px; } }

.subscription-address-form .subscription-billing-address-form {
  background-color: #f9fafb;
  padding: 23px 30px 40px;
  margin-top: 30px; }
  .subscription-address-form .subscription-billing-address-form .subscription-address-container {
    margin: 0; }
    .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-title {
      padding: 0; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-title span {
        font-family: "lato";
        font-weight: 700;
        font-size: 28px;
        font-size: 1.75rem;
        color: #333333; }
    .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-options {
      padding: 0;
      margin-top: 0; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-options .radio {
        font-family: "lato";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.22;
        color: #000000;
        letter-spacing: 1px;
        margin: 18px 0 0;
        cursor: pointer;
        padding: 0 0 0 32px; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-options .radio input[type="radio"] {
          display: none; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-options .radio .marketing-subscription-check-icon {
          position: absolute;
          left: 0; }
    .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-option {
      padding: 0; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-option .subscription-billing-check {
        margin-top: 31px;
        margin-bottom: 0; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-option .subscription-billing-check .subscription-billing-option-check {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          color: #333333;
          letter-spacing: 0.5px;
          display: block;
          position: relative;
          padding-left: 32px;
          cursor: pointer; }
          .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-option .subscription-billing-check .subscription-billing-option-check .subscription-billing-check-indicator {
            position: absolute;
            width: 24px;
            height: 24px;
            border-radius: 4px;
            background-color: #ffffff;
            box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
            border: 1px solid #979797;
            top: 0;
            left: 0; }
            .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-option .subscription-billing-check .subscription-billing-option-check .subscription-billing-check-indicator:after {
              left: 7px;
              top: 4px;
              width: 8px;
              height: 13px;
              border: solid #2c7aec;
              border-width: 0 3px 3px 0;
              transform: rotate(45deg);
              content: '';
              position: absolute;
              display: none; }
          .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-option .subscription-billing-check .subscription-billing-option-check input:checked ~ .subscription-billing-check-indicator:after {
            display: block; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-option .subscription-billing-check input[type=checkbox] {
          display: none; }
    .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-address-details {
      padding: 25px 0 0;
      border-top: 1px solid #e2e4e7;
      margin: 17px 0 0;
      display: inline-block;
      width: 100%; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-address-details .subscription-address-group .subscription-address-text {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #000000;
        letter-spacing: 0.9px; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-address-details .subscription-address-group .subscription-address-val {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #000000;
        letter-spacing: 0.9px;
        height: 40px;
        border: 1.2px solid #e2e4e7;
        padding: 9px 0 9px 20px;
        border-radius: 0; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-address-details .subscription-address-group .subscription-address-val.error.ng-touched {
          border-color: #dc0404; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-address-details .subscription-address-group .subscription-address-val.ng-invalid-required.ng-touched {
          border-color: #dc0404; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-address-details .subscription-address-group select {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #000000;
        letter-spacing: 0.9px;
        border: 1.2px solid #e2e4e7;
        border-radius: 0;
        box-shadow: none; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-address-details .subscription-address-group select.error {
          border-color: #dc0404; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-address-details .subscription-address-group select.ng-invalid-required.ng-touched {
          border-color: #dc0404; }
    .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover {
      margin-left: 11px;
      width: 249px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
      border: 1px solid #dc0404;
      border-radius: 0; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover.right > .arrow {
        border-right-color: #dc0404; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover.right > .arrow:after {
          left: 2px; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover.right > .arrow:before {
          display: none; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover .popover-content {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #110c0e;
        padding: 9px 10px 13px;
        float: left;
        position: relative;
        background: transparent; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover .popover-content span.error-icon {
          margin-right: 8px;
          color: #dc0404;
          position: absolute;
          top: 13px; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover .popover-content span.error-message {
          display: inline-block;
          margin-left: 23px; }
  .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo {
    border-top: 1px solid #e2e4e7;
    margin: 32px 0 0;
    padding-top: 25px;
    display: inline-block; }
    .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-subscription-promo-fields {
      padding: 0; }
      .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-subscription-promo-fields p {
        margin: 0; }
      .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-subscription-promo-fields .marketing-promo-title {
        font-family: "lato";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #000000;
        letter-spacing: 0.9px; }
      .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-subscription-promo-fields .marketing-promo-desc {
        margin-top: 10px;
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
        color: #000000;
        letter-spacing: 0.5px;
        display: inline-block; }
    .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-promo-fields {
      margin-top: 16px;
      padding: 0; }
      .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-promo-fields .marketing-promo-input {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #000000;
        letter-spacing: 0.9px;
        margin-right: 12px;
        width: 100%;
        height: 40px;
        border: 1.2px solid #e2e4e7;
        padding: 6px 12px; }
      .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-promo-fields .marketing-promo-apply {
        font-family: "lato";
        font-weight: 600;
        font-size: 14px;
        font-size: 0.875rem;
        color: #e2e4e7;
        background: #ffffff;
        display: none; }
    .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-promo-offers {
      margin-top: 21px;
      position: relative;
      padding: 0; }
      .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-promo-offers .marketing-promo-info-icon {
        font-size: 20px;
        position: absolute; }
      .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-promo-offers .marketing-promo-info-text {
        font-family: "lato";
        font-weight: 400;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.29;
        color: #4a4a4a;
        letter-spacing: 0.2px;
        margin-left: 28px;
        display: inline-block; }
        .subscription-address-form .subscription-billing-address-form .marketing-subscription-promo .marketing-promo-offers .marketing-promo-info-text p {
          margin-bottom: 0; }
  .subscription-address-form .subscription-billing-address-form .marketing-renewal-section {
    margin-top: 21px;
    padding: 0; }
    .subscription-address-form .subscription-billing-address-form .marketing-renewal-section .marketing-order-number-text {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.38;
      color: #000000;
      letter-spacing: 0.9px;
      display: inline-block; }
    .subscription-address-form .subscription-billing-address-form .marketing-renewal-section .form-group {
      margin-bottom: 0; }
    .subscription-address-form .subscription-billing-address-form .marketing-renewal-section .marketing-order-number-val {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.38;
      color: #000000;
      letter-spacing: 0.9px;
      height: 40px;
      background-color: #ffffff;
      border: 1.2px solid #e2e4e7;
      float: left;
      margin-bottom: 15px;
      border-radius: 0; }
      .subscription-address-form .subscription-billing-address-form .marketing-renewal-section .marketing-order-number-val.error {
        border-color: #dc0404; }

.subscription-address-form .subscription-shipping-address-form .subscription-address-container .subscription-address-details {
  border-top: 0;
  padding: 0;
  margin-top: 24px; }

.subscription-address-form .subscription-shipping-address-form .subscription-address-container .subscription-shipping-message {
  font-family: "lato";
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.22;
  color: #000000;
  letter-spacing: 1px;
  margin-bottom: 11px;
  padding: 0;
  margin-top: 22px; }
  .subscription-address-form .subscription-shipping-address-form .subscription-address-container .subscription-shipping-message p {
    margin-bottom: 0; }

.subscription-address-form .subscription-shipping-address-form .subscription-address-container .subscription-billing-option .subscription-billing-check {
  margin-bottom: 0;
  margin-top: 18px; }
  .subscription-address-form .subscription-shipping-address-form .subscription-address-container .subscription-billing-option .subscription-billing-check label {
    font-family: "lato";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    color: #333333;
    letter-spacing: 0.5px; }

@media only screen and (max-width: 767.5px) {
  .subscription-address-form {
    padding: 0 5px; }
    .subscription-address-form .subscription-billing-address-form {
      padding: 23px 20px 17px;
      margin: 24px 0 0; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-billing-option {
        margin-top: 17px;
        display: inline-block; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .subscription-address-details .subscription-address-group .subscription-address-val {
        border-radius: 0; }
      .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover {
        border: 0;
        box-shadow: none;
        width: auto;
        margin-left: 0;
        padding: 0;
        position: initial !important; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover .arrow {
          display: none; }
        .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover .popover-content {
          background: transparent;
          padding: 10px 0 0 8px;
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.38;
          color: #000000;
          color: #dc0404; }
          .subscription-address-form .subscription-billing-address-form .subscription-address-container .popover .popover-content span.error-icon {
            margin-right: 0;
            font-size: 23px;
            left: 1px; } }

.marketing-subscription-type {
  background: #f9fafb;
  padding: 28px 30px 29px;
  margin-top: 40px; }
  .marketing-subscription-type .marketing-subscription-type-container .marketing-subscription-type-title span {
    font-family: "lato";
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    color: #333333; }
  .marketing-subscription-type .marketing-subscription-type-container .marketing-subscription-fields {
    margin-top: 22px; }
    .marketing-subscription-type .marketing-subscription-type-container .marketing-subscription-fields .radio-inline {
      font-family: "lato";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.22;
      color: #000000;
      letter-spacing: 1px;
      padding-left: 0;
      margin-left: 0;
      margin-right: 22px; }
      .marketing-subscription-type .marketing-subscription-type-container .marketing-subscription-fields .radio-inline .marketing-subscription-check-icon {
        vertical-align: middle;
        margin-right: 4px;
        position: relative;
        bottom: 2px; }
      .marketing-subscription-type .marketing-subscription-type-container .marketing-subscription-fields .radio-inline input[type="radio"] {
        display: none; }
  .marketing-subscription-type .marketing-subscription-auto-renewal {
    margin: 10px 0 0; }
    .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-title {
      padding: 0; }
      .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-title span {
        font-family: "lato";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        color: #333333; }
    .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check {
      padding: 0;
      margin-top: 16px; }
      .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check .checkbox {
        margin: 0; }
        .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check .checkbox label {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.25;
          color: #000000;
          letter-spacing: 1px; }
        .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check .checkbox .renewal-check {
          display: block;
          position: relative;
          padding-left: 32px;
          margin-bottom: 0;
          cursor: pointer;
          font-size: 18px; }
          .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check .checkbox .renewal-check p {
            margin-bottom: 0; }
        .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check .checkbox .renewal-check-indicator {
          position: absolute;
          width: 24px;
          height: 24px;
          border-radius: 4px;
          background-color: #ffffff;
          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
          border: 1px solid #979797;
          top: 0;
          left: 0; }
        .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check .checkbox .renewal-check input:checked ~ .renewal-check-indicator:after {
          display: block; }
        .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check .checkbox .renewal-check .renewal-check-indicator:after {
          left: 7px;
          top: 4px;
          width: 8px;
          height: 13px;
          border: solid #2c7aec;
          border-width: 0 3px 3px 0;
          transform: rotate(45deg); }
        .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check .checkbox .renewal-check-indicator:after {
          content: '';
          position: absolute;
          display: none; }
        .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check .checkbox input[type=checkbox] {
          display: none; }

@media only screen and (max-width: 767.5px) {
  .marketing-subscription-type {
    margin: 38px 5px 0;
    padding: 22px 20px 30px; }
    .marketing-subscription-type .marketing-subscription-type-container .marketing-subscription-fields {
      margin-top: 0; }
      .marketing-subscription-type .marketing-subscription-type-container .marketing-subscription-fields .radio-inline {
        margin-top: 22px; }
    .marketing-subscription-type .marketing-subscription-auto-renewal {
      margin-top: 10px; }
      .marketing-subscription-type .marketing-subscription-auto-renewal .marketing-renewal-check {
        margin-top: 16px; } }

.marketing-subscription-order-summary {
  margin: 40px 0 0; }
  .marketing-subscription-order-summary .marketing-subscription-order-summary-right {
    padding-left: 4px; }
    .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container {
      border: 1px solid #e2e4e7;
      padding: 32px 16px 28px 24px; }
      .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .marketing-subscription-order-summary-right-container-title {
        font-family: "lato";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #333333;
        margin: 0;
        padding-bottom: 7px;
        border-bottom: 1px solid #e2e4e7; }
      .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines {
        margin-top: 29px; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine {
          margin-top: 29px;
          padding-left: 15px; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-image {
          max-width: 60px;
          padding: 0; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-image img {
            width: 100%; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details {
          padding-left: 19px;
          margin-top: -5px; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-magazine-price {
            font-family: "lato";
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1.71;
            color: #110c0e; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-magazine-price .subscription-price-value {
              font-weight: bold; }
              .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-magazine-price .subscription-price-value.has-sale-price {
                text-decoration: line-through; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-magazine-price .subscription-sale-price-value {
              font-family: "lato";
              font-weight: 700;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.5;
              color: #ef1465; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-magazine-quantity .subscription-total-quantity {
            font-family: "lato";
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1.71;
            color: #110c0e; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-magazine-quantity .subscription-total-quantity-val {
            font-weight: bold; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-magazine-quantity .subscription-total-price {
            font-family: "lato";
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1.71;
            color: #110c0e;
            letter-spacing: 0.5px; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-magazine-quantity .subscription-quantity-edit-btn {
            font-family: "lato";
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            color: #2c7aec;
            margin-top: 1px;
            text-decoration: none; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section {
            margin-top: 7px; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section .subscription-quantity-edit-text {
              font-family: "lato";
              font-weight: 400;
              font-size: 16px;
              font-size: 1rem;
              color: #1e1d1e;
              height: 30px;
              width: 44px;
              display: inline-block;
              border: 1px solid #c8c8c8;
              padding: 0;
              text-align: center; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section .arrow_box {
              display: none;
              padding: 9px 6px 13px;
              max-width: 206px;
              position: absolute;
              left: 80px;
              bottom: -8px;
              z-index: 10;
              background: #ffffff;
              border-radius: 4px;
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
              border: 1px solid #dc0404;
              font-family: "lato";
              font-weight: 500;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.38;
              color: #110c0e; }
              .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section .arrow_box .glyphicon {
                color: #dc0404;
                font-size: 23px;
                top: -13px;
                position: relative; }
              .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section .arrow_box .minimum-error-text {
                display: inline-block;
                width: 70%;
                margin-left: 10px; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section .arrow_box:after, .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section .arrow_box:before {
              right: 100%;
              top: 50%;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section .arrow_box:after {
              border-color: rgba(255, 255, 255, 0);
              border-right-color: #ffffff;
              border-width: 10px;
              margin-top: -10px;
              margin-right: -1px; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section .arrow_box:before {
              border-color: rgba(220, 4, 4, 0);
              border-right-color: #dc0404;
              border-width: 11px;
              margin-top: -11px; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section .subscription-quantity-save-btn {
              font-family: "lato";
              font-weight: 700;
              font-size: 13px;
              font-size: 0.8125rem;
              color: #2c7aec;
              letter-spacing: 0.5px;
              width: 80px;
              height: 30px;
              border-radius: 5px;
              background-color: #ffffff;
              border: 1px solid #2c7aec; }
              .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details .subscription-quantity-edit-section .subscription-quantity-save-btn:focus {
                outline: none; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-magazine-details-name {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.5;
          color: #110c0e;
          margin: 0;
          display: block; }
      .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-summary {
        margin-top: 25px;
        padding-top: 14px;
        border-top: 1px solid #e2e4e7; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-summary .subscription-order-summary-title {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          color: #2b2a2b;
          letter-spacing: 0.4px;
          display: inline-block;
          margin-top: 12px; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-summary .subscription-order-summary-details {
          margin-top: 12px; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-summary .subscription-order-summary-details .subscription-order-summary-text {
            font-family: "lato";
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            color: #2b2a2b; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-summary .subscription-order-summary-details .subscription-order-summary-price {
            font-family: "lato";
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            color: #2b2a2b;
            letter-spacing: 0.5px; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-summary .subscription-order-summary-details .subscription-order-summary-total-price {
            font-family: "lato";
            font-weight: 700;
            font-size: 16px;
            font-size: 1rem;
            color: #2b2a2b;
            letter-spacing: 0.5px; }
      .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-promo-code-summary {
        border-top: 1px solid #e2e4e7;
        margin-top: 30px;
        padding-top: 25px;
        margin-bottom: 0; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-promo-code-summary .promo-code {
          margin-top: 0; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-promo-code-summary .promo-code span {
            font-family: "lato";
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            color: #2b2a2b; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-promo-code-summary .promo-code .promo-code-value {
            font-weight: bold; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-promo-code-summary .promo-code .marketing-promo-input {
            font-family: "lato";
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.38;
            color: #000000;
            letter-spacing: 0.9px;
            margin-right: 12px;
            width: 40%;
            height: 40px;
            border: 1.2px solid #e2e4e7;
            padding: 6px 12px; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-promo-code-summary .promo-code .subscription-promo-edit {
            font-family: "lato";
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            color: #2c7aec;
            letter-spacing: 0.5px;
            text-decoration: none;
            margin-top: 2px;
            display: inline-block; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-promo-code-summary .promo-code .subscription-promo-save {
            font-family: "lato";
            font-weight: 700;
            font-size: 13px;
            font-size: 0.8125rem;
            color: #2c7aec;
            letter-spacing: 0.5px;
            width: 80px;
            height: 30px;
            border-radius: 5px;
            background-color: #ffffff;
            border: 1px solid #2c7aec;
            margin-top: 4px; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-promo-code-summary .promo-description {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          color: #2b2a2b;
          margin: 10px 0 0; }
      .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-print-receipt {
        border-top: 1px solid #e2e4e7;
        margin-top: 27px;
        padding-top: 20px;
        text-align: center;
        display: block; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-print-receipt .print-receipt {
          font-family: "lato";
          font-weight: 700;
          font-size: 14px;
          font-size: 0.875rem;
          color: #2c7aec;
          letter-spacing: 0.3px; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-print-receipt .print-receipt .order-print-icon {
            vertical-align: middle;
            margin-right: 10px; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-print-receipt .print-receipt:focus {
            outline: none; }
  .marketing-subscription-order-summary.marketing-subscription-order-information {
    margin-top: 34px;
    margin-right: 25%; }
    .marketing-subscription-order-summary.marketing-subscription-order-information .subscription-product-display-magazines {
      margin-bottom: 26px; }
    .marketing-subscription-order-summary.marketing-subscription-order-information .subscription-promo-code-summary {
      margin-bottom: 25px;
      border-top: none;
      margin-top: 0;
      padding-top: 0; }
      .marketing-subscription-order-summary.marketing-subscription-order-information .subscription-promo-code-summary .promo-code {
        font-family: "lato";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        color: #2b2a2b;
        letter-spacing: 0.4px;
        margin-top: 6px; }
        .marketing-subscription-order-summary.marketing-subscription-order-information .subscription-promo-code-summary .promo-code .promo-code-value {
          font-weight: normal; }
  .marketing-subscription-order-summary.ordersummary-scrollable {
    position: fixed;
    top: 0; }

.gen-invalid-message-container {
  display: none;
  margin-left: -10px;
  text-align: center;
  padding: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid #dc0404; }
  .gen-invalid-message-container .glyphicon-exclamation-sign {
    color: #dc0404; }
  .gen-invalid-message-container .gen-invalid-message {
    margin-left: 5px;
    font-family: "lato";
    font-weight: 400;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.38;
    color: #110c0e; }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .marketing-subscription-order-summary.marketing-subscription-order-information {
    margin: 34px 10% 0; } }

@media only screen and (min-width: 768px) {
  .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .minminum-quant-error {
    display: none !important; } }

@media only screen and (max-width: 767.5px) {
  .marketing-subscription-order-summary {
    margin: 31px 0 0;
    padding: 0 5px; }
    .marketing-subscription-order-summary.marketing-subscription-order-information {
      margin-right: 0; }
    .marketing-subscription-order-summary .row {
      margin: 0; }
    .marketing-subscription-order-summary .marketing-subscription-order-summary-right {
      padding: 0; }
      .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container {
        padding: 33.3px 20px 28px; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-order-summary {
          padding-top: 15.6px; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .marketing-subscription-order-summary-right-container-title {
          padding-bottom: 8.7px; }
        .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines {
          margin-top: 30.1px; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .minminum-quant-error {
            display: none;
            font-family: "lato";
            font-weight: 500;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.38;
            color: #dc0404; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .minminum-quant-error .glyphicon {
              color: #dc0404; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine {
            margin-top: 24.9px; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity {
            margin-top: 1.9px; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-details-quantity-input {
              width: 45.6px;
              height: 31.1px;
              padding: 0; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box {
              display: none;
              padding: 9px 10px 13px;
              max-width: 137px;
              position: absolute;
              right: 0;
              top: -18px;
              transform: translateX(108%);
              border-radius: 4px;
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
              border: 1px solid #dc0404; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box:after, .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box:before {
              right: 100%;
              top: 50%;
              border: solid transparent;
              content: " ";
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box:after {
              border-color: rgba(255, 255, 255, 0);
              border-right-color: #ffffff;
              border-width: 10px;
              margin-top: -10px;
              margin-right: -1px; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .arrow_box:before {
              border-color: rgba(220, 4, 4, 0);
              border-right-color: #dc0404;
              border-width: 11px;
              margin-top: -11px; }
            .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .popover {
              max-width: 335px;
              max-height: 455px;
              left: -90px !important;
              right: -235px; }
              .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-magazine-details-quantity .subscription-magazine-learn .popover .arrow {
                display: none; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-details {
            padding-left: 23.6px;
            padding-right: 0; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .subscription-product-display-magazine-image {
            max-width: 62.2px; }
          .marketing-subscription-order-summary .marketing-subscription-order-summary-right .marketing-subscription-order-summary-right-container .subscription-product-display-magazines .view-all-magazines {
            margin-top: 27px; }
  .gen-invalid-message-container {
    margin-left: 5px;
    margin-right: 5px; } }

.marketing-review-submit {
  background: #f9fafb;
  padding: 25px 39px 34px 30px; }
  .marketing-review-submit .subscription-billing-address-form {
    padding: 0;
    margin-top: 0; }
    .marketing-review-submit .subscription-billing-address-form .subscription-address-container .marketing-renewal-section {
      margin-top: 25px; }
    .marketing-review-submit .subscription-billing-address-form .subscription-address-container .subscription-billing-title span {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      color: #2b2a2b;
      letter-spacing: 0.5px; }
    .marketing-review-submit .subscription-billing-address-form .subscription-address-container .subscription-billing-title .subscription-billing-edit {
      font-family: "lato";
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      color: #2c7aec;
      letter-spacing: 0.5px;
      text-decoration: none;
      margin-top: 8px;
      display: inline-block; }
    .marketing-review-submit .subscription-billing-address-form .subscription-address-container .subscription-billing-title .subscription-billing-save {
      font-family: "lato";
      font-weight: 700;
      font-size: 13px;
      font-size: 0.8125rem;
      color: #2c7aec;
      letter-spacing: 0.5px;
      width: 80px;
      height: 30px;
      border-radius: 5px;
      background-color: #ffffff;
      border: 1px solid #2c7aec; }
    .marketing-review-submit .subscription-billing-address-form .subscription-address-container .subscription-address-details {
      padding: 0;
      border-top: none; }
      .marketing-review-submit .subscription-billing-address-form .subscription-address-container .subscription-address-details .subscription-billing-save {
        font-family: "lato";
        font-weight: 700;
        font-size: 13px;
        font-size: 0.8125rem;
        color: #2c7aec;
        letter-spacing: 0.5px;
        width: 80px;
        height: 30px;
        border-radius: 5px;
        background-color: #ffffff;
        border: 1px solid #2c7aec;
        margin-top: 5px; }
      .marketing-review-submit .subscription-billing-address-form .subscription-address-container .subscription-address-details.shipping-details {
        margin-top: 11px; }
  .marketing-review-submit .marketing-review-submit-title {
    padding-left: 28px; }
    .marketing-review-submit .marketing-review-submit-title span {
      font-family: "lato";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      color: #333333; }
  .marketing-review-submit .marketing-review-submit-message {
    border: 1px solid #b3cde3;
    padding: 22px 0 32px 30px;
    margin-top: 26px;
    margin-bottom: 33px; }
    .marketing-review-submit .marketing-review-submit-message .marketing-review-submit-message-header {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      color: #333333;
      margin-bottom: 0; }
    .marketing-review-submit .marketing-review-submit-message .marketing-review-submit-message-description {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.38;
      color: #000000;
      letter-spacing: 1px;
      margin-top: 10px;
      margin-bottom: 0; }
  .marketing-review-submit .subscription-billing-option {
    margin-top: 4px; }
    .marketing-review-submit .subscription-billing-option .subscription-billing-check {
      margin-top: 16px; }
  .marketing-review-submit .subscription-billing-option-text {
    margin-top: 13px;
    margin-bottom: 15px; }
  .marketing-review-submit .subscription-address-details-display {
    padding: 0;
    margin-bottom: 4px; }
    .marketing-review-submit .subscription-address-details-display span {
      display: block;
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #2b2a2b;
      letter-spacing: 0.9px;
      word-break: break-all; }
      .marketing-review-submit .subscription-address-details-display span.billing-name {
        font-weight: bold; }
    .marketing-review-submit .subscription-address-details-display.shipping-details {
      margin-top: 10px; }
      .marketing-review-submit .subscription-address-details-display.shipping-details .shipping-name {
        font-weight: bold; }
  .marketing-review-submit .subscription-shipping-address-form {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid #e2e4e7; }
  .marketing-review-submit .marketing-subscription-type {
    margin-top: 24px;
    padding: 25px 0 0;
    border-top: 1px solid #e2e4e7; }
    .marketing-review-submit .marketing-subscription-type .marketing-subscription-type-container .marketing-subscription-type-title span {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      color: #2b2a2b;
      letter-spacing: 0.5px; }
    .marketing-review-submit .marketing-subscription-type .marketing-subscription-type-container .marketing-subscription-type-title .subscription-type-save {
      font-family: "lato";
      font-weight: 700;
      font-size: 13px;
      font-size: 0.8125rem;
      color: #2c7aec;
      letter-spacing: 0.5px;
      width: 80px;
      height: 30px;
      border-radius: 5px;
      background-color: #ffffff;
      border: 1px solid #2c7aec;
      margin-top: 5px; }
    .marketing-review-submit .marketing-subscription-type .marketing-subscription-type-container .marketing-subscription-type-title .subscription-type-edit {
      font-family: "lato";
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      color: #2c7aec;
      letter-spacing: 0.5px;
      text-decoration: none;
      margin-top: 8px;
      display: inline-block; }
    .marketing-review-submit .marketing-subscription-type .marketing-subscription-type-display span {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #2b2a2b;
      letter-spacing: 0.5px;
      display: block;
      margin-top: 8px; }
  .marketing-review-submit.marketing-review-submit-subscription {
    padding: 0;
    margin-top: 40px;
    background: #ffffff; }
    .marketing-review-submit.marketing-review-submit-subscription .marketing-subscription-type {
      margin: 0;
      border-top: 0;
      padding: 23px 39px 0 30px; }
      .marketing-review-submit.marketing-review-submit-subscription .marketing-subscription-type .marketing-subscription-container {
        border-bottom: 1px solid #e2e4e7;
        padding-bottom: 24px; }

@media only screen and (max-width: 767.5px) {
  .marketing-review-submit {
    padding: 23px 20px 36px 20px;
    margin: 0 5px; }
    .marketing-review-submit.marketing-review-submit-subscription .marketing-review-submit-title {
      padding: 0;
      text-align: center; }
    .marketing-review-submit .subscription-address-form {
      padding: 0; }
    .marketing-review-submit.marketing-review-submit-subscription .marketing-subscription-type {
      padding: 23px 20px 0; } }

.marketing-subscription-product-recommendation {
  position: relative; }
  .marketing-subscription-product-recommendation .scholastic-magazine-content {
    padding: 40px 30px 60px 40px;
    max-width: 870px;
    margin: 0 auto; }
    .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-title-wrapper {
      padding-bottom: 27px;
      width: 100%; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-title-wrapper span {
        vertical-align: middle; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-title-wrapper span.magazine-title {
          font-family: "lato";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1;
          color: #333333;
          letter-spacing: 0.6px;
          padding-right: 11px; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-title-wrapper span.view-all-magazine {
          font-family: "lato";
          font-weight: 900;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #2c7aec;
          letter-spacing: 0.5px;
          padding-left: 7px; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-title-wrapper .sw-icon.right-arrow {
        display: inline-block;
        margin-left: 5.6px; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-title-wrapper .sw-icon.sw-icon.right-arrow {
        margin-top: 3px; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-title-wrapper a {
        text-decoration: none; }
    .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container {
      padding-left: 0;
      padding-right: 0;
      margin-top: 0; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content {
        margin-bottom: 20px; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content .image-holder {
          max-width: 185px; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content .magazine-image {
          width: 100%; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content .magazine-subtitle {
          margin-top: 30px;
          font-family: "lato";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.1;
          color: #1557a0;
          letter-spacing: 0.5px; }
          .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content .magazine-subtitle a {
            color: #1557a0; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content .separator {
          width: 30px;
          height: 4px;
          border-radius: 100px;
          background-color: #cfcfcf;
          margin-top: 17px; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content .magazine-desc {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.38;
          color: #000000;
          letter-spacing: normal;
          margin-top: 13px; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content:nth-child(2n) {
          padding-right: 0; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content:nth-child(2n+1) {
          clear: both; }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .marketing-subscription-product-recommendation .scholastic-magazine-content {
    margin-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px; }
    .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-title-wrapper {
      margin-bottom: 30px; }
    .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container {
      margin-top: 0; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content {
        margin-bottom: 20px; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content.pad10 {
          padding-left: 0;
          padding-right: 0; } }

@media only screen and (max-width: 767.5px) {
  .marketing-subscription-product-recommendation .scholastic-magazine-content {
    padding: 34px 20px 12px; }
    .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-title-wrapper {
      padding-bottom: 12px; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-title-wrapper span.magazine-title {
        line-height: 1.17; }
    .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-mobile-title-wrapper {
      margin-bottom: 59px; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-mobile-title-wrapper .view-all-magazine {
        font-family: "lato";
        font-weight: 900;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #2c7aec;
        letter-spacing: 0.5px; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-mobile-title-wrapper .sw-icon.right-arrow {
        position: relative;
        top: 3px;
        margin-left: 2px; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .magazine-mobile-title-wrapper a {
        text-decoration: none; }
    .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container {
      margin-top: 0; }
      .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content {
        margin-bottom: 48px;
        padding-left: 0;
        padding-right: 0; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content .magazine-image {
          width: calc(100% - 15px); }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content .magazine-content-cntr {
          padding-right: 0;
          padding-left: 10px; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content .magazine-subtitle {
          margin-top: -11px; }
        .marketing-subscription-product-recommendation .scholastic-magazine-content .content-container .magazine-content .magazine-desc {
          margin-top: 13px; } }

.about-your-subscription {
  padding: 24px 20px 24px;
  margin-top: 34px;
  margin-left: 20.34%; }
  .about-your-subscription .title {
    font-family: "lato";
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.14;
    color: #333333;
    margin-bottom: 9px; }
  .about-your-subscription .description {
    font-family: "lato";
    font-weight: 200;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #000000; }
  .about-your-subscription .secondary-title {
    font-family: "lato";
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 0.93;
    color: #333333;
    margin-top: 36px;
    margin-bottom: 15px; }
  .about-your-subscription .secondary-description {
    font-family: "lato";
    font-weight: 200;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    color: #000000;
    letter-spacing: 0.5px;
    margin-bottom: 21px; }
  .about-your-subscription .password-label {
    font-family: "lato";
    font-weight: 200;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.38;
    color: #000000;
    letter-spacing: 0.9px; }
  .about-your-subscription .sub-password {
    margin-bottom: 20px; }
    .about-your-subscription .sub-password .form-control {
      border-radius: 0;
      border: 1.2px solid #e2e4e7;
      height: 40px; }
  .about-your-subscription .sub-btn {
    padding: 0; }
    .about-your-subscription .sub-btn button {
      font-family: "lato";
      font-weight: 200;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #e2e4e7;
      letter-spacing: 0.9px;
      border: 1px solid #e2e4e7;
      color: #e2e4e7;
      border-radius: 5px;
      height: 40px; }
  .about-your-subscription .secondary-title, .about-your-subscription .secondary-description, .about-your-subscription .form-group {
    display: none; }
  .about-your-subscription .subscription-address-summary {
    margin-top: 30px; }
    .about-your-subscription .subscription-address-summary .subscription-address-summary-title {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      color: #2b2a2b;
      letter-spacing: 0.5px; }
    .about-your-subscription .subscription-address-summary .subscription-address-summary-details {
      margin-top: 10px; }
      .about-your-subscription .subscription-address-summary .subscription-address-summary-details p {
        word-break: break-all; }
      .about-your-subscription .subscription-address-summary .subscription-address-summary-details .subscription-address-summary-text {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        color: #2b2a2b;
        letter-spacing: 0.5px;
        margin-bottom: 0; }
    .about-your-subscription .subscription-address-summary.subscription-billing-summary .subscription-address-summary-title {
      margin-bottom: 10px;
      display: inline-block; }
    .about-your-subscription .subscription-address-summary.subscription-billing-summary .subscription-order-number {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #2b2a2b;
      letter-spacing: 0.5px;
      margin-bottom: 0; }
    .about-your-subscription .subscription-address-summary.subscription-billing-summary .subscription-customer-number {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #2b2a2b;
      letter-spacing: 0.5px;
      margin-bottom: 30px; }
    .about-your-subscription .subscription-address-summary.subscription-billing-summary .subscription-school-number {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #2b2a2b;
      letter-spacing: 0.5px;
      margin-bottom: 0; }
  .about-your-subscription .marketing-review-submit-message {
    border-top: 1px solid #e2e4e7;
    border-bottom: 1px solid #e2e4e7;
    padding: 25px 0 29px;
    margin-top: 43px; }
    .about-your-subscription .marketing-review-submit-message .marketing-review-submit-message-header {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      color: #333333;
      margin-bottom: 0; }
    .about-your-subscription .marketing-review-submit-message .marketing-review-submit-message-description {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.38;
      color: #000000;
      letter-spacing: 1px;
      margin-top: 10px;
      margin-bottom: 0; }
  .about-your-subscription .subscription-receipents-summary {
    margin-top: 37px; }
    .about-your-subscription .subscription-receipents-summary .recipient-section .recipient-header {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.3;
      color: #000000; }
    .about-your-subscription .subscription-receipents-summary .recipient-section .recipient-magazine-container .magazine-name {
      font-family: "lato";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #2b2a2b;
      letter-spacing: 0.5px;
      margin-bottom: 0; }
    .about-your-subscription .subscription-receipents-summary .recipient-section .recipient-magazine-container .receipents-list {
      margin-bottom: 17px; }
      .about-your-subscription .subscription-receipents-summary .recipient-section .recipient-magazine-container .receipents-list:last-child {
        margin-bottom: 0; }
      .about-your-subscription .subscription-receipents-summary .recipient-section .recipient-magazine-container .receipents-list .receipents-list-col {
        padding-right: 0; }
        .about-your-subscription .subscription-receipents-summary .recipient-section .recipient-magazine-container .receipents-list .receipents-list-col .recipients-name {
          font-family: "lato";
          font-weight: 400;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.85;
          color: #2b2a2b;
          letter-spacing: 0.5px;
          word-wrap: break-word; }
        .about-your-subscription .subscription-receipents-summary .recipient-section .recipient-magazine-container .receipents-list .receipents-list-col .recipients-email {
          font-family: "lato";
          font-weight: 400;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.85;
          color: #2b2a2b;
          letter-spacing: 0.5px;
          word-wrap: break-word; }
        .about-your-subscription .subscription-receipents-summary .recipient-section .recipient-magazine-container .receipents-list .receipents-list-col .quantity {
          font-family: "lato";
          font-weight: 400;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.85;
          color: #2b2a2b;
          letter-spacing: 0.5px; }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .about-your-subscription {
    margin: 34px 10% 0; } }

@media only screen and (min-width: 768px) {
  .about-your-subscription {
    padding: 28px 30px 28px; }
    .about-your-subscription .title {
      font-family: "lato";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 0.86;
      color: #333333;
      margin-bottom: 19px; }
    .about-your-subscription .description {
      font-family: "lato";
      font-weight: 200;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: #000000; }
    .about-your-subscription .secondary-title {
      font-family: "lato";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 0.93;
      color: #333333; }
    .about-your-subscription .secondary-description {
      font-family: "lato";
      font-weight: 200;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.25;
      color: #000000;
      letter-spacing: 0.5px; }
    .about-your-subscription .sub-password {
      margin-bottom: 0; }
    .about-your-subscription .sub-btn {
      padding: 0 20px; } }

@media only screen and (max-width: 767.5px) {
  .about-your-subscription {
    margin-left: 5px;
    margin-right: 5px; } }

.marketing-subscription-thankyou {
  margin: 33px 0 0;
  text-align: center; }
  .marketing-subscription-thankyou p {
    font-family: "lato";
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #2b2a2b; }

@media only screen and (max-width: 767.5px) {
  .marketing-subscription-thankyou {
    padding: 0 5px; }
    .marketing-subscription-thankyou p b {
      display: block; } }

.side-kick-section .side-kick-container {
  margin-left: 25px; }
  .side-kick-section .side-kick-container .side-kick-item {
    position: relative; }
    .side-kick-section .side-kick-container .side-kick-item .side-kick-item-link {
      font-family: "museo";
      font-weight: 900;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 0.93;
      color: #00171f;
      letter-spacing: 0.9px;
      background: #eceef1;
      border-radius: 0;
      padding: 19px 17px 17.67px; }
    .side-kick-section .side-kick-container .side-kick-item.active .side-kick-item-link {
      font-family: "museo";
      font-weight: 900;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 0.93;
      color: #ffffff;
      letter-spacing: 0.9px;
      background: #015999; }
    .side-kick-section .side-kick-container .side-kick-item.active::after {
      content: '';
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-left: 10px solid #015999;
      border-bottom: 10px solid transparent;
      clear: both;
      position: absolute;
      right: -9px;
      top: 13px; }
  .side-kick-section .side-kick-container > li + li {
    margin-top: 4px; }
  .side-kick-section .side-kick-container.position-fixed {
    position: fixed;
    top: 20px; }

.side-kick-section .side-kick-container-menu {
  padding: 0 20px; }
  .side-kick-section .side-kick-container-menu .side-kick-menu-button {
    font-family: "museo";
    font-weight: 900;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 0.7;
    color: #ffffff;
    letter-spacing: 1.3px;
    background: #2c7aec;
    width: 100%;
    padding: 17px 20px;
    text-align: left; }
    .side-kick-section .side-kick-container-menu .side-kick-menu-button:focus {
      outline: solid 4px black; }
  .side-kick-section .side-kick-container-menu .tag-arrow-icon {
    float: right;
    margin-top: 3px; }
  .side-kick-section .side-kick-container-menu .side-kick-menu-list {
    left: 20px;
    width: calc(100% - 40px);
    padding: 0; }
    .side-kick-section .side-kick-container-menu .side-kick-menu-list li + li {
      margin-top: 4px; }
  .side-kick-section .side-kick-container-menu .side-kick-item-link {
    font-family: "museo";
    font-weight: 900;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 0.93;
    color: #929499;
    letter-spacing: 0.9px;
    background: #eceef1;
    padding: 15px 20px; }
  .side-kick-section .side-kick-container-menu .dropdown-backdrop {
    display: none; }

.acs-commons-resp-colctrl-col.full-width-column {
  width: 100%; }

.side-bar-promotion {
  margin: 40px 0 0 25px;
  padding: 20px 0;
  border-style: solid;
  border-width: 10px 0;
  border-image: url("../../images/lines-grey.png") 15; }
  .side-bar-promotion.position-fixed {
    position: fixed; }
  .side-bar-promotion .side-bar-promotion-container {
    padding: 0 0 0 30px; }
    .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-left {
      padding: 0; }
      .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-left .side-bar-promotion-image {
        max-width: 100%; }
    .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-right {
      padding-left: 12px; }
      .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-right .side-bar-promotion-container-right-title {
        font-family: "museo";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.22;
        color: #030102; }
        .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-right .side-bar-promotion-container-right-title p {
          margin: 0; }
      .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-right .side-bar-promotion-container-right-desc {
        font-family: "museo";
        font-weight: 300;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.29;
        color: #030102;
        margin-top: 3px; }
        .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-right .side-bar-promotion-container-right-desc p {
          margin: 0; }
  .side-bar-promotion .side-bar-promotion-container-footer {
    margin: 13px 15px 0; }
    .side-bar-promotion .side-bar-promotion-container-footer .side-bar-promotion-container-footer-content {
      padding: 0; }
      .side-bar-promotion .side-bar-promotion-container-footer .side-bar-promotion-container-footer-content .side-bar-promotion-container-footer-button {
        font-family: "museo";
        font-weight: 900;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.54;
        color: #000000;
        letter-spacing: 1px;
        border-radius: 100px;
        width: 100%;
        padding: 9px 0;
        word-break: break-word;
        white-space: normal; }

@media only screen and (max-width: 991.5px) {
  .side-bar-promotion-section-mobile {
    padding: 0 20px; }
    .side-bar-promotion-section-mobile .side-bar-promotion-section {
      margin: 33px 0 0;
      padding: 20px 0;
      border-style: solid;
      border-top-width: 10px;
      border-bottom-width: 10px;
      border-left-width: 0;
      border-right-width: 0;
      border-image: url("../../images/lines-grey.png") 15; }
      .side-bar-promotion-section-mobile .side-bar-promotion-section.position-fixed {
        position: fixed; }
      .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container {
        margin: 0; }
        .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container .side-bar-promotion-container-left {
          padding: 0 4px 0 20px; }
          .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container .side-bar-promotion-container-left .side-bar-promotion-image {
            max-width: 100%; }
        .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container .side-bar-promotion-container-right {
          padding-left: 10px;
          margin-top: 36px; }
          .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container .side-bar-promotion-container-right .side-bar-promotion-container-right-title {
            font-family: "museo";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.22;
            color: #030102; }
            .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container .side-bar-promotion-container-right .side-bar-promotion-container-right-title p {
              margin: 0; }
          .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container .side-bar-promotion-container-right .side-bar-promotion-container-right-desc {
            font-family: "museo";
            font-weight: 300;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1.29;
            color: #030102;
            margin-top: 3px; }
            .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container .side-bar-promotion-container-right .side-bar-promotion-container-right-desc p {
              margin: 0; }
      .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container-footer {
        margin: 10px 20px 0; }
        .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container-footer .side-bar-promotion-container-footer-content {
          padding: 0; }
          .side-bar-promotion-section-mobile .side-bar-promotion-section .side-bar-promotion-container-footer .side-bar-promotion-container-footer-content .side-bar-promotion-container-footer-button {
            font-family: "museo";
            font-weight: 900;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.54;
            color: #000000;
            letter-spacing: 1px;
            border-radius: 100px;
            width: 100%;
            padding: 9px 0; }
  .acs-commons-resp-colctrl-row .side-bar-promotion-section {
    display: none !important; } }

.side-bar-promotion {
  display: none; }

.acs-commons-resp-colctrl-row .side-bar-promotion {
  display: block; }

.marketing-learn-more-section {
  background: #ffffff; }
  .marketing-learn-more-section .marketing-app-nav-bar-main-container .navbar-default {
    border: 0; }
  .marketing-learn-more-section .article-title-layout {
    clear: both; }
    .marketing-learn-more-section .article-title-layout .article-title-heading {
      font-family: "museo";
      font-weight: 900;
      font-size: 32px;
      font-size: 2rem;
      line-height: 1;
      color: #000000;
      letter-spacing: -1.1px;
      margin: 44px 0 5px;
      scroll-margin-top: 30px; }
    .marketing-learn-more-section .article-title-layout .article-title-dek {
      font-family: "museo";
      font-weight: 900;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1;
      color: #030102; }
      .marketing-learn-more-section .article-title-layout .article-title-dek b {
        font-family: "museo";
        font-weight: 900;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1;
        color: #030102; }
    .marketing-learn-more-section .article-title-layout .sub-title {
      margin-top: 12px;
      font-family: "museo";
      font-weight: 900;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.21;
      color: #030102;
      letter-spacing: 0.5px; }
  .marketing-learn-more-section .divider-component {
    padding-bottom: 30px; }
    .marketing-learn-more-section .divider-component .border-divider {
      max-width: 100% !important; }
  .marketing-learn-more-section .article-sidebar-component-wrapper {
    border: 0;
    overflow: hidden; }
    .marketing-learn-more-section .article-sidebar-component-wrapper, .marketing-learn-more-section .article-sidebar-component-wrapper.left, .marketing-learn-more-section .article-sidebar-component-wrapper.right, .marketing-learn-more-section .article-sidebar-component-wrapper.top, .marketing-learn-more-section .article-sidebar-component-wrapper.bottom {
      padding: 0 0 30px 0;
      background: none; }
    .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper {
      max-width: none;
      overflow: hidden; }
      .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper, .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.left, .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right, .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.top, .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.bottom {
        padding: 0 0 30px 0;
        background: none; }
      .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right {
        max-width: none; }
        .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .image-wrapper {
          min-height: 169px;
          width: 236px;
          margin-right: 0; }
          .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .image-wrapper div:first-child {
            text-align: left !important; }
        .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .article-section-content {
          float: left;
          width: 70%;
          padding-left: 44px; }
          .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .article-section-content p:first-child {
            position: relative;
            margin-bottom: 20px; }
            .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .article-section-content p:first-child:after {
              display: block;
              position: absolute;
              content: '';
              -webkit-border-radius: 10px;
              -moz-border-radius: 10px;
              border-radius: 10px;
              background-color: #fff319;
              width: 40px;
              height: 4px;
              bottom: -12px; }
      .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper .article-section-content .article-section-text {
        font-family: "museo";
        font-weight: 300;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.67;
        color: #030102;
        letter-spacing: 0.5px; }
        .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper .article-section-content .article-section-text b,
        .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper .article-section-content .article-section-text b a,
        .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper .article-section-content .article-section-text a b {
          text-transform: none;
          font-family: "museo";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.67;
          color: #030102;
          letter-spacing: 0.5px; }
    .marketing-learn-more-section .article-sidebar-component-wrapper .right .article-section-content .article-section-desc-title {
      font-family: "museo";
      font-weight: 900;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.67;
      color: #030102;
      letter-spacing: 0.5px; }
  .marketing-learn-more-section .article-text-image-top-layout {
    margin-bottom: 0; }
    .marketing-learn-more-section .article-text-image-top-layout .caption {
      font-family: "museo";
      font-weight: 300;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.33;
      color: #000000;
      letter-spacing: 1px; }
    .marketing-learn-more-section .article-text-image-top-layout .top-article-container {
      margin-bottom: 32px; }
  .marketing-learn-more-section .image-main-container {
    margin-bottom: 20px; }
  .marketing-learn-more-section .textOverImage-main-container .textOverImage-content.center-center .title-desc-wrapper {
    padding: 0 7%; }
  .marketing-learn-more-section .textOverImage-main-container .textOverImage-content .title-desc-wrapper .textOverImage-title {
    font-family: "neo-sans";
    font-weight: 700;
    font-size: 52px;
    font-size: 3.25rem;
    line-height: 1.08;
    color: #ffffff;
    letter-spacing: 1.4px; }
  .marketing-learn-more-section .cm-migration-image-container .image-popup-image-layout .image-popup-image-container {
    max-width: 100%; }
    .marketing-learn-more-section .cm-migration-image-container .image-popup-image-layout .image-popup-image-container sw-image div {
      max-width: 100% !important; }
  .marketing-learn-more-section .divider-component {
    padding-top: 0;
    padding-left: 0; }
    .marketing-learn-more-section .divider-component .border-divider {
      padding-top: 0;
      border-width: 1px !important; }
      .marketing-learn-more-section .divider-component .border-divider::after {
        display: none; }
      .marketing-learn-more-section .divider-component .border-divider::before {
        display: none; }
  .marketing-learn-more-section .side-kick {
    margin-top: 47px; }
  .marketing-learn-more-section .side-bar-promotion {
    padding: 13px 0 12px;
    border-width: 4px 0; }
    .marketing-learn-more-section .side-bar-promotion .side-bar-promotion-container {
      padding-left: 15px; }
      .marketing-learn-more-section .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-right {
        padding: 0 10px; }
  .marketing-learn-more-section .position-fixed .side-kick, .marketing-learn-more-section .position-fixed .side-kick-section {
    margin-top: 0; }
  .marketing-learn-more-section .position-fixed .side-kick,
  .marketing-learn-more-section .position-fixed .marketing-sidebar-promotion {
    max-width: 100%; }

@media only screen and (max-width: 767.5px) {
  .marketing-learn-more-section .marketing-app-nav-bar-main-container .magazine-logo-tablet-mobile {
    margin-top: 0; }
  .marketing-learn-more-section .marketing-app-nav-bar-main-container .app-nav-header .search-logo-block {
    margin: 0; }
  .marketing-learn-more-section .textOverImage-main-container .textOverImage-content.center-center .title-desc-wrapper {
    top: 10%; }
  .marketing-learn-more-section .textOverImage-main-container .textOverImage-content .title-desc-wrapper {
    top: 20px; }
    .marketing-learn-more-section .textOverImage-main-container .textOverImage-content .title-desc-wrapper .textOverImage-title {
      font-family: "neo-sans";
      font-weight: 700;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.08;
      color: #ffffff;
      letter-spacing: 1.4px; }
  .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .article-section-content {
    width: auto;
    padding-left: 0; }
  .marketing-learn-more-section .article-sidebar-component-wrapper .article-sidebar-content-wrapper.right .image-wrapper {
    min-height: 0;
    width: auto;
    margin-bottom: 10px; } }

@media only screen and (min-width: 992px) {
  .marketing-learn-more-section .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-right {
    padding-right: 15px;
    margin-left: 0; } }
  @media only screen and (min-width: 992px) and (min-width: 1200px) {
    .marketing-learn-more-section .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-right {
      padding-right: 10px; } }
  @media only screen and (min-width: 992px) and (min-width: 1300px) {
    .marketing-learn-more-section .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-right {
      padding-right: 0; } }

@media only screen and (min-width: 992px) and (min-width: 1040px) {
  .marketing-learn-more-section .side-bar-promotion .side-bar-promotion-container .side-bar-promotion-container-left {
    width: auto; } }

@media only screen and (min-width: 1440px) {
  .marketing-learn-more-section .textOverImage-main-container .textOverImage-content.center-center .title-desc-wrapper {
    padding: 0 12%; } }

.marketing-email-receipt-container .marketing-email-receipt-header {
  background-color: #0b84e1;
  padding: 20px 0 20px 5px;
  margin: 0; }
  .marketing-email-receipt-container .marketing-email-receipt-header .marketing-email-receipt-header-logo .marketing-email-receipt-header-logo-image {
    max-width: 158px; }

.marketing-email-receipt-container .marketing-email-receipt-body {
  background-color: #f9fafb;
  padding: 32px 40px 44px 20px; }
  .marketing-email-receipt-container .marketing-email-receipt-body .row {
    margin: 0; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-salutation {
    padding: 0 0 0 20px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-salutation span {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #2b2a2b; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-content {
    margin-top: 25px;
    padding: 0 0 20px 20px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-content p {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.44;
      color: #000000;
      margin-bottom: 15px; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-content p span {
        font-weight: bold; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address {
    margin: 0 40px 0 20px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details {
      padding: 33px 0 0;
      border-top: 1px solid #e2e4e7; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details p {
        font-family: "lato";
        font-weight: 400;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.43;
        color: #2b2a2b;
        letter-spacing: 0.5px;
        margin-bottom: 6px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details p.marketing-email-receipt-body-address-details-title {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          color: #2b2a2b;
          letter-spacing: 0.4px;
          margin-bottom: 12px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details p.marketing-email-receipt-body-address-details-name {
          font-weight: bold; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details p.marketing-email-receipt-body-address-details-purchase {
          font-family: "lato";
          font-weight: 400;
          font-size: 14px;
          font-size: 0.875rem;
          color: #2b2a2b;
          letter-spacing: 0.3px;
          margin-top: 33px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details p span {
          font-weight: bold; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines {
    margin: 37px 40px 0 20px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-header {
        border-top: 1px solid #e2e4e7;
        border-bottom: 1px solid #e2e4e7;
        padding: 7px 0 8px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-header li {
          float: left;
          width: 21%; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-header li span {
            font-family: "lato";
            font-weight: 400;
            font-size: 10px;
            font-size: 0.625rem;
            color: #110c0e;
            letter-spacing: 1px; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-header li:first-child {
            width: 30%; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-header li:last-child {
            float: right;
            width: auto; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details {
        padding-top: 27px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li {
          float: left;
          width: 21%; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li span {
            font-family: "lato";
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1.71;
            color: #110c0e; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child {
            width: 30%; }
            .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child .marketing-email-receipt-body-magazines-image {
              float: left;
              width: 31%; }
              .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child .marketing-email-receipt-body-magazines-image img {
                max-width: 100%; }
            .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child .marketing-email-receipt-body-magazine-detail {
              float: left;
              margin-left: 10px; }
              .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child .marketing-email-receipt-body-magazine-detail .marketing-email-receipt-body-magazines-name {
                font-family: "lato";
                font-weight: 700;
                font-size: 14px;
                font-size: 0.875rem;
                line-height: 1.43;
                color: #110c0e;
                display: block; }
              .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child .marketing-email-receipt-body-magazine-detail .marketing-email-receipt-body-magazines-items {
                font-family: "lato";
                font-weight: 400;
                font-size: 12px;
                font-size: 0.75rem;
                line-height: 1.67;
                color: #110c0e;
                display: block; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:last-child {
            float: right;
            width: auto; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price {
    margin: 30px 40px 0 20px;
    border-top: 1px solid #e2e4e7;
    padding-top: 16px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section {
      padding: 0; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section p {
        margin-bottom: 12px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section p span {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          color: #2b2a2b; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section p span.marketing-email-receipt-body-price-val {
            letter-spacing: 0.5px;
            float: right; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section p span.marketing-email-receipt-body-price-total {
            font-family: "lato";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            color: #2b2a2b; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section p span.marketing-email-receipt-body-price-total-val {
            font-family: "lato";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            color: #2b2a2b;
            letter-spacing: 0.6px;
            float: right; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-note {
    margin-top: 25px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-note p {
      font-family: "lato";
      font-weight: 400;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.42;
      color: #000000;
      margin-bottom: 0; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-note p span {
        font-weight: bold; }

.marketing-email-receipt-container .marketing-email-receipt-header {
  background-color: #0b84e1;
  padding: 20px 0 20px 5px;
  margin: 0; }
  .marketing-email-receipt-container .marketing-email-receipt-header .marketing-email-receipt-header-logo .marketing-email-receipt-header-logo-image {
    max-width: 158px; }

.marketing-email-receipt-container .marketing-email-receipt-body {
  background-color: #f9fafb;
  padding: 32px 40px 44px 20px; }
  .marketing-email-receipt-container .marketing-email-receipt-body .row {
    margin: 0; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-salutation {
    padding: 0 0 0 20px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-salutation span {
      font-family: "lato";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #2b2a2b; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-content {
    margin-top: 25px;
    padding: 0 0 20px 20px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-content p {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.44;
      color: #000000;
      margin-bottom: 15px; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-content p span {
        font-weight: bold; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address {
    margin: 0 40px 0 20px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details {
      padding: 33px 0 0;
      border-top: 1px solid #e2e4e7; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details p {
        font-family: "lato";
        font-weight: 400;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.43;
        color: #2b2a2b;
        letter-spacing: 0.5px;
        margin-bottom: 6px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details p.marketing-email-receipt-body-address-details-title {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          color: #2b2a2b;
          letter-spacing: 0.4px;
          margin-bottom: 12px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details p.marketing-email-receipt-body-address-details-name {
          font-weight: bold; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details p.marketing-email-receipt-body-address-details-purchase {
          font-family: "lato";
          font-weight: 400;
          font-size: 14px;
          font-size: 0.875rem;
          color: #2b2a2b;
          letter-spacing: 0.3px;
          margin-top: 33px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-address .marketing-email-receipt-body-address-details p span {
          font-weight: bold; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines {
    margin: 37px 40px 0 20px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-header {
        border-top: 1px solid #e2e4e7;
        border-bottom: 1px solid #e2e4e7;
        padding: 7px 0 8px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-header li {
          float: left;
          width: 21%; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-header li span {
            font-family: "lato";
            font-weight: 400;
            font-size: 10px;
            font-size: 0.625rem;
            color: #110c0e;
            letter-spacing: 1px; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-header li:first-child {
            width: 30%; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-header li:last-child {
            float: right;
            width: auto; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details {
        padding-top: 27px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li {
          float: left;
          width: 21%; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li span {
            font-family: "lato";
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1.71;
            color: #110c0e; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child {
            width: 30%; }
            .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child .marketing-email-receipt-body-magazines-image {
              float: left;
              width: 31%; }
              .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child .marketing-email-receipt-body-magazines-image img {
                max-width: 100%; }
            .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child .marketing-email-receipt-body-magazine-detail {
              float: left;
              margin-left: 10px; }
              .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child .marketing-email-receipt-body-magazine-detail .marketing-email-receipt-body-magazines-name {
                font-family: "lato";
                font-weight: 700;
                font-size: 14px;
                font-size: 0.875rem;
                line-height: 1.43;
                color: #110c0e;
                display: block; }
              .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:first-child .marketing-email-receipt-body-magazine-detail .marketing-email-receipt-body-magazines-items {
                font-family: "lato";
                font-weight: 400;
                font-size: 12px;
                font-size: 0.75rem;
                line-height: 1.67;
                color: #110c0e;
                display: block; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-magazines ul.marketing-email-receipt-body-magazines-details li:last-child {
            float: right;
            width: auto; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price {
    margin: 30px 40px 0 20px;
    border-top: 1px solid #e2e4e7;
    padding-top: 16px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section {
      padding: 0; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section p {
        margin-bottom: 12px; }
        .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section p span {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          color: #2b2a2b; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section p span.marketing-email-receipt-body-price-val {
            letter-spacing: 0.5px;
            float: right; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section p span.marketing-email-receipt-body-price-total {
            font-family: "lato";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            color: #2b2a2b; }
          .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-price .marketing-email-receipt-body-price-section p span.marketing-email-receipt-body-price-total-val {
            font-family: "lato";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            color: #2b2a2b;
            letter-spacing: 0.6px;
            float: right; }
  .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-note {
    margin-top: 25px; }
    .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-note p {
      font-family: "lato";
      font-weight: 400;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.42;
      color: #000000;
      margin-bottom: 0; }
      .marketing-email-receipt-container .marketing-email-receipt-body .marketing-email-receipt-body-note p span {
        font-weight: bold; }

.ad-banner-component .ad-banner {
  background-color: #027db1;
  opacity: 0.89;
  padding: 25px 20px; }
  .ad-banner-component .ad-banner .ad-banner-image-component {
    padding-left: 40px;
    padding-top: 30px; }
    .ad-banner-component .ad-banner .ad-banner-image-component .ad-banner-image {
      max-width: 100%; }
  .ad-banner-component .ad-banner .ad-banner-content {
    padding-left: 30px; }
    .ad-banner-component .ad-banner .ad-banner-content .ad-banner-title {
      padding-top: 50px;
      padding-bottom: 5px;
      font-family: "museo-sans";
      font-weight: 700;
      font-size: 29px;
      font-size: 1.8125rem;
      line-height: 1.21;
      color: #ffffff;
      text-align: left; }
    .ad-banner-component .ad-banner .ad-banner-content .ad-banner-desc {
      font-family: "museo-sans";
      font-weight: 300;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.35;
      color: #ffffff;
      text-align: left; }
    .ad-banner-component .ad-banner .ad-banner-content .button {
      border-radius: 5px;
      background: #f6a623;
      max-width: 178px;
      margin-top: 24px; }
      .ad-banner-component .ad-banner .ad-banner-content .button .btn {
        font-family: "museo-sans";
        font-weight: 900;
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.05;
        color: #ffffff;
        text-align: center;
        padding-bottom: 7px;
        padding-top: 9px; }
  .ad-banner-component .ad-banner .ad-banner-img-component .ad-banner-img {
    max-width: 600px; }
    .ad-banner-component .ad-banner .ad-banner-img-component .ad-banner-img img {
      max-width: 100%; }

@media only screen and (max-width: 767.5px) {
  .ad-banner-component .ad-banner {
    background-color: #027db1;
    opacity: 0.89;
    padding: 30px 14px; }
    .ad-banner-component .ad-banner .ad-banner-image-component {
      padding-top: 10px; }
      .ad-banner-component .ad-banner .ad-banner-image-component .ad-banner-mobile-image {
        max-width: 100%; }
    .ad-banner-component .ad-banner .ad-banner-content {
      padding-left: 30px; }
      .ad-banner-component .ad-banner .ad-banner-content .ad-banner-title {
        font-family: "museo-sans";
        font-weight: 700;
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1.04;
        color: #ffffff;
        text-align: left;
        padding-top: 0; }
      .ad-banner-component .ad-banner .ad-banner-content .ad-banner-desc {
        font-family: "museo-sans";
        font-weight: 300;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.2;
        color: #ffffff;
        text-align: left; }
      .ad-banner-component .ad-banner .ad-banner-content .button {
        border-radius: 5px;
        background: #f6a623;
        max-width: 178px;
        margin-top: 20px; }
        .ad-banner-component .ad-banner .ad-banner-content .button .btn {
          font-family: "museo-sans";
          font-weight: 900;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.25;
          color: #ffffff;
          letter-spacing: 0.4px;
          text-align: center;
          padding-bottom: 7px;
          padding-top: 9px; } }

.marketing_paywall_container .sw-icon.grey-close-btn {
  margin-right: 50px;
  margin-top: 30px;
  cursor: pointer; }

.marketing_paywall_container .marketing_paywall .paywall_Heading {
  font-family: "proxima-nova";
  font-weight: 700;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.17;
  color: #222222;
  text-align: center;
  margin-bottom: 38px; }

.marketing_paywall_container .marketing_paywall .paywallModalClose {
  transition: all 0.2s ease-in-out ;
  -webkit-transition: all 0.2s ease-in-out ;
  -moz-transition: all 0.2s ease-in-out ;
  -ms-transition: all 0.2s ease-in-out ;
  -o-transition: all 0.2s ease-in-out ;
  outline: unset;
  background: url("../../../images/paywallModalCloseIcon-new.png") no-repeat;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  padding: 0;
  background-size: 100%;
  border: none; }
  .marketing_paywall_container .marketing_paywall .paywallModalClose:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .marketing_paywall_container .marketing_paywall .paywallModalClose:hover, .marketing_paywall_container .marketing_paywall .paywallModalClose:focus {
    -webkit-transform: rotate(90deg) translateZ(0);
    /* apparently that Z stuff is needed for webkit browsers like chrome */
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

.marketing_paywall_container .marketing_paywall .cta-button-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px; }
  .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button,
  .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button {
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    outline: unset;
    min-width: 216px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 50px;
    text-align: center;
    text-decoration: none; }
    .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button:focus,
    .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    color: #ffffff;
    margin-right: 24px;
    border: none;
    background-color: #116eee; }
    .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button:hover {
      background-color: #0e58be; }
    .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button:focus {
      background-color: #0a428f; }
  .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    color: #000000;
    border: solid 2px #000000;
    background-color: transparent; }
    .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button:focus {
      background-color: rgba(0, 0, 0, 0.15); }

.marketing_paywall_container .marketing_paywall .paywall_box {
  display: flex;
  padding: 24px;
  border-radius: 8px;
  background-color: #f8f8f8; }
  .marketing_paywall_container .marketing_paywall .paywall_box .paywall_image {
    margin-right: 32px; }
    .marketing_paywall_container .marketing_paywall .paywall_box .paywall_image img {
      width: 197px;
      box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.25); }
  .marketing_paywall_container .marketing_paywall .paywall_box .paywall_content {
    text-align: left;
    margin-top: 14px; }
    .marketing_paywall_container .marketing_paywall .paywall_box .paywall_content .paywall_title {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1;
      color: #000000; }
    .marketing_paywall_container .marketing_paywall .paywall_box .paywall_content .paywall_description {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #000000;
      padding-bottom: 12px; }
      .marketing_paywall_container .marketing_paywall .paywall_box .paywall_content .paywall_description li {
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #000000; }
    .marketing_paywall_container .marketing_paywall .paywall_box .paywall_content .paywall_hypertextLink a {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1;
      color: #0066ff;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset;
      display: inline-block;
      text-decoration: none; }
      .marketing_paywall_container .marketing_paywall .paywall_box .paywall_content .paywall_hypertextLink a:focus {
        box-shadow: 0 0 0 2px #f8f8f8, 0 0 0 4px #000000; }

.paywallModalElement .modal-dialog {
  width: 640px;
  height: 100%;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center; }
  .paywallModalElement .modal-dialog .modal-content {
    border-radius: 8px; }
    .paywallModalElement .modal-dialog .modal-content .modal-header {
      padding: 48px 24px;
      border: 0; }

@media (min-width: 541px) and (max-width: 768px) {
  .paywallModalElement .modal-dialog {
    width: 80%;
    max-width: 450px; }
    .paywallModalElement .modal-dialog .modal-content .modal-header {
      padding: 32px 16px; }
  .marketing_paywall_container .marketing_paywall .paywall_Heading {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    color: #222222;
    margin-bottom: 32px; }
  .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button,
  .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button {
    min-width: 40%;
    height: 43px; }
  .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    color: #ffffff; }
  .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    color: #000000; }
  .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box {
    padding: 16px; }
    .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_image {
      margin-right: 16px; }
      .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_image img {
        width: 121px; }
    .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_title {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1;
      color: #000000; }
    .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_description {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.29;
      color: #222222;
      padding-bottom: 10px; }
      .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_description li {
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #222222; }
    .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_hypertextLink a {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1;
      color: #0066ff; } }

@media (min-width: 371px) and (max-width: 540px) {
  .paywallModalElement .modal-dialog {
    width: 90%;
    max-width: 350px; }
    .paywallModalElement .modal-dialog .modal-content .modal-header {
      padding: 32px 16px; }
  .marketing_paywall_container .marketing_paywall .paywall_Heading {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    color: #222222;
    margin-bottom: 32px; }
  .marketing_paywall_container .marketing_paywall .paywallModalClose {
    width: 14px;
    height: 14px; }
  .marketing_paywall_container .marketing_paywall .cta-button-container {
    margin-bottom: 24px; }
    .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button,
    .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button {
      min-width: 40%;
      height: 35px; }
    .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1;
      color: #ffffff; }
    .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1;
      color: #000000; }
  .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box {
    padding: 16px; }
    .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_image {
      margin-right: 16px; }
      .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_image img {
        width: 131px; }
    .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content {
      margin-top: 8px; }
      .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_title {
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        color: #000000; }
      .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_description {
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.29;
        color: #222222;
        padding-bottom: 10px; }
        .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_description li {
          font-family: "proxima-nova";
          font-weight: 400;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #222222; }
      .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_hypertextLink a {
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #0066ff; } }

@media (max-width: 370px) {
  .paywallModalElement .modal-dialog {
    width: 90%; }
    .paywallModalElement .modal-dialog .modal-content .modal-header {
      padding: 32px 16px; }
  .marketing_paywall_container .marketing_paywall .paywall_Heading {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    color: #222222;
    margin-bottom: 24px; }
  .marketing_paywall_container .marketing_paywall .paywallModalClose {
    width: 14px;
    height: 14px; }
  .marketing_paywall_container .marketing_paywall .cta-button-container {
    margin-bottom: 24px; }
    .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button,
    .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button {
      min-width: 40%;
      height: 30px; }
    .marketing_paywall_container .marketing_paywall .cta-button-container .primary-button {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #ffffff; }
    .marketing_paywall_container .marketing_paywall .cta-button-container .secondary-button {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #000000; }
  .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_image {
    margin-right: 12px; }
    .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_image img {
      width: 78px; }
  .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content {
    margin-top: 0; }
    .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_title {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #000000; }
    .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_description {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.29;
      color: #222222;
      padding-bottom: 0; }
      .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_description li {
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1;
        color: #222222; }
    .marketing_paywall_container .marketing_paywall .paywall_description-container .paywall_box .paywall_content .paywall_hypertextLink a {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1;
      color: #0066ff; } }

.footer-links-container {
  padding-right: 45px;
  padding-left: 45px;
  padding-top: 24px;
  height: 55px; }
  .footer-links-container .center {
    display: inline-block;
    margin-left: 50%;
    transform: translateX(-50%); }
  .footer-links-container .title {
    font-family: "lato";
    font-weight: 900;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1;
    color: #ffffff;
    border-right: 1px solid #ffffff;
    display: inline-block;
    padding: 4px 15px 8px; }
    .footer-links-container .title p {
      margin-bottom: 0px;
      padding-top: 4px; }
  .footer-links-container a {
    display: inline-block;
    margin-left: 15px; }
    .footer-links-container a img {
      width: 24px;
      margin-top: -8px; }

@media only screen and (max-width: 767.5px) {
  .footer-links-container {
    height: 118px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center; }
    .footer-links-container .pull-right, .footer-links-container .pull-left {
      float: none !important;
      /*importants already used on all pulls*/ }
    .footer-links-container .center {
      margin-left: 0;
      transform: none;
      display: block; }
    .footer-links-container .title {
      display: block;
      border-right: 0px;
      border-bottom: 1px solid #ffffff;
      padding-bottom: 7px;
      padding-top: 0px;
      font-family: "lato";
      font-weight: 900;
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.18;
      color: #ffffff;
      letter-spacing: 0.3px; }
    .footer-links-container a {
      margin-top: 24px;
      margin-left: 39px; }
      .footer-links-container a:nth-child(2) {
        margin-left: 0px; } }

.marketing-globalFooter-main-container.subscribe-global-ftr .globalFooter-content .row {
  display: none; }

@media only screen and (max-width: 767.5px) {
  .marketing-globalFooter-main-container.subscribe-global-ftr .globalFooter-content .globalFooter-bottom {
    height: 139px; } }

.magazine-display {
  margin-top: 51px; }
  .magazine-display .magazine-display-container.row {
    display: flex;
    flex-wrap: wrap; }
  .magazine-display .magazine-display-container .magazine-display-container-details {
    text-align: center;
    padding: 18px 20px 28px;
    margin-bottom: 25px;
    border: 1px solid transparent;
    cursor: pointer; }
    .magazine-display .magazine-display-container .magazine-display-container-details:hover {
      border-radius: 6px;
      background-color: #f9fafb;
      border-color: #b3cde3; }
    .magazine-display .magazine-display-container .magazine-display-container-details.selected {
      border-radius: 6px;
      background-color: #f9fafb;
      border-color: #b3cde3; }
      .magazine-display .magazine-display-container .magazine-display-container-details.selected .magazine-selection .magazine-selection-check .checkbox-checked {
        display: block; }
      .magazine-display .magazine-display-container .magazine-display-container-details.selected .magazine-selection .magazine-selection-check .checkbox-unchecked {
        display: none; }
    .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-image {
      height: 198px; }
      .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-image img {
        max-width: 144px;
        height: 100%; }
    .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-container {
      margin-top: 19px; }
      .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-container p {
        margin-bottom: 0; }
      .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-container .magazine-display-container-details-container-name {
        font-family: "lato";
        font-weight: 700;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.23;
        color: #110c0e; }
      .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-container .magazine-display-container-details-container-grade {
        font-family: "lato";
        font-weight: 400;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.85;
        color: #110c0e;
        margin-top: 1px; }
      .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-container .magazine-display-container-details-container-issues {
        font-family: "lato";
        font-weight: 400;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.85;
        color: #110c0e; }
        .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-container .magazine-display-container-details-container-issues span {
          font-family: "lato";
          font-weight: 700;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.85;
          color: #110c0e; }
      .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-container .magazine-display-container-details-container-price {
        font-family: "lato";
        font-weight: 400;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.85;
        color: #110c0e; }
        .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-container .magazine-display-container-details-container-price.has-sale-price .magazine-price {
          text-decoration: line-through; }
        .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-container .magazine-display-container-details-container-price .sale-price {
          font-family: "lato";
          font-weight: 700;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.85;
          color: #ec1e67;
          display: inline-block;
          margin-left: 5px; }
        .magazine-display .magazine-display-container .magazine-display-container-details .magazine-display-container-details-container .magazine-display-container-details-container-price .magazine-price {
          font-family: "lato";
          font-weight: 700;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.85;
          color: #110c0e; }
    .magazine-display .magazine-display-container .magazine-display-container-details .magazine-selection {
      margin-top: 8px; }
      .magazine-display .magazine-display-container .magazine-display-container-details .magazine-selection .magazine-selection-check {
        margin-bottom: 0;
        cursor: pointer; }
        .magazine-display .magazine-display-container .magazine-display-container-details .magazine-selection .magazine-selection-check input[type="checkbox"] {
          display: none; }
        .magazine-display .magazine-display-container .magazine-display-container-details .magazine-selection .magazine-selection-check .checkbox-selected {
          height: 18px;
          display: none; }

.magazine-spins-modal-opened .marketing-FullWidthCTA .sticky {
  display: none; }

.magazine-spins-modal-container p {
  margin-bottom: 0; }

.magazine-spins-modal-container .modal-dialog {
  max-width: 664px; }
  .magazine-spins-modal-container .modal-dialog .modal-content {
    padding: 50px 0;
    border-radius: 0;
    height: calc(100vh - 100px);
    overflow: hidden; }
  .magazine-spins-modal-container .modal-dialog .spins-modal-close {
    position: absolute;
    top: 5px;
    right: 11px; }
    .magazine-spins-modal-container .modal-dialog .spins-modal-close img {
      width: 15px;
      height: 15px;
      cursor: pointer; }
  .magazine-spins-modal-container .modal-dialog .spins-modal-header {
    text-align: center;
    font-family: "lato";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    color: #2b2a2b;
    letter-spacing: 0.6px;
    margin-bottom: 25px; }
  .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines {
    overflow-y: scroll;
    height: calc(100vh - 317px); }
    .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine {
      display: flex;
      padding: 0 0 0 30px;
      margin: 0 20px 40px;
      border-bottom: 1px solid #e2e4e7; }
      .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine:last-child {
        border-bottom: none; }
      .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .selected-magazine {
        display: flex; }
        .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .selected-magazine .magazine-details {
          text-align: center;
          margin-right: 50px;
          max-width: 145px;
          align-self: center; }
          .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .selected-magazine .magazine-details img {
            height: 168px;
            width: 124px;
            margin-bottom: 6px;
            display: inline-block; }
          .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .selected-magazine .magazine-details .title {
            font-family: "lato";
            font-weight: 700;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.23;
            color: #110c0e; }
          .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .selected-magazine .magazine-details .grade {
            font-family: "lato";
            font-weight: 500;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.85;
            color: #110c0e;
            height: 48px; }
        .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .selected-magazine .plus-icon {
          align-self: center;
          margin-right: 30px; }
          .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .selected-magazine .plus-icon img {
            width: 20px;
            height: 20px; }
      .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .spins-in-magazine {
        align-self: center; }
        .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .spins-in-magazine .spin {
          display: flex;
          margin-bottom: 10px; }
          .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .spins-in-magazine .spin img {
            display: inline-block;
            width: 78px;
            height: 104px;
            margin-right: 12px; }
          .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .spins-in-magazine .spin .spin-details {
            width: 142px;
            margin-right: 30px; }
            .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .spins-in-magazine .spin .spin-details .title {
              font-family: "lato";
              font-weight: 700;
              font-size: 13px;
              font-size: 0.8125rem;
              line-height: 1.23;
              color: #110c0e; }
            .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .spins-in-magazine .spin .spin-details .grade {
              font-family: "lato";
              font-weight: 500;
              font-size: 13px;
              font-size: 0.8125rem;
              line-height: 1.85;
              color: #110c0e; }
            .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .spins-in-magazine .spin .spin-details .price {
              font-family: "lato";
              font-weight: 500;
              font-size: 13px;
              font-size: 0.8125rem;
              line-height: 1.85;
              color: #110c0e; }
              .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .spins-in-magazine .spin .spin-details .price .price-value {
                font-family: "lato";
                font-weight: 700;
                font-size: 13px;
                font-size: 0.8125rem;
                line-height: 1.85;
                color: #110c0e; }
          .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .spins-in-magazine .spin .spin-add-button {
            align-self: center;
            width: 100px;
            height: 30px;
            border-radius: 5px;
            text-align: center;
            border: 1px solid #2c7aec;
            background-color: #ffffff;
            font-family: "lato";
            font-weight: 700;
            font-size: 13px;
            font-size: 0.8125rem;
            color: #2c7aec; }
            .magazine-spins-modal-container .modal-dialog .spins-modal-body .magazines .magazine .spins-in-magazine .spin .spin-add-button.active {
              background-color: #2c7aec;
              font-family: "lato";
              font-weight: 700;
              font-size: 13px;
              font-size: 0.8125rem;
              color: #ffffff; }
  .magazine-spins-modal-container .modal-dialog .spins-modal-body .spins-magazine-buttons {
    display: flex;
    justify-content: flex-end;
    padding: 0 50px;
    margin-top: 16px; }
    .magazine-spins-modal-container .modal-dialog .spins-modal-body .spins-magazine-buttons .no-thanks {
      font-family: "lato";
      font-weight: 500;
      font-size: 16px;
      font-size: 1rem;
      color: #666666;
      margin-right: 30px;
      background: #ffffff;
      border: none;
      text-decoration: underline; }
    .magazine-spins-modal-container .modal-dialog .spins-modal-body .spins-magazine-buttons .continue {
      width: 155px;
      height: 50px;
      border-radius: 100px;
      background-color: #ffffff;
      border: solid 1px #e2e4e7;
      font-family: "lato";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      color: #e2e4e7;
      letter-spacing: 0.8px; }
      .magazine-spins-modal-container .modal-dialog .spins-modal-body .spins-magazine-buttons .continue.active {
        background-color: #f8980d;
        border: solid 1px #f8980d;
        font-family: "lato";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        color: #ffffff;
        letter-spacing: 0.8px; }

@media only screen and (max-width: 767px) {
  .magazine-display .magazine-display-container {
    display: block;
    flex-wrap: unset; }
    .magazine-display .magazine-display-container.row {
      display: block; }
    .magazine-display .magazine-display-container .col-xs-6:nth-child(2n+1) {
      clear: both; } }

.grades-container {
  margin-top: 61px;
  margin-left: 30px; }
  .grades-container .grades-container-title {
    font-family: "lato";
    font-weight: 900;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1;
    color: #000000;
    letter-spacing: 1px;
    margin-bottom: 13px;
    padding-top: 27px;
    border-top: 1px solid #d8d8d8; }
  .grades-container .grades-container-selection {
    margin-bottom: 24px; }
    .grades-container .grades-container-selection .grades-container-selection-check {
      font-family: "lato";
      font-weight: 400;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.08;
      color: #000000;
      letter-spacing: 0.5px;
      margin-bottom: 0;
      cursor: pointer; }
      .grades-container .grades-container-selection .grades-container-selection-check .sw-icon {
        bottom: 2px;
        position: relative;
        margin-right: 6px;
        vertical-align: middle; }
        .grades-container .grades-container-selection .grades-container-selection-check .sw-icon.checkbox-selected {
          height: 18px;
          display: none; }
      .grades-container .grades-container-selection .grades-container-selection-check input[type="checkbox"] {
        display: none; }

.marketing-recipient-quantity {
  margin: 0 20px 0 15px; }
  .marketing-recipient-quantity .marketing-recipient-quantity-buttons .back-continue .gen-invalid-message-container {
    margin-top: -20px;
    margin-left: 0px; }
  .marketing-recipient-quantity .marketing-recipient-quantity-container {
    padding: 20px 20px;
    margin-top: 45px;
    background-color: #f9fafb; }
    .marketing-recipient-quantity .marketing-recipient-quantity-container p {
      margin-bottom: 0; }
    .marketing-recipient-quantity .marketing-recipient-quantity-container .header {
      font-family: "lato";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.07;
      color: #333333;
      letter-spacing: normal;
      margin-bottom: 9px; }
    .marketing-recipient-quantity .marketing-recipient-quantity-container .description {
      font-family: "lato";
      font-weight: 500;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.38;
      color: #333333;
      letter-spacing: normal;
      margin-bottom: 56px; }
    .marketing-recipient-quantity .marketing-recipient-quantity-container .popover {
      margin-left: 11px;
      width: 249px;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
      border: 1px solid #dc0404;
      border-radius: 0; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .popover.right > .arrow {
        border-right-color: #dc0404; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .popover.right > .arrow:after {
          left: 2px; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .popover.right > .arrow:before {
          display: none; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .popover .popover-content {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #110c0e;
        padding: 9px 10px 13px;
        float: left;
        position: relative;
        background: transparent; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .popover .popover-content .glyphicon {
          font-family: 'Glyphicons Halflings'; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .popover .popover-content span.error-icon {
          margin-right: 8px;
          color: #dc0404;
          position: absolute;
          top: 13px; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .popover .popover-content span.error-message {
          display: inline-block;
          margin-left: 23px; }
    .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 47px; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine img {
        height: 104px;
        margin-bottom: 10px; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine div:last-of-type .plus-icon {
        display: none; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine:last-child line {
        display: none; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .magazine-details,
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .spin {
        display: flex; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .spin {
        margin-left: 30px; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .details {
        margin-left: 12px; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .details .title {
          font-family: "lato";
          font-weight: 700;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.23;
          color: #110c0e;
          letter-spacing: normal; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .details .grade {
          font-family: "lato";
          font-weight: 500;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.85;
          color: #110c0e;
          letter-spacing: normal; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .details .price {
          font-family: "lato";
          font-weight: 700;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.85;
          color: #110c0e;
          letter-spacing: normal; }
          .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .details .price .label {
            font-family: "lato";
            font-weight: 500;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.85;
            color: #110c0e;
            letter-spacing: normal;
            padding: 0;
            font-weight: normal; }
          .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .details .price.strike .price-value {
            text-decoration: line-through;
            font-family: "lato";
            font-weight: 500;
            font-size: 13px;
            font-size: 0.8125rem;
            line-height: 1.85;
            color: #110c0e;
            letter-spacing: normal; }
          .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .details .price.sale-price {
            color: #ec1e67;
            margin-top: -6px; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .details .price.sale-price + .remove-magazine {
              margin-top: -6px; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .details .remove-magazine a {
          font-family: "lato";
          font-weight: 500;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: 1.85;
          color: #2c7aec;
          letter-spacing: normal; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .plus-icon {
        align-self: center;
        margin-left: 12px; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .plus-icon img {
          width: 20px;
          height: 20px; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details {
        display: flex;
        flex-basis: 100%;
        margin-top: 25px; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label {
          display: flex;
          flex-direction: column;
          margin-right: 20px; }
          .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label span:not(.glyphicon) {
            font-family: "lato";
            font-weight: 500;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.38;
            color: #000000;
            letter-spacing: normal; }
          .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input {
            width: 302px;
            height: 40px;
            background-color: #ffffff;
            border: solid 1.2px #e2e4e7;
            padding: 10px 20px;
            font-family: "lato";
            font-weight: 500;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.38;
            color: #000000;
            letter-spacing: normal; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input.error.ng-touched {
              border-color: #dc0404; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input.ng-touched.ng-invalid-required {
              border-color: #dc0404; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input:focus.placeholder {
              color: transparent; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input:focus:-moz-placeholder {
              color: transparent; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input:focus::-moz-placeholder {
              color: transparent; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input:focus:-ms-input-placeholder {
              color: transparent; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input:focus::-webkit-input-placeholder {
              color: transparent; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input.placeholder {
              font-family: "lato";
              font-weight: 500;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.38;
              color: #000000;
              letter-spacing: normal; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input:-moz-placeholder {
              font-family: "lato";
              font-weight: 500;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.38;
              color: #000000;
              letter-spacing: normal; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input::-moz-placeholder {
              font-family: "lato";
              font-weight: 500;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.38;
              color: #000000;
              letter-spacing: normal; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input:-ms-input-placeholder {
              font-family: "lato";
              font-weight: 500;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.38;
              color: #000000;
              letter-spacing: normal; }
            .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input::-webkit-input-placeholder {
              font-family: "lato";
              font-weight: 500;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.38;
              color: #000000;
              letter-spacing: normal; }
          .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label.quantity input {
            width: 54px;
            padding: 10px 12px;
            border-radius: 4px;
            text-align: center; }
        .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details .remove-recipient {
          align-self: center;
          margin-top: 17px;
          background: transparent;
          border: none; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .add-recipient {
        font-family: "lato";
        font-weight: 500;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.85;
        color: #2c7aec;
        letter-spacing: normal;
        background: transparent;
        border: none; }
      .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .border {
        border-bottom: 1px solid #e2e4e7;
        margin: 22px -30px 0 -30px;
        width: calc(100% + 60px); }

.marketing-recipient-quantity-buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 34px; }
  .marketing-recipient-quantity-buttons .add-magazine {
    align-self: center; }
    .marketing-recipient-quantity-buttons .add-magazine button {
      width: 126px;
      height: 40px;
      border: 1px solid #2c7aec;
      border-radius: 4px;
      background-color: #ffffff;
      font-family: "lato";
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      color: #2c7aec;
      letter-spacing: normal; }
  .marketing-recipient-quantity-buttons .back-continue button {
    width: 155px;
    height: 50px;
    border-radius: 100px;
    background-color: #ffffff;
    font-family: "lato";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    color: #2c7aec;
    letter-spacing: 0.8px; }
    .marketing-recipient-quantity-buttons .back-continue button.back {
      border: 1px solid #2c7aec;
      margin-right: 9px; }
    .marketing-recipient-quantity-buttons .back-continue button.continue {
      background-color: #f8980d;
      color: #ffffff;
      border: none; }
      .marketing-recipient-quantity-buttons .back-continue button.continue.disable {
        background: #ffffff;
        border: 1px solid #e2e4e7;
        color: #e2e4e7;
        pointer-events: none;
        cursor: not-allowed; }

/*Tablet Styles*/
@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details {
    display: block; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .marketing-recipient-quantity .marketing-recipient-quantity-buttons .back-continue .gen-invalid-message-container {
    margin-right: 15px; }
  .marketing-recipient-quantity .marketing-recipient-quantity-buttons .back-continue button.back {
    width: 220px; }
  .marketing-recipient-quantity .marketing-recipient-quantity-buttons .back-continue button.continue {
    width: 220px; }
  .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details {
    display: block; }
    .marketing-recipient-quantity .marketing-recipient-quantity-container .selected-magazines .magazine .recipient-details label input {
      width: auto; } }

.marketing-review-submit .subscription-recipients-form {
  margin-top: 24px;
  padding-top: 25px;
  border-top: 1px solid #e2e4e7; }

.marketing-review-submit .subscription-address-details.recipient-details {
  margin-top: 13px; }
  .marketing-review-submit .subscription-address-details.recipient-details .magazine {
    margin-bottom: 17px; }
    .marketing-review-submit .subscription-address-details.recipient-details .magazine .add-recipient button {
      font-family: "lato";
      font-weight: 500;
      font-size: 14px;
      font-size: 0.875rem;
      color: #2c7aec;
      letter-spacing: 0.5px;
      background-color: transparent;
      border: none;
      margin-bottom: 37px; }
    .marketing-review-submit .subscription-address-details.recipient-details .magazine .recipients .form-control.ng-invalid.ng-touched {
      border-color: #dc0404; }
    .marketing-review-submit .subscription-address-details.recipient-details .magazine .recipients .quantity-input {
      max-width: 100px; }
  .marketing-review-submit .subscription-address-details.recipient-details .magazine-name {
    font-family: "lato";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #2b2a2b;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    display: inline-block; }

.marketing-review-submit .subscription-address-details-display.recipient-details {
  margin-top: 13px;
  margin-bottom: 0;
  font-family: "lato";
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71;
  color: #2b2a2b;
  letter-spacing: 0.5px; }
  .marketing-review-submit .subscription-address-details-display.recipient-details .magazine {
    margin-bottom: 17px; }
    .marketing-review-submit .subscription-address-details-display.recipient-details .magazine:last-child {
      margin-bottom: 10px; }
  .marketing-review-submit .subscription-address-details-display.recipient-details span {
    display: inline-block; }
  .marketing-review-submit .subscription-address-details-display.recipient-details .magazine-name {
    font-family: "lato";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #2b2a2b;
    letter-spacing: 0.5px;
    padding-bottom: 10px; }
    .marketing-review-submit .subscription-address-details-display.recipient-details .magazine-name.spin-name {
      margin-right: 3px; }
  .marketing-review-submit .subscription-address-details-display.recipient-details .recipients {
    margin-bottom: 0; }
    .marketing-review-submit .subscription-address-details-display.recipient-details .recipients .recipient-name {
      width: 160px;
      word-wrap: break-word; }
    .marketing-review-submit .subscription-address-details-display.recipient-details .recipients .recipient-email {
      width: 240px;
      word-wrap: break-word; }
    .marketing-review-submit .subscription-address-details-display.recipient-details .recipients .recipient-qty {
      margin-left: 20px; }

.sticky-subscribe {
  position: absolute;
  top: -41px;
  right: 0;
  z-index: 100;
  display: flex;
  height: 54px;
  cursor: pointer; }
  .sticky-subscribe p {
    margin: 0;
    white-space: nowrap; }
  .sticky-subscribe .svg-container svg {
    height: 100%;
    max-height: 100%;
    width: 16.3px;
    float: right; }
  .sticky-subscribe .sticky-subscribe-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin-left: -1px;
    font-family: "lato";
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.17;
    color: #ffffff;
    font-family: "objektiv-mk2";
    font-weight: 700;
    text-align: right;
    padding-right: 12px;
    padding-left: 2px; }
    .sticky-subscribe .sticky-subscribe-text p:first-child {
      margin: 0 0 7px 0; }
    .sticky-subscribe .sticky-subscribe-text .description {
      font-family: "lato";
      font-weight: 500;
      font-size: 12px;
      font-size: 0.75rem;
      color: #ffdf6f;
      letter-spacing: 0.3px;
      font-family: "objektiv-mk2";
      font-weight: 500; }

@media only screen and (min-width: 768px) {
  .sticky-subscribe {
    top: 300px; } }

@media only screen and (min-width: 1200px) {
  .sticky-subscribe {
    position: fixed;
    top: 390px;
    height: 65px; }
    .sticky-subscribe .svg-container svg {
      width: auto;
      height: 65px; }
    .sticky-subscribe .sticky-subscribe-text {
      font-family: "lato";
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #ffffff;
      font-family: "objektiv-mk2";
      font-weight: 700;
      text-align: right; }
      .sticky-subscribe .sticky-subscribe-text .description {
        font-family: "lato";
        font-weight: 500;
        font-size: 14px;
        font-size: 0.875rem;
        color: #ffdf6f;
        letter-spacing: 0.3px;
        font-family: "objektiv-mk2";
        font-weight: 500; } }

.buttonContainerFullWidth {
  width: 100%;
  text-align: center; }
  .buttonContainerFullWidth .btn {
    font-family: "lato";
    font-weight: 900;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 0.77;
    color: #000000;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    background-color: #fff200;
    padding: 24px 0;
    text-transform: uppercase;
    border-radius: 0; }
    .buttonContainerFullWidth .btn:hover {
      text-decoration: underline; }
  .buttonContainerFullWidth .description-text {
    font-family: "lato";
    font-weight: 700;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 0.77;
    color: #ffffff;
    letter-spacing: 2px;
    display: inline-block;
    vertical-align: middle; }
    .buttonContainerFullWidth .description-text p {
      margin-bottom: 0; }
    .buttonContainerFullWidth .description-text + .btn {
      max-width: 273px;
      height: 37px;
      border-radius: 100px;
      padding: 8px 0 0;
      margin: 15px 0 14px 14px; }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .buttonContainerFullWidth .description-text .long-description {
    line-height: 1.3;
    padding-top: 14px;
    display: inline-block; } }

@media only screen and (max-width: 767.5px) {
  .buttonContainerFullWidth .description-text {
    font-family: "lato";
    font-weight: 700;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 0.77;
    color: #ffffff;
    letter-spacing: 2px;
    margin-top: 26px; }
    .buttonContainerFullWidth .description-text + .btn {
      max-width: 275px;
      margin: 18px 0 21px;
      height: 40px; }
    .buttonContainerFullWidth .description-text .long-description {
      padding: 0 10px; } }

.marketing-subscribe-cta-container {
  text-align: center;
  margin-top: 36px; }
  .marketing-subscribe-cta-container .marketing-subscribe-cta-element {
    font-family: "lato";
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 0.8;
    color: #ffffff;
    letter-spacing: normal;
    font-family: "objektiv-mk2";
    font-weight: 700;
    width: 200px;
    border-radius: 3px;
    padding: 12px 0 14px;
    max-width: 100%; }
    @media only screen and (min-width: 768px) and (max-width: 991.5px) {
      .marketing-subscribe-cta-container .marketing-subscribe-cta-element {
        font-family: "lato";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 0.89;
        color: #ffffff;
        letter-spacing: normal;
        font-family: "objektiv-mk2";
        font-weight: 700;
        width: 150px; } }
    @media only screen and (max-width: 767.5px) {
      .marketing-subscribe-cta-container .marketing-subscribe-cta-element {
        font-family: "lato";
        font-weight: 700;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.14;
        color: #ffffff;
        letter-spacing: normal;
        font-family: "objektiv-mk2";
        font-weight: 700;
        width: 143px;
        padding: 7px 0 8px; } }

.age-gate-modal-container {
  color: #000; }
  .age-gate-modal-container .title {
    margin-top: 3.125rem;
    font-size: 3.375rem;
    font-family: "museo-sans";
    font-weight: 700;
    font-family: "Helvetica-bold", "Arial-bold", sans-serif;
    font-weight: 700; }
  .age-gate-modal-container.modal.in .modal-dialog {
    width: 61%; }
  .age-gate-modal-container .subtitle {
    margin: 2.25rem 0;
    font-family: "museo-sans";
    font-weight: 700;
    font-family: "Helvetica-bold", "Arial-bold", sans-serif;
    font-weight: 700; }
  .age-gate-modal-container .oops-title {
    margin-top: 7.5rem;
    font-family: "museo-sans";
    font-weight: 700;
    font-family: "Helvetica-bold", "Arial-bold", sans-serif;
    font-weight: 700; }
  .age-gate-modal-container .oops-subtitle {
    margin-top: 1rem;
    margin-bottom: 2.25rem;
    font-family: "museo-sans";
    font-weight: 700;
    font-family: "Helvetica-bold", "Arial-bold", sans-serif;
    font-weight: 700;
    font-size: 1.25rem; }
  .age-gate-modal-container .age-form {
    margin: 0 auto;
    text-align: center; }
    .age-gate-modal-container .age-form:before {
      content: ' ';
      display: table; }
    .age-gate-modal-container .age-form:after {
      content: ' ';
      display: table;
      clear: both; }
    .age-gate-modal-container .age-form .input-col {
      display: inline-block; }
    .age-gate-modal-container .age-form .input-month .input-field,
    .age-gate-modal-container .age-form .input-day .input-field {
      width: 5.625rem; }
    .age-gate-modal-container .age-form .input-year .input-field {
      width: 7.5rem; }
    .age-gate-modal-container .age-form .input-field {
      background-color: #fff;
      border-width: .1875rem;
      font-size: 1.125rem;
      text-align: center;
      -webkit-box-shadow: 0 0.625rem 0 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 0 0.625rem 0 0 rgba(0, 0, 0, 0.1);
      -ms-box-shadow: 0 0.625rem 0 0 rgba(0, 0, 0, 0.1);
      -o-box-shadow: 0 0.625rem 0 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 0.625rem 0 0 rgba(0, 0, 0, 0.1);
      font-family: "museo-sans";
      font-weight: 500;
      font-family: "Helvetica-bold", "Arial-bold", sans-serif;
      color: #000;
      border: .125rem solid #000;
      text-align: center;
      height: 3.125rem;
      vertical-align: top;
      text-align: center;
      cursor: pointer; }
      .age-gate-modal-container .age-form .input-field:focus, .age-gate-modal-container .age-form .input-field:hover {
        background-color: rgba(255, 255, 255, 0.2);
        -webkit-box-shadow: 0 0.1875rem 0 0 rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 0.1875rem 0 0 rgba(0, 0, 0, 0.4);
        -ms-box-shadow: 0 0.1875rem 0 0 rgba(0, 0, 0, 0.4);
        -o-box-shadow: 0 0.1875rem 0 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0.1875rem 0 0 rgba(0, 0, 0, 0.4);
        outline: none; }
    .age-gate-modal-container .age-form .input-label {
      display: block;
      font-size: 1.875rem;
      margin-top: .4375rem; }
  .age-gate-modal-container .privacy-policy {
    font-family: "museo-sans";
    font-weight: 500;
    font-family: "Helvetica-bold", "Arial-bold", sans-serif;
    font-size: .875rem;
    margin-top: 1.75rem;
    word-spacing: 0.01em; }
    .age-gate-modal-container .privacy-policy .privacy-link {
      font-size: .875rem;
      letter-spacing: 0;
      font-family: "museo-sans";
      font-weight: 700;
      font-family: "Helvetica-bold", "Arial-bold", sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      color: #000;
      text-decoration: underline; }
  .age-gate-modal-container .modal-continue {
    margin-bottom: 3rem;
    margin-top: 2.25rem; }
    .age-gate-modal-container .modal-continue .cta-primary {
      text-decoration: none;
      display: inline-block;
      background-color: #fff;
      color: #000;
      padding: .6875rem 1.25rem;
      border-radius: 1.25rem;
      border: 0;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: .15em;
      font-size: .75rem;
      font-family: "museo-sans";
      font-weight: 700;
      font-family: "Helvetica-bold", "Arial-bold", sans-serif;
      font-weight: 700;
      outline: none !important;
      -webkit-box-shadow: -0.3125rem 0.3125rem 0 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -0.3125rem 0.3125rem 0 0 rgba(0, 0, 0, 0.1);
      -ms-box-shadow: -0.3125rem 0.3125rem 0 0 rgba(0, 0, 0, 0.1);
      -o-box-shadow: -0.3125rem 0.3125rem 0 0 rgba(0, 0, 0, 0.1);
      box-shadow: -0.3125rem 0.3125rem 0 0 rgba(0, 0, 0, 0.1); }
  .age-gate-modal-container .oops-modal-continue {
    margin-bottom: 9.375rem;
    margin-top: 2.25rem; }
    .age-gate-modal-container .oops-modal-continue .cta-primary {
      text-decoration: none;
      display: inline-block;
      background-color: #fff;
      color: #000;
      padding: .6875rem 1.25rem;
      border-radius: 1.25rem;
      border: 0;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: .15em;
      font-size: .75rem;
      font-family: "museo-sans";
      font-weight: 700;
      font-family: "Helvetica-bold", "Arial-bold", sans-serif;
      font-weight: 700;
      outline: none !important;
      -webkit-box-shadow: -0.3125rem 0.3125rem 0 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -0.3125rem 0.3125rem 0 0 rgba(0, 0, 0, 0.1);
      -ms-box-shadow: -0.3125rem 0.3125rem 0 0 rgba(0, 0, 0, 0.1);
      -o-box-shadow: -0.3125rem 0.3125rem 0 0 rgba(0, 0, 0, 0.1);
      box-shadow: -0.3125rem 0.3125rem 0 0 rgba(0, 0, 0, 0.1); }
  .age-gate-modal-container .icon-close-button {
    position: absolute;
    right: 4%;
    font-size: 4rem;
    z-index: 5;
    cursor: pointer; }

@media only screen and (max-width: 759px) {
  .age-gate-modal-container.modal.in .modal-dialog {
    width: 100%;
    margin: 0; }
  .age-gate-modal-container .age-form {
    max-width: 20rem; }
    .age-gate-modal-container .age-form .input-month .input-field,
    .age-gate-modal-container .age-form .input-day .input-field {
      width: 4.625rem;
      margin-right: .8125rem; }
    .age-gate-modal-container .age-form .input-year .input-field {
      width: 6.375rem; }
    .age-gate-modal-container .age-form .input-field {
      font-size: .875rem;
      height: 2.75rem; }
    .age-gate-modal-container .age-form .input-label {
      font-size: 1rem;
      margin-top: .625rem; }
  .age-gate-modal-container .title {
    font-size: 1.875rem;
    margin-left: 3.125rem;
    margin-right: 3.125rem;
    margin-top: 3.4375rem; }
  .age-gate-modal-container .subtitle {
    font-size: 1rem;
    margin-bottom: 1.6875rem;
    margin-top: 1.375rem; }
  .age-gate-modal-container .oops-title {
    font-size: 1.875rem;
    margin-left: 3.125rem;
    margin-right: 3.125rem;
    margin-top: 3.4375rem; }
  .age-gate-modal-container .oops-subtitle {
    font-size: 1rem;
    margin-top: 1.75rem;
    margin-bottom: 1.6875rem; }
  .age-gate-modal-container .privacy-policy {
    margin-top: 2.125rem; }
  .age-gate-modal-container .oops-modal-continue {
    margin-bottom: 3.125rem; }
  .age-gate-modal-container .age-gate-modal-section {
    padding: 0 !important; }
  .age-gate-modal-container .icon-close-button {
    right: 3%;
    font-size: 3rem;
    top: -1%; } }

@media only screen and (min-width: 760px) {
  .age-gate-modal-container.modal.in .modal-dialog {
    width: 70%; }
  .age-gate-modal-container .age-form {
    max-width: 27.5rem;
    padding-right: .9375rem; }
    .age-gate-modal-container .age-form .input-col {
      float: left;
      width: 33.33%; }
  .age-gate-modal-container .icon-close-button {
    right: 3%;
    font-size: 3rem;
    top: -1%; } }

.marketing-image-banner {
  max-width: 1440px;
  padding-right: 0;
  padding-left: 0; }
  .marketing-image-banner .marketing-banner-image-wrapper {
    position: relative; }
    .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-background {
      height: 363px;
      background-position: top;
      background-repeat: no-repeat;
      background-size: cover; }
      .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-background.image-banner-visible-sm {
        display: none; }
      .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-background.image-banner-hidden-sm {
        display: block; }
    .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content {
      position: absolute;
      top: 0;
      margin-top: 51px;
      margin-left: 40px;
      max-height: 312px;
      width: calc(100% - 80px); }
      .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .banner-title {
        margin-right: 760px;
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 48px;
        font-size: 3rem;
        line-height: 1.04;
        color: #ffffff;
        letter-spacing: normal; }
        .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .banner-title p {
          margin: unset; }
      .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .banner-desc {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.2;
        color: #ffffff;
        letter-spacing: normal;
        margin-top: 17px;
        margin-right: 854px; }
        .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .banner-desc p {
          margin: unset; }
      .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .button-container {
        height: 40px;
        text-align: center;
        margin-top: 35.5px; }
        .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .button-container .primary-button {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #ffffff;
          letter-spacing: normal;
          line-height: normal;
          padding: 10.5px 24.5px 10.5px 24.5px;
          background-color: #006cc0;
          border: none;
          border-radius: 4px;
          text-align: center;
          cursor: pointer;
          text-decoration: none; }

@media screen and (min-width: 414.5px) and (max-width: 1024px) {
  .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-background.image-banner-visible-sm {
    display: none; }
  .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-background.image-banner-hidden-sm {
    display: block; }
  .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: 0;
    max-height: none; }
    .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .banner-title {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 1.15;
      color: #ffffff;
      letter-spacing: normal;
      margin-right: 276px; }
    .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .banner-desc {
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 1.15;
      color: #ffffff;
      letter-spacing: normal;
      margin-top: 15px;
      margin-right: 240px; }
    .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .button-container {
      margin-top: 40.5px; } }

@media screen and (max-width: 414px) {
  .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-background {
    height: 314px; }
    .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-background.image-banner-visible-sm {
      display: block; }
    .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-background.image-banner-hidden-sm {
      display: none; }
  .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content {
    width: calc(100% - 30px);
    margin-left: 15px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    margin-top: 0;
    max-height: none; }
    .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .banner-title {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.2;
      color: #ffffff;
      letter-spacing: normal;
      margin-right: 0; }
    .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .banner-desc {
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.2;
      color: #ffffff;
      letter-spacing: normal;
      margin-top: 15px;
      margin-right: 0; }
    .marketing-image-banner .marketing-banner-image-wrapper .marketing-banner-content .button-container {
      margin-top: 30.5px; } }

.marketing-carousel-wrapper .timed-carousel-wrapper .marketing-timed-carousel-slides .slick-list .slick-track .slide-section img.marketing-hidden-md {
  display: none !important; }

@media screen and (min-width: 414.5px) and (max-width: 1024px) {
  .marketing-carousel-wrapper .timed-carousel-wrapper .marketing-timed-carousel-slides .slick-list .slick-track .slide-section img.marketing-hidden-sm {
    display: none !important; } }

@media screen and (min-width: 375.5px) and (max-width: 414px) {
  .marketing-carousel-wrapper .timed-carousel-wrapper .marketing-timed-carousel-slides .slick-list .slick-track .slide-section img.marketing-hidden-xs {
    display: none !important; }
  .marketing-carousel-wrapper .timed-carousel-wrapper .marketing-timed-carousel-slides .slick-list .slick-track .slide-section img.marketing-visible-xs {
    display: block !important; } }

@media screen and (max-width: 375px) {
  .marketing-carousel-wrapper .timed-carousel-wrapper .marketing-timed-carousel-slides .slick-list .slick-track .slide-section img.marketing-hidden-xs {
    display: none !important; }
  .marketing-carousel-wrapper .timed-carousel-wrapper .marketing-timed-carousel-slides .slick-list .slick-track .slide-section img.marketing-visible-xs {
    display: block !important; } }

.image-overlay-container {
  position: relative; }
  .image-overlay-container .image-overlay-image {
    width: 100%;
    height: 717px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover; }
    .image-overlay-container .image-overlay-image.image-overlay-visible-sm {
      display: none; }
    .image-overlay-container .image-overlay-image.image-overlay-hidden-sm {
      display: block; }
  .image-overlay-container .path-configured {
    cursor: pointer; }
  .image-overlay-container .image-overlay-title-descr-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%; }
    .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-title {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 48px;
      font-size: 3rem;
      line-height: 1.04;
      color: #f9fafb;
      letter-spacing: 1px;
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 31px auto 12px;
      max-width: 75%; }
      .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-title p {
        margin: 0; }
      .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-title h1 {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 48px;
        font-size: 3rem;
        line-height: 1.04;
        color: #f9fafb;
        letter-spacing: 1px;
        margin: 0; }
    .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-desc {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.27;
      color: #edeff0;
      letter-spacing: normal;
      position: relative;
      z-index: 1;
      text-align: center;
      margin: 0 auto 31px;
      max-width: 55%; }
      .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-desc p {
        margin: 0; }
    .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-background {
      width: 100%;
      height: 100%;
      background: #1c1c1c;
      position: absolute;
      bottom: 0;
      z-index: 0;
      filter: alpha(opacity=90);
      /* IE */
      -moz-opacity: 0.9;
      /* Mozilla */
      opacity: 0.9; }

.marketing-app-tdi-component.contentHub .content-tile-par .newpar,
.marketing-app-tdi-component.contentHub .content-tile-par .parbase {
  clear: both; }

.marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay {
  margin: 0 10px 20px;
  clear: none; }
  .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container {
    position: relative;
    overflow: hidden; }
    .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-image {
      width: 100%;
      background-position: top;
      background-repeat: no-repeat;
      background-size: cover; }
      .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-image.image-overlay-visible-sm {
        display: none; }
      .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-image.image-overlay-hidden-sm {
        display: block; }
    .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container a.path-configured {
      cursor: pointer; }
    .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-title-descr-wrapper {
      position: absolute;
      bottom: 0;
      width: 100%; }
      .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-title {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1;
        color: #f9fafb;
        letter-spacing: 0.25px;
        position: relative;
        z-index: 1;
        text-align: center;
        margin: 14px auto;
        max-width: 90%; }
        .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-title p {
          margin: 0; }
      .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-desc {
        display: none; }
      .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-background {
        width: 100%;
        height: 100%;
        background: #1c1c1c;
        position: absolute;
        bottom: 0;
        z-index: 0;
        filter: alpha(opacity=90);
        /* IE */
        -moz-opacity: 0.9;
        /* Mozilla */
        opacity: 0.9; }

@media only screen and (min-width: 1200px) {
  .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay {
    width: 340px;
    float: left; }
    .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay:nth-child(3n+1) {
      margin-left: calc((100% - 1060px) / 2); }
    .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay:nth-child(3n+3) {
      margin-right: calc((100% - 1060px) / 2); }
    .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-image {
      height: 211px; } }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .image-overlay-container .image-overlay-image {
    height: 376px; }
  .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-title {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1;
    color: #f9fafb;
    letter-spacing: 1px;
    margin: 20px auto 10px;
    max-width: 92%; }
    .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-title h1 {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 38px;
      font-size: 2.375rem;
      line-height: 1;
      color: #f9fafb;
      letter-spacing: 1px; }
  .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-desc {
    font-family: "proxima-nova";
    font-weight: 400;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18;
    color: #edeff0;
    letter-spacing: normal;
    margin: 0 auto 20px;
    max-width: 85%; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .marketing-app-tdi-component.contentHub {
    padding: 0;
    margin: 0; }
    .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay {
      width: 354px;
      float: left; }
      .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay:nth-child(2n+1) {
        margin-left: calc((100% - 728px)/2);
        clear: both; }
      .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay:nth-child(2n+2) {
        margin-right: calc((100% - 728px)/2); }
      .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-image {
        height: 220px; } }

@media only screen and (max-width: 767.5px) {
  .image-overlay-container .image-overlay-image {
    height: 364px; }
    .image-overlay-container .image-overlay-image.image-overlay-visible-sm {
      display: block; }
    .image-overlay-container .image-overlay-image.image-overlay-hidden-sm {
      display: none; }
  .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-title {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    color: #f9fafb;
    letter-spacing: 0.75px;
    margin: 22px auto 5px;
    max-width: 92%; }
    .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-title h1 {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1;
      color: #f9fafb;
      letter-spacing: 0.75px; }
  .image-overlay-container .image-overlay-title-descr-wrapper .image-overlay-desc {
    font-family: "proxima-nova";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.33;
    color: #edeff0;
    letter-spacing: normal;
    margin: 0 auto 21px;
    max-width: 92%; }
  .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay {
    width: 345px;
    margin: 0 calc((100% - 345px)/2) 15px; }
    .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-image {
      height: 214px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-image.image-overlay-visible-sm {
        display: block; }
      .marketing-app-tdi-component.contentHub .content-tile-par .page-image-overlay .image-overlay-container .image-overlay-image.image-overlay-hidden-sm {
        display: none; } }

.marketing-app-tdi-component.contentHub {
  padding: 0;
  margin: 0; }
  .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes {
    margin: 0 10px 20px;
    clear: none;
    background-color: #ecf0f1; }
    .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes a {
      text-decoration: none; }
      .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes a.path-configured {
        cursor: pointer; }
    .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes .linked-text-boxes-container {
      position: relative;
      padding: 20px 20px 19px;
      width: 100%;
      height: 100%; }
      .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes .linked-text-boxes-container .ltb-source {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        color: #3e3e39;
        letter-spacing: 0.25px;
        margin-bottom: 8px; }
      .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes .linked-text-boxes-container .ltb-title {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.27;
        color: #1f1f18;
        letter-spacing: normal;
        margin-bottom: 8px; }
        .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes .linked-text-boxes-container .ltb-title p {
          margin: 0; }
      .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes .linked-text-boxes-container .ltb-description {
        font-family: "proxima-nova";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #3e3e39;
        letter-spacing: normal; }
        .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes .linked-text-boxes-container .ltb-description p {
          margin: 0; }
      .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes .linked-text-boxes-container .ltb-icon {
        position: absolute;
        top: 10px;
        right: 10px; }

@media only screen and (min-width: 1200px) {
  .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes {
    width: 340px;
    float: left; }
    .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes:nth-child(3n+1) {
      margin-left: calc((100% - 1060px) / 2); }
    .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes:nth-child(3n+3) {
      margin-right: calc((100% - 1060px) / 2); }
    .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes .linked-text-boxes-container {
      height: 220px; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .marketing-app-tdi-component.contentHub {
    padding: 0;
    margin: 0; }
    .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes {
      width: 354px;
      float: left; }
      .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes:nth-child(2n+1) {
        margin-left: calc((100% - 728px)/2);
        clear: both; }
      .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes:nth-child(2n+2) {
        margin-right: calc((100% - 728px)/2); }
      .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes .linked-text-boxes-container {
        height: 220px; } }

@media only screen and (max-width: 767.5px) {
  .marketing-app-tdi-component.contentHub {
    padding: 0;
    margin: 0; }
    .marketing-app-tdi-component.contentHub .content-tile-par .linked-text-boxes {
      width: 345px;
      height: 214px;
      margin: 0 calc((100% - 345px)/2) 15px; } }

.misc-signup-area-container {
  width: calc(100% - 220px);
  max-width: 1192px;
  height: 130px;
  margin: 50px auto 50px;
  background-color: #021d2a;
  box-sizing: border-box;
  display: table; }
  .misc-signup-area-container .newsletter-title-descr-wrapper {
    position: relative;
    width: 51.7%;
    float: left;
    padding: 21px 32px 20px 20px; }
    .misc-signup-area-container .newsletter-title-descr-wrapper .signup-title {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.17;
      color: #f1f0ec;
      letter-spacing: normal; }
    .misc-signup-area-container .newsletter-title-descr-wrapper .signup-description {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #e1e1de;
      letter-spacing: normal;
      margin-top: 5px; }
      .misc-signup-area-container .newsletter-title-descr-wrapper .signup-description p {
        margin: unset; }
  .misc-signup-area-container .sign-up-area {
    position: relative;
    width: 48.3%;
    float: left;
    padding: 40px 30px 0 0; }
    .misc-signup-area-container .sign-up-area .input-box {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1;
      color: #3e3e39;
      letter-spacing: normal;
      line-height: normal;
      width: calc(100% - 108px);
      padding: 15px 21px 13px;
      max-height: 50px; }
      .misc-signup-area-container .sign-up-area .input-box.email-error {
        border: solid 2px #ec706b; }
    .misc-signup-area-container .sign-up-area .sign-up-button {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      color: #ffffff;
      letter-spacing: normal;
      line-height: normal;
      background-color: #0074af;
      border-radius: 4px;
      padding: 13px 13px 15px 13px;
      position: relative;
      margin-left: 6px;
      cursor: pointer;
      text-decoration: none;
      max-height: 50px;
      display: inline-block;
      width: 96px;
      height: 50px;
      vertical-align: top; }
  .misc-signup-area-container .sign-up-errors {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #ffaaa7;
    letter-spacing: normal;
    margin: 10px 0 16px 0; }
  .misc-signup-area-container .sign-up-success {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #ffaaa7;
    letter-spacing: normal;
    color: #b0fac5;
    margin: 10px 0 16px 0; }

@media screen and (min-width: 414.5px) and (max-width: 1024px) {
  .misc-signup-area-container {
    width: calc(100% - 40px);
    height: 146px;
    margin: 50px 20px 50px; }
    .misc-signup-area-container .newsletter-title-descr-wrapper {
      width: 38.8%;
      padding: 20px 28px 20px 20px; }
      .misc-signup-area-container .newsletter-title-descr-wrapper .signup-title {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1;
        color: #f1f0ec;
        letter-spacing: normal; }
      .misc-signup-area-container .newsletter-title-descr-wrapper .signup-description {
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
        color: #e1e1de;
        letter-spacing: normal;
        margin-top: 8px; }
    .misc-signup-area-container .sign-up-area {
      padding: 50px 30px 0 0;
      width: 61.2%; }
      .misc-signup-area-container .sign-up-area .input-box {
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        color: #3e3e39;
        letter-spacing: -0.07px;
        line-height: normal;
        padding: 14px 15px 14px; }
    .misc-signup-area-container .sign-up-errors {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.14;
      color: #ffaaa7;
      letter-spacing: normal; }
    .misc-signup-area-container .sign-up-success {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.14;
      color: #ffaaa7;
      letter-spacing: normal;
      color: #b0fac5; } }

@media screen and (max-width: 414px) {
  .misc-signup-area-container {
    width: calc(100% - 30px);
    height: 242px;
    margin: 35px 15px 35px; }
    .misc-signup-area-container .newsletter-title-descr-wrapper {
      width: 100%;
      padding: 20px 20px 0; }
      .misc-signup-area-container .newsletter-title-descr-wrapper .signup-title {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1;
        color: #f1f0ec;
        letter-spacing: normal; }
      .misc-signup-area-container .newsletter-title-descr-wrapper .signup-description {
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.25;
        color: #e1e1de;
        letter-spacing: normal;
        margin-top: 8px; }
    .misc-signup-area-container .sign-up-area {
      padding: 15px 20px 0;
      width: 100%; }
      .misc-signup-area-container .sign-up-area .input-box {
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        color: #3e3e39;
        letter-spacing: -0.07px;
        line-height: normal;
        padding: 15px 15px 13px; }
    .misc-signup-area-container .sign-up-errors {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.43;
      color: #ffaaa7;
      letter-spacing: normal; }
    .misc-signup-area-container .sign-up-success {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.43;
      color: #ffaaa7;
      letter-spacing: normal;
      color: #b0fac5; } }

.marketing-email-container {
  width: 617px;
  max-width: 617px;
  height: auto;
  margin: 50px auto 50px;
  box-sizing: border-box;
  display: table;
  background-color: #ffffff;
  border: 1px solid #d4d1cb; }
  .marketing-email-container .email-subject-line {
    display: none; }
  .marketing-email-container .header-container {
    position: relative;
    display: inline-flex;
    padding: 20px 40px 15px 40px;
    width: 100%;
    border-bottom: solid 1px #acacac; }
    .marketing-email-container .header-container .email-header-image img {
      height: 43px !important;
      width: 112px !important; }
    .marketing-email-container .header-container .email-authorable-text {
      width: 100%;
      height: 26px;
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 11.5px;
      font-size: 0.71875rem;
      line-height: 1.57;
      color: #000000;
      letter-spacing: -0.12px;
      font-family: arial;
      font-weight: 400; }
      .marketing-email-container .header-container .email-authorable-text p {
        margin-bottom: 5px; }
  .marketing-email-container a img {
    height: auto;
    max-width: 617px;
    margin: auto;
    display: table; }

@media screen and (max-width: 617px) {
  .marketing-email-container {
    width: calc(100% - 10px);
    max-width: calc(100% - 10px); }
    .marketing-email-container .email-subject-line {
      display: none; }
    .marketing-email-container .header-container {
      position: relative;
      display: inline-flex;
      padding: 10px 10px 8px 10px;
      border-bottom: solid 1px #acacac; }
      .marketing-email-container .header-container .email-header-image img {
        padding-bottom: 0;
        margin-top: 10px; }
      .marketing-email-container .header-container .email-authorable-text {
        width: 100%; }
    .marketing-email-container a img {
      width: 100%; } }

.aem-image-main-container h1, .aem-image-main-container h2, .aem-image-main-container h3 {
  margin-top: 0;
  margin-bottom: 0; }

.aem-image-main-container .image-content .img-responsive {
  margin: auto; }

.cmp-list {
  width: 100%;
  padding-block: 10px; }
  .cmp-list .cmp-list__list {
    display: flex;
    flex-direction: column;
    margin: unset;
    padding: unset; }
    .cmp-list .cmp-list__list .cmp-list__list-item {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: initial;
      font-family: "proxima-nova" !important;
      width: 100%;
      text-align: var(--cmp-list__text-alignment);
      font-size: var(--cmp-list__font-size, 16px);
      color: var(--cmp-list__font-color, #333333); }
      .cmp-list .cmp-list__list .cmp-list__list-item.link .cmp-list__list-item-link {
        display: block;
        border-radius: 2px;
        color: inherit;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        .cmp-list .cmp-list__list .cmp-list__list-item.link .cmp-list__list-item-link:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .cmp-list .cmp-list__list .cmp-list__list-item p {
        margin: unset; }
      .cmp-list .cmp-list__list .cmp-list__list-item b {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: initial;
        font-family: "proxima-nova" !important;
        font-size: var(--cmp-list__font-size); }

/* Defining Container for Container queries */
.marketing-navigation-component {
  container-type: inline-size;
  position: relative;
  z-index: 1; }
  .marketing-navigation-component.marketing-navigation-component_sticky {
    position: fixed;
    top: 0; }

/* Default Styles */
.cmp-marketing-navigation {
  display: flex;
  position: relative;
  padding: 26px 12px 12px;
  background-color: white;
  border-radius: 16px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); }
  .cmp-marketing-navigation .cmp-marketing-navigation__title {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    color: black;
    letter-spacing: -0.5px; }
  .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout,
  .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__arrow {
    display: none; }
  .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    padding-inline-start: unset;
    margin: 20px 0 0; }
  .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    color: black;
    letter-spacing: -0.5px;
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    display: flex;
    width: 100%;
    padding: 13px 8px 13px 12px;
    border-radius: 8px;
    position: relative; }
    .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link .cmp-marketing-navigation__link-inner-background {
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 9px;
      background: var(--cmp-marketing-navigation__nav-item_inactive__bg-color, #f5f5f5); }
    .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link .cmp-marketing-navigation__link-label {
      position: relative; }
    .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link:hover, .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link:focus {
      color: var(--page-color-1, #2263c4);
      text-decoration: unset; }
      .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link:hover .cmp-marketing-navigation__link-inner-background, .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link:focus .cmp-marketing-navigation__link-inner-background {
        filter: brightness(1.12); }
    .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link:active .cmp-marketing-navigation__link-inner-background {
      filter: brightness(0.94); }
    .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link.cmp-marketing-navigation__link_active {
      color: white; }
      .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link.cmp-marketing-navigation__link_active .cmp-marketing-navigation__link-inner-background {
        background: var(--cmp-marketing-navigation__nav-item_active__bg-color, var(--page-color-1, #2263C4)); }
  .cmp-marketing-navigation .cmp-marketing-navigation__share-btn {
    position: relative;
    width: 100%;
    border-radius: 16px;
    cursor: pointer;
    margin: 26px 0 0; }
    .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle {
      outline: unset;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      padding: 0 5px;
      border-radius: 8px;
      position: relative; }
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle .share-popover-icon {
        width: 25px;
        height: 38px; }
        .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle .share-popover-icon .share-popover-icon-circle {
          display: none; }
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle .share-text {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 0.93;
        color: var(--page-color-2, #7440e3);
        letter-spacing: normal;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle .popover-toggle__inner-background {
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 9px;
        background: var(--page-color-2, #7440e3);
        opacity: 0.1; }
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle .share-popover-icon,
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle .share-text {
        position: relative; }
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:hover .popover-toggle__inner-background, .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:focus .popover-toggle__inner-background, .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:active .popover-toggle__inner-background {
        opacity: 1; }
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:hover .share-text, .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:focus .share-text, .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:active .share-text {
        color: white; }
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:hover .share-popover-icon-base,
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:hover .share-popover-icon-arrow, .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:focus .share-popover-icon-base,
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:focus .share-popover-icon-arrow, .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:active .share-popover-icon-base,
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:active .share-popover-icon-arrow {
        stroke: white; }
      .cmp-marketing-navigation .cmp-marketing-navigation__share-btn .popover-toggle:active .popover-toggle__inner-background {
        filter: brightness(0.94); }
  .cmp-marketing-navigation .cmp-marketing-navigation__visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; }

/* Column Layout */
/* Row Layout */
/* Applying Column Layout */
@container (max-width: 342px) {
  .cmp-marketing-navigation {
    flex-direction: column; }
    .cmp-marketing-navigation .cmp-marketing-navigation__title {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1;
      color: black;
      letter-spacing: -0.5px; } }

/* Applying Row Layout */
@container (min-width: 343px) {
  .cmp-marketing-navigation {
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    padding: 16px 16px 16px 21px; }
    .cmp-marketing-navigation .cmp-marketing-navigation__title {
      display: flex;
      align-items: center;
      width: 100%;
      max-width: fit-content; }
    .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper {
      position: relative;
      max-width: 248px;
      width: 100%; }
      .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1;
        color: black;
        letter-spacing: -0.5px;
        font-size: 14px;
        font-size: 0.875rem;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        color: white;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 12px;
        border: none;
        border-radius: 8px;
        position: relative; }
        .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout .cmp-marketing-navigation__flyout-inner-background {
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 9px;
          background: var(--cmp-marketing-navigation__nav-item_active__bg-color, var(--page-color-1, #2263C4)); }
        .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout .cmp-marketing-navigation__flyout-label {
          position: relative; }
        .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout:hover .cmp-marketing-navigation__flyout-inner-background, .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout:focus .cmp-marketing-navigation__flyout-inner-background {
          filter: brightness(1.12); }
        .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout:active .cmp-marketing-navigation__flyout-inner-background {
          filter: brightness(0.94); }
        .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout .cmp-marketing-navigation__arrow-down {
          -webkit-transform: rotate(45deg) translateZ(0);
          /* apparently that Z stuff is needed for webkit browsers like chrome */
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          border: solid white;
          border-width: 0 3px 3px 0;
          display: inline-block;
          padding: 3px;
          margin: 0 0 3px; }
        .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout.cmp-marketing-navigation__flyout_open .cmp-marketing-navigation__arrow-down {
          -webkit-transform: rotate(225deg) translateZ(0);
          /* apparently that Z stuff is needed for webkit browsers like chrome */
          -ms-transform: rotate(225deg);
          transform: rotate(225deg);
          margin: 3px 0 0; }
      .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__arrow {
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        position: absolute;
        z-index: 1;
        margin-top: 4px;
        left: 50%; }
        .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__arrow .cmp-marketing-navigation__arrow-inner {
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #dfdfdf; }
          .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__arrow .cmp-marketing-navigation__arrow-inner:last-child {
            position: absolute;
            top: 3px;
            border-bottom-color: #f9f9f9; }
      .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout_open ~ .cmp-marketing-navigation__list,
      .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__flyout_open ~ .cmp-marketing-navigation__arrow {
        display: flex; }
      .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__list {
        -webkit-transform: translate(50%, 0);
        -ms-transform: translate(50%, 0);
        transform: translate(50%, 0);
        position: absolute;
        right: 50%;
        z-index: 0;
        width: 246px;
        display: none;
        background: #f9f9f9;
        padding: 12px 12px 15px;
        border-radius: 8px;
        border: 2px solid #dfdfdf;
        margin: 14px 0 0; }
      .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link {
        padding: 11px 8px 11px 12px;
        border: 1px solid #dfdfdf;
        font-size: 14px;
        font-size: 0.875rem; }
        .cmp-marketing-navigation .cmp-marketing-navigation__list-wrapper .cmp-marketing-navigation__link .cmp-marketing-navigation__link-inner-background {
          background: white; }
    .cmp-marketing-navigation .cmp-marketing-navigation__share-btn {
      margin: unset;
      max-width: 218px;
      max-height: 38px; }
  .cmp-marketing-navigation .cmp-marketing-navigation__title {
    display: none; } }

/* Layout Change */
@container (min-width: 736px) {
  .cmp-marketing-navigation .cmp-marketing-navigation__title {
    display: flex; } }

/* Mobile */
@media only screen and (max-width: 1024px) {
  .cmp-marketing-navigation .sw-share-popover {
    width: 100vw !important;
    height: 100vh !important; } }

.misc-link {
  position: relative;
  z-index: 0;
  /*
         fix for the global styles applied from the ableplayer lib:
         etc/designs/scholastic/classroom-magazines-migration/clientlibs/classmags-migration-libs/able-player/ableplayer.css
        */ }
  .misc-link .misc-link__wrapper.misc-link__wrapper_align_left {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .misc-link .misc-link__wrapper.misc-link__wrapper_align_center {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .misc-link .misc-link__wrapper.misc-link__wrapper_align_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
  .misc-link .misc-link__wrapper .misc-link__content {
    position: relative;
    display: flex;
    gap: 14px;
    align-items: center;
    margin: 10px 0;
    padding: 14px 28px;
    border: none;
    border-radius: 100px;
    background: none;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    outline: unset; }
    .misc-link .misc-link__wrapper .misc-link__content:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .misc-link .misc-link__wrapper .misc-link__content:not(.misc-link__content_appearance_link):before {
      position: absolute;
      display: block;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      border-radius: 100px;
      background: var(--misc-link-bg-color, var(--page-color-1, #e81111));
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_custom-states:hover .misc-link__text, .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_custom-states:focus .misc-link__text {
      color: var(--misc-link-hover-color, white); }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_custom-states:hover:not(.misc-link__content_appearance_link):before, .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_custom-states:focus:not(.misc-link__content_appearance_link):before {
      background: var(--misc-link-bg-hover-color, var(--page-color-1, #e81111)); }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_custom-states:active .misc-link__text {
      color: var(--misc-link-pressed-color, white); }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_custom-states:active:not(.misc-link__content_appearance_link):before {
      background: var(--misc-link-bg-pressed-color, var(--page-color-1, #e81111)); }
    .misc-link .misc-link__wrapper .misc-link__content:not(.misc-link__content_appearance_link):hover .misc-link__text, .misc-link .misc-link__wrapper .misc-link__content:not(.misc-link__content_appearance_link):focus .misc-link__text, .misc-link .misc-link__wrapper .misc-link__content:not(.misc-link__content_appearance_link):active .misc-link__text {
      text-decoration: none; }
    .misc-link .misc-link__wrapper .misc-link__content:not(:is(.misc-link__content_custom-states, .misc-link__content_appearance_link)):hover, .misc-link .misc-link__wrapper .misc-link__content:not(:is(.misc-link__content_custom-states, .misc-link__content_appearance_link)):focus {
      background: rgba(255, 255, 255, 0.12); }
    .misc-link .misc-link__wrapper .misc-link__content:not(:is(.misc-link__content_custom-states, .misc-link__content_appearance_link)):active {
      background: rgba(0, 0, 0, 0.06); }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_width_full-width {
      width: 100%; }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_width_wrap-content {
      width: max-content; }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_align_left {
      justify-content: left; }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_align_center {
      justify-content: center; }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_align_right {
      justify-content: right; }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_first_icon {
      flex-direction: row; }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_first_text {
      flex-direction: row-reverse; }
    .misc-link .misc-link__wrapper .misc-link__content .common-misc-button__icon {
      width: unset;
      height: unset; }
      .misc-link .misc-link__wrapper .misc-link__content .common-misc-button__icon.common-misc-button__icon_book-in-text-bubble {
        margin-bottom: -2px; }
    .misc-link .misc-link__wrapper .misc-link__content .misc-link__text {
      text-decoration: none;
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.2;
      color: var(--misc-link-color, white);
      letter-spacing: normal;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_border-enabled {
      outline-color: var(--misc-link-border-color, white);
      outline-style: var(--misc-link-border-style, solid);
      outline-width: var(--misc-link-border-width, 1px);
      outline-offset: calc(var(--misc-link-border-width, 1px) * (-1));
      border-radius: var(--misc-link-border-radius, 1px); }
      .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_border-enabled:before {
        border-radius: var(--misc-link-border-radius, 1px); }
    .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_appearance_link {
      padding: 0 2px;
      margin: unset; }
      .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_appearance_link:hover .misc-link__text, .misc-link .misc-link__wrapper .misc-link__content.misc-link__content_appearance_link:focus .misc-link__text {
        text-decoration: underline; }
  .misc-link button svg {
    fill: none;
    width: unset;
    height: unset; }

@media only screen and (max-width: 767px) {
  .misc-link .misc-link__wrapper .misc-link__content {
    padding: 11px 15px;
    gap: 9px; }
    .misc-link .misc-link__wrapper .misc-link__content .common-misc-button__icon {
      scale: 0.7;
      margin: -2px; }
      .misc-link .misc-link__wrapper .misc-link__content .common-misc-button__icon.common-misc-button__icon_book-in-text-bubble {
        margin-bottom: -3.43px;
        margin-top: -2.4px; }
    .misc-link .misc-link__wrapper .misc-link__content .common-misc-button__custom-icon {
      scale: 0.7;
      margin: -2px; }
    .misc-link .misc-link__wrapper .misc-link__content .misc-link__text {
      font-size: 16px;
      font-size: 1rem; } }

/* Fix for persisting underline on focus/hover in Chrome */
a.misc-link__content:not(.misc-link__content_appearance_link):hover, a.misc-link__content:not(.misc-link__content_appearance_link):focus {
  text-decoration: none; }

.row-of-components {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px; }
  .row-of-components:before, .row-of-components:after {
    content: ''; }
  .row-of-components .misc-link,
  .row-of-components .misc-modal-button {
    flex: 1; }
  .row-of-components .newpar {
    flex: 1; }

@media only screen and (max-width: 767px) {
  .row-of-components {
    gap: 12px; }
    .row-of-components:before, .row-of-components:after {
      content: unset; } }

.misc-modal-button__modal {
  display: none; }
  .misc-modal-button__modal.misc-modal-button__modal_detached {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 3;
    overflow: hidden; }
    .misc-modal-button__modal.misc-modal-button__modal_detached .misc-modal-button__modal-content.misc-modal-button__modal-content_type_parsys {
      position: absolute;
      top: 50%;
      left: 50%;
      translate: -50% -50%;
      width: 80%;
      padding: 30px;
      border-radius: 16px;
      background: white; }
    .misc-modal-button__modal.misc-modal-button__modal_detached .misc-modal-button__modal-content.misc-modal-button__modal-content_type_slideshow .slideshow__slideshow-page .slideshow__close {
      display: none; }
    .misc-modal-button__modal.misc-modal-button__modal_detached .misc-modal-button__close {
      position: fixed;
      top: 20px;
      right: 20px;
      cursor: pointer;
      border: none;
      border-radius: 2px;
      padding: 5px 5px 1px;
      background: none;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset; }
      .misc-modal-button__modal.misc-modal-button__modal_detached .misc-modal-button__close:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .misc-modal-button__modal.misc-modal-button__modal_detached .misc-modal-button__close svg {
        width: 23px;
        height: 23px; }
  .misc-modal-button__modal.misc-modal-button__modal_attached .misc-modal-button__close {
    display: none; }
  .misc-modal-button__modal.misc-modal-button__modal_attached .misc-modal-button__hint {
    margin-bottom: 5px;
    text-align: center; }
  .misc-modal-button__modal.misc-modal-button__modal_attached .misc-modal-button__modal-content.misc-modal-button__modal-content_bordered {
    border: 3px black solid; }

@media only screen and (max-width: 767.5px) {
  .misc-modal-button__modal.misc-modal-button__modal_detached .misc-modal-button__modal-content.misc-modal-button__modal-content_type_parsys {
    width: 95%; } }

.misc-modal-button {
  position: relative;
  z-index: 0;
  /*
         fix for the global styles applied from the ableplayer lib:
         etc/designs/scholastic/classroom-magazines-migration/clientlibs/classmags-migration-libs/able-player/ableplayer.css
        */ }
  .misc-modal-button .misc-modal-button__wrapper.misc-modal-button__wrapper_align_left {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .misc-modal-button .misc-modal-button__wrapper.misc-modal-button__wrapper_align_center {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .misc-modal-button .misc-modal-button__wrapper.misc-modal-button__wrapper_align_right {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
  .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content {
    position: relative;
    display: flex;
    gap: 14px;
    align-items: center;
    margin: 10px 0;
    padding: 14px 28px;
    border: none;
    border-radius: 100px;
    background: none;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    outline: unset; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content:not(.misc-modal-button__content_appearance_link):before {
      position: absolute;
      display: block;
      content: "";
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      border-radius: 100px;
      background: var(--misc-modal-button-bg-color, var(--page-color-1, #e81111));
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_custom-states:hover .misc-modal-button__text, .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_custom-states:focus .misc-modal-button__text {
      color: var(--misc-modal-button-hover-color, white); }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_custom-states:hover:not(.misc-modal-button__content_appearance_link):before, .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_custom-states:focus:not(.misc-modal-button__content_appearance_link):before {
      background: var(--misc-modal-button-bg-hover-color, var(--page-color-1, #e81111)); }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_custom-states:active .misc-modal-button__text {
      color: var(--misc-modal-button-pressed-color, white); }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_custom-states:active:not(.misc-modal-button__content_appearance_link):before {
      background: var(--misc-modal-button-bg-pressed-color, var(--page-color-1, #e81111)); }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content:not(.misc-modal-button__content_appearance_link):hover .misc-modal-button__text, .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content:not(.misc-modal-button__content_appearance_link):focus .misc-modal-button__text, .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content:not(.misc-modal-button__content_appearance_link):active .misc-modal-button__text {
      text-decoration: none; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content:not(:is(.misc-modal-button__content_custom-states, .misc-modal-button__content_appearance_link)):hover, .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content:not(:is(.misc-modal-button__content_custom-states, .misc-modal-button__content_appearance_link)):focus {
      background: rgba(255, 255, 255, 0.12); }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content:not(:is(.misc-modal-button__content_custom-states, .misc-modal-button__content_appearance_link)):active {
      background: rgba(0, 0, 0, 0.06); }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_width_full-width {
      width: 100%; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_width_wrap-content {
      width: max-content; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_align_left {
      justify-content: left; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_align_center {
      justify-content: center; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_align_right {
      justify-content: right; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_first_icon {
      flex-direction: row; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_first_text {
      flex-direction: row-reverse; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content .common-misc-button__icon {
      width: unset;
      height: unset; }
      .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content .common-misc-button__icon.common-misc-button__icon_book-in-text-bubble {
        margin-bottom: -2px; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content .misc-modal-button__text {
      text-decoration: none;
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.2;
      color: var(--misc-modal-button-color, white);
      letter-spacing: normal;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_border-enabled {
      outline-color: var(--misc-modal-button-border-color, white);
      outline-style: var(--misc-modal-button-border-style, solid);
      outline-width: var(--misc-modal-button-border-width, 1px);
      outline-offset: calc(var(--misc-modal-button-border-width, 1px) * (-1));
      border-radius: var(--misc-modal-button-border-radius, 1px); }
      .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_border-enabled:before {
        border-radius: var(--misc-modal-button-border-radius, 1px); }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_appearance_link {
      padding: 0 2px;
      margin: unset; }
      .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_appearance_link:hover .misc-modal-button__text, .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content.misc-modal-button__content_appearance_link:focus .misc-modal-button__text {
        text-decoration: underline; }
  .misc-modal-button button svg {
    fill: none;
    width: unset;
    height: unset; }

@media only screen and (max-width: 767px) {
  .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content {
    padding: 11px 15px;
    gap: 9px; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content .common-misc-button__icon {
      scale: 0.7;
      margin: -2px; }
      .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content .common-misc-button__icon.common-misc-button__icon_book-in-text-bubble {
        margin-bottom: -3.43px;
        margin-top: -2.4px; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content .common-misc-button__custom-icon {
      scale: 0.7;
      margin: -2px; }
    .misc-modal-button .misc-modal-button__wrapper .misc-modal-button__content .misc-modal-button__text {
      font-size: 16px;
      font-size: 1rem; } }

/* Fix for persisting underline on focus/hover in Chrome */
a.misc-modal-button__content:not(.misc-modal-button__content_appearance_link):hover, a.misc-modal-button__content:not(.misc-modal-button__content_appearance_link):focus {
  text-decoration: none; }

.ug-hpfooter-wrapper {
  width: 100%;
  height: 250px;
  margin: 0 auto;
  padding-top: 27px;
  background-color: #e9edef; }
  .ug-hpfooter-wrapper .ug-hpfooter-heading-text {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #001c21;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 27px; }
  .ug-hpfooter-wrapper .ug-hpfooter-chat-link-container {
    text-align: center;
    margin-bottom: 35px; }
    .ug-hpfooter-wrapper .ug-hpfooter-chat-link-container a {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.22;
      color: #ffffff;
      letter-spacing: normal;
      background-color: #2c7d98;
      padding: 6px 18.8px;
      border-radius: 6px; }
  .ug-hpfooter-wrapper .cmp-live-chat {
    text-align: center;
    margin-bottom: 35px; }
    .ug-hpfooter-wrapper .cmp-live-chat.cmp-live-chat_hidden {
      display: none; }
    .ug-hpfooter-wrapper .cmp-live-chat .cmp-live-chat__button {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.22;
      color: #ffffff;
      letter-spacing: normal;
      border: none;
      border-radius: 6px;
      background-color: #2c7d98;
      padding: 6px 18.8px; }
      .ug-hpfooter-wrapper .cmp-live-chat .cmp-live-chat__button:hover, .ug-hpfooter-wrapper .cmp-live-chat .cmp-live-chat__button:focus {
        text-decoration: underline; }
      .ug-hpfooter-wrapper .cmp-live-chat .cmp-live-chat__button:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px; }
      .ug-hpfooter-wrapper .cmp-live-chat .cmp-live-chat__button .cmp-live-chat__button-icon {
        display: none; }
  .ug-hpfooter-wrapper .ug-hpfooter-contact-link-container {
    text-align: center;
    margin-bottom: 26px; }
    .ug-hpfooter-wrapper .ug-hpfooter-contact-link-container a {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.22;
      color: #ffffff;
      letter-spacing: normal;
      background-color: #2c7d98;
      padding: 6px 18.8px;
      border-radius: 6px; }
  .ug-hpfooter-wrapper .ug-hpfooter-phone-text {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.56;
    color: #001c21;
    letter-spacing: normal;
    text-align: center; }

@media only screen and (max-width: 1023.5px) {
  .ug-hpfooter-wrapper {
    width: 100%;
    height: 231px;
    margin: 0 auto;
    padding-top: 20.5px; }
    .ug-hpfooter-wrapper .ug-hpfooter-heading-text {
      margin-bottom: 24px; }
    .ug-hpfooter-wrapper .ug-hpfooter-contact-link-container {
      text-align: center;
      margin-bottom: 23px; }
    .ug-hpfooter-wrapper .ug-hpfooter-phone-text {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.67;
      color: #001c21;
      letter-spacing: normal; } }

.guide-title-wrapper {
  font-family: "proxima-nova";
  font-weight: 700;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.14;
  color: #001c21;
  margin: 0 calc(2% + 10px) 16px calc(2% + 15px); }
  .guide-title-wrapper a {
    color: #001c21; }
    .guide-title-wrapper a:hover {
      color: #3157b3; }

.acs-commons-resp-colctrl-col-66 .guide-title-wrapper {
  margin: 0 0 16px 0; }

@media only screen and (max-width: 767.5px) {
  .guide-title-wrapper {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.14;
    color: #001c21;
    letter-spacing: normal;
    margin: 0 4.5% 24px 4.5%; }
  .acs-commons-resp-colctrl-col-66 .guide-title-wrapper {
    margin: 0 0 24px 0; } }

.ug-guide-heading-wrapper {
  height: 273px;
  display: block;
  background-size: cover;
  padding-top: 71px;
  margin-bottom: 54px; }
  .ug-guide-heading-wrapper .ug-guide-heading-text-container {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto; }
    .ug-guide-heading-wrapper .ug-guide-heading-text-container .ug-guide-heading-text-wrapper {
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 1.2;
      color: #001c21;
      letter-spacing: normal;
      background-color: #f1f6fb;
      outline: 2px solid #216499;
      outline-offset: -15px;
      padding: 27px 36px 30px 36px;
      width: fit-content;
      min-width: 394.5px;
      max-width: 768px;
      border-radius: 5px;
      min-height: 111px;
      margin: 0 calc(2% + 10px) 0 calc(2% + 15px);
      display: flex;
      align-items: center;
      justify-content: center; }
      .ug-guide-heading-wrapper .ug-guide-heading-text-container .ug-guide-heading-text-wrapper .ug-guide-heading-text {
        margin: unset;
        font-size: inherit;
        font-weight: inherit; }

@media only screen and (max-width: 767.5px) {
  .ug-guide-heading-wrapper {
    height: 160px;
    position: relative;
    padding-top: 45px;
    margin-bottom: 30px; }
    .ug-guide-heading-wrapper .ug-guide-heading-text-container {
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(0, -50%);
      top: 50%;
      padding-left: 0; }
      .ug-guide-heading-wrapper .ug-guide-heading-text-container .ug-guide-heading-text-wrapper {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.15;
        color: #001c21;
        letter-spacing: normal;
        margin: 0 auto;
        outline-offset: -7px;
        padding: 19px 21px 20px 21px;
        min-width: 310px;
        min-height: 70px; } }

.ug-guide-text p {
  font-family: "proxima-nova";
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #001c21;
  letter-spacing: normal; }
  .ug-guide-text p b {
    font-family: "proxima-nova";
    font-weight: 700; }

.ug-guide-text ul, .ug-guide-text ol {
  padding-left: 22px; }
  .ug-guide-text ul li, .ug-guide-text ol li {
    font-family: "proxima-nova";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #001c21;
    letter-spacing: normal; }
    .ug-guide-text ul li b, .ug-guide-text ol li b {
      font-family: "proxima-nova";
      font-weight: 700; }

.user-guide-main-wrapper .acs-commons-resp-colctrl-col-2 {
  padding: 0 !important; }

.user-guide-main-wrapper .acs-commons-resp-colctrl-col-25 {
  padding-left: 0 !important;
  padding-right: 10px !important; }

@media only screen and (max-width: 767.5px) {
  .user-guide-main-wrapper .acs-commons-resp-colctrl-col-2, .user-guide-main-wrapper .acs-commons-resp-colctrl-col-5 {
    margin-bottom: 0 !important; }
  .user-guide-main-wrapper .acs-commons-resp-colctrl-col-66,
  .user-guide-main-wrapper .acs-commons-resp-colctrl-col-47 {
    width: 91% !important;
    padding: 0 0 !important;
    margin: 0 4.5% 0 4.5% !important; }
  .user-guide-main-wrapper .acs-commons-resp-colctrl-col-25 {
    display: none; } }

.guide-footer {
  background-color: #fcfcff; }
  .guide-footer .ug-guide-footer-container {
    max-width: 1060px;
    width: 100%;
    height: 70px;
    margin: 0 auto;
    padding-top: 26px; }
    .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper {
      width: calc(96% - 30px);
      margin: 0 auto; }
      .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-left {
        float: left; }
        .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-left .ug-guide-footer-logo-link {
          margin-right: 50px;
          text-decoration: none; }
        .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-left .ug-guide-footer-back-link {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 12px;
          font-size: 0.75rem;
          color: #3157b3;
          letter-spacing: 0.3px;
          line-height: normal;
          text-decoration: none; }
          .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-left .ug-guide-footer-back-link .ug-backto-magazine-arrow {
            background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/ug-backto-magazine-arrow.svg") no-repeat;
            display: inline-block;
            width: 13px;
            height: 10px;
            vertical-align: middle; }
      .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-right {
        float: right; }
        .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-right .ug-guide-footer-link-wrapper {
          margin-right: 12px; }
          .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-right .ug-guide-footer-link-wrapper a {
            font-family: "proxima-nova";
            font-weight: 600;
            font-size: 12px;
            font-size: 0.75rem;
            color: #3157b3;
            letter-spacing: 0.3px;
            line-height: normal;
            text-decoration: none; }
        .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-right .ug-guide-footer-desc {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 12px;
          font-size: 0.75rem;
          line-height: 1.17;
          color: #535357;
          letter-spacing: 0.3px;
          margin-left: 19px; }

@media only screen and (max-width: 1023.5px) {
  .guide-footer .ug-guide-footer-container {
    display: inline-block;
    height: unset;
    padding-top: 22px; }
    .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-left {
      width: 100%; }
      .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-left .ug-guide-footer-logo-link {
        margin: 0 auto 21px;
        display: block;
        text-align: center; }
      .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-left .ug-guide-footer-back-link {
        text-align: center;
        display: block;
        margin-bottom: 12px; }
    .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-right {
      width: 100%; }
      .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-right .ug-guide-footer-link-wrapper {
        display: block;
        margin-right: unset;
        margin-bottom: 12px; }
        .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-right .ug-guide-footer-link-wrapper a {
          display: block;
          text-align: center; }
      .guide-footer .ug-guide-footer-container .ug-guide-footer-wrapper .keep-right .ug-guide-footer-desc {
        display: block;
        text-align: center;
        margin-left: unset;
        margin-top: 21px;
        margin-bottom: 22px; } }

.user-guide-main-wrapper .breadcrumb-layout {
  margin: 0 0 32.5px 0;
  padding-left: calc(2% + 15px);
  padding-right: calc(2% + 10px); }
  .user-guide-main-wrapper .breadcrumb-layout .breadcrumb-active {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #001c21;
    letter-spacing: normal;
    text-decoration: underline; }
    .user-guide-main-wrapper .breadcrumb-layout .breadcrumb-active:hover {
      color: #3157b3; }
  .user-guide-main-wrapper .breadcrumb-layout .breadcrumb-inactive {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #001c21;
    letter-spacing: normal; }
  .user-guide-main-wrapper .breadcrumb-layout .greaterthan {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #001c21;
    letter-spacing: normal;
    color: #001c21;
    margin: 0 2px; }

@media only screen and (max-width: 767.5px) {
  .user-guide-main-wrapper .breadcrumb-layout {
    margin: 0 4.5% 23px 4.5%;
    padding: unset; }
    .user-guide-main-wrapper .breadcrumb-layout .breadcrumb-active {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #001c21;
      letter-spacing: normal; }
      .user-guide-main-wrapper .breadcrumb-layout .breadcrumb-active:hover {
        color: #3157b3; }
    .user-guide-main-wrapper .breadcrumb-layout .breadcrumb-inactive {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #001c21;
      letter-spacing: normal; }
    .user-guide-main-wrapper .breadcrumb-layout .greaterthan {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #001c21;
      letter-spacing: normal;
      color: #001c21;
      margin: 0 2px; } }

@media (min-width: 1440px) {
  .user-guide-main-wrapper .breadcrumb-layout {
    margin: 0 0 32.5px 0; } }

@media only screen and (max-width: 991.5px) {
  .user-guide-main-wrapper .breadcrumb-layout {
    margin-top: 0; } }

.guide-list-container .guide-list-title {
  font-family: "proxima-nova";
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 0.83;
  color: #001c21;
  letter-spacing: 0.27px;
  padding-left: 24px;
  margin-bottom: 20px; }

.guide-list-container ul {
  list-style: none;
  padding: 0; }
  .guide-list-container ul li {
    margin-bottom: 15px; }

.guide-list-container .guide-list-item {
  font-family: "proxima-nova";
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #001c21;
  letter-spacing: normal;
  display: table;
  text-decoration: none; }
  .guide-list-container .guide-list-item p {
    display: inline-block;
    margin: 0;
    border-radius: 100px;
    padding: 9px 24px;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ; }
  .guide-list-container .guide-list-item:hover p, .guide-list-container .guide-list-item:focus p {
    background-color: rgba(138, 166, 234, 0.4); }
  .guide-list-container .guide-list-item:focus {
    outline: none; }
    .guide-list-container .guide-list-item:focus p {
      box-shadow: 0 0 0 2px white, 0 0 0 4px #000000; }
  .guide-list-container .guide-list-item.active {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #001c21;
    letter-spacing: normal; }
    .guide-list-container .guide-list-item.active p {
      background-color: #8aa6ea; }

.guide-home-article-wrapper {
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  padding: 0 calc(2% + 15px) 30px calc(2% + 15px); }
  .guide-home-article-wrapper .guide-article-wrapper {
    align-items: center;
    justify-content: center;
    width: calc(100% / 4 - 5px);
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0;
    display: inline-flex;
    text-align: center;
    vertical-align: top; }
    .guide-home-article-wrapper .guide-article-wrapper a:hover {
      text-decoration: none; }
    .guide-home-article-wrapper .guide-article-wrapper:hover .article-title p {
      text-decoration: underline;
      color: #3157b3; }
    .guide-home-article-wrapper .guide-article-wrapper:hover .guide-article-images {
      background: #8aa6ea; }
      .guide-home-article-wrapper .guide-article-wrapper:hover .guide-article-images .stars {
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        left: 5%;
        top: 5%;
        background: #fff;
        opacity: 0.8; }
      .guide-home-article-wrapper .guide-article-wrapper:hover .guide-article-images .stars-container {
        display: block; }
        .guide-home-article-wrapper .guide-article-wrapper:hover .guide-article-images .stars-container .star-1 {
          position: absolute;
          top: 32%;
          left: -22px;
          background: url("../../../classroommagazines/images/star-1.png") no-repeat;
          width: 14px;
          height: 13px; }
        .guide-home-article-wrapper .guide-article-wrapper:hover .guide-article-images .stars-container .star-2 {
          position: absolute;
          top: 0;
          left: -6px;
          right: 100%;
          background: url("../../../classroommagazines/images/star-2.png") no-repeat;
          width: 27px;
          height: 27px; }
        .guide-home-article-wrapper .guide-article-wrapper:hover .guide-article-images .stars-container .star-3 {
          position: absolute;
          top: 0;
          left: 84%;
          background: url("../../../classroommagazines/images/star-3.png") no-repeat;
          width: 16px;
          height: 15px; }
        .guide-home-article-wrapper .guide-article-wrapper:hover .guide-article-images .stars-container .star-4 {
          position: absolute;
          top: 16%;
          left: 96%;
          background: url("../../../classroommagazines/images/star-4.png") no-repeat;
          width: 23px;
          height: 22px; }
        .guide-home-article-wrapper .guide-article-wrapper:hover .guide-article-images .stars-container .star-5 {
          position: absolute;
          top: 66%;
          left: 100%;
          background: url("../../../classroommagazines/images/star-5.png") no-repeat;
          width: 16px;
          height: 15px; }
    .guide-home-article-wrapper .guide-article-wrapper .guide-article-images {
      background: #bde3f0;
      border-radius: 50%;
      padding: 0;
      max-width: 100%;
      position: relative;
      width: 156px;
      height: 156px;
      margin: 0 auto;
      transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out; }
      .guide-home-article-wrapper .guide-article-wrapper .guide-article-images .stars-container {
        display: none; }
      .guide-home-article-wrapper .guide-article-wrapper .guide-article-images img {
        left: 35px;
        max-width: 87px;
        max-height: 81px;
        position: absolute;
        top: 35px;
        width: 100%;
        height: 100%; }
    .guide-home-article-wrapper .guide-article-wrapper .article-title {
      height: auto;
      padding: 10px 0;
      width: 218px;
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.27;
      color: #1b1d1e;
      letter-spacing: normal;
      text-align: center;
      margin: 0 auto;
      display: block;
      transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out; }
      .guide-home-article-wrapper .guide-article-wrapper .article-title:hover {
        color: #3157b3; }

.star-1 {
  top: 15%;
  left: 1%;
  opacity: 0;
  -moz-animation: blink normal 2s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 2s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 2s infinite ease-in-out;
  /* IE */
  animation: blink normal 2s infinite ease-in-out;
  /* Opera and prob css3 final iteration */
  animation-delay: 0.25s; }

.star-2 {
  top: 30%;
  left: 1%;
  opacity: 0;
  -moz-animation: blink normal 2s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 2s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 2s infinite ease-in-out;
  /* IE */
  animation: blink normal 2s infinite ease-in-out;
  /* Opera and prob css3 final iteration */
  animation-delay: 0.5s; }

.star-3 {
  top: 45%;
  left: 1%;
  opacity: 0;
  -moz-animation: blink normal 2s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 2s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 2s infinite ease-in-out;
  /* IE */
  animation: blink normal 2s infinite ease-in-out;
  /* Opera and prob css3 final iteration */
  animation-delay: 0.75s; }

.star-4 {
  top: 60%;
  left: 1%;
  opacity: 0;
  -moz-animation: blink normal 2s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 2s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 2s infinite ease-in-out;
  /* IE */
  animation: blink normal 2s infinite ease-in-out;
  /* Opera and prob css3 final iteration */
  animation-delay: 1s; }

.star-5 {
  top: 75%;
  left: 1%;
  opacity: 0;
  -moz-animation: blink normal 2s infinite ease-in-out;
  /* Firefox */
  -webkit-animation: blink normal 2s infinite ease-in-out;
  /* Webkit */
  -ms-animation: blink normal 2s infinite ease-in-out;
  /* IE */
  animation: blink normal 2s infinite ease-in-out;
  /* Opera and prob css3 final iteration */
  animation-delay: 1.25s; }

/* Firefox old*/
@-moz-keyframes blink {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes blink {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* IE */
@-ms-keyframes blink {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* Opera and prob css3 final iteration */
@keyframes blink {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@media only screen and (max-width: 991.5px) {
  .guide-home-article-wrapper .guide-article-wrapper .guide-article-images {
    width: 146px;
    height: 146px; }
    .guide-home-article-wrapper .guide-article-wrapper .guide-article-images img {
      left: 28px;
      right: 28px;
      text-align: center;
      margin: 0 auto;
      display: block; }
  .guide-home-article-wrapper .guide-article-wrapper .article-title {
    font-size: 22px;
    width: 146px; } }

@media only screen and (max-width: 767.5px) {
  .guide-home-article-wrapper {
    padding: 0 4.5% 30px 4.5%; }
    .guide-home-article-wrapper .guide-article-wrapper {
      width: calc(50% - 4px); }
      .guide-home-article-wrapper .guide-article-wrapper .article-title {
        padding: 11px 0 20px 0; } }

.guide-home-container {
  display: inline-block;
  width: 100%;
  padding: 0 calc(2% + 15px) 30px calc(2% + 6px); }
  .guide-home-container .guide-home-row {
    display: inline-block;
    width: 100%; }
    .guide-home-container .guide-home-row .guide-home-col {
      width: 31.8333%;
      margin: 0 0.9%;
      float: left;
      position: relative;
      z-index: 00000; }
      .guide-home-container .guide-home-row .guide-home-col .home-guide-banner {
        border-radius: 5px;
        position: relative;
        display: inline-block;
        cursor: pointer; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner img {
          width: 100%; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner a {
          outline: none; }
          .guide-home-container .guide-home-row .guide-home-col .home-guide-banner a span {
            font-family: "proxima-nova";
            font-weight: 700;
            font-size: 28px;
            font-size: 1.75rem;
            line-height: 1.14;
            color: #001c21; }
          .guide-home-container .guide-home-row .guide-home-col .home-guide-banner a p {
            font-family: "proxima-nova";
            font-weight: 500;
            font-size: 21px;
            font-size: 1.3125rem;
            line-height: 1.29;
            color: #001c21;
            width: 100%;
            padding-top: 4px; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner .home-guide-inner {
          position: absolute;
          top: 53px;
          left: 0;
          right: 0;
          text-align: center;
          margin: 0 auto;
          width: 100%;
          padding-left: 14px;
          padding-right: 25px; }
          .guide-home-container .guide-home-row .guide-home-col .home-guide-banner .home-guide-inner div.home-guide-label {
            height: auto;
            width: 100%;
            border-radius: 5px;
            border: 1px solid #3f4f92;
            margin: 0 auto;
            text-align: center;
            padding: 24px;
            max-width: 287px; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner:after {
          width: 41px;
          height: 55px;
          bottom: 9px;
          left: 15px;
          background: url("../../../classroommagazines/images/yellow-bookmark.png") no-repeat;
          position: absolute;
          display: block;
          z-index: -1;
          content: "";
          transition: all .2s ease-out; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner:hover a span {
          color: #3157b3; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner:hover a:hover {
          text-decoration: underline; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner:hover a p {
          color: #3157b3; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner:hover a button {
          text-decoration: underline;
          color: #337ab7; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner:hover:after {
          transform: translateY(50px); }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner:focus-within {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .guide-home-container .guide-home-row .guide-home-col:last-child {
        margin-right: unset; }

@media only screen and (max-width: 1023.5px) {
  .guide-home-container {
    padding: 0 calc(2% + 15px) 30px calc(2% + 15px); }
    .guide-home-container .guide-home-row .guide-home-col {
      ms-flex: 0 0 50%;
      flex: 0 0 50%;
      width: 50%;
      margin: 0 0 20px 0;
      display: block;
      text-align: center;
      z-index: unset; }
      .guide-home-container .guide-home-row .guide-home-col .home-guide-banner {
        max-width: 94%; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner a span {
          font-size: 26px;
          line-height: 1.23;
          padding: 0 15px 0 15px;
          display: block; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner a p {
          font-size: 20px;
          line-height: 1.3;
          padding: 0 15px 0 15px; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner .home-guide-inner {
          width: 100%;
          padding-left: 0;
          padding-right: 14px; }
          .guide-home-container .guide-home-row .guide-home-col .home-guide-banner .home-guide-inner button {
            width: 100%;
            max-width: 286px;
            padding: 30px 10px 12px 10px; } }

@media only screen and (max-width: 767.5px) {
  .guide-home-container {
    padding: 0 4.5% 30px 4.5%; }
    .guide-home-container .guide-home-row .guide-home-col {
      ms-flex: 0 0 100%;
      flex: 0 0 100%;
      width: 100%;
      margin: 0; }
      .guide-home-container .guide-home-row .guide-home-col .home-guide-banner {
        position: relative;
        margin-bottom: 0;
        max-width: 100%; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner img {
          width: 100%;
          margin-bottom: 20px; }
        .guide-home-container .guide-home-row .guide-home-col .home-guide-banner .home-guide-inner {
          padding: 0 29px 0 23px !important; }
          .guide-home-container .guide-home-row .guide-home-col .home-guide-banner .home-guide-inner a button {
            width: 100%;
            padding: 27px 10px 21px 10px; }
          .guide-home-container .guide-home-row .guide-home-col .home-guide-banner .home-guide-inner a a button {
            width: 100%;
            padding: 27px 10px 21px 10px; }
          .guide-home-container .guide-home-row .guide-home-col .home-guide-banner .home-guide-inner a a p {
            margin: auto;
            display: block;
            padding: 0 27px 7px 26px; }
          .guide-home-container .guide-home-row .guide-home-col .home-guide-banner .home-guide-inner a .home-guide-inner {
            padding: 0 29px 0 23px !important; } }

.scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial {
  margin-top: 28px;
  margin-bottom: 20px;
  background-color: #faf9f6; }
  .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .mobile {
    margin: 0; }
  .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .title {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.21;
    color: #001c21;
    margin-bottom: 5px;
    margin-top: 3%; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .title:hover {
      color: #3157b3;
      text-decoration: underline;
      cursor: pointer; }
  .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .description {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #001c21; }
  .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .marketing-VideoTestimonial-description-container {
    max-width: 500px;
    width: 100%;
    display: block; }
  .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .video_play .content-image {
    max-height: initial; }
  .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .sw-icon {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/user-guide-video-play-icon.svg") no-repeat;
    display: inline-block; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .sw-icon.video-icon {
      width: 61px;
      height: 61px; }
  .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .col-sm-5 {
    width: 100%;
    height: auto; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .col-sm-5 .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container {
      border-image-slice: unset;
      background-color: rgba(54, 75, 108, 0.2);
      border-top-width: 0;
      border-bottom-width: 0;
      border-left-width: 0;
      border-right-width: 0;
      padding: 0; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .col-sm-5 .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .video_play .content-image {
      max-height: initial; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .col-sm-5 .marketing-content-tile-container .content-tile-body .sw-icon {
      background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/user-guide-video-play-icon.svg") no-repeat;
      display: inline-block; }
      .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .col-sm-5 .marketing-content-tile-container .content-tile-body .sw-icon.video-icon {
        width: 61px;
        height: 61px; }

@media only screen and (max-width: 991.5px) {
  .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial {
    margin-top: 11px;
    margin-bottom: 10px; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .title {
      font-size: 22px;
      margin-top: 3%; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .description {
      font-size: 20px; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .col-sm-5 {
      height: auto; } }

@media only screen and (max-width: 767.5px) {
  .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial {
    margin-bottom: 15px;
    width: 100%; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial > div {
      height: auto; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .title {
      margin-top: 3%; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .title, .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .description {
      padding: 0;
      margin-bottom: 10px; }
    .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container {
      border-image-slice: unset;
      border-left-width: 0;
      border-right-width: 0;
      border-top-width: 0;
      border-bottom-width: 0; }
      .scholastic-main-wrapper.user-guide-main-wrapper .marketing-VideoTestimonial .marketing-content-tile-container .content-tile-body .row.game-video-wrapper .image-container .video_play {
        border: none; } }

.guide-header-container {
  background-color: #0071bc; }
  .guide-header-container .gh-mobile-nav-container {
    background-color: #0071bc;
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    opacity: 0; }
    .guide-header-container .gh-mobile-nav-container .guide-nav-menu-close-button {
      position: absolute;
      top: 18px;
      right: 18px;
      z-index: 11;
      padding: unset;
      border: unset;
      background: unset; }
      .guide-header-container .gh-mobile-nav-container .guide-nav-menu-close-button .guide-nav-menu-close-icon {
        width: 27px;
        height: 27px; }
    .guide-header-container .gh-mobile-nav-container .gh-mobile-nav-wrapper {
      padding: 66px 17px 0 17px;
      margin-bottom: 0;
      height: 100%; }
      .guide-header-container .gh-mobile-nav-container .gh-mobile-nav-wrapper .gh-mobile-nav-item {
        list-style: none;
        margin-bottom: 20px; }
        .guide-header-container .gh-mobile-nav-container .gh-mobile-nav-wrapper .gh-mobile-nav-item a {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 26px;
          font-size: 1.625rem;
          line-height: 1.23;
          color: #ffffff;
          letter-spacing: normal; }
  .guide-header-container .guide-header-wrapper {
    max-width: 1060px;
    width: 100%;
    height: 97px;
    margin: 0 auto; }
    .guide-header-container .guide-header-wrapper .gh-nav-menu-icon-wrapper {
      display: none;
      height: inherit;
      float: left;
      position: relative;
      margin: 0 18px 0 4.5%; }
      .guide-header-container .guide-header-wrapper .gh-nav-menu-icon-wrapper .guide-nav-menu-icon {
        display: block;
        padding: 0;
        border: unset;
        background: unset;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: relative;
        top: 50%; }
        .guide-header-container .guide-header-wrapper .gh-nav-menu-icon-wrapper .guide-nav-menu-icon .guide-icon-bar {
          background-color: #ffffff;
          display: block;
          width: 30px;
          height: 4px;
          margin-bottom: 4px; }
          .guide-header-container .guide-header-wrapper .gh-nav-menu-icon-wrapper .guide-nav-menu-icon .guide-icon-bar:last-child {
            margin-bottom: unset; }
    .guide-header-container .guide-header-wrapper .gh-logo-wrapper {
      display: inline-block;
      height: inherit;
      float: left;
      margin-left: calc(2% + 15px); }
      .guide-header-container .guide-header-wrapper .gh-logo-wrapper a {
        height: inherit;
        display: block; }
        .guide-header-container .guide-header-wrapper .gh-logo-wrapper a img {
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          max-height: 40px;
          vertical-align: unset;
          position: relative;
          top: 50%; }
    .guide-header-container .guide-header-wrapper .gh-divider-wrapper {
      height: inherit;
      display: inline-block;
      margin: 0 10px 0 14px;
      float: left; }
      .guide-header-container .guide-header-wrapper .gh-divider-wrapper .gh-divider {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 1px;
        height: 50px;
        border: 1px solid #ffffff;
        position: relative;
        top: 50%; }
    .guide-header-container .guide-header-wrapper .gh-help-center-wrapper {
      display: inline-block;
      height: inherit;
      float: left; }
      .guide-header-container .guide-header-wrapper .gh-help-center-wrapper a {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #ffffff;
        letter-spacing: normal;
        line-height: normal;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: relative;
        top: 50%;
        display: block; }
    .guide-header-container .guide-header-wrapper .gh-contact-us-wrapper {
      display: inline-block;
      height: inherit;
      float: right;
      margin-right: calc(2% + 10px); }
      .guide-header-container .guide-header-wrapper .gh-contact-us-wrapper a {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.22;
        color: #ffffff;
        letter-spacing: normal;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: relative;
        top: 50%;
        display: block; }
    .guide-header-container .guide-header-wrapper .gh-search-wrapper {
      display: inline-block;
      height: inherit;
      float: right;
      position: relative;
      margin-right: calc(2% + 10px); }
      .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: relative;
        top: 50%; }
        .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .gh-search-form-input {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.22;
          color: #001C21;
          letter-spacing: normal;
          background-color: #f1f6fb;
          width: 310px;
          height: 50px;
          border-radius: 5px;
          border: solid 1px #535357;
          padding-left: 11px;
          padding-right: 48px; }
        .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .gh-search-form-input::-moz-placeholder {
          color: #535357; }
        .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .gh-search-form-input::-webkit-input-placeholder {
          color: #535357; }
        .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .gh-search-form-input:-ms-input-placeholder {
          color: #535357; }
        .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .gh-search-form-input::-ms-input-placeholder {
          color: #535357; }
        .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .gh-search-form-input::placeholder {
          color: #535357; }
        .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .user-guide-search-button {
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          position: absolute;
          top: 50%;
          right: 6px;
          background: unset;
          border: unset; }
        .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .dropdown-menu {
          min-width: 310px;
          border-radius: 5px;
          border: solid 1px #535357;
          background-color: #f1f6fb; }
          .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .dropdown-menu li {
            margin: 5px 0;
            width: 99.9%; }
            .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .dropdown-menu li a {
              padding: 0 11px;
              font-family: "proxima-nova";
              font-weight: 600;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1.44;
              color: #535357;
              letter-spacing: normal; }
            .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .dropdown-menu li.active {
              background-color: #e4ebeb; }
              .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .dropdown-menu li.active a, .guide-header-container .guide-header-wrapper .gh-search-wrapper .gh-search-form .dropdown-menu li.active a:hover {
                background-color: unset; }
    .guide-header-container .guide-header-wrapper .gh-search-nav-button {
      display: none;
      padding: unset;
      background: unset;
      border: unset;
      position: relative;
      top: 50%;
      float: right;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      margin-right: 4.5%; }
      .guide-header-container .guide-header-wrapper .gh-search-nav-button .gh-mobile-search-icon-hover {
        display: none; }
      .guide-header-container .guide-header-wrapper .gh-search-nav-button:hover .gh-mobile-search-icon-hover {
        display: inline; }
      .guide-header-container .guide-header-wrapper .gh-search-nav-button:hover .gh-mobile-search-icon {
        display: none; }
  .guide-header-container .gh-search-wrapper-mobile {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    max-width: 1060px;
    height: 97px;
    opacity: 0;
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%); }
    .guide-header-container .gh-search-wrapper-mobile .gh-search-divider-wrapper {
      height: inherit;
      display: inline-block;
      margin: 0 5px 0 4.5%;
      float: left; }
      .guide-header-container .gh-search-wrapper-mobile .gh-search-divider-wrapper .gh-search-divider {
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 1px;
        height: 35px;
        border: 1px solid #ffffff;
        position: relative;
        top: 50%; }
    .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile {
      height: 34px;
      width: calc(91% - 63px);
      position: relative;
      top: 50%;
      display: inline-block;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .gh-search-form-input {
        background-color: rgba(0, 0, 0, 0.2);
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.22;
        color: #ffffff;
        letter-spacing: normal;
        border-radius: 5px;
        border: unset;
        padding: 6px 30px 6px 7.5px; }
      .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .gh-search-form-input::-moz-placeholder {
        color: rgba(255, 255, 255, 0.85); }
      .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .gh-search-form-input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.85); }
      .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .gh-search-form-input:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.85); }
      .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .gh-search-form-input::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.85); }
      .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .gh-search-form-input::placeholder {
        color: rgba(255, 255, 255, 0.85); }
      .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .user-guide-clear-search-button {
        display: inline-block;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: absolute;
        top: 50%;
        right: 8px;
        background: unset;
        border: unset;
        padding: unset;
        width: 15px;
        height: 15px; }
        .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .user-guide-clear-search-button img {
          width: 15px;
          height: 15px;
          vertical-align: unset; }
      .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .dropdown-menu {
        width: 100%;
        border-radius: 5px;
        border: solid 1px #535357;
        background-color: #f1f6fb; }
        .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .dropdown-menu li {
          margin: 5px 0; }
          .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .dropdown-menu li a {
            padding: 0 7.5px;
            font-family: "proxima-nova";
            font-weight: 600;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.44;
            color: #535357;
            letter-spacing: normal; }
          .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .dropdown-menu li.active {
            background-color: #e4ebeb; }
            .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .dropdown-menu li.active a, .guide-header-container .gh-search-wrapper-mobile .gh-search-form-mobile .dropdown-menu li.active a:hover {
              background-color: unset; }
    .guide-header-container .gh-search-wrapper-mobile .gh-mobile-search-cancel-wrapper {
      display: inline-block;
      height: inherit;
      float: right;
      margin-right: 4.5%; }
      .guide-header-container .gh-search-wrapper-mobile .gh-mobile-search-cancel-wrapper .gh-mobile-search-cancel {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #ffffff;
        letter-spacing: normal;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: relative;
        top: 50%;
        display: block; }

@media only screen and (max-width: 767.5px) {
  .guide-header-container .guide-header-wrapper {
    height: 66px; }
    .guide-header-container .guide-header-wrapper .gh-divider-wrapper .gh-divider {
      height: 35px; }
    .guide-header-container .guide-header-wrapper .gh-nav-menu-icon-wrapper {
      display: inline-block; }
    .guide-header-container .guide-header-wrapper .gh-logo-wrapper {
      margin-left: 0; }
      .guide-header-container .guide-header-wrapper .gh-logo-wrapper a img {
        max-height: 25px; }
    .guide-header-container .guide-header-wrapper .gh-contact-us-wrapper {
      display: none; }
    .guide-header-container .guide-header-wrapper .gh-search-wrapper {
      display: none; }
    .guide-header-container .guide-header-wrapper .gh-search-nav-button {
      display: block; }
    .guide-header-container .guide-header-wrapper .gh-help-center-wrapper a {
      line-height: 1.22; }
  .guide-header-container .gh-search-wrapper-mobile {
    height: 66px; } }

.guide-search-container {
  height: 320px;
  background-image: radial-gradient(circle at 47% 76%, #1e6eac, #16c0ac 127%);
  padding-top: 65px;
  margin-bottom: 62px; }
  .guide-search-container .guide-search-title-wrapper {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto 18.5px;
    padding: 0 calc(2% + 10px) 0 calc(2% + 15px); }
    .guide-search-container .guide-search-title-wrapper .guide-search-title {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 46px;
      font-size: 2.875rem;
      line-height: 1.17;
      color: #ffffff;
      letter-spacing: normal;
      text-align: center;
      margin: unset; }
  .guide-search-container .guide-search-form-wrapper {
    max-width: 690px;
    margin: 0 auto 16.5px; }
    .guide-search-container .guide-search-form-wrapper .guide-search-form {
      position: relative; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .guide-search-form-input {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.21;
        color: #001c21;
        letter-spacing: normal;
        height: 78px;
        padding-left: 23px;
        padding-right: 81px;
        border: solid 1px #535357; }
        .guide-search-container .guide-search-form-wrapper .guide-search-form .guide-search-form-input.guide-search-form-input-mobile {
          display: none; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .guide-search-form-input::-moz-placeholder {
        color: #535357; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .guide-search-form-input::-webkit-input-placeholder {
        color: #535357; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .guide-search-form-input:-ms-input-placeholder {
        color: #535357; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .guide-search-form-input::-ms-input-placeholder {
        color: #535357; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .guide-search-form-input::placeholder {
        color: #535357; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .user-guide-search-button {
        position: absolute;
        top: 50%;
        right: 21px;
        background: unset;
        border: unset;
        padding: unset;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        .guide-search-container .guide-search-form-wrapper .guide-search-form .user-guide-search-button img {
          width: 39px;
          height: 39px; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .dropdown-menu {
        margin-top: 9px;
        width: 100%;
        border-radius: 5px;
        border: solid 1px #535357;
        background-color: #f1f6fb;
        padding: 10px 0; }
        .guide-search-container .guide-search-form-wrapper .guide-search-form .dropdown-menu li {
          margin: 10px 0; }
          .guide-search-container .guide-search-form-wrapper .guide-search-form .dropdown-menu li a {
            padding: 0 23px;
            font-family: "proxima-nova";
            font-weight: 600;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1;
            color: #535357;
            letter-spacing: normal;
            line-height: normal; }
          .guide-search-container .guide-search-form-wrapper .guide-search-form .dropdown-menu li.active {
            background-color: #e4ebeb; }
            .guide-search-container .guide-search-form-wrapper .guide-search-form .dropdown-menu li.active a, .guide-search-container .guide-search-form-wrapper .guide-search-form .dropdown-menu li.active a:hover {
              background-color: unset; }
  .guide-search-container .guide-search-description-wrapper {
    max-width: 690px;
    width: 100%;
    margin: 0 auto;
    padding-left: 22px;
    padding-right: 22px; }
    .guide-search-container .guide-search-description-wrapper p, .guide-search-container .guide-search-description-wrapper a {
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #ffffff;
      letter-spacing: normal;
      margin: unset; }

@media only screen and (max-width: 1024px) {
  .guide-search-container {
    height: 160px;
    padding-top: 32px;
    margin-bottom: 27px; }
    .guide-search-container .guide-search-title-wrapper {
      max-width: 1024px;
      margin: 0 auto 7px; }
      .guide-search-container .guide-search-title-wrapper .guide-search-title {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.23;
        color: #ffffff;
        letter-spacing: normal; }
    .guide-search-container .guide-search-form-wrapper {
      width: 40%;
      min-width: 310px; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .guide-search-form-input {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.22;
        color: #001c21;
        letter-spacing: normal;
        height: 50px;
        padding-left: 12px;
        padding-right: 73px; }
        .guide-search-container .guide-search-form-wrapper .guide-search-form .guide-search-form-input.guide-search-form-input-desktop {
          display: none; }
        .guide-search-container .guide-search-form-wrapper .guide-search-form .guide-search-form-input.guide-search-form-input-mobile {
          display: block; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .user-guide-search-button {
        right: 25px; }
        .guide-search-container .guide-search-form-wrapper .guide-search-form .user-guide-search-button img {
          width: 28px;
          height: 28px; }
      .guide-search-container .guide-search-form-wrapper .guide-search-form .dropdown-menu li {
        margin: 5px 0; }
        .guide-search-container .guide-search-form-wrapper .guide-search-form .dropdown-menu li a {
          padding: 0 12px;
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.44;
          color: #535357;
          letter-spacing: normal; }
    .guide-search-container .guide-search-description-wrapper {
      display: none; } }

.guide-search-results-container {
  max-width: 710px;
  margin: 0 calc(2% + 10px) 75px calc(2% + 15px); }
  .guide-search-results-container .gsr-wrapper .gsr-title {
    margin-bottom: 36px; }
    .guide-search-results-container .gsr-wrapper .gsr-title span {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 34px;
      font-size: 2.125rem;
      line-height: 1.24;
      color: #001c21;
      letter-spacing: normal; }
      .guide-search-results-container .gsr-wrapper .gsr-title span.gsr-title-count {
        margin-right: 5px; }
  .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-items-container .gsr-item-wrapper .gsr-item .gsr-item-link-wrapper {
    color: #3157b3;
    text-decoration: none; }
    .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-items-container .gsr-item-wrapper .gsr-item .gsr-item-link-wrapper .gsr-item-title {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.14;
      color: #001c21;
      letter-spacing: normal;
      margin-bottom: 9.5px; }
    .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-items-container .gsr-item-wrapper .gsr-item .gsr-item-link-wrapper .gsr-item-description {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.3;
      color: #001c21;
      letter-spacing: normal; }
    .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-items-container .gsr-item-wrapper .gsr-item .gsr-item-link-wrapper:hover .gsr-item-title {
      color: #3157b3;
      text-decoration: underline; }
  .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-items-container .gsr-item-wrapper .gsr-item .divider-component {
    padding-top: 16px;
    padding-bottom: 18px;
    margin: 0 auto; }
    .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-items-container .gsr-item-wrapper .gsr-item .divider-component .border-divider {
      width: 100%;
      height: 2px;
      border-bottom: solid 1px #838790;
      border-bottom-style: dashed; }
  .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-items-container .gsr-item-wrapper:last-child .divider-component {
    display: none; }
  .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-zero-container .title {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.24;
    color: #001c21;
    letter-spacing: normal;
    margin-bottom: 75px; }
  .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-zero-container .try-another-keyword {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 0.82;
    color: #001c21;
    letter-spacing: normal;
    margin-bottom: 13.5px; }
  .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-zero-container .search-guidlines {
    font-family: "proxima-nova";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.3;
    color: #001c21;
    letter-spacing: normal; }

@media only screen and (max-width: 767.5px) {
  .guide-search-results-container {
    max-width: unset;
    margin: 0 4.5% 65px 4.5%; }
    .guide-search-results-container .gsr-wrapper .gsr-title {
      margin-bottom: 18.5px; }
      .guide-search-results-container .gsr-wrapper .gsr-title span {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1;
        color: #001c21;
        letter-spacing: 0.01px;
        line-height: normal; }
    .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-items-container .gsr-item-wrapper .gsr-item .gsr-item-link-wrapper .gsr-item-title {
      margin-bottom: 13px; }
    .guide-search-results-container .gsr-wrapper .gsr-results-container .gsr-items-container .gsr-item-wrapper .gsr-item .divider-component {
      padding-top: 23px;
      padding-bottom: 23px; } }

.scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image {
  margin-top: 28px;
  margin-bottom: 20px;
  background-color: #faf9f6; }
  .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image p {
    margin: 0; }
  .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .user-guide-image-description-container {
    max-width: 500px;
    width: 100%;
    display: block; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .user-guide-image-description-container .guide-title {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.21;
      color: #001c21;
      margin-bottom: 5px;
      margin-top: 3%;
      padding: 0; }
      .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .user-guide-image-description-container .guide-title a {
        color: #001c21; }
        .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .user-guide-image-description-container .guide-title a:hover {
          color: #3157b3; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .user-guide-image-description-container .guide-description {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.3;
      color: #001c21;
      padding: 0; }
  .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-text-image-container {
    height: auto; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-text-image-container img {
      width: 100%;
      max-height: initial; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-text-image-container.left {
      float: left;
      margin: 0 2% 20px 0;
      width: auto;
      max-width: 300px; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-text-image-container.right {
      float: right;
      margin: 0 0 20px 1%;
      width: auto;
      max-width: 300px; }

@media only screen and (max-width: 991.5px) {
  .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image {
    margin-top: 11px;
    margin-bottom: 10px; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .user-guide-image-description-container .guide-title {
      font-size: 22px;
      margin-top: 3%; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .user-guide-image-description-container .guide-description {
      font-size: 20px; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-text-image-container.left, .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-text-image-container.right {
      max-width: 250px; } }

@media only screen and (max-width: 767.5px) {
  .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image {
    margin-bottom: 15px;
    width: 100%; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-title {
      margin-top: 3%; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-title, .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-description {
      padding: 0;
      margin-bottom: 10px; }
    .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-text-image-container.left, .scholastic-main-wrapper.user-guide-main-wrapper .guide-text-image .guide-text-image-container.right {
      float: none;
      margin: 0;
      width: 100%;
      max-width: 100%; } }

cm-address-form,
cm-email-address-lookup-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: flex-start; }
  cm-address-form .custom-fields, cm-address-form .select-custom-fields,
  cm-email-address-lookup-form .custom-fields,
  cm-email-address-lookup-form .select-custom-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: start;
    justify-content: center;
    align-content: center;
    width: 100%;
    padding: 8px;
    gap: 16px; }
    cm-address-form .custom-fields .custom-field, cm-address-form .custom-fields .select-custom-field, cm-address-form .select-custom-fields .custom-field, cm-address-form .select-custom-fields .select-custom-field,
    cm-email-address-lookup-form .custom-fields .custom-field,
    cm-email-address-lookup-form .custom-fields .select-custom-field,
    cm-email-address-lookup-form .select-custom-fields .custom-field,
    cm-email-address-lookup-form .select-custom-fields .select-custom-field {
      width: 100%;
      padding: 0; }
    cm-address-form .custom-fields > *:nth-child(2n-1):nth-last-of-type(1), cm-address-form .select-custom-fields > *:nth-child(2n-1):nth-last-of-type(1),
    cm-email-address-lookup-form .custom-fields > *:nth-child(2n-1):nth-last-of-type(1),
    cm-email-address-lookup-form .select-custom-fields > *:nth-child(2n-1):nth-last-of-type(1) {
      grid-column: span 2; }
  cm-address-form .checkout-form-group,
  cm-email-address-lookup-form .checkout-form-group {
    display: flex;
    flex-direction: column;
    padding: 8px 8px;
    width: 50%; }
    cm-address-form .checkout-form-group label,
    cm-email-address-lookup-form .checkout-form-group label {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: normal;
      color: #293634;
      letter-spacing: normal;
      /* Objektiv Mk2 Regular */
      font-family: "objektiv-mk2";
      font-weight: 400;
      margin-bottom: 8px; }
    cm-address-form .checkout-form-group input,
    cm-email-address-lookup-form .checkout-form-group input {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: normal;
      color: #293634;
      letter-spacing: normal;
      /* Objektiv Mk2 Regular */
      font-family: "objektiv-mk2";
      font-weight: 400;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      transition: all 0.2 ease-in-out ;
      -webkit-transition: all 0.2 ease-in-out ;
      -moz-transition: all 0.2 ease-in-out ;
      -ms-transition: all 0.2 ease-in-out ;
      -o-transition: all 0.2 ease-in-out ;
      min-height: 40px;
      padding: 0 16px;
      background-color: #f0f2f5;
      border: 1px solid #cdd3d5;
      border-radius: 3px;
      outline: unset; }
      cm-address-form .checkout-form-group input.error,
      cm-email-address-lookup-form .checkout-form-group input.error {
        border: solid 2px #e81111; }
      cm-address-form .checkout-form-group input:hover,
      cm-email-address-lookup-form .checkout-form-group input:hover {
        border-color: #7a766e; }
      cm-address-form .checkout-form-group input:focus,
      cm-email-address-lookup-form .checkout-form-group input:focus {
        border: solid 2px #0023aa; }
    cm-address-form .checkout-form-group .field-error-wrapper,
    cm-email-address-lookup-form .checkout-form-group .field-error-wrapper {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: normal;
      color: #293634;
      letter-spacing: normal;
      /* Objektiv Mk2 Regular */
      font-family: "objektiv-mk2";
      font-weight: 400;
      color: #e81111;
      margin-top: 4px;
      display: none; }
    cm-address-form .checkout-form-group .error ~ .field-error-wrapper,
    cm-email-address-lookup-form .checkout-form-group .error ~ .field-error-wrapper {
      display: block; }
    cm-address-form .checkout-form-group.checkout-school,
    cm-email-address-lookup-form .checkout-form-group.checkout-school {
      width: 100%; }
    cm-address-form .checkout-form-group.checkout-state cm-email-select-input, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input,
    cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input,
    cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input,
    cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input,
    cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input,
    cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input,
    cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input {
      display: flex;
      flex-direction: column;
      position: relative; }
      cm-address-form .checkout-form-group.checkout-state cm-email-select-input input, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input input, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input input, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input input, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input input, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input,
      cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input input,
      cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input input,
      cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input input,
      cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input input,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input input,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input {
        user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        transition: all 0.2 ease-in-out ;
        -webkit-transition: all 0.2 ease-in-out ;
        -moz-transition: all 0.2 ease-in-out ;
        -ms-transition: all 0.2 ease-in-out ;
        -o-transition: all 0.2 ease-in-out ;
        cursor: pointer;
        padding-right: 32px; }
        cm-address-form .checkout-form-group.checkout-state cm-email-select-input input.list-active.list-active.list-active, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input input.list-active.list-active.list-active, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input input.list-active.list-active.list-active, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input input.list-active.list-active.list-active, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input input.list-active.list-active.list-active, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.list-active.list-active.list-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input input.list-active.list-active.list-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input input.list-active.list-active.list-active,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input input.list-active.list-active.list-active,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input input.list-active.list-active.list-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input input.list-active.list-active.list-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.list-active.list-active.list-active {
          border: solid 2px #0023aa;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; }
        cm-address-form .checkout-form-group.checkout-state cm-email-select-input input.ng-invalid-required.ng-touched, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input input.ng-invalid-required.ng-touched, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input input.ng-invalid-required.ng-touched, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input input.ng-invalid-required.ng-touched, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required.ng-touched, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required.ng-touched,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input input.ng-invalid-required.ng-touched,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input input.ng-invalid-required.ng-touched,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input input.ng-invalid-required.ng-touched,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input input.ng-invalid-required.ng-touched,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required.ng-touched,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required.ng-touched {
          border: solid 2px #e81111; }
          cm-address-form .checkout-form-group.checkout-state cm-email-select-input input.ng-invalid-required.ng-touched:focus, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input input.ng-invalid-required.ng-touched:focus, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input input.ng-invalid-required.ng-touched:focus, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input input.ng-invalid-required.ng-touched:focus, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required.ng-touched:focus, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required.ng-touched:focus,
          cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input input.ng-invalid-required.ng-touched:focus,
          cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input input.ng-invalid-required.ng-touched:focus,
          cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input input.ng-invalid-required.ng-touched:focus,
          cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input input.ng-invalid-required.ng-touched:focus,
          cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required.ng-touched:focus,
          cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required.ng-touched:focus {
            border: solid 2px #0023aa; }
      cm-address-form .checkout-form-group.checkout-state cm-email-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper,
      cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper,
      cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper,
      cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper,
      cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required.ng-touched:not(.list-active) ~ .field-error-wrapper {
        display: block; }
      cm-address-form .checkout-form-group.checkout-state cm-email-select-input .select-arrow, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input .select-arrow, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input .select-arrow, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input .select-arrow, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input .select-arrow, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input .select-arrow {
        display: block;
        width: 18px;
        height: 17px;
        background-image: url("../../../checkout/images/marketing-catalog/dropdown-arrow-icon.svg");
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 1px;
        transition: all 0.2 ease-in-out ;
        -webkit-transition: all 0.2 ease-in-out ;
        -moz-transition: all 0.2 ease-in-out ;
        -ms-transition: all 0.2 ease-in-out ;
        -o-transition: all 0.2 ease-in-out ;
        position: absolute;
        right: 10px;
        top: 38px;
        pointer-events: none; }
      cm-address-form .checkout-form-group.checkout-state cm-email-select-input .list-active ~ .select-arrow, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input .list-active ~ .select-arrow, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input .list-active ~ .select-arrow, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input .list-active ~ .select-arrow, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input .list-active ~ .select-arrow, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input .list-active ~ .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input .list-active ~ .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input .list-active ~ .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input .list-active ~ .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input .list-active ~ .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input .list-active ~ .select-arrow,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input .list-active ~ .select-arrow {
        transform: rotate(180deg);
        height: 15px;
        margin-top: 3px;
        margin-bottom: unset; }
      cm-address-form .checkout-form-group.checkout-state cm-email-select-input div, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div,
      cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div,
      cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div,
      cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div,
      cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div {
        display: flex;
        width: 100%;
        position: absolute;
        left: 0;
        top: 66px;
        padding: 8px 0;
        background-color: #f0f2f5;
        border: solid 1px #cdd3d5;
        border-radius: 3px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
        z-index: 1;
        max-height: 234px;
        /* ngShow animation - Show */
        /* ngShow animation - Hide */ }
        cm-address-form .checkout-form-group.checkout-state cm-email-select-input div.ng-hide-remove, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div.ng-hide-remove, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div.ng-hide-remove, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div.ng-hide-remove, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div.ng-hide-remove, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div.ng-hide-remove,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div.ng-hide-remove,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div.ng-hide-remove,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div.ng-hide-remove,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div.ng-hide-remove,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div.ng-hide-remove,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div.ng-hide-remove {
          transition: all 0.5s ease-in-out ;
          -webkit-transition: all 0.5s ease-in-out ;
          -moz-transition: all 0.5s ease-in-out ;
          -ms-transition: all 0.5s ease-in-out ;
          -o-transition: all 0.5s ease-in-out ;
          max-height: 0;
          overflow: hidden;
          opacity: 0; }
        cm-address-form .checkout-form-group.checkout-state cm-email-select-input div.ng-hide-remove.ng-hide-remove-active, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div.ng-hide-remove.ng-hide-remove-active, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div.ng-hide-remove.ng-hide-remove-active, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div.ng-hide-remove.ng-hide-remove-active, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div.ng-hide-remove.ng-hide-remove-active, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div.ng-hide-remove.ng-hide-remove-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div.ng-hide-remove.ng-hide-remove-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div.ng-hide-remove.ng-hide-remove-active,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div.ng-hide-remove.ng-hide-remove-active,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div.ng-hide-remove.ng-hide-remove-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div.ng-hide-remove.ng-hide-remove-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div.ng-hide-remove.ng-hide-remove-active {
          max-height: 234px;
          opacity: 1; }
        cm-address-form .checkout-form-group.checkout-state cm-email-select-input div.ng-hide-add, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div.ng-hide-add, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div.ng-hide-add, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div.ng-hide-add, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div.ng-hide-add, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div.ng-hide-add,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div.ng-hide-add,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div.ng-hide-add,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div.ng-hide-add,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div.ng-hide-add,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div.ng-hide-add,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div.ng-hide-add {
          transition: all 0.5s ease-in-out ;
          -webkit-transition: all 0.5s ease-in-out ;
          -moz-transition: all 0.5s ease-in-out ;
          -ms-transition: all 0.5s ease-in-out ;
          -o-transition: all 0.5s ease-in-out ;
          max-height: 234px;
          overflow: hidden;
          opacity: 1; }
        cm-address-form .checkout-form-group.checkout-state cm-email-select-input div.ng-hide-add.ng-hide-add-active, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div.ng-hide-add.ng-hide-add-active, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div.ng-hide-add.ng-hide-add-active, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div.ng-hide-add.ng-hide-add-active, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div.ng-hide-add.ng-hide-add-active, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div.ng-hide-add.ng-hide-add-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div.ng-hide-add.ng-hide-add-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div.ng-hide-add.ng-hide-add-active,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div.ng-hide-add.ng-hide-add-active,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div.ng-hide-add.ng-hide-add-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div.ng-hide-add.ng-hide-add-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div.ng-hide-add.ng-hide-add-active {
          max-height: 0;
          opacity: 0; }
        cm-address-form .checkout-form-group.checkout-state cm-email-select-input div ul, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div ul, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div ul, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div ul,
        cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div ul,
        cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div ul,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul {
          display: flex;
          flex-direction: column;
          width: 100%;
          transition: all 0.2 ease-in-out ;
          -webkit-transition: all 0.2 ease-in-out ;
          -moz-transition: all 0.2 ease-in-out ;
          -ms-transition: all 0.2 ease-in-out ;
          -o-transition: all 0.2 ease-in-out ;
          padding: 0 8px;
          margin: unset;
          outline: unset;
          overflow: auto; }
          cm-address-form .checkout-form-group.checkout-state cm-email-select-input div ul li, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li,
          cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div ul li,
          cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li,
          cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li,
          cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li,
          cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li,
          cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li {
            display: flex;
            align-items: center;
            user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            transition: all 0.2 ease-in-out ;
            -webkit-transition: all 0.2 ease-in-out ;
            -moz-transition: all 0.2 ease-in-out ;
            -ms-transition: all 0.2 ease-in-out ;
            -o-transition: all 0.2 ease-in-out ;
            list-style: none;
            cursor: pointer;
            padding: 8px;
            border-radius: 3px; }
            cm-address-form .checkout-form-group.checkout-state cm-email-select-input div ul li .list-selected-icon, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li .list-selected-icon, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li .list-selected-icon, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li .list-selected-icon, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li .list-selected-icon, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li .list-selected-icon,
            cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div ul li .list-selected-icon,
            cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li .list-selected-icon,
            cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li .list-selected-icon,
            cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li .list-selected-icon,
            cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li .list-selected-icon,
            cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li .list-selected-icon {
              display: none;
              width: 16px;
              height: 16px;
              background-image: url("../../../checkout/images/marketing-catalog/sort-selected-icon.svg");
              background-position: center;
              background-repeat: no-repeat;
              opacity: 0;
              transition: all 0.2 ease-in-out ;
              -webkit-transition: all 0.2 ease-in-out ;
              -moz-transition: all 0.2 ease-in-out ;
              -ms-transition: all 0.2 ease-in-out ;
              -o-transition: all 0.2 ease-in-out ; }
            cm-address-form .checkout-form-group.checkout-state cm-email-select-input div ul li .list-item-text, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li .list-item-text, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li .list-item-text, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li .list-item-text, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li .list-item-text, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div ul li .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li .list-item-text {
              font-family: "proxima-nova";
              font-weight: 400;
              font-size: 16px;
              font-size: 1rem;
              line-height: normal;
              color: #293634;
              letter-spacing: normal;
              /* Objektiv Mk2 Regular */
              font-family: "objektiv-mk2";
              font-weight: 400;
              box-sizing: border-box;
              -moz-box-sizing: border-box;
              -webkit-box-sizing: border-box;
              transition: all 0.2 ease-in-out ;
              -webkit-transition: all 0.2 ease-in-out ;
              -moz-transition: all 0.2 ease-in-out ;
              -ms-transition: all 0.2 ease-in-out ;
              -o-transition: all 0.2 ease-in-out ;
              display: flex;
              align-items: center;
              padding: 0 2px;
              height: 27px;
              border-radius: 4px;
              border: solid 2px rgba(0, 0, 0, 0); }
            cm-address-form .checkout-form-group.checkout-state cm-email-select-input div ul li.item-selected, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li.item-selected, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li.item-selected, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li.item-selected, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li.item-selected, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li.item-selected,
            cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div ul li.item-selected,
            cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li.item-selected,
            cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li.item-selected,
            cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li.item-selected,
            cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li.item-selected,
            cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li.item-selected {
              background-color: #cbdaf1; }
              cm-address-form .checkout-form-group.checkout-state cm-email-select-input div ul li.item-selected .list-item-text, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li.item-selected .list-item-text, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li.item-selected .list-item-text, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li.item-selected .list-item-text, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li.item-selected .list-item-text, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li.item-selected .list-item-text,
              cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div ul li.item-selected .list-item-text,
              cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li.item-selected .list-item-text,
              cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li.item-selected .list-item-text,
              cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li.item-selected .list-item-text,
              cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li.item-selected .list-item-text,
              cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li.item-selected .list-item-text {
                font-weight: 500; }
              cm-address-form .checkout-form-group.checkout-state cm-email-select-input div ul li.item-selected .list-selected-icon, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li.item-selected .list-selected-icon, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li.item-selected .list-selected-icon, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li.item-selected .list-selected-icon, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li.item-selected .list-selected-icon, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li.item-selected .list-selected-icon,
              cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div ul li.item-selected .list-selected-icon,
              cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li.item-selected .list-selected-icon,
              cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li.item-selected .list-selected-icon,
              cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li.item-selected .list-selected-icon,
              cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li.item-selected .list-selected-icon,
              cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li.item-selected .list-selected-icon {
                opacity: 100%; }
            cm-address-form .checkout-form-group.checkout-state cm-email-select-input div ul li:hover, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li:hover, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li:hover, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li:hover, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li:hover, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li:hover,
            cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div ul li:hover,
            cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li:hover,
            cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li:hover,
            cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li:hover,
            cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li:hover,
            cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li:hover {
              background-color: #cbdaf1; }
            cm-address-form .checkout-form-group.checkout-state cm-email-select-input div ul li.focus .list-item-text, cm-address-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li.focus .list-item-text, cm-address-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li.focus .list-item-text, cm-address-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li.focus .list-item-text, cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li.focus .list-item-text, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li.focus .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-select-input div ul li.focus .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.checkout-state cm-email-custom-select-input div ul li.focus .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-select-input div ul li.focus .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.custom-dropdown cm-email-custom-select-input div ul li.focus .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li.focus .list-item-text,
            cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li.focus .list-item-text {
              border-color: #0023aa; }
    cm-address-form .checkout-form-group.checkout-school-select,
    cm-email-address-lookup-form .checkout-form-group.checkout-school-select {
      width: 100%;
      position: relative;
      /* ngShow animation - Show */
      /* ngShow animation - Hide */ }
      cm-address-form .checkout-form-group.checkout-school-select.ng-hide-remove,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select.ng-hide-remove {
        transition: all 0.5s ease-in-out ;
        -webkit-transition: all 0.5s ease-in-out ;
        -moz-transition: all 0.5s ease-in-out ;
        -ms-transition: all 0.5s ease-in-out ;
        -o-transition: all 0.5s ease-in-out ;
        max-height: 0;
        overflow: hidden;
        opacity: 0; }
      cm-address-form .checkout-form-group.checkout-school-select.ng-hide-remove.ng-hide-remove-active,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select.ng-hide-remove.ng-hide-remove-active {
        max-height: 100px;
        opacity: 1; }
      cm-address-form .checkout-form-group.checkout-school-select.ng-hide-add,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select.ng-hide-add {
        transition: all 0.5s ease-in-out ;
        -webkit-transition: all 0.5s ease-in-out ;
        -moz-transition: all 0.5s ease-in-out ;
        -ms-transition: all 0.5s ease-in-out ;
        -o-transition: all 0.5s ease-in-out ;
        max-height: 100px;
        overflow: hidden;
        opacity: 1; }
      cm-address-form .checkout-form-group.checkout-school-select.ng-hide-add.ng-hide-add-active,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select.ng-hide-add.ng-hide-add-active {
        max-height: 0;
        opacity: 0; }
      cm-address-form .checkout-form-group.checkout-school-select .loading-animation,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select .loading-animation {
        display: none !important;
        /**/
        height: 43px;
        top: 32px;
        bottom: unset;
        /**/
        z-index: 2;
        margin: 0 8px;
        background-color: rgba(255, 255, 255, 0.5);
        /* ngShow animation - Show */
        /* ngShow animation - Hide */ }
        cm-address-form .checkout-form-group.checkout-school-select .loading-animation.ng-hide-remove,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select .loading-animation.ng-hide-remove {
          transition: all 0.25s ease-in-out ;
          -webkit-transition: all 0.25s ease-in-out ;
          -moz-transition: all 0.25s ease-in-out ;
          -ms-transition: all 0.25s ease-in-out ;
          -o-transition: all 0.25s ease-in-out ;
          opacity: 0; }
        cm-address-form .checkout-form-group.checkout-school-select .loading-animation.ng-hide-remove.ng-hide-remove-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select .loading-animation.ng-hide-remove.ng-hide-remove-active {
          opacity: 1; }
        cm-address-form .checkout-form-group.checkout-school-select .loading-animation.ng-hide-add,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select .loading-animation.ng-hide-add {
          transition: all 0.25s ease-in-out ;
          -webkit-transition: all 0.25s ease-in-out ;
          -moz-transition: all 0.25s ease-in-out ;
          -ms-transition: all 0.25s ease-in-out ;
          -o-transition: all 0.25s ease-in-out ;
          opacity: 1; }
        cm-address-form .checkout-form-group.checkout-school-select .loading-animation.ng-hide-add.ng-hide-add-active,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select .loading-animation.ng-hide-add.ng-hide-add-active {
          opacity: 0; }
        cm-address-form .checkout-form-group.checkout-school-select .loading-animation .spinner-container,
        cm-email-address-lookup-form .checkout-form-group.checkout-school-select .loading-animation .spinner-container {
          transform: scale(0.5); }
      cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li:last-child span, cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li:last-child span,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input div ul li:last-child span,
      cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input div ul li:last-child span {
        color: #2347d1; }
    cm-address-form .checkout-form-group.checkout-zip,
    cm-email-address-lookup-form .checkout-form-group.checkout-zip {
      position: relative;
      width: 100%; }
      cm-address-form .checkout-form-group.checkout-zip img,
      cm-email-address-lookup-form .checkout-form-group.checkout-zip img {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 22px;
        top: 44px; }
    cm-address-form .checkout-form-group.checkout-phone,
    cm-email-address-lookup-form .checkout-form-group.checkout-phone {
      width: 100%; }
    cm-address-form .checkout-form-group.school-address-overview,
    cm-email-address-lookup-form .checkout-form-group.school-address-overview {
      /* ngShow animation - Show */
      /* ngShow animation - Hide */
      padding: 0 8px;
      width: 100%; }
      cm-address-form .checkout-form-group.school-address-overview.ng-hide-remove,
      cm-email-address-lookup-form .checkout-form-group.school-address-overview.ng-hide-remove {
        transition: all 0.5s ease-in-out ;
        -webkit-transition: all 0.5s ease-in-out ;
        -moz-transition: all 0.5s ease-in-out ;
        -ms-transition: all 0.5s ease-in-out ;
        -o-transition: all 0.5s ease-in-out ;
        max-height: 0;
        overflow: hidden;
        opacity: 0; }
      cm-address-form .checkout-form-group.school-address-overview.ng-hide-remove.ng-hide-remove-active,
      cm-email-address-lookup-form .checkout-form-group.school-address-overview.ng-hide-remove.ng-hide-remove-active {
        max-height: 150px;
        opacity: 1; }
      cm-address-form .checkout-form-group.school-address-overview.ng-hide-add,
      cm-email-address-lookup-form .checkout-form-group.school-address-overview.ng-hide-add {
        transition: all 0.5s ease-in-out ;
        -webkit-transition: all 0.5s ease-in-out ;
        -moz-transition: all 0.5s ease-in-out ;
        -ms-transition: all 0.5s ease-in-out ;
        -o-transition: all 0.5s ease-in-out ;
        max-height: 150px;
        overflow: hidden;
        opacity: 1; }
      cm-address-form .checkout-form-group.school-address-overview.ng-hide-add.ng-hide-add-active,
      cm-email-address-lookup-form .checkout-form-group.school-address-overview.ng-hide-add.ng-hide-add-active {
        max-height: 0;
        opacity: 0; }
      cm-address-form .checkout-form-group.school-address-overview .school-address-overview-inner,
      cm-email-address-lookup-form .checkout-form-group.school-address-overview .school-address-overview-inner {
        display: flex;
        flex-direction: column;
        padding: 14px 0 8px;
        margin-bottom: 12px; }
        cm-address-form .checkout-form-group.school-address-overview .school-address-overview-inner .school-address-label,
        cm-email-address-lookup-form .checkout-form-group.school-address-overview .school-address-overview-inner .school-address-label {
          font-family: "proxima-nova";
          font-weight: 400;
          font-size: 13px;
          font-size: 0.8125rem;
          line-height: normal;
          color: #293634;
          letter-spacing: normal;
          /* Objektiv Mk2 Regular */
          font-family: "objektiv-mk2";
          font-weight: 400;
          margin-bottom: 6px; }
        cm-address-form .checkout-form-group.school-address-overview .school-address-overview-inner .school-address-overview,
        cm-email-address-lookup-form .checkout-form-group.school-address-overview .school-address-overview-inner .school-address-overview {
          font-family: "proxima-nova";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: normal;
          color: #293634;
          letter-spacing: normal;
          /* Objektiv Mk2 Regular */
          font-family: "objektiv-mk2";
          font-weight: 400;
          text-transform: uppercase; }
  cm-address-form .custom-address-fields,
  cm-email-address-lookup-form .custom-address-fields {
    /* ngShow animation - Show */
    /* ngShow animation - Hide */
    display: flex;
    flex-wrap: wrap; }
    cm-address-form .custom-address-fields.ng-hide-remove,
    cm-email-address-lookup-form .custom-address-fields.ng-hide-remove {
      transition: all 1s ease-in-out ;
      -webkit-transition: all 1s ease-in-out ;
      -moz-transition: all 1s ease-in-out ;
      -ms-transition: all 1s ease-in-out ;
      -o-transition: all 1s ease-in-out ;
      max-height: 0;
      overflow: hidden;
      opacity: 0; }
    cm-address-form .custom-address-fields.ng-hide-remove.ng-hide-remove-active,
    cm-email-address-lookup-form .custom-address-fields.ng-hide-remove.ng-hide-remove-active {
      max-height: 400px;
      opacity: 1; }
    cm-address-form .custom-address-fields.ng-hide-add,
    cm-email-address-lookup-form .custom-address-fields.ng-hide-add {
      transition: all 1s ease-in-out ;
      -webkit-transition: all 1s ease-in-out ;
      -moz-transition: all 1s ease-in-out ;
      -ms-transition: all 1s ease-in-out ;
      -o-transition: all 1s ease-in-out ;
      max-height: 400px;
      overflow: hidden;
      opacity: 1; }
    cm-address-form .custom-address-fields.ng-hide-add.ng-hide-add-active,
    cm-email-address-lookup-form .custom-address-fields.ng-hide-add.ng-hide-add-active {
      max-height: 0;
      opacity: 0; }
  cm-address-form .row-break,
  cm-email-address-lookup-form .row-break {
    flex-basis: 100%;
    height: 0; }

/* Show error message for State field in form is submitted and field is untouched */
form.ng-submitted cm-address-form .checkout-form-group.checkout-state.custom-dropdown cm-email-select-input input.ng-invalid-required, form.ng-submitted cm-address-form .checkout-form-group.checkout-state.custom-dropdown cm-email-custom-select-input input.ng-invalid-required,
form.ng-submitted cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required,
form.ng-submitted cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required,
form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-state.custom-dropdown cm-email-select-input input.ng-invalid-required,
form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-state.custom-dropdown cm-email-custom-select-input input.ng-invalid-required,
form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required,
form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required {
  border: solid 2px #e81111; }
  form.ng-submitted cm-address-form .checkout-form-group.checkout-state.custom-dropdown cm-email-select-input input.ng-invalid-required:focus, form.ng-submitted cm-address-form .checkout-form-group.checkout-state.custom-dropdown cm-email-custom-select-input input.ng-invalid-required:focus,
  form.ng-submitted cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required:focus,
  form.ng-submitted cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required:focus,
  form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-state.custom-dropdown cm-email-select-input input.ng-invalid-required:focus,
  form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-state.custom-dropdown cm-email-custom-select-input input.ng-invalid-required:focus,
  form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required:focus,
  form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required:focus {
    border: solid 2px #0023aa; }

form.ng-submitted cm-address-form .checkout-form-group.checkout-state.custom-dropdown cm-email-select-input input.ng-invalid-required:not(.list-active) ~ .field-error-wrapper, form.ng-submitted cm-address-form .checkout-form-group.checkout-state.custom-dropdown cm-email-custom-select-input input.ng-invalid-required:not(.list-active) ~ .field-error-wrapper,
form.ng-submitted cm-address-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required:not(.list-active) ~ .field-error-wrapper,
form.ng-submitted cm-address-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required:not(.list-active) ~ .field-error-wrapper,
form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-state.custom-dropdown cm-email-select-input input.ng-invalid-required:not(.list-active) ~ .field-error-wrapper,
form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-state.custom-dropdown cm-email-custom-select-input input.ng-invalid-required:not(.list-active) ~ .field-error-wrapper,
form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-select-input input.ng-invalid-required:not(.list-active) ~ .field-error-wrapper,
form.ng-submitted cm-email-address-lookup-form .checkout-form-group.checkout-school-select cm-email-custom-select-input input.ng-invalid-required:not(.list-active) ~ .field-error-wrapper {
  display: block; }

cm-address-overview {
  display: flex;
  flex-direction: column;
  font-family: "proxima-nova";
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: normal;
  color: #293634;
  letter-spacing: normal;
  /* Objektiv Mk2 Regular */
  font-family: "objektiv-mk2";
  font-weight: 400;
  text-transform: uppercase; }

@media only screen and (max-width: 719px) {
  cm-address-form .checkout-form-group.checkout-address1, cm-address-form .checkout-form-group.checkout-address2,
  cm-email-address-lookup-form .checkout-form-group.checkout-address1,
  cm-email-address-lookup-form .checkout-form-group.checkout-address2 {
    width: 100%; }
  cm-address-overview {
    font-size: 13px;
    font-size: 0.8125rem; } }

@media only screen and (max-width: 519px) {
  .custom-fields {
    grid-template-columns: 1fr; }
    .custom-fields > *:nth-child(2n-1):nth-last-of-type(1) {
      grid-column: 1; }
  cm-address-form .checkout-form-group,
  cm-email-address-lookup-form .checkout-form-group {
    width: 100%; } }

.marketing-contact-us {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  width: 40%;
  min-width: 470px;
  margin: 0 auto; }
  .marketing-contact-us form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 20px; }
  .marketing-contact-us .marketing-contact-us__wrapper {
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    display: flex;
    justify-content: center;
    width: auto;
    height: auto;
    text-align: center;
    outline: 0;
    padding: 4px;
    min-width: 100px;
    background-color: red;
    margin-bottom: 24px;
    border-radius: 2px;
    font-family: "objektiv-mk2";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: normal;
    color: white;
    letter-spacing: normal;
    /* Objektiv Mk2 Bold */
    font-weight: 700;
    color: white;
    text-decoration: none;
    outline: none;
    border: 0; }
    .marketing-contact-us .marketing-contact-us__wrapper:hover, .marketing-contact-us .marketing-contact-us__wrapper:focus {
      box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3); }
    .marketing-contact-us .marketing-contact-us__wrapper:focus {
      outline: 0;
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .marketing-contact-us .marketing-contact-us__wrapper:disabled {
      cursor: not-allowed;
      filter: grayscale(1); }

.message-center-open {
  padding-right: 16px; }

.message-center-main-container {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  height: 100%;
  width: 100%; }
  .message-center-main-container.open {
    z-index: 1000; }
  .message-center-main-container .message-center-overlay {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-transition: all 0.225s cubic-bezier(0, 0, 0.2, 1);
    -moz-transition: all 0.225s cubic-bezier(0, 0, 0.2, 1);
    -ms-transition: all 0.225s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 0.225s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.225s cubic-bezier(0, 0, 0.2, 1); }
    .message-center-main-container .message-center-overlay.open {
      opacity: 1; }
  .message-center-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 16px 0;
    position: absolute;
    right: 0;
    z-index: 1001;
    width: 356px;
    background-color: #d7e8f4;
    overflow-y: auto;
    -webkit-transition: all 0.225s cubic-bezier(0, 0, 0.2, 1);
    -moz-transition: all 0.225s cubic-bezier(0, 0, 0.2, 1);
    -ms-transition: all 0.225s cubic-bezier(0, 0, 0.2, 1);
    -o-transition: all 0.225s cubic-bezier(0, 0, 0.2, 1);
    transition: all 0.225s cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: translate(356px, 0);
    -ms-transform: translate(356px, 0);
    transform: translate(356px, 0);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25); }
    .message-center-wrapper.open {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0); }
    .message-center-wrapper .message-center-heading {
      background: #d7e8f4;
      background: -moz-linear-gradient(180deg, #d7e8f4 0%, #d7e8f4 80%, rgba(215, 232, 244, 0) 100%);
      background: -webkit-linear-gradient(180deg, #d7e8f4 0%, #d7e8f4 80%, rgba(215, 232, 244, 0) 100%);
      background: linear-gradient(180deg, #d7e8f4 0%, #d7e8f4 80%, rgba(215, 232, 244, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7e8f4",endColorstr="#d7e8f4",GradientType=1);
      display: -webkit-inline-box;
      position: sticky;
      top: 0; }
      .message-center-wrapper .message-center-heading .message-center-heading-icon {
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 41px 7px 28px;
        background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/mc-bullhorn-icon.svg");
        width: 34px;
        height: 22px; }
      .message-center-wrapper .message-center-heading .message-center-heading-title {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        color: #000000;
        letter-spacing: normal;
        line-height: normal;
        margin: 39px 0 26px;
        min-width: 225px;
        flex-grow: 1; }
      .message-center-wrapper .message-center-heading .message-center-exit-icon {
        margin: 21px 4px 0 15px;
        position: relative;
        cursor: pointer;
        width: 19px;
        height: 19px;
        opacity: 0.5;
        display: block;
        border: none;
        background: no-repeat;
        padding: 0;
        border-radius: 2px;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .message-center-wrapper .message-center-heading .message-center-exit-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .message-center-wrapper .message-center-heading .message-center-exit-icon:before, .message-center-wrapper .message-center-heading .message-center-exit-icon:after {
          position: absolute;
          left: 8px;
          top: -1px;
          content: ' ';
          height: 21px;
          width: 3px;
          background-color: #0687cb; }
        .message-center-wrapper .message-center-heading .message-center-exit-icon:before {
          transform: rotate(45deg); }
        .message-center-wrapper .message-center-heading .message-center-exit-icon:after {
          transform: rotate(-45deg); }
        .message-center-wrapper .message-center-heading .message-center-exit-icon:focus, .message-center-wrapper .message-center-heading .message-center-exit-icon:hover, .message-center-wrapper .message-center-heading .message-center-exit-icon:active {
          outline: unset;
          opacity: 1; }
    .message-center-wrapper .message-center-items-wrapper .message-center-items {
      display: flex;
      flex-direction: column;
      gap: 18px;
      padding: 0;
      margin-bottom: 18px; }
      .message-center-wrapper .message-center-items-wrapper .message-center-items li {
        list-style: none;
        max-height: 1000px;
        overflow: visible;
        transition: all ease-in-out .4s .1s; }
        .message-center-wrapper .message-center-items-wrapper .message-center-items li.dismissed {
          max-height: 1px; }
          .message-center-wrapper .message-center-items-wrapper .message-center-items li.dismissed .message-center-item {
            transform: translateX(120%); }
      .message-center-wrapper .message-center-items-wrapper .message-center-items .message-center-item {
        transition: all .5s ease-in; }
        .message-center-wrapper .message-center-items-wrapper .message-center-items .message-center-item .message-center-item-link-wrapper {
          min-width: 111px;
          display: inline-block; }
        .message-center-wrapper .message-center-items-wrapper .message-center-items .message-center-item .message-center-item-link {
          border-radius: 2px;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          outline: unset;
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          color: #3385ef;
          letter-spacing: normal;
          line-height: normal; }
          .message-center-wrapper .message-center-items-wrapper .message-center-items .message-center-item .message-center-item-link:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .message-center-wrapper .message-center-items-wrapper .message-center-items .message-center-item .message-center-item-link:focus, .message-center-wrapper .message-center-items-wrapper .message-center-items .message-center-item .message-center-item-link:hover, .message-center-wrapper .message-center-items-wrapper .message-center-items .message-center-item .message-center-item-link:active {
            outline: unset;
            text-decoration: underline; }
          .message-center-wrapper .message-center-items-wrapper .message-center-items .message-center-item .message-center-item-link.message-center-dismiss {
            margin-left: 15px;
            border: none;
            background: no-repeat;
            padding: 0; }
      .message-center-wrapper .message-center-items-wrapper .message-center-items.message-center-announcements .message-center-item {
        border-radius: 8px;
        border: solid 4px #ffffff;
        background-color: rgba(255, 255, 255, 0.31);
        padding: 15px 12px 18px; }
        .message-center-wrapper .message-center-items-wrapper .message-center-items.message-center-announcements .message-center-item .message-center-item-title {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 22px;
          font-size: 1.375rem;
          color: #000000;
          letter-spacing: normal;
          line-height: normal;
          margin: 0 0 7px; }
        .message-center-wrapper .message-center-items-wrapper .message-center-items.message-center-announcements .message-center-item .message-center-item-desc {
          font-family: "proxima-nova";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          color: #000000;
          letter-spacing: normal;
          line-height: normal;
          margin-bottom: 18px; }
      .message-center-wrapper .message-center-items-wrapper .message-center-items.message-center-tutorials {
        gap: 16px; }
        .message-center-wrapper .message-center-items-wrapper .message-center-items.message-center-tutorials .message-center-item {
          border-radius: 8px;
          background-color: #fafbfc;
          padding: 16px 16px 24px; }
          .message-center-wrapper .message-center-items-wrapper .message-center-items.message-center-tutorials .message-center-item .message-center-item-title {
            font-family: "proxima-nova";
            font-weight: 700;
            font-size: 19px;
            font-size: 1.1875rem;
            color: #000000;
            letter-spacing: normal;
            line-height: normal;
            margin: 0 0 7px; }
          .message-center-wrapper .message-center-items-wrapper .message-center-items.message-center-tutorials .message-center-item .message-center-item-desc-wrapper {
            display: flex;
            align-items: center;
            margin-bottom: 20px; }
            .message-center-wrapper .message-center-items-wrapper .message-center-items.message-center-tutorials .message-center-item .message-center-item-desc-wrapper .message-center-clock-icon {
              display: inline-block;
              background-size: contain;
              background-repeat: no-repeat;
              margin-right: 9px;
              background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/mc-clock-icon.svg");
              width: 20px;
              height: 20px; }
            .message-center-wrapper .message-center-items-wrapper .message-center-items.message-center-tutorials .message-center-item .message-center-item-desc-wrapper .message-center-item-desc {
              font-family: "proxima-nova";
              font-weight: 400;
              font-size: 18px;
              font-size: 1.125rem;
              color: #595252;
              letter-spacing: normal;
              line-height: normal;
              margin: unset; }
    .message-center-wrapper .mc-empty-state-wrapper {
      display: flex;
      padding: 14px 24px 14px 21px;
      border-radius: 8px;
      background-color: #fafbfc;
      transition: all .35s ease-in;
      transform: translateX(120%); }
      .message-center-wrapper .mc-empty-state-wrapper .mc-empty-state-icon {
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/mc-thumbs-up-icon.svg");
        min-width: 43px;
        height: 56px; }
      .message-center-wrapper .mc-empty-state-wrapper .mc-empty-state-text {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.26;
        color: #000000;
        letter-spacing: normal;
        margin-left: 17px; }
      .message-center-wrapper .mc-empty-state-wrapper.mc-empty-state-animate {
        transform: translateX(0%); }
    .message-center-wrapper .message-center-footer {
      background: #d7e8f4;
      background: -moz-linear-gradient(0deg, #d7e8f4 0%, #d7e8f4 80%, rgba(215, 232, 244, 0) 100%);
      background: -webkit-linear-gradient(0deg, #d7e8f4 0%, #d7e8f4 80%, rgba(215, 232, 244, 0) 100%);
      background: linear-gradient(0deg, #d7e8f4 0%, #d7e8f4 80%, rgba(215, 232, 244, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7e8f4",endColorstr="#d7e8f4",GradientType=1);
      margin-top: auto;
      bottom: 0;
      padding: 25px 0 35px; }
      .message-center-wrapper .message-center-footer p, .message-center-wrapper .message-center-footer i {
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        color: #000000;
        letter-spacing: normal;
        line-height: normal; }
      .message-center-wrapper .message-center-footer a {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        color: #4a90e2;
        letter-spacing: normal;
        line-height: normal; }
        .message-center-wrapper .message-center-footer a:focus, .message-center-wrapper .message-center-footer a:hover, .message-center-wrapper .message-center-footer a:active {
          outline: 0;
          text-decoration: underline; }
      .message-center-wrapper .message-center-footer b {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        color: #000000;
        letter-spacing: normal;
        line-height: normal; }
      .message-center-wrapper .message-center-footer p {
        margin: unset; }
        .message-center-wrapper .message-center-footer p a {
          border-radius: 2px;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          outline: unset; }
          .message-center-wrapper .message-center-footer p a:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .message-center-main-container.wcmmode {
    position: unset;
    z-index: unset;
    overflow: unset; }
    .message-center-main-container.wcmmode .message-center-wrapper {
      position: unset; }

.article-quiz-question-container .article-quiz-question-wrapper {
  margin: 0 0 20px; }
  .article-quiz-question-container .article-quiz-question-wrapper .aqq-content {
    display: flex; }
    .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-image-wrapper {
      margin-top: 6px; }
      .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-image-wrapper .aqq-number-image-container {
        background-repeat: no-repeat;
        background-size: contain;
        width: 62px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-image-wrapper .aqq-number-image-container.teal {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1;
        color: #ffffff;
        letter-spacing: normal;
        line-height: normal;
        background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/articleQuiz/question-icon-teal.svg"); }
      .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-image-wrapper .aqq-number-image-container.paleGreen {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal;
        line-height: normal;
        background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/articleQuiz/question-icon-paleGreen.svg"); }
      .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-image-wrapper .aqq-number-image-container.purple {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1;
        color: #ffffff;
        letter-spacing: normal;
        line-height: normal;
        background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/articleQuiz/question-icon-purple.svg"); }
      .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-image-wrapper .aqq-number-authored-image-container {
        width: 62px;
        height: 60px; }
    .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-text {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 1.28;
      color: #000000;
      letter-spacing: normal;
      display: flex;
      align-items: center;
      flex-grow: 1;
      margin-left: 15px; }
      .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-text p {
        margin: unset; }
      .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-text b, .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-text p b, .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-text li b, .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-text a b {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.28;
        color: #000000;
        letter-spacing: normal; }

@media only screen and (min-width: 568.5px) and (max-width: 1024px) {
  .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-image-wrapper {
    margin-top: 4px; }
  .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-text {
    margin-left: 18px; } }

@media only screen and (max-width: 568px) {
  .article-quiz-question-container .article-quiz-question-wrapper {
    margin: 0 0 15px; }
    .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-image-wrapper {
      margin-top: 4px; }
      .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-image-wrapper .aqq-number-image-container {
        font-size: 20px;
        font-size: 1.25rem;
        width: 44px;
        height: 43px; }
      .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-image-wrapper .aqq-number-authored-image-container {
        width: 44px;
        height: 43px; }
    .article-quiz-question-container .article-quiz-question-wrapper .aqq-content .aqq-text {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.23;
      margin-left: 18px; } }

.article-quiz-answer-container .article-quiz-answer-wrapper {
  padding-bottom: 50px; }
  .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers {
    margin: unset;
    padding: unset;
    list-style-type: none; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 10px 15px 7px 18px;
      border: unset;
      border-bottom: solid 3px #000000;
      margin-bottom: 20px;
      min-height: 60px;
      width: 100%;
      outline: unset;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal;
        line-height: normal;
        max-width: calc(100% - 55px);
        flex-grow: 1; }
        .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text p {
          margin-bottom: 0; }
        .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text a b {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 23px;
          font-size: 1.4375rem;
          line-height: 1;
          color: #000000;
          letter-spacing: normal;
          line-height: normal; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-quiz-answer-icon {
        display: none;
        background-size: contain;
        background-repeat: no-repeat;
        min-width: 40px;
        height: 40px;
        margin-left: 15px; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.teal {
      background: rgba(0, 129, 143, 0.1); }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.teal .aqa-quiz-answer-icon.aqa-correct-answer path {
        fill: #ffffff; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.teal .aqa-quiz-answer-icon.aqa-incorrect-answer path {
        fill: #00818F; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.paleGreen {
      background: rgba(139, 252, 204, 0.05); }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.paleGreen .aqa-quiz-answer-icon.aqa-correct-answer path {
        fill: #005E4B; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.paleGreen .aqa-quiz-answer-icon.aqa-incorrect-answer path {
        fill: #FF6378; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.purple {
      background: rgba(151, 76, 209, 0.05); }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.purple .aqa-quiz-answer-icon.aqa-correct-answer path {
        fill: #ffffff; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.purple .aqa-quiz-answer-icon.aqa-incorrect-answer path {
        fill: #974CD1; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.antique-white {
      background: #F7EDEA;
      border: unset;
      border-radius: 8px;
      padding: 7px 7px 7px 20px; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.antique-white .aqa-answer-text {
        text-align: left;
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: normal;
        color: #000000;
        letter-spacing: normal; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.antique-white .aqa-quiz-answer-icon.aqa-correct-answer path {
        fill: #ffffff; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.antique-white .aqa-quiz-answer-icon.aqa-incorrect-answer path {
        fill: #DA2525; }
  .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.35;
    color: #000000;
    letter-spacing: normal;
    padding: 21px 25px;
    margin-bottom: 20px;
    display: none; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text p {
      margin-bottom: 0; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text b, .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text a b {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.35;
      color: #000000;
      letter-spacing: normal; }
  .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text.teal {
    border: solid 5px #00818f; }
  .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text.paleGreen {
    border: solid 5px #8bfccc; }
  .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text.purple {
    border: solid 5px #974cd1; }
  .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text.antique-white {
    font-family: "soleil";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: normal;
    color: #000000;
    letter-spacing: normal;
    border: solid 4px #7440E3;
    border-radius: 4px;
    position: relative;
    text-align: left; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text.antique-white .aqa-response-text__inner-background {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #7440E3;
      opacity: 0.15; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text.antique-white .aqa-response-text__content {
      position: relative; }
  .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:hover, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:active, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:focus {
    background: #00818f;
    outline: 0; }
    .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:hover .aqa-answer-text, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:active .aqa-answer-text, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:focus .aqa-answer-text {
      color: #ffffff; }
      .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:hover .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:hover .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:hover .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:hover .aqa-answer-text a b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:active .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:active .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:active .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:active .aqa-answer-text a b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:focus .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:focus .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:focus .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.teal:focus .aqa-answer-text a b {
        color: #ffffff; }
  .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:hover, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:active, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:focus {
    background: #8bfccc;
    outline: 0; }
    .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:hover .aqa-answer-text, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:active .aqa-answer-text, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:focus .aqa-answer-text {
      color: #000000; }
      .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:hover .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:hover .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:hover .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:hover .aqa-answer-text a b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:active .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:active .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:active .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:active .aqa-answer-text a b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:focus .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:focus .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:focus .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.paleGreen:focus .aqa-answer-text a b {
        color: #000000; }
  .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:hover, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:active, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:focus {
    background: #DA2525;
    outline: 0; }
    .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:hover .aqa-answer-text, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:active .aqa-answer-text, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:focus .aqa-answer-text {
      color: #ffffff; }
      .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:hover .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:hover .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:hover .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:hover .aqa-answer-text a b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:active .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:active .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:active .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:active .aqa-answer-text a b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:focus .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:focus .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:focus .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.antique-white:focus .aqa-answer-text a b {
        color: #ffffff; }
  .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:hover, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:active, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:focus {
    background: #974cd1;
    outline: 0; }
    .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:hover .aqa-answer-text, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:active .aqa-answer-text, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:focus .aqa-answer-text {
      color: #ffffff; }
      .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:hover .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:hover .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:hover .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:hover .aqa-answer-text a b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:active .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:active .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:active .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:active .aqa-answer-text a b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:focus .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:focus .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:focus .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper:not(.answered) .aqa-answers .aqa-answer.purple:focus .aqa-answer-text a b {
        color: #ffffff; }
  .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer:hover, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer:active, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer:focus {
    outline: 0; }
  .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.teal {
    background: #00818f; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.teal .aqa-answer-text {
      color: #ffffff; }
      .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.teal .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.teal .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.teal .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.teal .aqa-answer-text a b {
        color: #ffffff; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.teal .aqa-quiz-answer-icon {
      display: inline-block; }
  .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.antique-white {
    background: #2263C4; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.antique-white .aqa-answer-text {
      color: #ffffff; }
      .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.antique-white .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.antique-white .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.antique-white .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.antique-white .aqa-answer-text a b {
        color: #ffffff; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.antique-white .aqa-quiz-answer-icon {
      display: inline-block; }
  .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.paleGreen {
    background: #8bfccc; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.paleGreen .aqa-answer-text {
      color: #000000; }
      .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.paleGreen .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.paleGreen .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.paleGreen .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.paleGreen .aqa-answer-text a b {
        color: #000000; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.paleGreen .aqa-quiz-answer-icon {
      display: inline-block; }
  .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.purple {
    background: #974cd1; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.purple .aqa-answer-text {
      color: #ffffff; }
      .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.purple .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.purple .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.purple .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.purple .aqa-answer-text a b {
        color: #ffffff; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-correct.purple .aqa-quiz-answer-icon {
      display: inline-block; }
  .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-selected.aqa-incorrect.teal {
    background: #eaeaea;
    border-color: #000000; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-selected.aqa-incorrect.teal .aqa-quiz-answer-icon {
      display: inline-block; }
  .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-selected.aqa-incorrect.paleGreen {
    background: #eaeaea;
    border-color: #000000; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-selected.aqa-incorrect.paleGreen .aqa-quiz-answer-icon {
      display: inline-block; }
  .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-selected.aqa-incorrect.purple {
    background: rgba(107, 111, 112, 0.25);
    border-color: #000000; }
    .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-selected.aqa-incorrect.purple .aqa-quiz-answer-icon {
      display: inline-block; }
  .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-selected.aqa-incorrect.antique-white .aqa-answer-text {
    color: #991A1A; }
  .article-quiz-answer-container .article-quiz-answer-wrapper.answered .aqa-answers .aqa-answer.aqa-selected.aqa-incorrect.antique-white .aqa-quiz-answer-icon {
    display: inline-block; }

@media only screen and (max-width: 568px) {
  .article-quiz-answer-container .article-quiz-answer-wrapper {
    padding-bottom: 35px; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer {
      padding: 10px 10px 7px 8px;
      margin-bottom: 15px;
      min-height: 75px; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal;
        line-height: normal;
        max-width: calc(100% - 45px); }
        .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text b, .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text p b, .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text li b, .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-answer-text a b {
          font-size: 20px;
          font-size: 1.25rem; }
      .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer .aqa-quiz-answer-icon {
        min-width: 30px;
        height: 30px; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-answers .aqa-answer.antique-white .aqa-answer-text {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: normal;
      color: #000000;
      letter-spacing: normal; }
    .article-quiz-answer-container .article-quiz-answer-wrapper .aqa-response-text {
      padding: 18px 20px;
      margin-bottom: 15px; } }

.article-quiz-main-container {
  margin-bottom: 40px; }
  .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box {
    min-height: 316px;
    border: solid 8px #00818f;
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
    background-size: contain; }
    .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box .aqc-results-bubble {
      background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/articleQuiz/result-bubble.svg");
      background-repeat: no-repeat;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      left: 50%;
      top: 15%;
      width: 477px;
      height: 477px;
      display: block;
      background-size: contain; }
    .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box .aqc-results-text-wrapper {
      display: flex;
      min-height: 300px;
      flex-direction: column;
      align-items: center;
      padding: 30px 0 35px;
      position: absolute;
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0%);
      left: 50%;
      width: 100%;
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 47px;
      font-size: 2.9375rem;
      line-height: 1.1;
      color: #000000;
      letter-spacing: normal;
      text-align: center; }
      .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box .aqc-results-text-wrapper .aqc-successed-quiz {
        margin-top: 15px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 58px;
        height: 58px;
        display: block; }
  .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box.teal {
    background-color: rgba(0, 129, 143, 0.23);
    border: solid 8px #00818f; }
    .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box.teal .aqc-results-text-wrapper .aqc-successed-quiz {
      background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/articleQuiz/result-check-icon-teal.svg"); }
  .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box.paleGreen {
    background-color: rgba(139, 252, 204, 0.23);
    border: solid 8px #8bfccc; }
    .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box.paleGreen .aqc-results-text-wrapper .aqc-successed-quiz {
      background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/articleQuiz/result-check-icon-paleGreen.svg"); }
  .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box.purple {
    background-color: rgba(100, 33, 152, 0.23);
    border: solid 8px #974cd1; }
    .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box.purple .aqc-results-text-wrapper .aqc-successed-quiz {
      background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/articleQuiz/result-check-icon-purple.svg"); }
  .article-quiz-main-container .aqc-results-links-wrapper {
    display: flex;
    justify-content: center; }
    .article-quiz-main-container .aqc-results-links-wrapper.aqc-results-links-two-items {
      justify-content: space-between; }
    .article-quiz-main-container .aqc-results-links-wrapper .aqc-results-link {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 1;
      color: #ffffff;
      letter-spacing: normal;
      line-height: normal;
      text-decoration: none;
      text-transform: uppercase;
      background-color: #000000;
      padding: 0 10px;
      min-height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 48.7%; }
      .article-quiz-main-container .aqc-results-links-wrapper .aqc-results-link:hover, .article-quiz-main-container .aqc-results-links-wrapper .aqc-results-link:active, .article-quiz-main-container .aqc-results-links-wrapper .aqc-results-link:focus {
        outline: 0;
        background-color: #464646; }

@media only screen and (min-width: 568.5px) and (max-width: 1024px) {
  .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box .aqc-results-text-wrapper {
    font-size: 45px;
    font-size: 2.8125rem; } }

@media only screen and (min-width: 768px) and (max-width: 901px) {
  .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box .aqc-results-bubble {
    width: 430px;
    height: 430px;
    top: 20%; }
  .article-quiz-main-container .aqc-results-links-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .article-quiz-main-container .aqc-results-links-wrapper.aqc-results-links-two-items .aqc-results-link:nth-child(2) {
      margin-top: 20px; }
    .article-quiz-main-container .aqc-results-links-wrapper .aqc-results-link {
      width: 60%; } }

@media only screen and (max-width: 767.5px) {
  .article-quiz-main-container {
    padding: 0 10px; } }

@media only screen and (max-width: 568px) {
  .article-quiz-main-container {
    margin-bottom: 0; }
    .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box {
      min-height: 310px;
      margin-bottom: 35px; }
      .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box .aqc-results-bubble {
        top: 50%;
        width: 296px;
        height: 283px;
        background-position: center; }
      .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box .aqc-results-text-wrapper {
        min-height: 300px;
        padding: 82px 0 35px;
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 33px;
        font-size: 2.0625rem;
        line-height: 1.1;
        color: #000000;
        letter-spacing: normal; }
        .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box .aqc-results-text-wrapper .aqc-successed-quiz {
          margin-top: 22px;
          width: 51px;
          height: 51px; }
    .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box.teal {
      border: solid 5px #00818f; }
    .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box.paleGreen {
      border: solid 5px #8bfccc; }
    .article-quiz-main-container .article-quiz-results-wrapper .aqc-results-box.purple {
      border: solid 5px #974cd1; }
    .article-quiz-main-container .aqc-results-links-wrapper {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      .article-quiz-main-container .aqc-results-links-wrapper.aqc-results-links-two-items .aqc-results-link:nth-child(2) {
        margin-top: 20px; }
      .article-quiz-main-container .aqc-results-links-wrapper .aqc-results-link {
        width: 83.6%; } }

.voting-component__poll-story-layout .voting-component__result-bar-outer {
  width: 55%; }

.voting-component__poll {
  width: 100%;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.14);
  border-radius: 10px;
  background-color: #FFFFFF;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  min-height: 363px;
  transition: all 2s ease-in-out ;
  -webkit-transition: all 2s ease-in-out ;
  -moz-transition: all 2s ease-in-out ;
  -ms-transition: all 2s ease-in-out ;
  -o-transition: all 2s ease-in-out ; }
  .voting-component__poll .voting-component__poll-interactive {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px; }
    .voting-component__poll .voting-component__poll-interactive .voting-component__poll-CTA {
      border-radius: 35px;
      height: 55px;
      padding: 0 20px;
      background-color: var(--page-color-1);
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
      text-decoration: none;
      border: 2px solid transparent;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset;
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: normal;
      color: white;
      letter-spacing: normal; }
      .voting-component__poll .voting-component__poll-interactive .voting-component__poll-CTA:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .voting-component__poll .voting-component__poll-interactive .voting-component__poll-CTA svg {
        margin-right: 12px;
        width: 40px;
        height: 40px; }
        .voting-component__poll .voting-component__poll-interactive .voting-component__poll-CTA svg path {
          fill: #FFFFFF;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ; }
      .voting-component__poll .voting-component__poll-interactive .voting-component__poll-CTA:focus, .voting-component__poll .voting-component__poll-interactive .voting-component__poll-CTA:hover {
        background-color: transparent;
        color: var(--page-color-1);
        border-color: var(--page-color-1); }
        .voting-component__poll .voting-component__poll-interactive .voting-component__poll-CTA:focus path, .voting-component__poll .voting-component__poll-interactive .voting-component__poll-CTA:hover path {
          fill: var(--page-color-1); }
    .voting-component__poll .voting-component__poll-interactive .voting-component__poll-results-button {
      border: none;
      background: none;
      text-decoration: underline;
      text-decoration-color: transparent;
      padding: 8px;
      border-radius: 3px;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset;
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 0.8;
      color: #000000;
      letter-spacing: normal;
      color: var(--page-color-1); }
      .voting-component__poll .voting-component__poll-interactive .voting-component__poll-results-button:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .voting-component__poll .voting-component__poll-interactive .voting-component__poll-results-button:hover, .voting-component__poll .voting-component__poll-interactive .voting-component__poll-results-button:focus {
        text-decoration-color: currentColor; }
  .voting-component__poll .voting-component__animate.ng-animate {
    transition: all 2s ease-in-out ;
    -webkit-transition: all 2s ease-in-out ;
    -moz-transition: all 2s ease-in-out ;
    -ms-transition: all 2s ease-in-out ;
    -o-transition: all 2s ease-in-out ; }
  .voting-component__poll .voting-component__animate.ng-leave.ng-leave-active, .voting-component__poll .voting-component__animate.ng-enter {
    max-height: 0;
    min-height: 0px;
    overflow: hidden;
    opacity: 0; }
  .voting-component__poll .voting-component__animate.ng-leave, .voting-component__poll .voting-component__animate.ng-enter.ng-enter-active {
    max-height: 1500px;
    min-height: unset;
    overflow: hidden;
    opacity: 1; }
  .voting-component__poll .voting-component__poll-return {
    border-radius: 50%;
    border: none;
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    background-color: #e8eeef;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 13px;
    top: 13px;
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ; }
    .voting-component__poll .voting-component__poll-return:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .voting-component__poll .voting-component__poll-return svg {
      width: 21px;
      height: 15px; }
      .voting-component__poll .voting-component__poll-return svg path {
        fill: var(--page-color-1); }
    .voting-component__poll .voting-component__poll-return:hover, .voting-component__poll .voting-component__poll-return:focus {
      background-color: var(--page-color-1); }
      .voting-component__poll .voting-component__poll-return:hover path, .voting-component__poll .voting-component__poll-return:focus path {
        fill: #FFFFFF; }
  .voting-component__poll .voting-component__erorr-message {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    color: #666666;
    letter-spacing: normal; }
  .voting-component__poll .voting-component__answers-order {
    display: none; }
  .voting-component__poll .voting-component__poll-teacher {
    width: 100%;
    height: 100%;
    min-height: 362px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    transition: all 2s ease-in-out ;
    -webkit-transition: all 2s ease-in-out ;
    -moz-transition: all 2s ease-in-out ;
    -ms-transition: all 2s ease-in-out ;
    -o-transition: all 2s ease-in-out ; }
    .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-title {
      margin-bottom: 11px;
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.17;
      color: #000000;
      letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-question {
      margin-bottom: 17px;
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: normal;
      color: #000000;
      letter-spacing: normal; }
      .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-question p {
        margin: 0; }
      .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-question b {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: normal;
        color: #000000;
        letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
      .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers .voting-component__poll-teacher-answer {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 34px; }
        .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers .voting-component__poll-teacher-answer .voting-component__poll-teacher-answer-input {
          text-align: center;
          width: 60px;
          height: 43px;
          border: 2px solid var(--page-color-1);
          border-radius: 3px;
          margin-right: 10px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          font-family: "proxima-nova";
          font-weight: 500;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: normal;
          color: #000000;
          letter-spacing: normal; }
          .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers .voting-component__poll-teacher-answer .voting-component__poll-teacher-answer-input:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers .voting-component__poll-teacher-answer .voting-component__poll-teacher-answer-input::-webkit-outer-spin-button, .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers .voting-component__poll-teacher-answer .voting-component__poll-teacher-answer-input::-webkit-inner-spin-button {
            -webkit-appearance: none; }
          .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers .voting-component__poll-teacher-answer .voting-component__poll-teacher-answer-input::placeholder {
            color: #999999; }
        .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers .voting-component__poll-teacher-answer .voting-component__poll-teacher-answer-text {
          margin-top: 2px;
          margin-bottom: unset;
          font-weight: normal;
          font-family: "proxima-nova";
          font-weight: 500;
          font-size: 25px;
          font-size: 1.5625rem;
          line-height: normal;
          color: #000000;
          letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-student {
    width: 100%;
    height: 100%;
    min-height: 362px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 24px;
    transition: all 2s ease-in-out ;
    -webkit-transition: all 2s ease-in-out ;
    -moz-transition: all 2s ease-in-out ;
    -ms-transition: all 2s ease-in-out ;
    -o-transition: all 2s ease-in-out ; }
    .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-question {
      margin-bottom: 20px;
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.17;
      color: #000000;
      letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-answers .voting-component__poll-student-answer {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      align-content: center;
      margin-bottom: 20px; }
      .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-answers .voting-component__poll-student-answer .voting-component__poll-student-answer-input {
        -webkit-appearance: none;
        appearance: none;
        min-width: 24px;
        height: 24px;
        border: 3px solid var(--page-color-1);
        border-radius: 50%;
        margin: unset;
        margin-right: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        cursor: pointer;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-answers .voting-component__poll-student-answer .voting-component__poll-student-answer-input:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-answers .voting-component__poll-student-answer .voting-component__poll-student-answer-input::before {
          content: "";
          width: 12px;
          height: 12px;
          border-radius: 50%;
          transform: scale(0);
          background-color: var(--page-color-1);
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ; }
        .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-answers .voting-component__poll-student-answer .voting-component__poll-student-answer-input:checked::before {
          transform: scale(1); }
      .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-answers .voting-component__poll-student-answer .voting-component__poll-student-answer-text {
        margin: unset;
        margin-top: -7px;
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: normal;
        color: #000000;
        letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-results {
    width: 100%;
    height: 100%;
    min-height: 362px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    transition: all 2s ease-in-out ;
    -webkit-transition: all 2s ease-in-out ;
    -moz-transition: all 2s ease-in-out ;
    -ms-transition: all 2s ease-in-out ;
    -o-transition: all 2s ease-in-out ; }
    .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper {
      width: 100%;
      padding: 24px 24px 0 24px; }
      .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-question {
        margin-bottom: 20px;
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.17;
        color: #000000;
        letter-spacing: normal; }
      .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result {
        margin-bottom: 30px; }
        .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic {
          display: flex;
          flex-direction: row;
          align-content: center;
          align-items: flex-end;
          flex-wrap: nowrap;
          margin-bottom: 10px; }
          .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-bar-outer {
            background-color: #e8eeef;
            height: 12px;
            width: 68%;
            margin-right: 1.15%;
            border-radius: 6px;
            margin-bottom: 2px; }
            .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-bar-outer .voting-component__result-bar-inner {
              background-color: var(--page-color-1);
              height: 12px;
              width: 0%;
              border-radius: 6px;
              transition: all 5s cubic-bezier(0.1, 0.65, 0, 1);
              -webkit-transition: all 5s cubic-bezier(0.1, 0.65, 0, 1);
              -moz-transition: all 5s cubic-bezier(0.1, 0.65, 0, 1);
              -ms-transition: all 5s cubic-bezier(0.1, 0.65, 0, 1);
              -o-transition: all 5s cubic-bezier(0.1, 0.65, 0, 1); }
          .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-percents {
            font-family: "proxima-nova";
            font-weight: 500;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 0.9;
            color: #000000;
            letter-spacing: normal;
            margin-right: 5.77%;
            min-width: 40px; }
          .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-votes {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 7px;
            min-width: 90px;
            font-family: "proxima-nova";
            font-weight: 500;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 0.9;
            color: #000000;
            letter-spacing: normal; }
            .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-votes span {
              display: inline-block; }
        .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-answer {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.1;
          color: #000000;
          letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-results .voting-component__poll-results-bottom {
      width: 100%; }
      .voting-component__poll .voting-component__poll-results .voting-component__poll-results-bottom .voting-component__poll-results-total {
        text-align: right;
        margin-right: 34px;
        margin-bottom: 20px;
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.22;
        color: #000000;
        letter-spacing: normal; }
        .voting-component__poll .voting-component__poll-results .voting-component__poll-results-bottom .voting-component__poll-results-total span:nth-child(2) {
          min-width: 45px;
          display: inline-block;
          text-align: right; }
      .voting-component__poll .voting-component__poll-results .voting-component__poll-results-bottom .voting-component__poll-results-success-message {
        width: 100%;
        height: 67px;
        display: flex;
        flex-direction: row;
        align-content: center;
        padding: 24px;
        justify-content: flex-start;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.7);
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.46;
        color: #FFFFFF;
        letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-error {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 24px;
    transition: all 2s ease-in-out ;
    -webkit-transition: all 2s ease-in-out ;
    -moz-transition: all 2s ease-in-out ;
    -ms-transition: all 2s ease-in-out ;
    -o-transition: all 2s ease-in-out ; }
    .voting-component__poll .voting-component__poll-error .voting-component__poll-error-circle {
      width: 51px;
      height: 51px;
      background-color: transparent;
      border: 4px solid var(--page-color-1);
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
      margin-bottom: 16px; }
      .voting-component__poll .voting-component__poll-error .voting-component__poll-error-circle .voting-component__poll-error-exclamation-mark-1 {
        width: 6px;
        height: 23px;
        background-color: var(--page-color-1);
        border-radius: 5px;
        margin-bottom: 4px; }
      .voting-component__poll .voting-component__poll-error .voting-component__poll-error-circle .voting-component__poll-error-exclamation-mark-2 {
        width: 6px;
        height: 6px;
        background-color: var(--page-color-1);
        border-radius: 50%; }
    .voting-component__poll .voting-component__poll-error .voting-component__poll-error-message {
      max-width: 81%;
      text-align: center;
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 1.2;
      color: #333333;
      letter-spacing: normal; }
      .voting-component__poll .voting-component__poll-error .voting-component__poll-error-message b {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.2;
        color: #333333;
        letter-spacing: normal; }
  .voting-component__poll .voting-component__helper {
    height: 80px;
    width: 80px;
    position: absolute;
    transition: all 2s ease-in-out ;
    -webkit-transition: all 2s ease-in-out ;
    -moz-transition: all 2s ease-in-out ;
    -ms-transition: all 2s ease-in-out ;
    -o-transition: all 2s ease-in-out ; }

@media only screen and (max-width: 1024px) {
  .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-title {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 0.87;
    color: #000000;
    letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-question {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 0.87;
    color: #000000;
    letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-question b {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 0.87;
      color: #000000;
      letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers .voting-component__poll-teacher-answer .voting-component__poll-teacher-answer-text {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #000000;
    letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-question {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 0.87;
    color: #000000;
    letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-answers .voting-component__poll-student-answer .voting-component__poll-student-answer-text {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
    color: #000000;
    letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-question {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 0.87;
    color: #000000;
    letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-percents {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    color: #000000;
    letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-votes {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    color: #000000;
    letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-answer {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0.92;
    color: #000000;
    letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-results .voting-component__poll-results-bottom .voting-component__poll-results-total {
    font-family: "proxima-nova";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0.92;
    color: #000000;
    letter-spacing: normal; } }

@media only screen and (max-width: 768px) {
  .voting-component__poll .voting-component__poll-teacher {
    min-height: unset; }
    .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-title {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.46;
      color: #000000;
      letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-question {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.46;
      color: #000000;
      letter-spacing: normal; }
      .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-question b {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.46;
        color: #000000;
        letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers .voting-component__poll-teacher-answer {
      margin-bottom: 15px; }
      .voting-component__poll .voting-component__poll-teacher .voting-component__poll-teacher-wrapper .voting-component__poll-teacher-answers .voting-component__poll-teacher-answer .voting-component__poll-teacher-answer-text {
        margin-top: 6px;
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.14;
        color: #000000;
        letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-student {
    min-height: unset; }
    .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-question {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.46;
      color: #000000;
      letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-student .voting-component__poll-student-wrapper .voting-component__poll-student-answers .voting-component__poll-student-answer .voting-component__poll-student-answer-text {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.14;
      color: #000000;
      letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-results {
    min-height: unset; }
    .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-question {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.46;
      color: #000000;
      letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic {
      justify-content: space-between; }
      .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-bar-outer {
        width: 81%; }
      .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-percents {
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal; }
      .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-votes {
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal; }
        .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-statistic .voting-component__result-votes span:nth-child(2) {
          display: none; }
    .voting-component__poll .voting-component__poll-results .voting-component__poll-results-wrapper .voting-component__poll-results-section .voting-component__poll-result .voting-component__result-answer {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.38;
      color: #000000;
      letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-results .voting-component__poll-results-bottom .voting-component__poll-results-total {
      font-family: "proxima-nova";
      font-weight: 500;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.38;
      color: #000000;
      letter-spacing: normal; }
    .voting-component__poll .voting-component__poll-results .voting-component__poll-results-bottom .voting-component__poll-results-success-message {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: normal;
      color: #FFFFFF;
      letter-spacing: normal; }
  .voting-component__poll .voting-component__poll-error {
    min-height: unset; } }

.voting-component-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center; }
  .voting-component-wrapper .voting-component__title-container {
    padding-top: 70px;
    text-align: center;
    margin-bottom: 24px; }
    .voting-component-wrapper .voting-component__title-container .voting-component__title {
      margin-bottom: 38px; }
      .voting-component-wrapper .voting-component__title-container .voting-component__title h1, .voting-component-wrapper .voting-component__title-container .voting-component__title h2, .voting-component-wrapper .voting-component__title-container .voting-component__title h3, .voting-component-wrapper .voting-component__title-container .voting-component__title p {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 0.7;
        color: #222222;
        letter-spacing: normal;
        margin: unset; }
        .voting-component-wrapper .voting-component__title-container .voting-component__title h1 b, .voting-component-wrapper .voting-component__title-container .voting-component__title h2 b, .voting-component-wrapper .voting-component__title-container .voting-component__title h3 b, .voting-component-wrapper .voting-component__title-container .voting-component__title p b {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 40px;
          font-size: 2.5rem;
          line-height: 0.7;
          color: #222222;
          letter-spacing: normal; }
    .voting-component-wrapper .voting-component__title-container .voting-component__subhead {
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.29;
      color: #000000;
      letter-spacing: normal; }
      .voting-component-wrapper .voting-component__title-container .voting-component__subhead b {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.29;
        color: #000000;
        letter-spacing: normal; }
      .voting-component-wrapper .voting-component__title-container .voting-component__subhead p {
        margin: unset; }
  .voting-component-wrapper .voting-component__poll-story-layout {
    padding: 0 22px 70px;
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 520px));
    grid-template-rows: min-content;
    gap: 20px; }
    .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story {
      box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.14);
      border-radius: 10px;
      height: 0;
      min-height: 100%; }
      .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-thumbnail {
        object-fit: cover;
        width: 100%;
        height: calc(100% - 151px);
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
      .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay {
        background-color: #FFFFFF;
        padding: 24px;
        height: 151px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: flex-start;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px; }
        .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-heading {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: 1.17;
          color: #000000;
          letter-spacing: normal; }
          .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-heading b {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 30px;
            font-size: 1.875rem;
            line-height: 1.17;
            color: #000000;
            letter-spacing: normal; }
        .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-CTA {
          border-radius: 35px;
          height: 55px;
          padding: 0 20px;
          background-color: var(--page-color-1);
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-content: center;
          justify-content: center;
          align-items: center;
          text-decoration: none;
          border: 2px solid transparent;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          outline: unset;
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: normal;
          color: white;
          letter-spacing: normal; }
          .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-CTA:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-CTA svg {
            margin-right: 12px; }
            .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-CTA svg path {
              fill: white;
              transition: all 0.2s ease-in-out ;
              -webkit-transition: all 0.2s ease-in-out ;
              -moz-transition: all 0.2s ease-in-out ;
              -ms-transition: all 0.2s ease-in-out ;
              -o-transition: all 0.2s ease-in-out ; }
          .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-CTA:focus, .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-CTA:hover {
            background-color: transparent;
            color: var(--page-color-1);
            border-color: var(--page-color-1); }
            .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-CTA:focus path, .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-CTA:hover path {
              fill: var(--page-color-1); }

@media only screen and (max-width: 1024px) {
  .voting-component-wrapper .voting-component__title-container {
    padding-top: 44px;
    margin-bottom: 0;
    width: 93.75%; }
    .voting-component-wrapper .voting-component__title-container .voting-component__title {
      margin-bottom: 16px; }
  .voting-component-wrapper .voting-component__poll-story-layout {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    width: 93.75%;
    padding: 25px 0 64px 0;
    gap: 30px; }
    .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story {
      height: 362px;
      min-height: unset; }
      .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-heading {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 0.87;
        color: #000000;
        letter-spacing: normal; }
        .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-heading b {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: 0.87;
          color: #000000;
          letter-spacing: normal; } }

@media only screen and (max-width: 768px) {
  .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-heading {
    font-family: "proxima-nova";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    color: #000000;
    letter-spacing: normal; }
    .voting-component-wrapper .voting-component__poll-story-layout .voting-component__story .voting-component__story-overlay .voting-component__story-heading b {
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1;
      color: #000000;
      letter-spacing: normal; } }

.limelight-player .vjs-limelight-big-play {
  z-index: auto !important;
  background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/limelightPlayer/play-icon.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 93px;
  opacity: 0.8 !important;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out; }
  .limelight-player .vjs-limelight-big-play:before {
    content: unset !important; }
  .limelight-player .vjs-limelight-big-play:hover, .limelight-player .vjs-limelight-big-play:active, .limelight-player .vjs-limelight-big-play:focus {
    background-size: 105px;
    opacity: 1 !important; }

.limelight-player .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar:focus-within {
  opacity: 1; }

.limelight-player .vjs-control-text, .limelight-player .vjs-limelight-playlist-container {
  display: none; }

.limelight-player .vjs-paused .vjs-limelight-big-play {
  display: block !important; }

.limelight-player .vjs-volume-panel .vjs-volume-vertical.vjs-volume-control .vjs-slider-bar {
  box-shadow: #666666 0 0 10px 2px; }

.limelight-player .vjs-volume-panel:focus-within .vjs-volume-vertical.vjs-volume-control {
  left: -3.5em;
  transition: left 0s;
  opacity: 1; }

.lohp-CTA {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 999px;
  text-transform: uppercase;
  width: fit-content;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  height: 50px;
  min-width: 265px;
  font-family: "lato";
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  color: #000000;
  letter-spacing: normal;
  line-height: normal; }
  .lohp-CTA:hover, .lohp-CTA:active, .lohp-CTA:focus {
    outline: none;
    text-decoration: none; }
    .lohp-CTA:hover::before, .lohp-CTA:active::before, .lohp-CTA:focus::before {
      background-color: rgba(0, 0, 0, 0.2); }
  .lohp-CTA::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color .2s ease-in-out; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lohp-CTA {
    height: 35px;
    min-width: 180px;
    font-family: "lato";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    color: #000000;
    letter-spacing: normal;
    line-height: normal; } }

@media only screen and (max-width: 767px) {
  .lohp-CTA {
    height: 40px;
    min-width: 250px;
    font-family: "lato";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    color: #000000;
    letter-spacing: normal;
    line-height: normal; } }

.lohp-horizontal-cta-container {
  width: 100%;
  height: 60px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ed1b2f; }
  .lohp-horizontal-cta-container .lohp-horizontal-cta-button {
    font-family: "lato";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0.83;
    color: #000000;
    letter-spacing: 1.2px;
    margin-top: -1px;
    display: inline-block; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lohp-horizontal-cta-container .lohp-horizontal-cta-button {
    font-family: "lato";
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    color: #000000;
    letter-spacing: 1px;
    margin-top: 0; } }

@media only screen and (max-width: 767px) {
  .lohp-horizontal-cta-container .lohp-horizontal-cta-button {
    font-family: "lato";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 0.83;
    color: #000000;
    letter-spacing: normal;
    margin-top: 2px; } }

.lohp-titleParsys-main-wrapper .parsys-content {
  text-align: center; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-snippet-flex-container {
    display: flex;
    justify-content: center; }
    .lohp-titleParsys-main-wrapper .parsys-content .parsys-snippet-flex-container .parsys-html-snippet {
      flex: 1; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-article-title {
    margin: unset;
    font-family: "lato";
    font-weight: 900;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.31;
    color: #0066b3;
    letter-spacing: normal;
    padding-top: 50px; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-description {
    font-family: "lato";
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #000000;
    letter-spacing: normal;
    margin: 18px 186px 43px 189px; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-html-snippet {
    margin: 0 30px;
    padding-bottom: 60px; }

.lohp-titleParsys-main-wrapper .parsys-color-background {
  background: var(--background-color); }

.lohp-titleParsys-main-wrapper .parsys-image-background {
  background-image: var(--desktop-background-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.lohp-titleParsys-main-wrapper.lohp-titleParsys-main-wrapper_bottom-overlay .parsys-color-background,
.lohp-titleParsys-main-wrapper.lohp-titleParsys-main-wrapper_bottom-overlay .parsys-image-background {
  position: relative; }
  .lohp-titleParsys-main-wrapper.lohp-titleParsys-main-wrapper_bottom-overlay .parsys-color-background .parsys-background-overlay,
  .lohp-titleParsys-main-wrapper.lohp-titleParsys-main-wrapper_bottom-overlay .parsys-image-background .parsys-background-overlay {
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: auto; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-article-title {
    font-family: "lato";
    font-weight: 900;
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1.43;
    color: #0066b3;
    letter-spacing: normal;
    margin: 0 84px;
    padding-top: 39px; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-description {
    font-family: "lato";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.56;
    color: #000000;
    letter-spacing: normal;
    margin: 19px 84px 30px; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-html-snippet {
    padding-bottom: 54px; }
  .lohp-titleParsys-main-wrapper .parsys-image-background {
    background-image: var(--tablet-background-image); } }

@media only screen and (max-width: 767px) {
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-article-title {
    font-family: "lato";
    font-weight: 900;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.42;
    color: #0066b3;
    letter-spacing: normal;
    margin: 0 39px 0 36px;
    padding-top: 40px; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-description {
    font-family: "lato";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.56;
    color: #000000;
    letter-spacing: normal;
    margin: 20px 38px 30px 37px; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-html-snippet {
    padding-bottom: 49px; }
  .lohp-titleParsys-main-wrapper .parsys-image-background {
    background-image: var(--mobile-background-image); } }

.lohp-iconTitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative; }
  .lohp-iconTitle .bg-color-container {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px; }
  .lohp-iconTitle .bg-image-container {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: none; }
    .lohp-iconTitle .bg-image-container img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .lohp-iconTitle .title-rte-container {
    margin-top: unset;
    position: relative; }
  .lohp-iconTitle .desc-rte-container {
    position: relative; }
  .lohp-iconTitle .items-container {
    position: relative; }
  .lohp-iconTitle .lohp-CTA {
    background-color: #ed1b2f; }
  .lohp-iconTitle p {
    margin-bottom: 0px; }

@media only screen and (min-width: 1025px) {
  .lohp-iconTitle {
    padding-top: 50px;
    padding-bottom: 60px; }
    .lohp-iconTitle .bg-desktop {
      display: block; }
    .lohp-iconTitle .title-rte-container {
      max-width: 1000px;
      margin-bottom: 18px;
      font-family: "lato";
      font-weight: 900;
      font-size: 32px;
      font-size: 2rem;
      line-height: 1.31;
      color: #000000;
      letter-spacing: normal; }
    .lohp-iconTitle .desc-rte-container {
      max-width: 1000px;
      margin-bottom: 44px;
      font-family: "lato";
      font-weight: 500;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5;
      color: #000000;
      letter-spacing: normal; }
      .lohp-iconTitle .desc-rte-container b {
        font-family: "lato";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: #000000;
        letter-spacing: normal; }
    .lohp-iconTitle .items-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: stretch;
      margin-bottom: 40px;
      padding: 0px -25px; }
      .lohp-iconTitle .items-container .item-wrapper {
        flex: 1;
        margin: 0px 25px;
        max-width: 350px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .lohp-iconTitle .items-container .item-wrapper .item-icon {
          width: 150px;
          height: 150px;
          object-fit: contain;
          margin-bottom: 15px; }
        .lohp-iconTitle .items-container .item-wrapper .item-rte-headline {
          width: 100%;
          margin-bottom: 2px;
          margin-top: unset;
          font-family: "neo-sans";
          font-weight: 900;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.42;
          color: #000000;
          letter-spacing: normal; }
          .lohp-iconTitle .items-container .item-wrapper .item-rte-headline b {
            font-family: "neo-sans";
            font-weight: 900;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.42;
            color: #000000;
            letter-spacing: normal; }
          .lohp-iconTitle .items-container .item-wrapper .item-rte-headline span {
            display: block; }
        .lohp-iconTitle .items-container .item-wrapper .item-rte-dek {
          width: 100%;
          font-family: "lato";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.56;
          color: #000000;
          letter-spacing: normal; }
          .lohp-iconTitle .items-container .item-wrapper .item-rte-dek b {
            font-family: "lato";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.56;
            color: #000000;
            letter-spacing: normal; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lohp-iconTitle {
    padding-top: 40px;
    padding-bottom: 50px; }
    .lohp-iconTitle .bg-tablet {
      display: block; }
    .lohp-iconTitle .title-rte-container {
      max-width: 600px;
      margin-bottom: 20px;
      font-family: "lato";
      font-weight: 900;
      font-size: 23px;
      font-size: 1.4375rem;
      line-height: 1.43;
      color: #000000;
      letter-spacing: normal; }
    .lohp-iconTitle .desc-rte-container {
      max-width: 600px;
      margin-bottom: 30px;
      font-family: "lato";
      font-weight: 500;
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.59;
      color: #000000;
      letter-spacing: normal; }
      .lohp-iconTitle .desc-rte-container b {
        font-family: "lato";
        font-weight: 700;
        font-size: 17px;
        font-size: 1.0625rem;
        line-height: 1.59;
        color: #000000;
        letter-spacing: normal; }
    .lohp-iconTitle .items-container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: stretch;
      margin-bottom: 35px;
      padding: 0px -10px; }
      .lohp-iconTitle .items-container .item-wrapper {
        flex: 1;
        margin: 0px 10px;
        max-width: 210px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .lohp-iconTitle .items-container .item-wrapper .item-icon {
          width: 80px;
          height: 80px;
          margin-bottom: 10px;
          object-fit: contain; }
        .lohp-iconTitle .items-container .item-wrapper .item-rte-headline {
          width: 100%;
          font-family: "neo-sans";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.5;
          color: #000000;
          letter-spacing: normal; }
          .lohp-iconTitle .items-container .item-wrapper .item-rte-headline b {
            font-family: "neo-sans";
            font-weight: 900;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.5;
            color: #000000;
            letter-spacing: normal; }
        .lohp-iconTitle .items-container .item-wrapper .item-rte-dek {
          width: 100%;
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.625;
          color: #000000;
          letter-spacing: normal; }
          .lohp-iconTitle .items-container .item-wrapper .item-rte-dek b {
            font-family: "lato";
            font-weight: 700;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.625;
            color: #000000;
            letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .lohp-iconTitle {
    padding-top: 40px;
    padding-bottom: 50px; }
    .lohp-iconTitle .bg-mobile {
      display: block; }
    .lohp-iconTitle .title-rte-container {
      max-width: 300px;
      margin-bottom: 20px;
      font-family: "lato";
      font-weight: 900;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.42;
      color: #000000;
      letter-spacing: normal; }
    .lohp-iconTitle .desc-rte-container {
      max-width: 300px;
      margin-bottom: 40px;
      font-family: "lato";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56;
      color: #000000;
      letter-spacing: normal; }
      .lohp-iconTitle .desc-rte-container b {
        font-family: "lato";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56;
        color: #000000;
        letter-spacing: normal; }
    .lohp-iconTitle .items-container {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 40px; }
      .lohp-iconTitle .items-container .item-wrapper {
        flex: 1;
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .lohp-iconTitle .items-container .item-wrapper:last-child {
          margin-bottom: 0; }
        .lohp-iconTitle .items-container .item-wrapper .item-icon {
          width: 120px;
          height: 120px;
          margin-bottom: 10px;
          object-fit: contain; }
      .lohp-iconTitle .items-container .item-rte-headline {
        max-width: 300px;
        margin-bottom: 1px;
        font-family: "neo-sans";
        font-weight: 900;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: #000000;
        letter-spacing: normal; }
        .lohp-iconTitle .items-container .item-rte-headline b {
          font-family: "neo-sans";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.5;
          color: #000000;
          letter-spacing: normal; }
      .lohp-iconTitle .items-container .item-rte-dek {
        max-width: 300px;
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.75;
        color: #000000;
        letter-spacing: normal; }
        .lohp-iconTitle .items-container .item-rte-dek b {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.75;
          color: #000000;
          letter-spacing: normal; } }

.ahb-container {
  width: 100%;
  height: fit-content;
  position: relative; }
  .ahb-container .ahb-background-wrapper {
    height: 100%;
    width: 100%;
    display: none; }
    .ahb-container .ahb-background-wrapper img, .ahb-container .ahb-background-wrapper video {
      height: 100%;
      width: 100%;
      object-fit: cover;
      user-select: none; }
    .ahb-container .ahb-background-wrapper.wrapper-desktop {
      height: 650px; }
    .ahb-container .ahb-background-wrapper.wrapper-tablet {
      height: 345px; }
    .ahb-container .ahb-background-wrapper.wrapper-mobile {
      height: 475px; }
    .ahb-container .ahb-background-wrapper .sr-only-description {
      position: absolute;
      opacity: 0;
      width: 100%;
      height: 100%; }
  .ahb-container .ahb-content-box {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .ahb-container .ahb-content-box .ahb-content-title, .ahb-container .ahb-content-box .ahb-content-subhed, .ahb-container .ahb-content-box .ahb-content-title-slug {
      width: 100%;
      margin-top: unset; }
      .ahb-container .ahb-content-box .ahb-content-title p, .ahb-container .ahb-content-box .ahb-content-subhed p, .ahb-container .ahb-content-box .ahb-content-title-slug p {
        margin-bottom: 0px; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper {
      width: fit-content;
      width: -moz-fit-content; }
      .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA {
        background-color: #ed1b2f; }
      .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p {
        width: 100%;
        text-align: center;
        margin-bottom: 0px; }
        .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p a {
          text-decoration: underline;
          color: unset; }

@media only screen and (min-width: 1025px) {
  .ahb-container .ahb-background-wrapper.wrapper-desktop {
    display: block; }
  .ahb-container .ahb-content-box {
    width: 44.44%;
    padding-right: 89px; }
    .ahb-container .ahb-content-box .ahb-content-title-slug {
      font-family: "lato";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.36;
      color: #9adaf2;
      letter-spacing: normal;
      text-align: left; }
    .ahb-container .ahb-content-box .ahb-content-title {
      font-family: "neo-sans";
      font-weight: 900;
      font-size: 42px;
      font-size: 2.625rem;
      line-height: 1.2;
      color: #ffffff;
      letter-spacing: normal;
      text-align: left;
      margin-bottom: 21px; }
      .ahb-container .ahb-content-box .ahb-content-title b {
        font-family: "neo-sans";
        font-weight: 900;
        font-size: 42px;
        font-size: 2.625rem;
        line-height: 1.2;
        color: #ffffff;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed {
      font-family: "lato";
      font-weight: 700;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.36;
      color: #9adaf2;
      letter-spacing: normal;
      text-align: left;
      margin-bottom: 30px; }
      .ahb-container .ahb-content-box .ahb-content-subhed p {
        margin-bottom: 22px; }
        .ahb-container .ahb-content-box .ahb-content-subhed p:last-child {
          margin-bottom: 0; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA {
      margin-bottom: 15px; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p {
      font-family: "lato";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.55;
      color: #ffffff;
      letter-spacing: normal; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ahb-container .ahb-background-wrapper.wrapper-tablet {
    display: block; }
  .ahb-container .ahb-content-box {
    padding: 0px 64px;
    width: 100%;
    align-items: center; }
    .ahb-container .ahb-content-box .ahb-content-title-slug {
      font-family: "lato";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.55;
      color: #9adaf2;
      letter-spacing: normal;
      text-align: center; }
    .ahb-container .ahb-content-box .ahb-content-title {
      font-family: "neo-sans";
      font-weight: 900;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.36;
      color: #ffffff;
      letter-spacing: normal;
      text-align: center;
      margin-bottom: 10px; }
      .ahb-container .ahb-content-box .ahb-content-title b {
        font-family: "neo-sans";
        font-weight: 900;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.36;
        color: #ffffff;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed {
      font-family: "lato";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.55;
      color: #9adaf2;
      letter-spacing: normal;
      text-align: center;
      margin-bottom: 20px; }
      .ahb-container .ahb-content-box .ahb-content-subhed p {
        margin-bottom: 10px; }
        .ahb-container .ahb-content-box .ahb-content-subhed p:last-child {
          margin-bottom: 0; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA {
        margin-bottom: 6px; }
      .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.625;
        color: #ffffff;
        letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .ahb-container .ahb-background-wrapper.wrapper-mobile {
    display: block; }
  .ahb-container .ahb-content-box {
    padding: 0px 37px;
    width: 100%;
    align-items: center; }
    .ahb-container .ahb-content-box .ahb-content-title-slug {
      font-family: "lato";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.24;
      color: #9adaf2;
      letter-spacing: normal;
      text-align: center; }
    .ahb-container .ahb-content-box .ahb-content-title {
      font-family: "neo-sans";
      font-weight: 900;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.36;
      color: #ffffff;
      letter-spacing: normal;
      text-align: center;
      margin-bottom: 15px; }
      .ahb-container .ahb-content-box .ahb-content-title b {
        font-family: "neo-sans";
        font-weight: 900;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.36;
        color: #ffffff;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed {
      font-family: "lato";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.24;
      color: #9adaf2;
      letter-spacing: normal;
      text-align: center;
      margin-bottom: 25px; }
      .ahb-container .ahb-content-box .ahb-content-subhed p {
        margin-bottom: 17px; }
        .ahb-container .ahb-content-box .ahb-content-subhed p:last-child {
          margin-bottom: 0; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA {
        margin-bottom: 8px; }
      .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.75;
        color: #ffffff;
        letter-spacing: normal; } }

.lohp-carousel-wrapper {
  width: 100%;
  max-width: 1440px;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  .lohp-carousel-wrapper p {
    margin-bottom: 0px; }
  .lohp-carousel-wrapper .bg-color-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .lohp-carousel-wrapper .bg-image-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: none; }
    .lohp-carousel-wrapper .bg-image-container img, .lohp-carousel-wrapper .bg-image-container video {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .lohp-carousel-wrapper .text-container .desc-rte-container a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: currentColor; }
  .lohp-carousel-wrapper .lohp-carousel-slides .slick-list {
    padding: 0px !important; }
  .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide img, .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide video {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .lohp-carousel-wrapper .lohp-carousel-slides .lohp-slide-section {
    text-align: center; }
    .lohp-carousel-wrapper .lohp-carousel-slides .lohp-slide-section:focus {
      outline: solid 3px #000000;
      outline-offset: -2px; }
  .lohp-carousel-wrapper .lohp-carousel-slides a:focus {
    outline: solid 3px #000000;
    outline-offset: 2px; }
  .lohp-carousel-wrapper .lohp-carousel-slides .slick-track {
    display: inline-flex;
    align-items: center; }
  .lohp-carousel-wrapper .lohp-carousel-slides .slick-dots {
    display: block;
    position: relative;
    bottom: unset;
    line-height: 0;
    margin-top: 30px; }
    .lohp-carousel-wrapper .lohp-carousel-slides .slick-dots li {
      width: auto;
      height: auto;
      margin: 0 12.5px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-dots li button {
        border: solid 1px #0071bc;
        background-color: #ffffff;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 0;
        padding: 0; }
        .lohp-carousel-wrapper .lohp-carousel-slides .slick-dots li button::before {
          content: unset; }
        .lohp-carousel-wrapper .lohp-carousel-slides .slick-dots li button:focus {
          outline: solid 3px #000000;
          outline-offset: 3px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-dots li.slick-active button {
        background-color: #0071bc; }

@media only screen and (min-width: 1025px) {
  .lohp-carousel-wrapper {
    flex-direction: row;
    padding: 50px 150px 60px 150px; }
    .lohp-carousel-wrapper.carousel-pos-left {
      flex-direction: row-reverse; }
      .lohp-carousel-wrapper.carousel-pos-left .text-container {
        padding-right: unset;
        padding-left: 42px; }
    .lohp-carousel-wrapper .bg-desktop {
      display: block; }
    .lohp-carousel-wrapper .text-container {
      width: calc(100% - 450px);
      max-width: 632px;
      padding-right: 42px; }
      .lohp-carousel-wrapper .text-container .title-rte-container {
        margin-top: unset;
        margin-bottom: 25px;
        font-family: "lato";
        font-weight: 900;
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.31;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .title-rte-container b {
          font-family: "lato";
          font-weight: 900;
          font-size: 32px;
          font-size: 2rem;
          line-height: 1.31;
          color: #000000;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .subhed-rte-container {
        margin-top: unset;
        margin-bottom: 25px;
        font-family: "lato";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .subhed-rte-container b {
          font-family: "lato";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.5;
          color: #000000;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .desc-rte-container {
        margin-bottom: 35px;
        font-family: "lato";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .desc-rte-container b {
          font-family: "lato";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.56;
          color: #000000;
          letter-spacing: normal; }
    .lohp-carousel-wrapper .lohp-carousel-slides {
      width: 450px;
      display: inline-block; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-carousel-media-container.lohp-carousel-media-container-image {
        max-width: 450px;
        height: 350px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-carousel-media-container.lohp-carousel-media-container-video {
        max-width: 450px;
        height: 450px; }
        .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-carousel-media-container.lohp-carousel-media-container-video .sr-only-description {
          position: absolute;
          opacity: 0;
          width: 100%;
          height: 100%; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container {
        font-family: "lato";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container b {
          font-family: "lato";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.56;
          color: #000000;
          letter-spacing: normal; } }

@media only screen and (min-width: 1440px) {
  .lohp-carousel-wrapper {
    flex-direction: row;
    justify-content: space-between; }
    .lohp-carousel-wrapper.carousel-pos-left .text-container {
      padding-left: 100px; }
    .lohp-carousel-wrapper .text-container {
      max-width: unset;
      padding-right: 100px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lohp-carousel-wrapper {
    padding: 38px 0 50px 0;
    flex-direction: column; }
    .lohp-carousel-wrapper .bg-tablet {
      display: block; }
    .lohp-carousel-wrapper .text-container {
      width: 78.125%; }
      .lohp-carousel-wrapper .text-container p {
        text-align: center; }
      .lohp-carousel-wrapper .text-container .title-rte-container {
        margin-bottom: 23px;
        font-family: "lato";
        font-weight: 900;
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1.43;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .title-rte-container b {
          font-family: "lato";
          font-weight: 900;
          font-size: 23px;
          font-size: 1.4375rem;
          line-height: 1.43;
          color: #000000;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .subhed-rte-container {
        margin-bottom: 25px;
        font-family: "lato";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.625;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .subhed-rte-container b {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.625;
          color: #000000;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .desc-rte-container {
        margin-bottom: 35px;
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.625;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .desc-rte-container b {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.625;
          color: #000000;
          letter-spacing: normal; }
    .lohp-carousel-wrapper .lohp-carousel-slides {
      width: 450px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-carousel-media-container.lohp-carousel-media-container-image {
        max-width: 450px;
        height: 350px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-carousel-media-container.lohp-carousel-media-container-video {
        max-width: 450px;
        height: 450px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.625;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container b {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.625;
          color: #000000;
          letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .lohp-carousel-wrapper {
    padding: 40px 0 53px 0;
    flex-direction: column; }
    .lohp-carousel-wrapper .bg-mobile {
      display: block; }
    .lohp-carousel-wrapper .text-container {
      width: 80%; }
      .lohp-carousel-wrapper .text-container p {
        text-align: center; }
      .lohp-carousel-wrapper .text-container .title-rte-container {
        margin-bottom: 20px;
        font-family: "lato";
        font-weight: 900;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.42;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .title-rte-container b {
          font-family: "lato";
          font-weight: 900;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.42;
          color: #000000;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .subhed-rte-container {
        margin-bottom: 20px;
        font-family: "lato";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .subhed-rte-container b {
          font-family: "lato";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.56;
          color: #000000;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .desc-rte-container {
        margin-bottom: 30px;
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.75;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .desc-rte-container b {
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.75;
          color: #000000;
          letter-spacing: normal; }
    .lohp-carousel-wrapper .lohp-carousel-slides {
      width: 350px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-carousel-media-container.lohp-carousel-media-container-image {
        max-width: 350px;
        height: 273px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-carousel-media-container.lohp-carousel-media-container-video {
        max-width: 350px;
        height: 350px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container {
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.75;
        color: #000000;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container b {
          font-family: "lato";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.75;
          color: #000000;
          letter-spacing: normal; } }

.product-marketing-container {
  margin: auto; }
  .product-marketing-container p {
    margin-bottom: 0; }
  .product-marketing-container a {
    color: currentColor;
    text-decoration: underline currentColor; }
  .product-marketing-container .cell-wrap {
    box-sizing: border-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: border-box;
    display: flex;
    flex-direction: column; }
    .product-marketing-container .cell-wrap > div {
      width: 100%; }
  .product-marketing-container .pm-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 9999px;
    transition: opacity .2s ease-in-out;
    text-decoration: none;
    background-color: #ed1b2f; }
    .product-marketing-container .pm-cta:focus, .product-marketing-container .pm-cta:active, .product-marketing-container .pm-cta:hover {
      opacity: 0.8;
      outline: none;
      text-decoration: none; }
  .product-marketing-container .table-container {
    width: 100%; }
    .product-marketing-container .table-container table {
      table-layout: fixed;
      border-collapse: collapse;
      border: none;
      width: 100%;
      height: 100%; }
      .product-marketing-container .table-container table th {
        font-weight: unset; }
      .product-marketing-container .table-container table thead, .product-marketing-container .table-container table tbody, .product-marketing-container .table-container table tr, .product-marketing-container .table-container table th, .product-marketing-container .table-container table td, .product-marketing-container .table-container table .cell-wrap {
        height: 100%;
        padding: 0; }
      .product-marketing-container .table-container table tbody tr .cell-prod-A .cell-wrap, .product-marketing-container .table-container table tbody tr .cell-prod-B .cell-wrap {
        justify-content: center;
        align-items: center;
        text-align: center;
        vertical-align: center; }
  .product-marketing-container .pm-cta,
  .product-marketing-container .body-rte a,
  .product-marketing-container .table-container table tbody tr .cell-line-desc a {
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ; }
    .product-marketing-container .pm-cta:focus,
    .product-marketing-container .body-rte a:focus,
    .product-marketing-container .table-container table tbody tr .cell-line-desc a:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .product-marketing-container .body-rte a,
  .product-marketing-container .table-container table tbody tr .cell-line-desc a {
    border-radius: 2px; }

@media only screen and (min-width: 1025px) {
  .product-marketing-container {
    width: 100%;
    padding: 50px 150px 60px 150px; }
    .product-marketing-container .title-rte {
      margin-top: unset;
      font-family: "lato";
      font-weight: 900;
      font-size: 32px;
      font-size: 2rem;
      line-height: 1.31;
      color: #000000;
      letter-spacing: normal;
      width: 69.44%;
      margin: auto;
      margin-bottom: 50px; }
      .product-marketing-container .title-rte b {
        font-family: "lato";
        font-weight: 900;
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.31;
        color: currentColor;
        letter-spacing: normal; }
      .product-marketing-container .title-rte span {
        display: block; }
    .product-marketing-container .description-rte {
      display: none; }
    .product-marketing-container .table-container {
      margin-bottom: 20px; }
      .product-marketing-container .table-container table .head-prod-A .cell-wrap, .product-marketing-container .table-container table .cell-prod-A .cell-wrap {
        margin-right: 12.5px; }
      .product-marketing-container .table-container table .head-prod-B .cell-wrap, .product-marketing-container .table-container table .cell-prod-B .cell-wrap {
        margin-left: 12.5px; }
      .product-marketing-container .table-container table thead tr .head-description {
        font-family: "lato";
        font-weight: 500;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: #000000;
        letter-spacing: normal;
        width: 39.91%;
        padding-right: 60px; }
      .product-marketing-container .table-container table thead tr .head-prod-A, .product-marketing-container .table-container table thead tr .head-prod-B {
        width: 30.04%; }
        .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap {
          border: solid 2px #0066b3;
          border-bottom: none;
          padding: 0 30px 0 30px;
          align-items: center;
          position: relative;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte {
            font-family: "lato";
            font-weight: 700;
            font-size: 28px;
            font-size: 1.75rem;
            line-height: 1.36;
            color: #000000;
            letter-spacing: normal;
            margin-top: 23px;
            margin-bottom: 6px; }
          .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-pricing-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-pricing-rte {
            font-family: "lato";
            font-weight: 700;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.5;
            color: #000000;
            letter-spacing: normal;
            margin-bottom: 30px; }
          .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .pm-cta, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .pm-cta {
            bottom: 40px;
            left: 30px;
            right: 30px;
            height: 50px;
            font-family: "lato";
            font-weight: 700;
            font-size: 20px;
            font-size: 1.25rem;
            color: #000000;
            letter-spacing: normal;
            line-height: normal;
            margin-bottom: 40px;
            width: 100%;
            margin-top: auto; }
      .product-marketing-container .table-container table tbody tr .cell-line-desc {
        font-family: "lato";
        font-weight: 500;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: #000000;
        letter-spacing: normal; }
        .product-marketing-container .table-container table tbody tr .cell-line-desc .cell-wrap {
          padding: 15px 15px 15px 40px; }
      .product-marketing-container .table-container table tbody tr .cell-prod-A, .product-marketing-container .table-container table tbody tr .cell-prod-B {
        font-family: "lato";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: #000000;
        letter-spacing: normal;
        text-align: center; }
        .product-marketing-container .table-container table tbody tr .cell-prod-A .cell-wrap, .product-marketing-container .table-container table tbody tr .cell-prod-B .cell-wrap {
          border-left: solid 2px #0066b3;
          border-right: solid 2px #0066b3; }
      .product-marketing-container .table-container table tbody tr:last-child .cell-prod-A .cell-wrap, .product-marketing-container .table-container table tbody tr:last-child .cell-prod-B .cell-wrap {
        border-bottom: solid 2px #0066b3; }
    .product-marketing-container .body-rte {
      font-family: "lato";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56;
      color: #000000;
      letter-spacing: normal; }
      .product-marketing-container .body-rte a {
        font-family: "lato";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56;
        color: currentColor;
        letter-spacing: normal; }
    .product-marketing-container > .pm-cta {
      display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .product-marketing-container {
    padding: 40px 84px 60px 84px; }
    .product-marketing-container .title-rte {
      text-align: center;
      margin-bottom: 20px;
      font-family: "lato";
      font-weight: 900;
      font-size: 23px;
      font-size: 1.4375rem;
      line-height: 1.43;
      color: #000000;
      letter-spacing: normal; }
      .product-marketing-container .title-rte b {
        font-family: "lato";
        font-weight: 900;
        font-size: 23px;
        font-size: 1.4375rem;
        line-height: 1.43;
        color: currentColor normal; }
    .product-marketing-container .description-rte {
      display: block;
      text-align: center;
      margin-bottom: 38px;
      font-family: "lato";
      font-weight: 500;
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.59;
      color: #000000;
      letter-spacing: normal; }
    .product-marketing-container .table-container table {
      margin-bottom: 30px; }
      .product-marketing-container .table-container table .head-prod-A, .product-marketing-container .table-container table .cell-prod-A {
        width: 34.583%; }
        .product-marketing-container .table-container table .head-prod-A .cell-wrap, .product-marketing-container .table-container table .cell-prod-A .cell-wrap {
          margin-right: 7.5px; }
      .product-marketing-container .table-container table .head-prod-B, .product-marketing-container .table-container table .cell-prod-B {
        width: 34.583%; }
        .product-marketing-container .table-container table .head-prod-B .cell-wrap, .product-marketing-container .table-container table .cell-prod-B .cell-wrap {
          margin-left: 7.5px; }
      .product-marketing-container .table-container table thead tr .head-description {
        width: 30.83%; }
        .product-marketing-container .table-container table thead tr .head-description .cell-wrap {
          display: none; }
      .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap {
        padding: 0 10px 0 10px;
        border: solid 2px #0066b3;
        border-bottom: none;
        align-items: center;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte {
          margin-top: 20px;
          margin-bottom: 10px;
          font-family: "neo-sans";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.5;
          color: #000000;
          letter-spacing: normal; }
          .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte b, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte b {
            font-family: "neo-sans";
            font-weight: 900;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.5;
            color: currentColor normal; }
        .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-pricing-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-pricing-rte {
          font-family: "lato";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.56;
          color: #000000;
          letter-spacing: normal;
          margin-bottom: 20px; }
        .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .pm-cta, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .pm-cta {
          bottom: 30px;
          width: 180px;
          left: 50%;
          height: 35px;
          font-family: "lato";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          color: #000000;
          letter-spacing: normal;
          line-height: normal;
          margin-top: auto;
          margin-bottom: 30px; }
      .product-marketing-container .table-container table tbody tr .cell-line-desc .cell-wrap {
        padding: 24px 14px 24px 26px;
        font-family: "lato";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.625;
        color: #000000;
        letter-spacing: normal; }
      .product-marketing-container .table-container table tbody tr .cell-prod-A .cell-wrap, .product-marketing-container .table-container table tbody tr .cell-prod-B .cell-wrap {
        border-left: solid 2px #0066b3;
        border-right: solid 2px #0066b3;
        font-family: "lato";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56;
        color: #000000;
        letter-spacing: normal; }
      .product-marketing-container .table-container table tbody tr:last-child .cell-prod-A .cell-wrap, .product-marketing-container .table-container table tbody tr:last-child .cell-prod-B .cell-wrap {
        border-bottom: solid 2px #0066b3; }
    .product-marketing-container > .pm-cta {
      display: none; }
    .product-marketing-container .body-rte {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.625;
      color: #000000;
      letter-spacing: normal; }
      .product-marketing-container .body-rte a {
        font-family: "lato";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.625;
        color: currentColor;
        letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .product-marketing-container {
    padding: 40px 15px 60px 15px; }
    .product-marketing-container .title-rte {
      margin-bottom: 20px;
      text-align: center !important;
      font-family: "lato";
      font-weight: 900;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.42;
      color: #000000;
      letter-spacing: normal; }
      .product-marketing-container .title-rte b {
        font-family: "lato";
        font-weight: 900;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.42;
        color: #000000;
        letter-spacing: normal; }
    .product-marketing-container .description-rte {
      display: block;
      margin-bottom: 38px;
      text-align: center !important;
      font-family: "lato";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56;
      color: #000000;
      letter-spacing: normal; }
    .product-marketing-container .table-container {
      margin-bottom: 40px; }
      .product-marketing-container .table-container table .cell-wrap {
        height: 100%;
        -webkit-box-sizing: border-box; }
      .product-marketing-container .table-container table thead, .product-marketing-container .table-container table tbody, .product-marketing-container .table-container table tr, .product-marketing-container .table-container table th, .product-marketing-container .table-container table td, .product-marketing-container .table-container table .cell-wrap {
        margin: 0;
        height: fit-content; }
      .product-marketing-container .table-container table thead tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch; }
        .product-marketing-container .table-container table thead tr .head-description {
          width: 0%; }
          .product-marketing-container .table-container table thead tr .head-description .cell-wrap {
            display: none; }
        .product-marketing-container .table-container table thead tr .head-prod-A, .product-marketing-container .table-container table thead tr .head-prod-B {
          flex: 1;
          height: auto; }
          .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap {
            border: solid 1px #0066b3;
            border-bottom: none;
            margin-left: 0;
            margin-right: 0;
            padding: 13px 11px 14px 11px;
            text-align: center !important; }
            .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte {
              font-family: "lato";
              font-weight: 700;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1.44;
              color: #000000;
              letter-spacing: normal; }
            .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-pricing-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-pricing-rte {
              font-family: "lato";
              font-weight: 700;
              font-size: 15px;
              font-size: 0.9375rem;
              line-height: 1.67;
              color: #000000;
              letter-spacing: normal; }
            .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .pm-cta, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .pm-cta {
              display: none; }
        .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap {
          border-left: none; }
      .product-marketing-container .table-container table tbody tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        .product-marketing-container .table-container table tbody tr .cell-line-desc {
          flex-basis: 100%; }
          .product-marketing-container .table-container table tbody tr .cell-line-desc .cell-wrap {
            border-left: solid 1px #0066b3;
            border-right: solid 1px #0066b3;
            min-height: 50px;
            justify-content: center;
            padding: 0 10px;
            font-family: "lato";
            font-weight: 400;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.625;
            color: #000000;
            letter-spacing: normal; }
            .product-marketing-container .table-container table tbody tr .cell-line-desc .cell-wrap * {
              text-align: center !important; }
        .product-marketing-container .table-container table tbody tr .cell-prod-A {
          flex: 1; }
          .product-marketing-container .table-container table tbody tr .cell-prod-A .cell-wrap {
            border-left: solid 1px #0066b3;
            border-right: solid 1px #0066b3;
            margin-left: 0;
            margin-right: 0;
            min-height: 50px;
            font-family: "lato";
            font-weight: 700;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.625;
            color: #000000;
            letter-spacing: normal; }
        .product-marketing-container .table-container table tbody tr .cell-prod-B {
          flex: 1; }
          .product-marketing-container .table-container table tbody tr .cell-prod-B .cell-wrap {
            border-right: solid 1px #0066b3;
            border-left: none;
            margin-left: 0;
            margin-right: 0;
            min-height: 50px;
            font-family: "lato";
            font-weight: 700;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.625;
            color: #000000;
            letter-spacing: normal; }
        .product-marketing-container .table-container table tbody tr:last-child .cell-prod-A .cell-wrap, .product-marketing-container .table-container table tbody tr:last-child .cell-prod-B .cell-wrap {
          border-bottom: solid 1px #0066b3; }
    .product-marketing-container .pm-cta {
      display: flex;
      width: 249px;
      height: 40px;
      margin: auto;
      margin-bottom: 30px;
      font-family: "lato";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      color: #000000;
      letter-spacing: normal;
      line-height: normal; }
    .product-marketing-container .body-rte {
      font-family: "lato";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.625;
      color: #000000;
      letter-spacing: normal; }
      .product-marketing-container .body-rte a {
        font-family: "lato";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.625;
        color: currentColor;
        letter-spacing: normal; } }

.lihp-cta {
  height: 55px;
  border-radius: 27.5px;
  transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  text-decoration: none;
  cursor: pointer; }
  .lihp-cta a {
    outline: none;
    text-decoration: none;
    padding: 0 34px;
    border-radius: 27.5px;
    height: inherit;
    display: flex;
    align-items: center; }
  .lihp-cta:focus-within, .lihp-cta:hover {
    opacity: 0.5;
    outline: none; }
  .lihp-cta:active {
    opacity: 0.8;
    outline: none; }

.lihp-title-parsys-container {
  width: 100%;
  background-color: #ffffff; }
  .lihp-title-parsys-container .lihp-title-parsys-main-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto; }
    .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-parsys-main-wrapper {
      width: 100%; }
    .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-parsys-main-wrapper > div:first-child {
      margin-top: 0; }
    .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-wrapper,
    .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-description-wrapper {
      text-align: center; }
    .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-cta {
      width: min-content;
      margin-left: auto;
      background-color: #d9007f; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-cta a {
        white-space: nowrap; }
  .lihp-title-parsys-container p {
    margin: 0; }

@media only screen and (min-width: 1025px) {
  .lihp-title-parsys-container {
    padding: 65px 0 70px; }
    .lihp-title-parsys-container .lihp-title-parsys-main-wrapper {
      max-width: 1060px;
      width: 95.57%; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper {
        margin-bottom: 20px;
        font-family: "museo-sans";
        font-weight: 700;
        font-size: 64px;
        font-size: 4rem;
        line-height: normal;
        color: #000000;
        letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper b {
          font-family: "museo-sans";
          font-weight: 700;
          font-size: 64px;
          font-size: 4rem;
          line-height: normal;
          color: currentColor;
          letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper h1, .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper h2, .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper h3, .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper p {
          margin: unset; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-description-wrapper {
        margin-bottom: 30px;
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: normal;
        color: #343737;
        letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-description-wrapper b {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: normal;
          color: currentColor;
          letter-spacing: normal; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-cta a {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #ffffff;
        letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-cta a b {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.4;
          color: currentColor;
          letter-spacing: normal; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-parsys-main-wrapper > div {
        margin-top: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lihp-title-parsys-container {
    padding: 35px 0; }
    .lihp-title-parsys-container .lihp-title-parsys-main-wrapper {
      max-width: 95.31%; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper {
        margin-bottom: 20px;
        font-family: "museo-sans";
        font-weight: 700;
        font-size: 55px;
        font-size: 3.4375rem;
        line-height: normal;
        color: #000000;
        letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper b {
          font-family: "museo-sans";
          font-weight: 700;
          font-size: 55px;
          font-size: 3.4375rem;
          line-height: normal;
          color: currentColor;
          letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper h1, .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper h2, .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper h3, .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper p {
          margin: unset; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-description-wrapper {
        margin-bottom: 37px;
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: normal;
        color: #343737;
        letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-description-wrapper b {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: normal;
          color: currentColor;
          letter-spacing: normal; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-parsys-main-wrapper > div {
        margin-top: 30px; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-cta a {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #ffffff;
        letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-cta a b {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.4;
          color: currentColor;
          letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .lihp-title-parsys-container {
    padding: 40px 0px; }
    .lihp-title-parsys-container .lihp-title-parsys-main-wrapper {
      max-width: 93.75%; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper {
        margin-bottom: 23px;
        font-family: "museo-sans";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: normal;
        color: #000000;
        letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper b {
          font-family: "museo-sans";
          font-weight: 700;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: normal;
          color: currentColor;
          letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper h1, .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper h2, .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper h3, .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-title-wrapper p {
          margin: unset; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-description-wrapper {
        margin-bottom: 24px;
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.27;
        color: #343737;
        letter-spacing: normal; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-title-description-main-wrapper .lihp-description-wrapper b {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 1.27;
          color: currentColor;
          letter-spacing: normal; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-parsys-main-wrapper > div {
        margin-top: 24px; }
      .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-cta {
        margin: 0 auto; }
        .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-cta a {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.4;
          color: #ffffff;
          letter-spacing: normal; }
          .lihp-title-parsys-container .lihp-title-parsys-main-wrapper .lihp-cta a b {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.4;
            color: currentColor;
            letter-spacing: normal; } }

.flat-carousel-container {
  width: 100%;
  height: fit-content;
  padding: 20px 110px 53px;
  position: relative;
  overflow: hidden; }
  .flat-carousel-container .flat-carousel-wrapper .slick-list {
    overflow: visible; }
  .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide {
    margin: 0 20px;
    position: relative; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .text-container {
      position: absolute;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .text-container.alignment-left {
        top: 0;
        left: 0;
        height: 100%;
        width: 50%;
        padding: 28px;
        align-items: flex-start;
        text-align: left; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .text-container.alignment-right {
        top: 0;
        right: 0;
        height: 100%;
        width: 50%;
        padding: 28px;
        align-items: flex-start;
        text-align: left; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .text-container .CTA {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        width: fit-content;
        min-height: 40px;
        min-width: 130px;
        border-radius: 999px;
        opacity: 1;
        transition: opacity .2s ease-in-out; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.img-and-text-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.thumbnail-and-text-slide img {
      top: 0;
      width: 50%;
      height: 100%;
      object-fit: contain;
      padding-top: 17px;
      padding-bottom: 20px; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.thumbnail-and-text-slide img.thumbnail-left-align {
        left: 0;
        padding-left: 13px;
        padding-right: 9px; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.thumbnail-and-text-slide img.thumbnail-right-align {
        right: 0;
        padding-right: 13px;
        padding-left: 9px; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .flat-carousel-item-link {
      color: unset;
      outline: unset; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:hover .text-container .CTA {
      outline: none;
      text-decoration: none;
      opacity: 0.8; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:focus-within {
      box-shadow: 0 0 0 2px black, 0 0 0 4px white;
      outline: unset; }
  .flat-carousel-container .flat-carousel-wrapper .flat-carousel-nav-button {
    border: unset;
    background-color: unset;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: unset; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-nav-button:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-nav-button svg {
      width: 45px;
      height: 45px; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-nav-button.flat-carousel-prev {
      transform: translate(-398px, -50%); }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-nav-button.flat-carousel-next {
      transform: translate(353px, -50%); }
  .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots {
    margin-top: 33px; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots ul {
      position: relative;
      bottom: unset;
      display: block;
      line-height: 0; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots ul li {
        border-radius: 50%;
        --dots-opacity: 0.3;
        background-color: rgba(51, 51, 51, var(--dots-opacity));
        height: 17px;
        width: 17px;
        margin: 0 7px; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots ul li button {
          height: 100%;
          width: 100%;
          border-radius: 100%; }
          .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots ul li button::before {
            content: '';
            line-height: 0; }
          .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots ul li button:focus {
            outline: unset; }
            .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots ul li button:focus:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots ul li:hover {
          --dots-opacity: 0.6; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots ul li.slick-active {
          --dots-opacity: 1; }

@media only screen and (min-width: 1025px) {
  .flat-carousel-container {
    display: flex;
    justify-content: center; }
    .flat-carousel-container.two-slides .slick-track {
      width: 700px !important; }
      .flat-carousel-container.two-slides .slick-track .flat-carousel-slide:first-child {
        margin-right: 10px; }
      .flat-carousel-container.two-slides .slick-track .flat-carousel-slide:last-child {
        margin-left: 10px; }
    .flat-carousel-container.one-slide .flat-carousel-wrapper {
      width: 340px; }
    .flat-carousel-container .flat-carousel-wrapper {
      width: 1060px; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide {
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        width: 340px;
        height: 224px;
        box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.19);
        border-radius: 10px;
        overflow: hidden; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:first-child, .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:last-child {
          margin: 0; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:hover, .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:focus, .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:active {
          outline: none; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .slide-title p {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 28px;
          font-size: 1.75rem;
          line-height: 1.14; }
          .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .slide-title p b {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 28px;
            font-size: 1.75rem;
            line-height: 1.14; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .CTA {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          align-self: center; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.img-and-text-slide .flat-carousel-background.flat-carousel-tablet-background, .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.img-and-text-slide .flat-carousel-background.flat-carousel-mobile-background {
          display: none; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:hover, .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:focus-within {
          transform: scale(1.08); }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:active {
          transform: scale(1.05); }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-nav-button {
        display: none !important; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots {
        display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .flat-carousel-container.one-slide {
    display: flex;
    justify-content: center; }
    .flat-carousel-container.one-slide .flat-carousel-nav-button {
      display: none !important; }
    .flat-carousel-container.one-slide .flat-carousel-wrapper {
      width: 700px; }
  .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide {
    width: 700px;
    height: 394px; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .slide-title p {
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 1.1; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .slide-title p b {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 1.1; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .CTA {
      font-family: "proxima-nova";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      height: 55px;
      width: fit-content;
      min-height: 55px; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.img-and-text-slide .flat-carousel-background.flat-carousel-desktop-background, .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.img-and-text-slide .flat-carousel-background.flat-carousel-mobile-background {
      display: none; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 3;
      cursor: pointer; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.slick-current::before {
      content: none;
      display: none; }
    .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide:focus {
      outline: unset; } }

@media only screen and (max-width: 767.5px) {
  .flat-carousel-container {
    padding: 20px 0 24px; }
    .flat-carousel-container .flat-carousel-wrapper {
      width: 100%; }
      .flat-carousel-container .flat-carousel-wrapper .slick-track {
        display: flex; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide {
        margin: 0 4px;
        height: 234px;
        width: 100vw; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .slide-title p {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 1.32; }
          .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .slide-title p b {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 1.32; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide .CTA {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.img-and-text-slide .flat-carousel-background {
          width: 100%;
          height: 100%; }
          .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.img-and-text-slide .flat-carousel-background.flat-carousel-desktop-background, .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.img-and-text-slide .flat-carousel-background.flat-carousel-tablet-background {
            display: none; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-slide.thumbnail-and-text-slide img {
          position: absolute; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-nav-button {
        display: none !important; }
      .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots {
        margin-top: 40px; }
        .flat-carousel-container .flat-carousel-wrapper .flat-carousel-dots ul li {
          width: 12px;
          height: 12px;
          margin: 0 4px; } }

@media only screen and (max-width: 800px) {
  .flat-carousel-container .flat-carousel-wrapper .flat-carousel-nav-button {
    display: none !important; } }

.lihp-intro-snippet-main-wrapper {
  display: flex; }
  .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container {
    display: flex;
    width: 100%;
    padding: 30px 8px 28px 30px;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 15px auto 10px;
    max-width: 1060px; }
    .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part {
      display: flex;
      flex-grow: 1;
      flex-direction: column;
      margin: 0 39px 0 0; }
      .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-text1 {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: normal;
        color: #343737;
        letter-spacing: normal;
        margin: 0 0 7px 0; }
        .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-text1 b {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: normal;
          color: inherit;
          letter-spacing: normal; }
      .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-text2 {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.27;
        color: #343737;
        letter-spacing: normal;
        margin: 0 0 26px 0; }
        .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-text2 b {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 1.27;
          color: inherit;
          letter-spacing: normal; }
      .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper {
        display: flex; }
        .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-ok {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.4;
          color: #ffffff;
          letter-spacing: normal;
          transition: all .2s ease-in-out;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -ms-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out;
          cursor: pointer;
          background-color: #e51890;
          display: flex;
          align-items: center;
          height: 55px;
          margin: 0 23px 0 0;
          padding: 0 38.7px;
          border-radius: 27.5px; }
          .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-ok b {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.4;
            color: inherit;
            letter-spacing: normal; }
          .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-ok:focus, .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-ok:hover {
            opacity: 0.5; }
          .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-ok:active {
            opacity: 0.8; }
        .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-back {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.4;
          color: #343737;
          letter-spacing: normal;
          cursor: pointer;
          display: flex;
          align-items: center;
          height: 55px;
          border-radius: 27.5px;
          border: solid 2px #343737;
          padding: 0 24.75px; }
          .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-back b {
            font-family: "proxima-nova";
            font-weight: 700;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.4;
            color: inherit;
            letter-spacing: normal; }
          .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-back span {
            transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out; }
          .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-back:focus span, .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-back:hover span {
            opacity: 0.5; }
          .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-cta-wrapper .lihp-intro-cta-back:active span {
            opacity: 0.8; }
    .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-right-part .lihp-intro-switch-text {
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 16px;
      font-size: 1rem;
      line-height: normal;
      color: #008a96;
      letter-spacing: normal;
      width: 177px; }
      .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-right-part .lihp-intro-switch-text b {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 16px;
        font-size: 1rem;
        line-height: normal;
        color: inherit;
        letter-spacing: normal; }
    .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-arrow {
      width: max-content;
      position: absolute;
      right: 95px;
      top: -15px; }
    .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container.lihp-shadow {
      box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.2); }

@media (max-width: 991.5px) {
  .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container {
    flex-direction: column-reverse;
    width: 95.3125%;
    padding: 23px 20px 30px;
    margin: 15px auto; }
    .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part {
      margin: 0; }
      .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-left-part .lihp-intro-text1 {
        font-size: 25px;
        font-size: 1.5625rem;
        margin: 0 0 9px 0; }
    .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-right-part .lihp-intro-switch-text {
      width: 38.15%;
      margin-bottom: 38px; }
    .lihp-intro-snippet-main-wrapper .lihp-intro-snippet-container .lihp-intro-arrow {
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      left: 45%;
      top: -10px; } }

@media (max-width: 767.5px) {
  .lihp-intro-snippet-main-wrapper {
    display: none; } }

.lihp-bubbles-container .bubbles-button-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-block: unset;
  padding-inline-start: unset;
  list-style: none; }
  .lihp-bubbles-container .bubbles-button-wrapper .button {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2;
    background-color: #006972;
    height: 55px;
    padding: 0 40px;
    margin: 10px 33.5px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    font-family: "proxima-nova";
    font-weight: 900;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: normal;
    color: #FFFFFF;
    letter-spacing: normal; }
    .lihp-bubbles-container .bubbles-button-wrapper .button:hover, .lihp-bubbles-container .bubbles-button-wrapper .button:active, .lihp-bubbles-container .bubbles-button-wrapper .button:focus {
      box-shadow: -9px 9px 0 #006972;
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-transform: translateZ(0);
      background-color: #9ae3ff;
      color: #000000; }

.lihp-feedback-snippet {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 10px; }
  .lihp-feedback-snippet .lihp-feedback-title {
    text-align: center; }
  .lihp-feedback-snippet .lihp-feedback-description {
    text-align: center; }
  .lihp-feedback-snippet .lihp-cta {
    margin: 0 auto; }

@media only screen and (min-width: 1025px) {
  .lihp-feedback-snippet {
    padding: 30px 0; }
    .lihp-feedback-snippet .lihp-feedback-title {
      margin-bottom: 10px;
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 35px;
      font-size: 2.1875rem;
      line-height: normal;
      color: #000000;
      letter-spacing: normal; }
    .lihp-feedback-snippet .lihp-feedback-description {
      margin-bottom: 23px;
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: normal;
      color: #000000;
      letter-spacing: normal;
      font-weight: 600; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lihp-feedback-snippet {
    padding: 30px 0; }
    .lihp-feedback-snippet .lihp-feedback-title {
      margin-bottom: 10px;
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 35px;
      font-size: 2.1875rem;
      line-height: normal;
      color: #000000;
      letter-spacing: normal; }
    .lihp-feedback-snippet .lihp-feedback-description {
      margin-bottom: 23px;
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: normal;
      color: #000000;
      letter-spacing: normal;
      font-weight: 600; } }

@media only screen and (max-width: 767px) {
  .lihp-feedback-snippet {
    padding: 21px 0 24px; }
    .lihp-feedback-snippet .lihp-feedback-title {
      margin: 0 34px 16px 34px;
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: normal;
      color: #000000;
      letter-spacing: normal; }
    .lihp-feedback-snippet .lihp-feedback-description {
      margin: 0 34px 24px 34px;
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 16px;
      font-size: 1rem;
      line-height: normal;
      color: #000000;
      letter-spacing: normal;
      font-weight: 600; } }

.lihp-homepage-tabs-container {
  background-color: #ffffff; }
  .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper {
    max-width: 1060px;
    width: 95.31%;
    margin: 0 auto;
    padding: 70px 0; }
    .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title {
      width: 100%;
      margin: 0 auto 30px;
      text-align: center; }
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h1,
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h2,
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h3,
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title p {
        margin: unset;
        font-family: "museo-sans";
        font-weight: 700;
        font-size: 64px;
        font-size: 4rem;
        line-height: normal;
        color: #000000;
        letter-spacing: normal; }
        .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h1 b,
        .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h2 b,
        .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h3 b,
        .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title p b {
          font-family: "museo-sans";
          font-weight: 700;
          font-size: 64px;
          font-size: 4rem;
          line-height: normal;
          color: inherit;
          letter-spacing: normal; }
    .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper {
      position: relative;
      margin: 20px 0; }
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        border: unset; }
        .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li {
          min-width: max-content;
          margin-bottom: unset; }
          .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a {
            display: flex;
            align-items: center;
            margin: 0;
            border: unset;
            border-radius: 5px;
            background-color: var(--lihp-inactive-btn-background-color);
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ;
            outline: unset; }
            .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a .tab-name {
              border-bottom: solid 5px transparent;
              font-family: "proxima-nova";
              font-weight: 900;
              font-size: 20px;
              font-size: 1.25rem;
              line-height: normal;
              color: #666666;
              letter-spacing: normal;
              transition: all 0.2s ease-in-out ;
              -webkit-transition: all 0.2s ease-in-out ;
              -moz-transition: all 0.2s ease-in-out ;
              -ms-transition: all 0.2s ease-in-out ;
              -o-transition: all 0.2s ease-in-out ; }
              .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a .tab-name b {
                font-family: "proxima-nova";
                font-weight: 900;
                font-size: 20px;
                font-size: 1.25rem;
                line-height: normal;
                color: inherit;
                letter-spacing: normal; }
            .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a:hover, .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a:focus {
              background-color: #ebf8ff; }
              .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a:hover .tab-name, .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a:focus .tab-name {
                color: #333333; }
          .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li.active a {
            background-color: #ebf8ff; }
            .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li.active a .tab-name {
              border-color: var(--lihp-tabs-active-border, #0087e9);
              color: #333333; }

/* Tablet */
@media (max-width: 1024px) {
  .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper {
    max-width: unset;
    width: 100%; }
    .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title {
      width: 95%;
      text-align: center; }
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h1,
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h2,
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h3,
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title p {
        font-size: 55px;
        font-size: 3.4375rem; }
        .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h1 b,
        .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h2 b,
        .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h3 b,
        .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title p b {
          font-size: 55px;
          font-size: 3.4375rem; }
    .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper {
      margin: 25px 0 20px; }
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs {
        flex-wrap: nowrap;
        justify-content: unset;
        padding: 5px 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */ }
        .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs::-webkit-scrollbar {
          display: none;
          /* Hide scrollbar for Chrome, Safari and Opera */ }
    .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-parsys-wrapper {
      width: 95%;
      margin: 0 auto; } }

/* Mobile */
@media (max-width: 767.5px) {
  .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper {
    padding: 40px 0; }
    .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h1,
    .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h2,
    .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h3,
    .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title p {
      font-size: 30px;
      font-size: 1.875rem; }
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h1 b,
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h2 b,
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title h3 b,
      .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-title p b {
        font-size: 30px;
        font-size: 1.875rem; }
    .lihp-homepage-tabs-container .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper {
      margin: 14px 0 15px;
      mask: linear-gradient(90deg, #fff0 0%, #fff5 2.5%, #ffff 5%, #ffff 95%, #fff5 97.5%, #fff0 100%);
      -webkit-mask: linear-gradient(90deg, #fff0 0%, #fff5 2.5%, #ffff 5%, #ffff 95%, #fff5 97.5%, #fff0 100%); } }

.lihp-homepage-tabs-container_layout_horizontal .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs {
  justify-content: center;
  gap: 30px; }
  .lihp-homepage-tabs-container_layout_horizontal .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a {
    height: 44px;
    padding: 6px 10px 1px 10px; }
    .lihp-homepage-tabs-container_layout_horizontal .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a .tab-name {
      border-bottom: solid 5px transparent; }

/* Tablet */
@media (max-width: 1024px) {
  .lihp-homepage-tabs-container_layout_horizontal .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs {
    justify-content: unset; } }

.lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-content-wrapper {
  display: flex; }

.lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper {
  width: 30%;
  margin: 0 30px 0 0; }
  .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .main-tabs {
    background-color: transparent; }
  .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs {
    flex-direction: column;
    gap: 15px; }
    .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li.active a {
      background-color: #fff; }
      .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li.active a .tab-name {
        color: var(--lihp-tabs-active-border, #0087e9); }
    .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li {
      width: 100%;
      margin-left: 0;
      min-width: unset; }
      .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a {
        justify-content: center;
        padding: 20px;
        text-align: center; }
        .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a .tab-name {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 12px;
          font-size: 0.75rem;
          line-height: normal;
          color: #666666;
          letter-spacing: normal; }
          .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a .tab-name b {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 12px;
            font-size: 0.75rem;
            line-height: normal;
            color: inherit;
            letter-spacing: normal; }

.lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-parsys-wrapper {
  width: 70%;
  padding-top: 15px; }

/* Tablet */
@media (max-width: 1024px) {
  .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-content-wrapper {
    flex-direction: column-reverse; }
  .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper {
    width: 100%;
    margin: 25px 0 20px;
    mask: linear-gradient(90deg, #fff0 0%, #fff5 2.5%, #ffff 5%, #ffff 95%, #fff5 97.5%, #fff0 100%);
    -webkit-mask: linear-gradient(90deg, #fff0 0%, #fff5 2.5%, #ffff 5%, #ffff 95%, #fff5 97.5%, #fff0 100%); }
    .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs {
      flex-direction: row;
      gap: 30px; }
      .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li {
        min-width: max-content; }
        .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper .nav-tabs li a {
          padding: 6px 10px 1px 10px; }
  .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-parsys-wrapper {
    width: 95%;
    padding-top: 0; } }

/* Mobile */
@media (max-width: 767.5px) {
  .lihp-homepage-tabs-container_layout_vertical .lihp-homepage-tabs-main-wrapper .lihp-homepage-tabs-tabs-wrapper {
    margin: 14px 0 15px; } }

.lihp-image-overlay-wrapper .lio-tiles-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: calc(20px / -2) calc(20px / -2); }
  .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile {
    position: relative;
    margin: calc(20px / 2) calc(20px / 2);
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ; }
    .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile .lio-page-path {
      display: block; }
      .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile .lio-page-path .lio-title-container {
        position: absolute;
        top: 50%;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        width: 100%;
        height: 50%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--lio-gradient-color, black));
        border-radius: 10px; }
        .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile .lio-page-path .lio-title-container span {
          max-width: 80%;
          margin-bottom: 11px;
          text-align: center;
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.25;
          color: #ffffff;
          letter-spacing: 0.86px; }
      .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile .lio-page-path .lio-background {
        width: 340px;
        height: 224px;
        object-fit: cover;
        box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.19);
        border-radius: 10px; }
    .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile:focus, .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile:hover {
      -webkit-transform: scale(1.0353);
      -ms-transform: scale(1.0353);
      transform: scale(1.0353); }
    .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile:active {
      -webkit-transform: scale(1.0353);
      -ms-transform: scale(1.0353);
      transform: scale(1.0353); }

/* Mobile */
@media only screen and (max-width: 767px) {
  .lihp-image-overlay-wrapper .lio-tiles-container {
    margin: calc(14px / -2) calc(10px / -2); }
    .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile {
      margin: calc(14px / 2) calc(10px / 2); }
      .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile .lio-page-path .lio-title-container span {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.32;
        color: #ffffff;
        letter-spacing: 0.71px; }
      .lihp-image-overlay-wrapper .lio-tiles-container .lio-tile .lio-page-path .lio-background {
        width: 300px;
        height: 198px;
        box-shadow: 0 13px 13px 0 rgba(0, 0, 0, 0.19); } }

.lihp-spotlight-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: calc(20px / -2) calc(20px / -2); }
  .lihp-spotlight-container .lihp-spotlight-tiles-layout-container {
    display: flex; }
    .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile {
      display: flex;
      width: 100%;
      border-radius: 10px;
      overflow: hidden;
      text-decoration: unset;
      margin: calc(20px / 2) calc(20px / 2);
      cursor: pointer;
      transition: all .2s ease-in-out;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      border: 1px solid #cdd3d5; }
      .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile.spotlight-tile-blue-bg {
        background-color: #ddf6fa; }
        .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile.spotlight-tile-blue-bg:focus, .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile.spotlight-tile-blue-bg:hover {
          background-color: #f0fbff; }
        .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile.spotlight-tile-blue-bg:active {
          background-color: #f4fcfe; }
      .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile.spotlight-tile-white-bg {
        background-color: #ffffff; }
        .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile.spotlight-tile-white-bg:focus, .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile.spotlight-tile-white-bg:hover {
          background-color: #ededed; }
        .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile.spotlight-tile-white-bg:active {
          background-color: #f8f8f8; }
      .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile .lihp-spotlight-tile-img-wrapper .lihp-spotlight-tile-img {
        height: inherit;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; }
      .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-tag {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal;
        display: block;
        text-transform: uppercase; }
      .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title,
      .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description {
        display: block; }
        .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title p,
        .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description p {
          margin-bottom: 0; }
  .lihp-spotlight-container .lihp-spotlight-tiles-first-container {
    flex-wrap: wrap;
    width: 100%;
    justify-content: center; }
    .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile {
      min-height: 340px; }
      .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-img-wrapper {
        min-width: 57.73%;
        height: 100%; }
      .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper {
        flex-grow: 1;
        padding: 35px 30px 30px 28px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-tag {
          margin-bottom: 20px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 36px;
          font-size: 2.25rem;
          line-height: 1;
          color: #000000;
          letter-spacing: normal;
          margin-bottom: 20px; }
          .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title b {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 36px;
            font-size: 2.25rem;
            line-height: 1;
            color: inherit;
            letter-spacing: normal; }
        .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.17;
          color: #000000;
          letter-spacing: normal; }
          .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description b {
            font-family: "proxima-nova";
            font-weight: 600;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.17;
            color: inherit;
            letter-spacing: normal; }
  .lihp-spotlight-container .lihp-spotlight-tiles-second-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center; }
    .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile {
      display: flex;
      flex-direction: column;
      width: calc((100% - 40px) / 2); }
      .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-img-wrapper {
        height: 289px;
        width: 100%; }
      .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper {
        height: 100%;
        padding: 17px 20px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-tag {
          margin-bottom: 15px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 28px;
          font-size: 1.75rem;
          line-height: 1;
          color: #000000;
          letter-spacing: normal;
          margin-bottom: 15px; }
          .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title b {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 28px;
            font-size: 1.75rem;
            line-height: 1;
            color: inherit;
            letter-spacing: normal; }
        .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.3;
          color: #000000;
          letter-spacing: normal; }
          .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description b {
            font-family: "proxima-nova";
            font-weight: 600;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.3;
            color: inherit;
            letter-spacing: normal; }
  .lihp-spotlight-container .lihp-spotlight-tiles-third-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center; }
    .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile {
      display: flex;
      flex-direction: column;
      width: calc((100% - 60px) / 3); }
      .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-img-wrapper {
        height: 189px;
        width: 100%; }
      .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper {
        height: 100%;
        padding: 16px 14px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-tag {
          margin-bottom: 10px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.17;
          color: #000000;
          letter-spacing: normal; }
          .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title b {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.17;
            color: inherit;
            letter-spacing: normal; }
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description {
          display: none; }
      .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image {
        position: relative; }
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-img-wrapper {
          height: 300px; }
          .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-img-wrapper:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)); }
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-info-wrapper {
          position: absolute;
          bottom: 0;
          height: unset; }
          .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description,
          .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title,
          .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-info-wrapper .lihp-spotlight-tag {
            color: #fff; }
  .lihp-spotlight-container .lihp-cta {
    width: max-content;
    margin: 20px 10px 10px auto;
    background-color: #d9007f; }
    .lihp-spotlight-container .lihp-cta a {
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #ffffff;
      letter-spacing: normal; }

@media (max-width: 1024px) {
  .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile {
    min-height: unset;
    flex-direction: column; }
    .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-img-wrapper {
      min-height: 407px; }
    .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper {
      padding: 17px 20px 20px 20px; }
      .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-tag {
        margin-bottom: 17px; }
      .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal;
        margin-bottom: 19px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title b {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 28px;
          font-size: 1.75rem;
          line-height: 1;
          color: inherit;
          letter-spacing: normal; }
      .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.3;
        color: #000000;
        letter-spacing: normal; }
        .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description b {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.3;
          color: inherit;
          letter-spacing: normal; }
  .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile {
    width: 100%; }
    .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-img-wrapper {
      min-height: 407px;
      height: 100%; }
    .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper {
      padding: 17px 20px 20px 20px; }
      .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-tag {
        margin-bottom: 17px; }
      .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1;
        color: #000000;
        letter-spacing: normal;
        margin-bottom: 19px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title b {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 28px;
          font-size: 1.75rem;
          line-height: 1;
          color: inherit;
          letter-spacing: normal; }
      .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.3;
        color: #000000;
        letter-spacing: normal; }
        .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description b {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.3;
          color: inherit;
          letter-spacing: normal; }
  .lihp-spotlight-container .lihp-spotlight-tiles-third-container {
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100vw;
    justify-content: unset;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .lihp-spotlight-container .lihp-spotlight-tiles-third-container::-webkit-scrollbar {
      display: none;
      /* Hide scrollbar for Chrome, Safari and Opera */ }
    .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile {
      width: 340px;
      min-width: 340px; }
      .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile:first-child {
        margin-left: 2.345%; }
      .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description,
      .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title,
      .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-info-wrapper .lihp-spotlight-tag {
        color: #fff; }
    .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-slider-helper {
      min-width: calc(2.345% - 10px);
      display: block; } }

@media (max-width: 767.5px) {
  .lihp-spotlight-container {
    margin: calc(12px / -2) calc(12px / -2); }
    .lihp-spotlight-container .lihp-spotlight-tiles-layout-container .lihp-spotlight-tile {
      margin: calc(12px / 2) calc(12px / 2); }
    .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-img-wrapper {
      min-height: 166px; }
    .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper {
      padding: 16px 12px 20px 12px; }
      .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.17;
        color: #000000;
        letter-spacing: normal; }
        .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title b {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.17;
          color: inherit;
          letter-spacing: normal; }
      .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.63;
        color: #000000;
        letter-spacing: normal; }
        .lihp-spotlight-container .lihp-spotlight-tiles-first-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description b {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.63;
          color: inherit;
          letter-spacing: normal; }
    .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-img-wrapper {
      min-height: 166px; }
    .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper {
      padding: 16px 12px 20px 12px; }
      .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.17;
        color: #000000;
        letter-spacing: normal; }
        .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title b {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.17;
          color: inherit;
          letter-spacing: normal; }
      .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.63;
        color: #000000;
        letter-spacing: normal; }
        .lihp-spotlight-container .lihp-spotlight-tiles-second-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description b {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.63;
          color: inherit;
          letter-spacing: normal; }
    .lihp-spotlight-container .lihp-spotlight-tiles-third-container {
      flex-wrap: nowrap;
      overflow-x: auto;
      width: 100vw; }
      .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile {
        width: 272px;
        min-width: 272px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile:first-child {
          margin-left: 3.125%; }
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-img-wrapper {
          height: 151px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper {
          padding: 14px 12px 17px 12px; }
          .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-tag {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 13.8px;
            font-size: 0.8625rem;
            line-height: 0.93;
            color: #000000;
            letter-spacing: normal;
            margin-bottom: 8px; }
          .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title {
            font-family: "proxima-nova";
            font-weight: 900;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.12;
            color: #000000;
            letter-spacing: normal; }
            .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title b {
              font-family: "proxima-nova";
              font-weight: 900;
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 1.12;
              color: inherit;
              letter-spacing: normal; }
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-img-wrapper {
          height: 300px; }
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-info-wrapper .lihp-spotlight-description,
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-info-wrapper .lihp-spotlight-title,
        .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-tile.lihp-spotlight-tile_style_background-image .lihp-spotlight-tile-info-wrapper .lihp-spotlight-tag {
          color: #fff; }
      .lihp-spotlight-container .lihp-spotlight-tiles-third-container .lihp-spotlight-slider-helper {
        min-width: calc(3.125% - 6px);
        display: block; }
    .lihp-spotlight-container .lihp-cta {
      margin: 20px auto 10px; } }

.lihp-ideabook-main-container {
  background-color: #ffffff;
  background-size: cover;
  background-repeat: no-repeat; }

.lihp-ideabook {
  max-width: 1060px;
  margin: 0 auto; }
  .lihp-ideabook .lihp-ideabook-header {
    height: min-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px; }
    .lihp-ideabook .lihp-ideabook-header .lihp-ideabook-header-title {
      text-align: center; }
    .lihp-ideabook .lihp-ideabook-header .lihp-ideabook-header-banner-customized {
      width: 194px;
      height: 58px;
      margin-bottom: 30px;
      border-radius: 2px;
      outline: unset;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
      .lihp-ideabook .lihp-ideabook-header .lihp-ideabook-header-banner-customized:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .lihp-ideabook .lihp-ideabook-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    margin-bottom: 30px; }
    .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile {
      width: 49.056%;
      height: 200px;
      display: flex;
      background-color: #f9f9f9;
      border-radius: 10px;
      -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
      -ms-transition-duration: 0.2s;
      -o-transition-duration: 0.2s;
      transition-duration: 0.2s; }
      .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a {
        display: flex;
        padding: 20px;
        text-decoration: none;
        width: 100%; }
        .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-content .lihp-ideabook-content-tags {
          text-transform: uppercase; }
        .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-content .lihp-ideabook-content-title span {
          color: inherit; }
        .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-image > img {
          object-fit: cover;
          width: 160px;
          height: 160px;
          margin-right: 20px;
          max-width: fit-content;
          max-width: -moz-fit-content;
          max-width: -webkit-fit-content; }
        .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-content {
          display: flex;
          flex-direction: column; }
      .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile:focus, .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile:hover {
        background-color: #efefef; }
      .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile:active {
        background-color: #e8e8e8; }
    .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile:nth-child(3) {
      display: none; }
  .lihp-ideabook .lihp-cta {
    width: min-content;
    margin-left: auto;
    background-color: #d9007f;
    outline: unset; }
    .lihp-ideabook .lihp-cta a {
      white-space: nowrap; }
    .lihp-ideabook .lihp-cta:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

@media only screen and (min-width: 1025px) {
  .lihp-ideabook {
    padding-bottom: 70px;
    width: 95.57%; }
    .lihp-ideabook .lihp-ideabook-header .lihp-ideabook-header-title {
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: normal;
      color: #000000;
      letter-spacing: normal; }
    .lihp-ideabook .lihp-ideabook-content-wrapper {
      flex-direction: row; }
      .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-content .lihp-ideabook-content-tags {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.87;
        color: #000000;
        letter-spacing: normal; }
      .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-content .lihp-ideabook-content-title {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.17;
        color: #000000;
        letter-spacing: normal; }
      .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-image > img {
        width: 160px;
        height: 160px; }
    .lihp-ideabook .lihp-cta a {
      font-family: "proxima-nova";
      font-weight: 900;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #FFFFFF;
      letter-spacing: normal; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lihp-ideabook {
    max-width: 95.57%;
    padding-bottom: 70px; }
    .lihp-ideabook .lihp-ideabook-header {
      margin-bottom: 30px;
      padding-top: 35px; }
      .lihp-ideabook .lihp-ideabook-header .lihp-ideabook-header-title {
        max-width: 700px;
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: normal;
        color: #000000;
        letter-spacing: normal; }
      .lihp-ideabook .lihp-ideabook-header .lihp-ideabook-header-banner-customized {
        margin-bottom: 30px; }
    .lihp-ideabook .lihp-ideabook-content-wrapper {
      flex-direction: column;
      margin: -15px 0; }
      .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile {
        width: 698px;
        height: 200px;
        margin: 15px 0; }
        .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-content .lihp-ideabook-content-tags {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 15px;
          font-size: 0.9375rem;
          line-height: 1.87;
          color: #000000;
          letter-spacing: normal; }
        .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-content .lihp-ideabook-content-title {
          font-family: "proxima-nova";
          font-weight: 600;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.17;
          color: #000000;
          letter-spacing: normal; }
        .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-image > img {
          width: 160px;
          height: 160px; }
    .lihp-ideabook .lihp-cta {
      margin-top: 30px; }
      .lihp-ideabook .lihp-cta a {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #FFFFFF;
        letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .lihp-ideabook {
    padding-bottom: 40px; }
    .lihp-ideabook .lihp-ideabook-header {
      margin-bottom: 19px;
      max-width: 300px;
      padding-top: 40px; }
      .lihp-ideabook .lihp-ideabook-header .lihp-ideabook-header-title {
        font-family: "proxima-nova";
        font-weight: 600;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.27;
        color: #000000;
        letter-spacing: normal; }
      .lihp-ideabook .lihp-ideabook-header .lihp-ideabook-header-banner-customized {
        margin-bottom: 24px; }
    .lihp-ideabook .lihp-ideabook-content-wrapper {
      flex-direction: column;
      margin: -6px 10px; }
      .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile {
        width: 300px;
        height: 96px;
        margin: 6px 0; }
        .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a {
          padding: 8px; }
          .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-content .lihp-ideabook-content-tags {
            font-family: "proxima-nova";
            font-weight: 600;
            font-size: 11px;
            font-size: 0.6875rem;
            line-height: normal;
            color: #000000;
            letter-spacing: normal; }
          .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-content .lihp-ideabook-content-title {
            font-family: "proxima-nova";
            font-weight: 600;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: normal;
            color: #000000;
            letter-spacing: normal; }
          .lihp-ideabook .lihp-ideabook-content-wrapper .lihp-ideabook-content-tile a .lihp-ideabook-image > img {
            width: 80px;
            height: 80px;
            margin-right: 6px; }
    .lihp-ideabook .lihp-cta {
      margin-right: auto;
      margin-top: 24px; }
      .lihp-ideabook .lihp-cta a {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #FFFFFF;
        letter-spacing: normal; } }

.lihp-embeded-search-container {
  width: 100%; }
  .lihp-embeded-search-container .lihp-embeded-search-main-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form {
      position: relative; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form .lihp-embeded-search-input {
        border-radius: 4px;
        border-color: transparent;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -ms-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s; }
        .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form .lihp-embeded-search-input:focus {
          border: solid 1px #000000; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form .lihp-embeded-search-button {
        position: absolute;
        background-color: transparent;
        border: none;
        height: 36px;
        width: 36px;
        cursor: pointer;
        background-repeat: no-repeat;
        opacity: 60.78431372549019%;
        -webkit-transition-duration: 0.2s;
        -moz-transition-duration: 0.2s;
        -ms-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
        transition-duration: 0.2s;
        background-image: url("../../../clientlibs/classmags-migration-core/styles/core/icons/lihpEmbeddedSearch/lihp-embedded-search.svg"); }
        .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form .lihp-embeded-search-button:active {
          opacity: 87.45098039215686%; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form ul {
        width: 100%; }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      padding-inline-start: 0; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile {
        position: relative;
        list-style: none; }
        .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a .lihp-issue-title {
          position: absolute;
          width: 100%;
          bottom: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          -webkit-transition-duration: 0.2s;
          -moz-transition-duration: 0.2s;
          -ms-transition-duration: 0.2s;
          -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
          background-color: #b2f753;
          padding: 0 10px; }
          .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a .lihp-issue-title .lihp-issue-title-text {
            text-align: center; }
        .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a .lihp-issue-img {
          object-fit: cover;
          height: 336px;
          width: 250px; }

@media only screen and (min-width: 1025px) and (max-width: 1109px) {
  .lihp-issues-container {
    width: 74%; } }

@media only screen and (min-width: 1025px) {
  .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form {
    margin-bottom: 30px; }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form .lihp-embeded-search-input {
      width: 700px;
      height: 64px;
      padding-left: 26px;
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: normal;
      color: #686161;
      letter-spacing: normal; }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form .lihp-embeded-search-button {
      top: 14px;
      right: 18px; }
  .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list {
    margin: calc(20px / -2) calc(20px / -2); }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile {
      margin: calc(20px / 2) calc(20px / 2); }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a .lihp-issue-title {
        height: 72px;
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 0.82;
        color: #000000;
        letter-spacing: normal; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a .lihp-issue-img {
        width: 250px;
        height: 336px; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:focus .lihp-issue-title, .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:hover .lihp-issue-title {
        height: 86px; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:focus .lihp-issue-title-text, .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:hover .lihp-issue-title-text {
        padding-bottom: 14px; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:active .lihp-issue-title {
        opacity: 0.8; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form {
    margin-bottom: 30px; }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form .lihp-embeded-search-input {
      width: 698px;
      height: 64px;
      padding-left: 25px;
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: normal;
      color: #686161;
      letter-spacing: normal; }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form .lihp-embeded-search-button {
      top: 14px;
      right: 18px; }
  .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list {
    margin: calc(30px / -2) calc(30px / -2); }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile {
      margin: calc(30px / 2) calc(30px / 2); }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a .lihp-issue-title {
        height: 96px;
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 0.82;
        color: #000000;
        letter-spacing: normal; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a .lihp-issue-img {
        width: 334px;
        height: 448px; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:focus .lihp-issue-title, .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:hover .lihp-issue-title {
        height: 115px; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:focus .lihp-issue-title-text, .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:hover .lihp-issue-title-text {
        padding-bottom: 19px; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:active .lihp-issue-title {
        opacity: 0.8; } }

@media only screen and (max-width: 767px) {
  .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form {
    margin-bottom: 24px; }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form .lihp-embeded-search-input {
      width: 299px;
      height: 49px;
      padding-left: 12px;
      font-family: "proxima-nova";
      font-weight: 600;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: normal;
      color: #686161;
      letter-spacing: normal; }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-embeded-search-form .lihp-embeded-search-button {
      top: 10px;
      right: 9px;
      height: 29px;
      width: 29px;
      background-size: 29px; }
  .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list {
    margin: calc(24px / -2); }
    .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile {
      margin: calc(24px / 2); }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a .lihp-issue-title {
        height: 78px;
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 17.6px;
        font-size: 1.1rem;
        line-height: 0.82;
        color: #000000;
        letter-spacing: normal; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a .lihp-issue-img {
        width: 272px;
        height: 365px; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:focus .lihp-issue-title, .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:hover .lihp-issue-title {
        height: 93px; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:focus .lihp-issue-title-text, .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:hover .lihp-issue-title-text {
        padding-bottom: 15px; }
      .lihp-embeded-search-container .lihp-embeded-search-main-wrapper .lihp-issues-container .lihp-issues-list .lihp-issue-tile a:active .lihp-issue-title {
        opacity: 0.8; } }

.lihp-embeded-search__left-aligned {
  width: 100%; }
  .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper {
    display: flex;
    justify-content: space-between; }
    .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left {
      flex-grow: 1;
      border-radius: 10px;
      padding: 16px 24px 20px; }
      .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__header {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: normal;
        color: #000000;
        letter-spacing: -0.1px;
        display: block; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__header b {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 22px;
          font-size: 1.375rem;
          line-height: normal;
          color: #000000;
          letter-spacing: -0.1px; }
      .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__subHeader {
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 16px;
        font-size: 1rem;
        line-height: normal;
        color: #000000;
        letter-spacing: normal;
        display: block;
        margin-bottom: 11px; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__subHeader b {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: normal;
          color: #000000;
          letter-spacing: normal; }
      .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form {
        display: flex;
        position: relative; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__input {
          border-radius: 24px;
          border-style: solid;
          border-width: 1px;
          border-color: var(--page-color-1);
          width: 100%;
          height: 48px;
          padding: 0 20px 0 66px;
          background-color: #ffffff;
          outline: unset;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          font-family: "proxima-nova";
          font-weight: 400;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: normal;
          color: #000000;
          letter-spacing: normal;
          z-index: 10; }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__input:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__input::placeholder {
            color: #999999; }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__input:hover, .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__input:focus {
            border-width: 3px; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .dropdown-menu {
          width: 100%;
          top: 50% !important;
          z-index: 9;
          padding: 47px 46px 28px;
          border-radius: 10px;
          box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.35); }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .dropdown-menu li a {
            font-family: "proxima-nova";
            font-weight: 500;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 2;
            color: #222222;
            letter-spacing: -0.39px;
            border-radius: 5px;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ; }
            .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .dropdown-menu li a strong {
              font-family: "proxima-nova";
              font-weight: 700;
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 2;
              color: #222222;
              letter-spacing: -0.39px; }
            .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .dropdown-menu li a strong {
              color: var(--page-color-1); }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .dropdown-menu li.active a {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black;
            background-color: unset; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-search {
          all: unset;
          position: absolute;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          left: 17px;
          top: 50%;
          border: unset;
          cursor: pointer;
          width: 30px;
          height: 30px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          border-radius: 5px;
          z-index: 10; }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-search:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-search svg {
            width: inherit;
            height: inherit; }
            .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-search svg path {
              transition: all 0.2s ease-in-out ;
              -webkit-transition: all 0.2s ease-in-out ;
              -moz-transition: all 0.2s ease-in-out ;
              -ms-transition: all 0.2s ease-in-out ;
              -o-transition: all 0.2s ease-in-out ; }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-search:hover path, .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-search:focus path {
            fill: var(--page-color-1); }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-clear {
          all: unset;
          position: absolute;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          right: 17px;
          top: 50%;
          border: unset;
          cursor: pointer;
          width: 20px;
          height: 20px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          border-radius: 5px;
          z-index: 10; }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-clear:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-clear::before, .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-clear::after {
            position: absolute;
            left: 8px;
            top: -1px;
            content: " ";
            height: 23px;
            width: 4px;
            background-color: #222222;
            border-radius: 5px;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ; }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-clear::before {
            transform: rotate(45deg); }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-clear::after {
            transform: rotate(-45deg); }
          .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-clear:hover:after, .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-clear:hover:before, .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-clear:focus:after, .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__form .lihp-embeded-search__button-clear:focus:before {
            background-color: var(--page-color-1); }
    .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right {
      width: 242px;
      min-width: 242px;
      margin-left: 21px;
      border-radius: 10px; }
      .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link {
        display: flex;
        text-decoration: unset;
        padding: 13px 17px 15px;
        border-radius: 10px;
        height: 100%;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link .lihp-embeded-search__issue-cover {
          border: 1px solid white;
          box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.24);
          width: 92px;
          height: 122px;
          object-fit: cover;
          margin-right: 29px;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link .lihp-embeded-search__issue-label {
          font-family: "proxima-nova";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.55;
          color: #000000;
          letter-spacing: -0.09px;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link:hover .lihp-embeded-search__issue-cover, .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link:focus .lihp-embeded-search__issue-cover {
          transform: rotate(5deg) scale(1.1); }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link:hover span, .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link:focus span {
          color: var(--page-color-1); }

/* Mobile */
@media only screen and (max-width: 767px) {
  .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper {
    flex-direction: column; }
    .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left {
      margin-bottom: 11px;
      padding: 17px 24px 26px; }
      .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__header {
        font-family: "proxima-nova";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: normal;
        color: #000000;
        letter-spacing: -0.11px; }
      .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__left .lihp-embeded-search__subHeader {
        font-family: "proxima-nova";
        font-weight: 500;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: normal;
        color: #000000;
        letter-spacing: -0.09px;
        margin: -8px 0 6px; }
    .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right {
      margin-left: unset;
      width: 100%; }
      .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link {
        align-items: center;
        justify-content: center;
        padding: 4px 15px 5px; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link .lihp-embeded-search__issue-cover {
          margin-right: 26px;
          width: 53px;
          height: 70px; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link .lihp-embeded-search__issue-label {
          letter-spacing: normal; }
        .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link:hover .lihp-embeded-search__issue-cover, .lihp-embeded-search__left-aligned .lihp-embeded-search__main-wrapper .lihp-embeded-search__right .lihp-embeded-search__issue-link:focus .lihp-embeded-search__issue-cover {
          transform: rotate(-15deg); } }

.lihp-ugc-articles-container {
  margin-top: 40px; }
  .lihp-ugc-articles-container .lihp-ugc-articles-title {
    display: block;
    margin-bottom: 20px;
    font-family: "proxima-nova";
    font-weight: 900;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: normal;
    color: #000000;
    letter-spacing: normal; }
  .lihp-ugc-articles-container .lihp-ugc-articles-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    margin-right: -10px;
    margin-left: -10px; }
    .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article {
      width: calc((100% - 60px) / 3);
      height: 310px;
      margin-right: 10px;
      margin-left: 10px;
      border: 1px solid #cdd3d5;
      border-radius: 10px;
      text-decoration: none;
      transition: all .2s ease-in-out;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out; }
      .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article.ugc-articles-tile-blue-bg {
        background-color: #ddf6fa; }
        .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article.ugc-articles-tile-blue-bg:focus, .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article.ugc-articles-tile-blue-bg:hover {
          background-color: #f0fbff; }
        .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article.ugc-articles-tile-blue-bg:active {
          background-color: #f4fcfe; }
      .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article.ugc-articles-tile-white-bg {
        background-color: #ffffff; }
        .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article.ugc-articles-tile-white-bg:focus, .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article.ugc-articles-tile-white-bg:hover {
          background-color: #ededed; }
        .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article.ugc-articles-tile-white-bg:active {
          background-color: #f8f8f8; }
      .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article .lihp-ugc-article-image {
        height: 188px;
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        object-fit: cover; }
      .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article .lihp-ugc-article-title-container {
        height: 120px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 16px 14px 14px 14px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start; }
        .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article .lihp-ugc-article-title-container .lihp-ugc-article-title {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.17;
          color: #000000;
          letter-spacing: normal; }

@media (max-width: 1024px) {
  .lihp-ugc-articles-container .lihp-ugc-articles-title {
    font-family: "proxima-nova";
    font-weight: 900;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: normal;
    color: #000000;
    letter-spacing: normal; }
  .lihp-ugc-articles-container .lihp-ugc-articles-row {
    overflow-x: auto;
    width: 100vw;
    justify-content: unset;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    margin-left: -2.345%; }
    .lihp-ugc-articles-container .lihp-ugc-articles-row::-webkit-scrollbar {
      display: none;
      /* Hide scrollbar for Chrome, Safari and Opera */ }
    .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article {
      width: 340px;
      min-width: 340px; }
      .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article .lihp-ugc-article-title-container .lihp-ugc-article-title {
        font-family: "proxima-nova";
        font-weight: 900;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.17;
        color: #000000;
        letter-spacing: normal; }
      .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article:first-child {
        margin-left: 2.345%; }
    .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-article-slider-helper {
      min-width: calc(2.345% - 10px);
      display: block; } }

@media (max-width: 767.5px) {
  .lihp-ugc-articles-container .lihp-ugc-articles-title {
    font-family: "proxima-nova";
    font-weight: 900;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: normal;
    color: #000000;
    letter-spacing: normal; }
  .lihp-ugc-articles-container .lihp-ugc-articles-row {
    margin-right: -6px;
    margin-left: -6px;
    margin-left: -3.125%; }
    .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article {
      min-width: 272px;
      height: 248px;
      margin-left: 6px;
      margin-right: 6px; }
      .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article .lihp-ugc-article-image {
        height: 151px; }
      .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article .lihp-ugc-article-title-container {
        height: 97px;
        padding: 13px 12px 12px 12px; }
        .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article .lihp-ugc-article-title-container .lihp-ugc-article-title {
          font-family: "proxima-nova";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.12;
          color: #000000;
          letter-spacing: normal; }
      .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-articles-article:first-child {
        margin-left: 3.125%; }
    .lihp-ugc-articles-container .lihp-ugc-articles-row .lihp-ugc-article-slider-helper {
      min-width: calc(3.125% - 6px);
      display: block; } }

.cm-bookmark {
  display: flex; }
  .cm-bookmark .cm-bookmark-button {
    margin: 0;
    padding: 0;
    border: unset;
    background: none;
    width: 36px;
    height: 36px;
    z-index: 2;
    outline: none;
    border-radius: 50%; }
    .cm-bookmark .cm-bookmark-button .cm-bookmark-icon {
      width: 36px;
      height: 36px;
      border-radius: 50%; }
      .cm-bookmark .cm-bookmark-button .cm-bookmark-icon .cm-bookmark-icon-circle,
      .cm-bookmark .cm-bookmark-button .cm-bookmark-icon .cm-bookmark-icon-flag,
      .cm-bookmark .cm-bookmark-button .cm-bookmark-icon .cm-bookmark-icon-star {
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
      .cm-bookmark .cm-bookmark-button .cm-bookmark-icon .cm-bookmark-icon-circle {
        fill-opacity: 0; }
      .cm-bookmark .cm-bookmark-button .cm-bookmark-icon.default .cm-bookmark-icon-circle {
        stroke: var(--page-color-2, #000);
        fill: var(--page-color-2, #000); }
      .cm-bookmark .cm-bookmark-button .cm-bookmark-icon.default .cm-bookmark-icon-flag {
        stroke: var(--page-color-2, #000); }
      .cm-bookmark .cm-bookmark-button .cm-bookmark-icon.white .cm-bookmark-icon-circle {
        stroke: white;
        fill: white; }
      .cm-bookmark .cm-bookmark-button .cm-bookmark-icon.white .cm-bookmark-icon-flag {
        stroke: white; }
      .cm-bookmark .cm-bookmark-button .cm-bookmark-icon.blue .cm-bookmark-icon-circle {
        stroke: unset;
        fill-opacity: 1;
        fill: var(--page-color-2, #000); }
      .cm-bookmark .cm-bookmark-button .cm-bookmark-icon.blue .cm-bookmark-icon-flag {
        stroke: white; }
    .cm-bookmark .cm-bookmark-button.toolbar {
      height: 32px;
      width: unset;
      border-radius: 0; }
      .cm-bookmark .cm-bookmark-button.toolbar div {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center; }
        .cm-bookmark .cm-bookmark-button.toolbar div .cm-bookmark-icon {
          width: 32px;
          height: 22px;
          border-radius: 0; }
          .cm-bookmark .cm-bookmark-button.toolbar div .cm-bookmark-icon .cm-bookmark-icon-flag {
            fill: #1b76d1;
            fill-opacity: 0;
            stroke: black; }
          .cm-bookmark .cm-bookmark-button.toolbar div .cm-bookmark-icon .cm-bookmark-icon-star {
            fill: transparent; }
        .cm-bookmark .cm-bookmark-button.toolbar div .bookmark-text {
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ; }
    .cm-bookmark .cm-bookmark-button.background-white {
      background-color: white;
      border: 2px solid white;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center; }
  .cm-bookmark .cm-bookmark-button[aria-checked="false"] {
    outline: unset; }
    .cm-bookmark .cm-bookmark-button[aria-checked="false"]:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .cm-bookmark .cm-bookmark-button[aria-checked="false"]:hover .cm-bookmark-icon.default .cm-bookmark-icon-circle, .cm-bookmark .cm-bookmark-button[aria-checked="false"]:focus .cm-bookmark-icon.default .cm-bookmark-icon-circle {
      fill-opacity: 0.1; }
    .cm-bookmark .cm-bookmark-button[aria-checked="false"]:hover .cm-bookmark-icon.white .cm-bookmark-icon-circle, .cm-bookmark .cm-bookmark-button[aria-checked="false"]:focus .cm-bookmark-icon.white .cm-bookmark-icon-circle {
      fill-opacity: 0.2; }
    .cm-bookmark .cm-bookmark-button[aria-checked="false"]:hover .cm-bookmark-icon.blue .cm-bookmark-icon-circle, .cm-bookmark .cm-bookmark-button[aria-checked="false"]:focus .cm-bookmark-icon.blue .cm-bookmark-icon-circle {
      fill-opacity: 0.9; }
    .cm-bookmark .cm-bookmark-button[aria-checked="false"]:hover.toolbar .cm-bookmark-icon .cm-bookmark-icon-flag, .cm-bookmark .cm-bookmark-button[aria-checked="false"]:focus.toolbar .cm-bookmark-icon .cm-bookmark-icon-flag {
      stroke: #1b76d1;
      fill-opacity: 0.3; }
    .cm-bookmark .cm-bookmark-button[aria-checked="false"]:focus .cm-bookmark-icon.default .cm-bookmark-icon-flag {
      fill: var(--page-color-2, #000); }
    .cm-bookmark .cm-bookmark-button[aria-checked="false"]:focus .cm-bookmark-icon.white .cm-bookmark-icon-flag {
      fill: white; }
    .cm-bookmark .cm-bookmark-button[aria-checked="false"]:focus .cm-bookmark-icon.blue .cm-bookmark-icon-flag {
      fill: white; }
    .cm-bookmark .cm-bookmark-button[aria-checked="false"]:focus.toolbar .cm-bookmark-icon .cm-bookmark-icon-flag {
      fill-opacity: 1; }
  .cm-bookmark .cm-bookmark-button[aria-checked="true"] {
    outline: unset; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"]:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"] .cm-bookmark-icon.default .cm-bookmark-icon-flag {
      fill: var(--page-color-2, #000); }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"] .cm-bookmark-icon.default .cm-bookmark-icon-star {
      fill: white; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"] .cm-bookmark-icon.white .cm-bookmark-icon-flag {
      fill: white; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"] .cm-bookmark-icon.white .cm-bookmark-icon-star {
      fill: var(--page-color-2, #000); }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"] .cm-bookmark-icon.blue .cm-bookmark-icon-flag {
      fill: white; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"] .cm-bookmark-icon.blue .cm-bookmark-icon-star {
      fill: var(--page-color-2, #000); }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"].toolbar .cm-bookmark-icon .cm-bookmark-icon-flag {
      fill-opacity: 1;
      stroke: #1b76d1; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"].toolbar .cm-bookmark-icon .cm-bookmark-icon-star {
      fill: white; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"]:hover .cm-bookmark-icon.default .cm-bookmark-icon-circle, .cm-bookmark .cm-bookmark-button[aria-checked="true"]:focus .cm-bookmark-icon.default .cm-bookmark-icon-circle {
      fill-opacity: 0.1; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"]:hover .cm-bookmark-icon.white .cm-bookmark-icon-circle, .cm-bookmark .cm-bookmark-button[aria-checked="true"]:focus .cm-bookmark-icon.white .cm-bookmark-icon-circle {
      fill-opacity: 0.2; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"]:hover .cm-bookmark-icon.blue .cm-bookmark-icon-circle, .cm-bookmark .cm-bookmark-button[aria-checked="true"]:focus .cm-bookmark-icon.blue .cm-bookmark-icon-circle {
      fill-opacity: 0.9; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"]:hover.toolbar .cm-bookmark-icon .cm-bookmark-icon-flag, .cm-bookmark .cm-bookmark-button[aria-checked="true"]:focus.toolbar .cm-bookmark-icon .cm-bookmark-icon-flag {
      fill-opacity: 0.3; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"]:focus .cm-bookmark-icon.default .cm-bookmark-icon-flag {
      fill: var(--page-color-2, #000); }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"]:focus .cm-bookmark-icon.white .cm-bookmark-icon-flag {
      fill: white; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"]:focus .cm-bookmark-icon.blue .cm-bookmark-icon-flag {
      fill: white; }
    .cm-bookmark .cm-bookmark-button[aria-checked="true"]:focus.toolbar .cm-bookmark-icon .cm-bookmark-icon-flag {
      fill-opacity: 0.3; }

.media-able-player .able {
  box-shadow: unset;
  margin: unset;
  z-index: auto; }
  .media-able-player .able .able-player {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    flex-direction: row;
    padding: 22px 0;
    border-radius: 8px;
    background-color: var(--page-color-1, #999999); }
    .media-able-player .able .able-player .able-tooltip {
      display: none !important; }
    .media-able-player .able .able-player .able-now-playing {
      padding: unset;
      text-align: left;
      padding-bottom: 8px;
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1;
      color: #ffffff;
      letter-spacing: normal; }
    .media-able-player .able .able-player .able-controller {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: center;
      border: unset;
      background: transparent; }
      .media-able-player .able .able-player .able-controller button {
        z-index: auto; }
      .media-able-player .able .able-player .able-controller button:not(.able-button-handler-play) {
        display: none; }
      .media-able-player .able .able-player .able-controller .able-button-handler-play {
        width: 40px;
        height: 40px;
        margin: unset;
        padding: unset;
        margin-right: 16px;
        outline: unset;
        border-radius: 50%;
        border: 2px solid #ffffff;
        background-color: #ffffff;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .media-able-player .able .able-player .able-controller .able-button-handler-play:focus {
          box-shadow: 0 0 0 2px #000000, 0 0 0 4px #ffffff; }
        .media-able-player .able .able-player .able-controller .able-button-handler-play .icon-play {
          width: 100%;
          height: 100%; }
          .media-able-player .able .able-player .able-controller .able-button-handler-play .icon-play::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            border-style: solid;
            border-width: 9.5px 0 9.5px 15px;
            border-color: transparent transparent transparent var(--page-color-1, #999999);
            -webkit-transform: translate(-37%, -47%);
            -ms-transform: translate(-37%, -47%);
            transform: translate(-37%, -47%); }
        .media-able-player .able .able-player .able-controller .able-button-handler-play .icon-pause {
          width: 100%;
          height: 100%;
          border-radius: 50%; }
          .media-able-player .able .able-player .able-controller .able-button-handler-play .icon-pause::before, .media-able-player .able .able-player .able-controller .able-button-handler-play .icon-pause::after {
            content: "";
            position: absolute;
            height: 18px;
            width: 4px;
            border-radius: 9px;
            background-color: var(--page-color-1, #999999);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
          .media-able-player .able .able-player .able-controller .able-button-handler-play .icon-pause::before {
            left: 12px; }
          .media-able-player .able .able-player .able-controller .able-button-handler-play .icon-pause::after {
            right: 12px; }
        .media-able-player .able .able-player .able-controller .able-button-handler-play:hover {
          background-color: transparent; }
          .media-able-player .able .able-player .able-controller .able-button-handler-play:hover .icon-play::before {
            border-color: transparent transparent transparent #ffffff; }
          .media-able-player .able .able-player .able-controller .able-button-handler-play:hover .icon-pause::before, .media-able-player .able .able-player .able-controller .able-button-handler-play:hover .icon-pause::after {
            background-color: #ffffff; }
      .media-able-player .able .able-player .able-controller .able-seekbar {
        border-radius: 5px;
        border: none;
        background: transparent;
        z-index: auto; }
        .media-able-player .able .able-player .able-controller .able-seekbar .able-seekbar-loaded {
          background-color: var(--page-color-1);
          filter: brightness(0.5);
          height: 10px;
          width: 100% !important;
          border-radius: 5px;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          z-index: auto; }
          .media-able-player .able .able-player .able-controller .able-seekbar .able-seekbar-loaded:hover {
            filter: brightness(0.6); }
        .media-able-player .able .able-player .able-controller .able-seekbar .able-seekbar-played {
          background-color: #ffffff;
          height: 10px;
          border-radius: 5px;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          z-index: auto; }
        .media-able-player .able .able-player .able-controller .able-seekbar .able-seekbar-head {
          width: 22px;
          height: 22px;
          background-color: #ffffff;
          display: block;
          cursor: ew-resize;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          outline: none !important;
          z-index: auto; }
          .media-able-player .able .able-player .able-controller .able-seekbar .able-seekbar-head::before {
            content: '';
            width: 17px;
            border-radius: 50%;
            height: 17px;
            background-color: var(--page-color-1);
            position: absolute;
            top: 50%;
            bottom: 50%;
            filter: brightness(0.5);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ; }
          .media-able-player .able .able-player .able-controller .able-seekbar .able-seekbar-head:hover::before, .media-able-player .able .able-player .able-controller .able-seekbar .able-seekbar-head:focus::before {
            filter: none; }
          .media-able-player .able .able-player .able-controller .able-seekbar .able-seekbar-head:focus {
            box-shadow: 0 0 0px 2px #000000; }
  .media-able-player .able .able-status-bar {
    height: unset;
    min-height: unset;
    color: unset;
    font-size: unset;
    padding: 0 0 3px 0;
    min-width: 40px; }
    .media-able-player .able .able-status-bar .able-timer {
      font-family: "proxima-nova";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1;
      color: #ffffff;
      letter-spacing: normal; }
      .media-able-player .able .able-status-bar .able-timer .able-duration {
        display: none; }
    .media-able-player .able .able-status-bar .able-status {
      display: none; }

/* Core Enterprise version of styles from the release 39 */
#enterprise-footer.global-footer {
  font-size: 13px;
  font-size: 0.8125rem;
  background-color: #333333;
  width: 100%;
  color: white;
  line-height: 1.23;
  padding: 40px;
  padding-left: 80px;
  padding-right: 0px;
  min-height: 22px;
  overflow: hidden; }
  #enterprise-footer.global-footer .footer-link {
    float: left;
    margin-top: 3px;
    margin-bottom: 15px; }
  #enterprise-footer.global-footer .footer-link:hover {
    cursor: pointer;
    text-decoration: underline white 1.5px;
    text-underline-offset: 3px; }
  #enterprise-footer.global-footer .footer-link--privacy-policy {
    font-size: 14.5px;
    font-size: 0.90625rem;
    color: #70A8F4;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 700;
    line-height: 14.5px; }
  #enterprise-footer.global-footer .footer-link--privacy-policy:hover {
    text-decoration: none; }
  #enterprise-footer.global-footer .footer-link--privacy-policy__underline {
    transition: all 0.1s ease-in-out; }
  #enterprise-footer.global-footer .footer-link--privacy-policy__underline:hover {
    padding-bottom: 2px;
    border-bottom: solid 1.5px white;
    color: white; }
  #enterprise-footer.global-footer .scholastic-logo {
    width: 174px;
    height: 22px;
    margin-right: 40px;
    float: left; }
  #enterprise-footer.global-footer .footer-description {
    margin-top: 5px;
    float: left;
    font-size: 11px;
    font-size: 0.6875rem; }
  #enterprise-footer.global-footer p {
    font-family: museo-sans;
    font-weight: 300;
    line-height: 1.22; }
  #enterprise-footer.global-footer .footer-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
    column-gap: 40px; }

@media (min-width: 1599px) {
  #enterprise-footer.global-footer {
    display: flex;
    column-gap: 10px; }
    #enterprise-footer.global-footer .scholastic-logo {
      margin-left: 100px; } }

@media (max-width: 1279px) {
  #enterprise-footer.global-footer {
    padding-left: 60px;
    width: 100%; }
    #enterprise-footer.global-footer .scholastic-logo {
      margin-right: 26px; } }

@media (max-width: 959px) {
  #enterprise-footer.global-footer {
    width: 100%;
    padding-left: 0;
    text-align: center; }
    #enterprise-footer.global-footer .scholastic-logo {
      width: 100%;
      margin-bottom: 32px; }
    #enterprise-footer.global-footer .footer-links {
      width: 100%;
      margin-bottom: 24px;
      justify-content: center; }
    #enterprise-footer.global-footer .footer-link {
      margin-top: 0;
      float: none;
      padding-bottom: 0; }
    #enterprise-footer.global-footer .footer-link--privacy-policy {
      margin-bottom: 15px; }
    #enterprise-footer.global-footer .footer-description {
      float: none;
      margin: 0;
      width: 100%; } }

@media (max-width: 719px) {
  #enterprise-footer.global-footer .scholastic-logo {
    margin-bottom: 24px; }
  #enterprise-footer.global-footer .footer-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    column-gap: 40px; }
  #enterprise-footer.global-footer .footer-link {
    padding-bottom: 2px;
    display: unset;
    position: relative;
    margin-bottom: 24px; }
  #enterprise-footer.global-footer .footer-link:last-of-type {
    width: 100%; }
  #enterprise-footer.global-footer .footer-link--privacy-policy {
    display: block;
    margin-bottom: 24px;
    position: relative; } }

@media (max-width: 519px) {
  #enterprise-footer.global-footer .footer-link--privacy-policy {
    display: inline-block;
    width: 100%; } }

/* DEE Enterprise overrides */
.enterprisefooter {
  font-family: museo-sans; }
  .enterprisefooter.hide-info-link .footer-link--info-link {
    display: none; }
  .enterprisefooter a:not(.footer-link--privacy-policy) {
    color: white; }
  .enterprisefooter a {
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ; }
    .enterprisefooter a:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

@media only screen and (min-width: 48em) {
  .embedded-messaging > #embeddedMessagingFrame.embeddedMessagingFrame[class~="isMaximized"] {
    width: 600px; } }

/* colors */
/* Font */
/*colors*/
/*fonts*/
/* archiveBar constants */
/* colors */
/* fonts */
/* borders */
/* Back to Top Mixins */
/* color */
/* Font */
/* Content Tiles Mixins */
/* color */
/* Font */
/* border */
/* fonts */
/* emailEditor constants */
/* colors */
/* fonts */
/* borders */
/* Global Nav Mixins */
/* color */
/* Font */
/* borders */
/*colors*/
/* LFO Recent Issues constants */
/* colors */
/* fonts */
/* borders */
/*colors*/
/*fonts*/
/* LFO Flexible Title plus Hyperlink constants */
/* colors */
/* fonts */
/* fonts */
/*Borders*/
/*Colors*/
/* fonts */
/* borders radius*/
/*border*/
/* globalFooter constants */
/* colors */
/* fonts */
/* borders */
/*Fonts*/
/* Fonts */
/* borders */
/* colors */
/* Font */
/* text hyperlink Mixins */
/* color */
/* Font */
/*colors*/
/*fonts*/
/* colors */
/* fonts */
/*colors*/
/*fonts*/
/* borders radius*/
/*border*/
/* colors */
/* Font */
/* colors */
/* Font */
/*Borders*/
/*Colors*/
/*Fonts*/
/*Borders*/
/*colors*/
/*fonts*/
/* Fonts */
/* Banner Fonts */
/* Modal Fonts */
/*LFO content tiles*/
body {
  background-color: #9ed4f3; }

.marketing-learn-more-section .scholastic-main-wrapper {
  background-color: #ffffff; }

.scholastic-main-wrapper {
  background-size: contain;
  background-position: bottom;
  background-color: #e5f7ff;
  background-repeat: no-repeat; }

.article-toolbar-layout .article-toolbar .menu-list.text-to-speech-section {
  display: none; }

.text-to-speech-audio-bar {
  display: none; }

@media (min-width: 768px) and (max-width: 991.5px) {
  #core-main-container .issue-page-template .acs-commons-resp-colctrl-col-75 {
    width: 100% !important; }
    #core-main-container .issue-page-template .acs-commons-resp-colctrl-col-75 .acs-commons-resp-colctrl-col-31 {
      width: 0 !important;
      min-height: 0; }
    #core-main-container .issue-page-template .acs-commons-resp-colctrl-col-75 .acs-commons-resp-colctrl-col-69 {
      width: 100% !important; }
  #core-main-container .issue-page-template .acs-commons-resp-colctrl-col-25 {
    width: 100% !important; } }

@media (min-width: 320px) and (max-width: 767.5px) {
  #core-main-container .issue-page-template .acs-commons-resp-colctrl-col-75 .acs-commons-resp-colctrl-col-31 {
    width: 0 !important;
    min-height: 0; }
  #core-main-container .issue-page-template .acs-commons-resp-colctrl-col-75 .acs-commons-resp-colctrl-col-69 {
    padding-left: 0 !important;
    padding-right: 10px !important; } }

.sw-icon {
  background: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png") no-repeat;
  display: inline-block; }
  .sw-icon.lfo-user-icon, .sw-icon.person-icon {
    width: 50px;
    height: 50px;
    background-position: -408px -19px; }
  .sw-icon.lfo-bookmark, .sw-icon.bookmark-icon {
    width: 28px;
    height: 32px;
    background-position: -488px -27px; }
  .sw-icon.lfo-search, .sw-icon.search-icon {
    width: 42px;
    height: 42px;
    background-position: -548px -19px; }
  .sw-icon.lfo-phone, .sw-icon.phone-icon {
    width: 12px;
    height: 14px;
    background-position: -120px -1125px; }
  .sw-icon.lfo-ocean-button {
    width: 82px;
    height: 25px;
    background-position: -647px -35px; }
  .sw-icon.scholasctic-icon {
    width: 100px;
    height: 25px;
    background-position: -410px -97px; }
  .sw-icon.lfo-scholastic {
    width: 182px;
    height: 24px;
    background-position: -410px -97px; }
  .sw-icon.lfo-seemore-button {
    width: 162px;
    height: 43px;
    background-position: -609px -79px; }
  .sw-icon.lfo-seemore-issue-button {
    width: 230px;
    height: 40px;
    background-position: -409px -140px; }
  .sw-icon.lfo-arrow-left, .sw-icon.left-arrow {
    width: 10px;
    height: 14px;
    background-position: -668px -147px; }
  .sw-icon.lfo-arrow-right, .sw-icon.right-arrow {
    width: 9px;
    height: 14px;
    background-position: -688px -147px; }
  .sw-icon.lfo-updown-arrow, .sw-icon.dropdown-arrow {
    width: 7px;
    height: 15px;
    background-position: -708px -146px; }
  .sw-icon.lfo-up-arrow, .sw-icon.grey-up-full-arrow {
    width: 9px;
    height: 9px;
    background-position: -733px -134px; }
  .sw-icon.lfo-down-arrow, .sw-icon.medium-size-blue-down-full-arrow {
    width: 9px;
    height: 8px;
    background-position: -733px -155px; }
  .sw-icon.lfo-down-bluearrow, .sw-icon.down-full-arrow {
    width: 12px;
    height: 12px;
    background-position: -759px -149px; }
  .sw-icon.lfo-explore1 {
    width: 172px;
    height: 42px;
    background-position: -409px -199px; }
  .sw-icon.lfo-explore2 {
    width: 172px;
    height: 42px;
    background-position: -409px -259px; }
  .sw-icon.lfo-unchecked, .sw-icon.checkbox-unchecked {
    width: 29px;
    height: 30px;
    background-position: -608px -211px; }
  .sw-icon.lfo-unchecked-blue, .sw-icon.checkbox-checked-disabled {
    width: 29px;
    height: 30px;
    background-position: -608px -251px; }
  .sw-icon.lfo-book {
    width: 97px;
    height: 77px;
    background-position: -668px -204px; }
  .sw-icon.lfo-seemore-issue-button2 {
    width: 232px;
    height: 42px;
    background-position: -409px -319px; }
  .sw-icon.lfo-play-yellow-button {
    width: 92px;
    height: 77px;
    background-position: -668px -299px; }
  .sw-icon.lfo-explore3 {
    width: 172px;
    height: 42px;
    background-position: -409px -379px; }
  .sw-icon.lfo-seemore-issue-button3 {
    width: 232px;
    height: 42px;
    background-position: -409px -439px; }
  .sw-icon.lfo-pencil {
    width: 77px;
    height: 78px;
    background-position: -668px -397px; }
  .sw-icon.lfo-explore4 {
    width: 172px;
    height: 42px;
    background-position: -409px -499px; }
  .sw-icon.lfo-seemore-issue-button4 {
    width: 232px;
    height: 42px;
    background-position: -409px -559px; }
  .sw-icon.lfo-videogame {
    background-position: -668px -504px;
    width: 112px;
    height: 77px; }
  .sw-icon.lfo-plam {
    background-position: -725px -599px;
    width: 46px;
    height: 50px; }
  .sw-icon.lfo-listen-read-button {
    background-position: -409px -639px;
    width: 250px;
    height: 42px; }
  .sw-icon.lfo-spanish-button {
    background-position: -409px -699px;
    width: 212px;
    height: 42px; }
  .sw-icon.lfo-kid-view-button {
    background-position: -409px -759px;
    width: 226px;
    height: 42px; }
  .sw-icon.lfo-play-orange-button {
    width: 71px;
    height: 60px;
    background-position: -669px -680px; }
  .sw-icon.lfo-book-green {
    background-position: -668px -760px;
    width: 73px;
    height: 61px; }
  .sw-icon.lfo-video-button {
    background: url("../../../letsfindout/images/icons/lfo-videos-70x70.svg") no-repeat;
    width: 71px;
    height: 71px; }
  .sw-icon.lfo-go-button, .online-resources .marketing-video-game-container .marketing-game-container .content-module .content-module-container .content-one-up .img-container .popup-img-icon span.sw-icon {
    background-position: -238px -1105px;
    width: 83px;
    height: 83px; }
  .sw-icon.lfo-chat-icon {
    background-position: -408px -918.1px;
    width: 63px;
    height: 63px; }
  .sw-icon.lfo-message-icon {
    background-position: -508px -919px;
    width: 88px;
    height: 64px; }
  .sw-icon.lfo-send-email {
    background-position: -409px -919px;
    width: 88px;
    height: 64px; }
  .sw-icon.lfo-star, .sw-icon.bookmarked-icon {
    background-position: -628px -869px;
    width: 28px;
    height: 32px; }
  .sw-icon.lfo-scrollup, .sw-icon.right-arrow-icon {
    background-position: -628px -934px;
    width: 26px;
    height: 28px; }
  .sw-icon.lfo-checked {
    background-position: -628px -990px;
    width: 30px;
    height: 32px; }
  .sw-icon.lfo-number1, .sw-icon.number-one-icon {
    background-position: -689px -864px;
    width: 36px;
    height: 36px; }
  .sw-icon.lfo-number2, .sw-icon.number-two-icon {
    background-position: -689px -920px;
    width: 36px;
    height: 36px; }
  .sw-icon.lfo-number3, .sw-icon.number-three-icon {
    background-position: -689px -984px;
    width: 36px;
    height: 36px; }
  .sw-icon.lfo-radio-checked, .sw-icon.radio-checked-icon {
    background-position: -748px -863px;
    width: 18px;
    height: 18px; }
  .sw-icon.lfo-radio-unchecked, .sw-icon.radio-unchecked-icon {
    background-position: -749px -902px;
    width: 18px;
    height: 19px; }
  .sw-icon.lfo-download, .sw-icon.downloaded-icon {
    background-position: -748px -963px;
    width: 18px;
    height: 18px; }
  .sw-icon.lfo-chat-icon, .sw-icon.chat-icon {
    width: 17px;
    height: 17px;
    background-position: -748px -1004px; }
  .sw-icon.lfo-questionmark {
    background-position: -408px -1058px;
    width: 61px;
    height: 62px; }
  .sw-icon.lfo-right-arrow-green {
    background-position: -488px -1066px;
    width: 13px;
    height: 14px; }
  .sw-icon.lfo-right-arrow-blue {
    background-position: -508px -1066px;
    width: 13px;
    height: 14px; }
  .sw-icon.lfo-right-arrow-orange {
    background-position: -528px -1066px;
    width: 13px;
    height: 14px; }
  .sw-icon.lfo-right-arrow-green1 {
    background-position: -548px -1066px;
    width: 13px;
    height: 14px; }
  .sw-icon.lfo-play-button-small {
    background: url("../../../letsfindout/images/icons/lfo-videos-48x48.svg") no-repeat;
    width: 49px;
    height: 49px; }
  .sw-icon.lfo-go-small-button {
    background-position: -157px -1109px;
    width: 49px;
    height: 49px; }
  .sw-icon.lfo-calender {
    background-position: -734px -1071px;
    width: 42px;
    height: 42px; }
  .sw-icon.lfo-play-yellow-button-small {
    width: 49px;
    height: 42px;
    background-position: -717px -1139px; }
  .sw-icon.lfo-video-game-small {
    width: 59px;
    height: 40px;
    background-position: -409px -1205px; }
  .sw-icon.lfo-submit-button {
    background-position: -409px -1138px;
    width: 212px;
    height: 43px; }
  .sw-icon.lfo-big-bookmarked-icon {
    width: 38px;
    height: 41px;
    background-position: -651px -1140px; }
  .sw-icon.close-nav-icon {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/close-icons.svg") no-repeat;
    background-position: -119px -210px;
    width: 24px;
    height: 24px; }
  .sw-icon.message-center {
    background: url("../../../letsfindout/images/globalNav/message-center-icon-new.svg") no-repeat;
    display: inline-block;
    width: 50px;
    height: 50px; }

.marketing-sidekick__wrapper {
  width: 100%;
  height: auto;
  position: relative; }
  .marketing-sidekick__wrapper .marketing-sidekick__dropdown-button {
    font-family: "museo";
    font-weight: 900;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 0.7;
    color: #ffffff;
    letter-spacing: 1.3px;
    display: block;
    position: relative;
    background: #d4265b;
    width: 100%;
    padding: 17px 20px;
    text-align: left;
    border-radius: 4px;
    border: none; }
    .marketing-sidekick__wrapper .marketing-sidekick__dropdown-button:focus {
      outline: solid 4px black;
      z-index: 101; }
    .marketing-sidekick__wrapper .marketing-sidekick__dropdown-button .tag-arrow-icon {
      float: right;
      margin-top: 3px; }
  .marketing-sidekick__wrapper .marketing-sidekick__navigation-list {
    display: none;
    position: absolute;
    background-color: white;
    z-index: 100;
    width: inherit;
    margin: 2px 0 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
    .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open {
      display: block; }
    .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item:not(:last-of-type) {
      margin-bottom: 4px; }
    .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item .marketing-sidekick__navigation-link {
      font-family: "museo";
      font-weight: 900;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 0.93;
      color: #929499;
      letter-spacing: 0.9px;
      background: #eceef1;
      padding: 15px 20px; }
    .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item:focus-within {
      border-radius: 1px;
      outline: 3px solid black;
      z-index: 10; }
  @media only screen and (min-width: 992px) {
    .marketing-sidekick__wrapper {
      padding: 0 15px;
      margin: 0 0 0 12px; }
      .marketing-sidekick__wrapper .marketing-sidekick__dropdown-button {
        display: none; }
      .marketing-sidekick__wrapper .marketing-sidekick__navigation-list, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open {
        display: block;
        position: revert;
        background-color: transparent;
        margin: 0;
        box-shadow: none;
        max-width: 265px; }
        .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item .marketing-sidekick__navigation-link, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open .marketing-sidekick__navigation-item .marketing-sidekick__navigation-link {
          color: #00171f; }
        .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item.active::after, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item.outside-scrollable-region::after, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open .marketing-sidekick__navigation-item.active::after, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open .marketing-sidekick__navigation-item.outside-scrollable-region::after {
          content: '';
          position: absolute;
          border-style: solid;
          border-width: 13px 11px 0;
          display: block;
          width: 0;
          z-index: 1;
          border-top-color: inherit;
          border-bottom-color: inherit;
          border-left-color: transparent;
          border-right-color: transparent;
          top: 50%;
          right: -17px;
          transform: translate(0, -50%) rotate(-90deg);
          color: #d4265b; }
        .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item.active .marketing-sidekick__navigation-link, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item.outside-scrollable-region .marketing-sidekick__navigation-link, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open .marketing-sidekick__navigation-item.active .marketing-sidekick__navigation-link, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open .marketing-sidekick__navigation-item.outside-scrollable-region .marketing-sidekick__navigation-link {
          background-color: #d4265b;
          color: white; } }

.acs-commons-resp-colctrl-col.full-width-column {
  width: 100%; }

.marketing-sidekick-fixed-column {
  position: fixed;
  margin-bottom: 20px; }

/* colors */
/* Font */
/*colors*/
/*fonts*/
/* archiveBar constants */
/* colors */
/* fonts */
/* Back to Top Mixins */
/* color */
/* Font */
/* Content Tiles Mixins */
/* color */
/* Font */
/*constants*/
/* fonts */
/* borders */
/* emailEditor constants */
/* colors */
/* fonts */
/* borders */
/* Global Nav Mixins */
/* color */
/* Font */
/*Borders*/
/*colors*/
/* MBW Recent Issues constants */
/* colors */
/* fonts */
/* borders */
/*colors*/
/*fonts*/
/* fonts */
/*Borders*/
/*colors*/
/*fonts*/
/* colors */
/* Font */
/*Colors*/
/* fonts */
/* borders radius*/
/*colors*/
/*fonts*/
/* borders radius*/
/*border*/
/* Fonts */
/* colors */
/* fonts */
/*colors*/
/*fonts*/
/*Fonts*/
/* colors */
/* Font */
/*Borders*/
/* Past Issue Grid Mixins */
/* color */
/* border */
/* Font */
/* globalFooter constants */
/* colors */
/* fonts */
/*Colors*/
/*Fonts*/
/*Borders*/
/*colors*/
/*fonts*/
/* Fonts */
/* Banner Fonts */
/* Modal Fonts */
body {
  background-color: #e6fafe; }
  body .scholastic-main-wrapper .pastIssues-main-container {
    background-color: #96dbeb; }

@media (min-width: 320px) and (max-width: 767px) {
  #core-main-container .issue-page-template .acs-commons-resp-colctrl-col-75 .acs-commons-resp-colctrl-col-69 {
    padding-left: 5px !important; } }

.sw-icon {
  background: url("../mybigworld-core/styles/core/icons/Icons-MBW-new.png") no-repeat;
  display: inline-block; }
  .sw-icon.lfo-user-icon, .sw-icon.person-icon {
    width: 50px;
    height: 50px;
    background-position: -405px -19px; }
  .sw-icon.lfo-bookmark, .sw-icon.bookmark-icon {
    width: 28px;
    height: 33px;
    background-position: -485px -25px; }
  .sw-icon.lfo-search, .sw-icon.search-icon {
    width: 45px;
    height: 43px;
    background-position: -544px -18px; }
  .sw-icon.lfo-phone, .sw-icon.phone-icon {
    width: 12px;
    height: 14px;
    background-position: -190px -1117px; }
  .sw-icon.lfo-ocean-button {
    width: 82px;
    height: 26px;
    background-position: -415px -1274px; }
  .sw-icon.scholasctic-icon {
    width: 184px;
    height: 26px;
    background-position: -405px -96px; }
  .sw-icon.lfo-scholastic {
    width: 182px;
    height: 24px;
    background-position: -410px -97px; }
  .sw-icon.lfo-seemore-button {
    width: 174px;
    height: 48px;
    background-position: -597px -20px; }
  .sw-icon.lfo-seemore-issue-button {
    width: 230px;
    height: 48px;
    background-position: -557px -280px; }
  .sw-icon.lfo-arrow-left, .sw-icon.left-arrow {
    width: 11px;
    height: 15px;
    background-position: -666px -145px; }
  .sw-icon.lfo-arrow-right, .sw-icon.right-arrow {
    width: 9px;
    height: 14px;
    background-position: -686px -145px; }
  .sw-icon.lfo-updown-arrow, .sw-icon.dropdown-arrow {
    width: 8px;
    height: 15px;
    background-position: -704px -145px; }
  .sw-icon.lfo-up-arrow, .sw-icon.grey-up-full-arrow {
    width: 7px;
    height: 8px;
    background-position: -731px -132px; }
  .sw-icon.black-up-full-arrow {
    width: 9px;
    height: 6px;
    background-position: -759px -595px; }
  .sw-icon.lfo-down-arrow, .sw-icon.medium-size-blue-down-full-arrow {
    width: 7px;
    height: 9px;
    background-position: -731px -151px; }
  .sw-icon.lfo-down-bluearrow, .sw-icon.down-full-arrow {
    width: 11px;
    height: 12px;
    background-position: -755px -148px; }
  .sw-icon.lfo-explore1 {
    width: 178px;
    height: 48px;
    background-position: -597px -20px; }
  .sw-icon.lfo-explore2 {
    width: 178px;
    height: 48px;
    background-position: -597px -20px; }
  .sw-icon.lfo-unchecked, .sw-icon.checkbox-unchecked {
    width: 30px;
    height: 29px;
    background-position: -606px -211px; }
  .sw-icon.lfo-unchecked-blue, .sw-icon.checkbox-checked-disabled {
    width: 30px;
    height: 29px;
    background-position: -605px -251px; }
  .sw-icon.lfo-book {
    width: 89px;
    height: 76px;
    background-position: -666px -204px; }
  .sw-icon.lfo-seemore-issue-button2 {
    width: 232px;
    height: 48px;
    background-position: -557px -352px; }
  .sw-icon.lfo-play-yellow-button {
    width: 85px;
    height: 70px;
    background-position: -666px -299px; }
  .sw-icon.lfo-explore3 {
    width: 178px;
    height: 48px;
    background-position: -597px -20px; }
  .sw-icon.lfo-seemore-issue-button3 {
    width: 232px;
    height: 48px;
    background-position: -557px -420px; }
  .sw-icon.print-icon {
    width: 102px;
    height: 97px;
    background-position: -414px -295px; }
  .sw-icon.lfo-pencil {
    width: 80px;
    height: 75px;
    background-position: -660px -396px; }
  .sw-icon.gallery-icon {
    width: 90px;
    height: 85px;
    background-position: -430px -565px; }
  .sw-icon.lfo-explore4 {
    width: 178px;
    height: 48px;
    background-position: -597px -20px; }
  .sw-icon.lfo-seemore-issue-button4 {
    width: 232px;
    height: 48px;
    background-position: -557px -492px; }
  .sw-icon.lfo-videogame {
    background-position: -667px -505px;
    width: 110px;
    height: 71px; }
  .sw-icon.lfo-plam {
    background-position: -722px -597px;
    width: 48px;
    height: 53px; }
  .sw-icon.lfo-listen-read-button {
    background-position: -417px -786px;
    width: 250px;
    height: 42px; }
  .sw-icon.lfo-spanish-button {
    background-position: -420px -839px;
    width: 212px;
    height: 42px; }
  .sw-icon.lfo-kid-view-button {
    background-position: -404px -757px;
    width: 228px;
    height: 44px;
    display: none; }
  .sw-icon.lfo-play-orange-button {
    width: 71px;
    height: 60px;
    background-position: -665px -670px; }
  .sw-icon.lfo-book-green {
    background-position: -665px -758px;
    width: 76px;
    height: 62px; }
  .sw-icon.lfo-video-button {
    background: url("../../images/icons/mbw-videos-70x70.svg") no-repeat;
    width: 75px;
    height: 75px; }
  .sw-icon.lfo-go-button, .online-resources .marketing-video-game-container .marketing-game-container .content-module .content-module-container .content-one-up .img-container .popup-img-icon span.sw-icon {
    background-position: -235px -1086px;
    width: 84px;
    height: 84px; }
  .sw-icon.lfo-play-button, .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .row.game-video-wrapper .video-play-icon .video_play span.sw-icon {
    background-position: -401px -816px;
    width: 88px;
    height: 86px; }
  .sw-icon.lfo-chat-icon {
    background-position: -405px -918px;
    width: 65px;
    height: 62px; }
  .sw-icon.lfo-message-icon {
    background-position: -505px -918px;
    width: 89px;
    height: 65px; }
  .sw-icon.lfo-send-email {
    background-position: -416px -1081px;
    width: 188px;
    height: 40px; }
  .sw-icon.lfo-star, .sw-icon.bookmarked-icon {
    background-position: -625px -867px;
    width: 28px;
    height: 33px;
    cursor: pointer; }
  .sw-icon.lfo-scrollup, .sw-icon.right-arrow-icon {
    background-position: -625px -933px;
    width: 28px;
    height: 29px; }
  .sw-icon.lfo-checked {
    background-position: -624px -989px;
    width: 36px;
    height: 33px; }
  .sw-icon.lfo-number1, .sw-icon.number-one-icon {
    background-position: -686px -863px;
    width: 37px;
    height: 37px; }
  .sw-icon.lfo-number2, .sw-icon.number-two-icon {
    background-position: -686px -919px;
    width: 37px;
    height: 37px; }
  .sw-icon.lfo-number3, .sw-icon.number-three-icon {
    background-position: -686px -983px;
    width: 37px;
    height: 37px; }
  .sw-icon.lfo-radio-checked, .sw-icon.radio-checked-icon {
    background-position: -746px -861px;
    width: 18px;
    height: 20px; }
  .sw-icon.lfo-radio-unchecked, .sw-icon.radio-unchecked-icon {
    background-position: -745px -902px;
    width: 21px;
    height: 18px; }
  .sw-icon.lfo-download, .sw-icon.downloaded-icon {
    background-position: -657px -897px;
    width: 18px;
    height: 18px; }
  .sw-icon.chat-icon {
    width: 17px;
    height: 17px;
    background-position: -656px -937px; }
  .sw-icon.lfo-questionmark {
    background-position: -405px -1057px;
    width: 63px;
    height: 63px; }
  .sw-icon.lfo-right-arrow-green {
    background-position: -622px -1086px;
    width: 13px;
    height: 15px; }
  .sw-icon.lfo-right-arrow-blue {
    background-position: -660px -1086px;
    width: 13px;
    height: 15px; }
  .sw-icon.lfo-right-arrow-orange {
    background-position: -662px -1086px;
    width: 13px;
    height: 15px; }
  .sw-icon.lfo-right-arrow-green1 {
    background-position: -682px -1086px;
    width: 13px;
    height: 15px; }
  .sw-icon.lfo-play-button-small {
    background: url("../../images/icons/mbw-videos-48x48.svg") no-repeat;
    width: 51px;
    height: 51px; }
  .sw-icon.lfo-go-small-button {
    background-position: -105px -1095px;
    width: 51px;
    height: 51px; }
  .sw-icon.lfo-calender {
    background-position: -731px -1070px;
    width: 44px;
    height: 44px; }
  .sw-icon.lfo-play-yellow-button-small {
    width: 49px;
    height: 42px;
    background-position: -715px -1139px; }
  .sw-icon.lfo-video-game-small {
    width: 65px;
    height: 42px;
    background-position: -404px -1203px; }
  .sw-icon.lfo-submit-button {
    background-position: -416px -1020px;
    width: 185px;
    height: 42px; }
  .sw-icon.lfo-big-bookmarked-icon {
    width: 38px;
    height: 42px;
    background-position: -650px -1139px; }
  .sw-icon.gallery-icon-small {
    width: 76px;
    height: 74px;
    background-position: -677px -260px; }
  .sw-icon.lfo-pencil-small {
    width: 56px;
    height: 58px;
    background-position: -477px -508px; }
  .sw-icon.lfo-contenthub-video {
    width: 73px;
    height: 60px;
    background-position: -666px -679px; }
  .sw-icon.lfo-chat-small-icon {
    background-position: -746px -1003px;
    width: 16px;
    height: 19px; }
  .sw-icon.lfo-yellow-star {
    background-position: -742px -31px;
    width: 28px;
    height: 30px; }
  .sw-icon.close-nav-icon {
    background: url("../../../clientlibs/classmags-migration-core/styles/core/icons/close-icons.svg") no-repeat;
    background-position: -119px -319px;
    width: 24px;
    height: 24px; }
  .sw-icon.message-center {
    background: url("../../images/globalNav/message-center-icon-new.svg") no-repeat;
    display: inline-block;
    width: 50px;
    height: 50px; }

.marketing-globalFooter-main-container .globalFooter-content {
  background-color: #c2edf7; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerTitle {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 0.94;
    color: #00596e;
    letter-spacing: normal;
    border-bottom: 1px solid #00b3de; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .liveIcon {
    background: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png") no-repeat;
    width: 17px;
    height: 17px;
    background-position: -748px -1004px; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .livelink {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.14;
    color: #00596e;
    letter-spacing: normal; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .sw-icon.phone-icon {
    width: 12px;
    height: 14px;
    background-position: -120px -1125px; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.14;
    color: #00596e;
    letter-spacing: normal; }
    .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink a {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 2.14;
      color: #00596e;
      letter-spacing: normal; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button-icon {
    background: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png") no-repeat;
    width: 17px;
    height: 17px;
    background-position: -748px -1004px; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button-label {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.14;
    color: #00596e;
    letter-spacing: normal; }
    @media (max-width: 767.5px) {
      .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button-label {
        font-family: "sofia-pro";
        font-weight: 500;
        font-size: 17px;
        font-size: 1.0625rem;
        line-height: 1.47;
        color: #00596e;
        letter-spacing: normal; } }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.86;
    color: #00596e;
    letter-spacing: normal; }
    .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks p a {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.86;
      color: #00596e;
      letter-spacing: normal; }
  .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom {
    background-color: #fafbfb;
    width: 100%;
    float: left; }
    .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .links {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 11px;
      font-size: 0.6875rem;
      color: #00596e;
      letter-spacing: 0.3px; }
      .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .links a {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 11px;
        font-size: 0.6875rem;
        color: #00596e;
        letter-spacing: 0.3px; }
    .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .desc {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.27;
      color: #000000;
      letter-spacing: normal; }
  .marketing-globalFooter-main-container .globalFooter-content .social-links-wrapper {
    display: none; }

@media (max-width: 767.5px) {
  .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .links {
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem;
    color: #175997;
    letter-spacing: 0.3px; }
    .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .links a {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 12px;
      font-size: 0.75rem;
      color: #175997;
      letter-spacing: 0.3px; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks p a {
    font-family: "sofia-pro";
    font-weight: 500;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.47;
    color: #00596e;
    letter-spacing: normal; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .livelink {
    font-family: "sofia-pro";
    font-weight: 500;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.47;
    color: #00596e;
    letter-spacing: normal; } }

@media (min-width: 768px) and (max-width: 991px) {
  .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom {
    padding: 0 39px 0 39px; } }

@media (max-width: 991px) {
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink a {
    font-family: "sofia-pro";
    font-weight: 500;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 0.65;
    color: #00596e;
    letter-spacing: normal; } }

.search-resources-main-container .bts-noResults {
  display: none; }

.search-resources-main-container .search-main-content .main-title {
  background-color: #c2edf7;
  padding: 24px 0; }
  .search-resources-main-container .search-main-content .main-title .title-container {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 1;
    color: #00596e;
    letter-spacing: normal;
    margin-left: 40px;
    margin-top: 6px; }
  .search-resources-main-container .search-main-content .main-title .dot-block {
    display: none; }

.search-resources-main-container .search-main-content .articles-resources-issues-container {
  margin-top: 0px; }
  .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section {
    display: none; }
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content {
    background-color: #96dbeb;
    clear: both;
    padding-top: 60px; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section {
      padding-left: 14.83px;
      padding-right: 30px; }
    #search-results__mobile-filter-modal .search-facets,
    #search-results__mobile-sort-modal .search-facets,
    #content-hub__mobile-filter-modal .search-facets,
    #content-hub__mobile-sort-modal .search-facets,
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .search-facets {
      margin-left: 11.50%; }
    #search-results__mobile-filter-modal .filter-category-section,
    #search-results__mobile-sort-modal .filter-category-section,
    #content-hub__mobile-filter-modal .filter-category-section,
    #content-hub__mobile-sort-modal .filter-category-section,
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section {
      background-color: #bcf0fc;
      border-radius: 8px;
      padding-left: 30px;
      margin-bottom: 18px; }
      #search-results__mobile-filter-modal .filter-category-section .filter-category-heading,
      #search-results__mobile-sort-modal .filter-category-section .filter-category-heading,
      #content-hub__mobile-filter-modal .filter-category-section .filter-category-heading,
      #content-hub__mobile-sort-modal .filter-category-section .filter-category-heading,
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-heading {
        text-transform: uppercase; }
      #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul,
      #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul,
      #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul,
      #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul,
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul {
        list-style: none;
        margin: unset;
        padding: unset; }
        #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label,
        #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label,
        #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label,
        #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label,
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label {
          font-weight: 500;
          position: relative; }
          #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input,
          #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input,
          #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input,
          #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input,
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input {
            opacity: 0;
            position: absolute;
            margin: 0;
            width: 150%;
            height: 100%;
            cursor: pointer; }
      #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text,
      #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text,
      #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text,
      #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text,
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text {
        top: 8px;
        left: 4px; }
      #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .radio-wrapper,
      #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .radio-wrapper,
      #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .radio-wrapper,
      #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .radio-wrapper,
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .radio-wrapper {
        float: left;
        width: 85%; }
      #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label,
      #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label,
      #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label,
      #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label,
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label {
        float: none;
        width: auto; }
        #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:checked + .sw-icon.checkbox-unchecked,
        #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:checked + .sw-icon.checkbox-unchecked,
        #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:checked + .sw-icon.checkbox-unchecked,
        #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:checked + .sw-icon.checkbox-unchecked,
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:checked + .sw-icon.checkbox-unchecked {
          background-position: -628px -991px; }
        #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:focus,
        #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:focus,
        #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:focus,
        #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:focus,
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:focus {
          outline: none; }
          #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:focus + span.checkbox-unchecked,
          #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:focus + span.checkbox-unchecked,
          #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:focus + span.checkbox-unchecked,
          #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:focus + span.checkbox-unchecked,
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label input:focus + span.checkbox-unchecked {
            box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000; }
        #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span,
        #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span,
        #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span,
        #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span,
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span {
          pointer-events: none; }
          #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span.sw-icon,
          #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span.sw-icon,
          #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span.sw-icon,
          #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span.sw-icon,
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span.sw-icon {
            float: left; }
          #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span.radio-text,
          #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span.radio-text,
          #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span.radio-text,
          #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span.radio-text,
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item label span.radio-text {
            display: table-cell;
            padding-left: 5px;
            position: relative;
            top: 8px;
            left: 4px;
            margin-left: 15px;
            margin-top: 5px; }
      #search-results__mobile-filter-modal .filter-category-section.filter-reset-section,
      #search-results__mobile-sort-modal .filter-category-section.filter-reset-section,
      #content-hub__mobile-filter-modal .filter-category-section.filter-reset-section,
      #content-hub__mobile-sort-modal .filter-category-section.filter-reset-section,
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section {
        border: none;
        height: 56px;
        padding: 0; }
        #search-results__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn,
        #search-results__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn,
        #content-hub__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn,
        #content-hub__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn,
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn {
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          border: none;
          background: unset;
          display: flex;
          justify-content: center;
          align-items: center;
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #ae257a;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ; }
          #search-results__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn:hover, #search-results__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn:focus,
          #search-results__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn:hover,
          #search-results__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn:focus,
          #content-hub__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn:hover,
          #content-hub__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn:focus,
          #content-hub__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn:hover,
          #content-hub__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn:focus,
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn:hover,
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn:focus {
            backdrop-filter: brightness(1.05);
            -webkit-backdrop-filter: brightness(1.05); }
          #search-results__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn .refresh-icon,
          #search-results__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn .refresh-icon,
          #content-hub__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn .refresh-icon,
          #content-hub__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn .refresh-icon,
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn .refresh-icon {
            float: left;
            margin-top: -2px;
            margin-right: 12px;
            background-image: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png"); }
      #search-results__mobile-filter-modal .filter-category-section.filter-bookmark-section,
      #search-results__mobile-sort-modal .filter-category-section.filter-bookmark-section,
      #content-hub__mobile-filter-modal .filter-category-section.filter-bookmark-section,
      #content-hub__mobile-sort-modal .filter-category-section.filter-bookmark-section,
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-bookmark-section {
        padding-top: 16px; }
      #search-results__mobile-filter-modal .filter-category-section .filter-category-heading,
      #search-results__mobile-sort-modal .filter-category-section .filter-category-heading,
      #content-hub__mobile-filter-modal .filter-category-section .filter-category-heading,
      #content-hub__mobile-sort-modal .filter-category-section .filter-category-heading,
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-heading {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 15px;
        font-size: 0.9375rem;
        color: #00596e;
        letter-spacing: 0.5px;
        margin-bottom: 22px; }
      #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul,
      #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul,
      #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul,
      #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul,
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul {
        margin-bottom: 0; }
        #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul:last-child,
        #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul:last-child,
        #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul:last-child,
        #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul:last-child,
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul:last-child {
          margin-bottom: 30px; }
        #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item,
        #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item,
        #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item,
        #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item,
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item {
          font-family: "sofia-pro-soft";
          font-weight: 500;
          font-size: 14px;
          font-size: 0.875rem;
          color: #00596e;
          letter-spacing: 0.3px;
          width: 100%;
          position: relative;
          margin: 0 auto 15px; }
          #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper label span.checkbox-text,
          #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper label span.checkbox-text,
          #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper label span.checkbox-text,
          #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper label span.checkbox-text,
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper label span.checkbox-text {
            top: 7px;
            left: 5px; }
          #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label,
          #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label,
          #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label,
          #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label,
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label {
            width: 100%;
            margin-bottom: 0;
            position: relative;
            font-family: "sofia-pro-soft";
            font-weight: 500;
            font-size: 14px;
            font-size: 0.875rem;
            color: #00596e;
            letter-spacing: 0.3px; }
            #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-text,
            #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-text,
            #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-text,
            #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-text,
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-text {
              margin-left: 15px;
              margin-top: 5px; }
            #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon,
            #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon,
            #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon,
            #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon,
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon {
              position: relative;
              top: -1px;
              width: 30px; }
            #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
            #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
            #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
            #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled {
              background-position: -608px -251px;
              pointer-events: none;
              background-color: transparent; }
            #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:focus + span.checkbox-unchecked,
            #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:focus + span.checkbox-unchecked,
            #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:focus + span.checkbox-unchecked,
            #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:focus + span.checkbox-unchecked,
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:focus + span.checkbox-unchecked {
              box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000; }
            #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked,
            #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked,
            #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked,
            #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked,
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked {
              background-position: -628px -991px; }
              #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
              #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
              #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
              #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked.checkbox-checked-disabled {
                background-position: -608px -251px;
                background-color: transparent; }
            #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text,
            #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text,
            #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text,
            #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text,
            .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text {
              font-family: "sofia-pro-soft";
              font-weight: 500;
              font-size: 14px;
              font-size: 0.875rem;
              line-height: 1;
              color: #67acbc;
              letter-spacing: 0.3px; }
              #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text.checkbox-text-disabled,
              #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text.checkbox-text-disabled,
              #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text.checkbox-text-disabled,
              #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text.checkbox-text-disabled,
              .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span + .checkbox-text.checkbox-text-disabled {
                font-family: "sofia-pro-soft";
                font-weight: 500;
                font-size: 14px;
                font-size: 0.875rem;
                line-height: 1;
                color: #67acbc;
                letter-spacing: 0.3px; }
          #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item button.collapse-icon-wrapper,
          #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item button.collapse-icon-wrapper,
          #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item button.collapse-icon-wrapper,
          #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item button.collapse-icon-wrapper,
          .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item button.collapse-icon-wrapper {
            display: none; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper {
      margin-top: 6px; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
        margin-bottom: 74px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom ul li.pageLabel {
          margin-left: 8px; }

.search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper {
  height: 13px;
  margin-bottom: 49px; }
  .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper li {
    border: none;
    padding-left: 7px;
    margin-right: 10px; }
  .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-text {
    font-family: "sofia-pro-soft";
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    color: #004f68;
    padding-left: 9px; }
  .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category {
    border: unset; }
    .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category button {
      font-family: "sofia-pro-soft";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1;
      color: #004f68; }
    .search-resources-main-container .search-main-content .search-resources-content .sort-by-wrapper .sort-by-category.active-sort button {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1;
      color: #004f68; }

.search-resources-main-container .search-main-content .search-resources-content .search-tiles .lfo-content-tile-container .content-hub-header {
  display: none; }

.search-resources-main-container .search-main-content .search-resources-content .search-tiles .lfo-content-tile-container .image-container, .search-resources-main-container .search-main-content .search-resources-content .search-tiles .lfo-content-tile-container .lfo-image-container-resource {
  border: solid transparent;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px; }

.search-resources-main-container .search-main-content .search-resources-content .search-tiles .lfo-content-tile-container .image-container {
  border: 0; }

.search-resources-main-container .search-main-content .search-resources-content .search-tiles .lfo-content-tile-container .content-tile-body {
  border-radius: 8px; }

@media only screen and (min-width: 992px) {
  #search-results__mobile-filter-modal, #search-results__mobile-sort-modal,
  #content-hub__mobile-filter-modal, #content-hub__mobile-sort-modal {
    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-resources-main-container .filterSpinnerContainer {
    z-index: 1000; }
  .search-resources-main-container .search-main-content .main-title {
    padding: 19px 20px 20px 40px; }
    .search-resources-main-container .search-main-content .main-title .title-container {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 1.22;
      color: #00596e;
      letter-spacing: normal;
      margin: 0; }
  .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section {
    display: block;
    padding: 29px 40px 0 40px;
    background-color: #96dbeb; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li {
        float: left;
        width: 50%;
        padding: 0;
        background-color: #bcf0fc;
        text-align: center; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab {
          border-top-left-radius: 8px;
          border-bottom-left-radius: 8px;
          border-right: 2px solid #96dbeb; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab button {
            border-radius: 8px 1px 1px 8px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab {
          border-top-right-radius: 8px;
          border-bottom-right-radius: 8px; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab button {
            border-radius: 1px 8px 8px 1px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.5px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          text-transform: uppercase;
          appearance: none;
          border: none;
          background: unset;
          width: 100%;
          height: 40px;
          padding: 0; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:hover, .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
            backdrop-filter: brightness(1.05);
            -webkit-backdrop-filter: brightness(1.05); }
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content {
    padding-top: 30px; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container {
      display: none; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section {
      width: 100%;
      padding: 0 22px; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section .sort-by-wrapper {
        display: none; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section .search-tiles .search-story-tile {
        margin-bottom: 30px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section .search-tiles .search-story-tile:nth-child(2n+2) {
          padding-left: 8px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section .search-tiles .search-story-tile .lfo-content-tile-container {
          margin: 0 auto; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
      margin-bottom: 116px;
      margin-top: 8px; }
  #search-results__mobile-filter-modal, #content-hub__mobile-filter-modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #96dbeb;
    z-index: 100;
    overflow: scroll; }
    #search-results__mobile-filter-modal .overlay-header, #content-hub__mobile-filter-modal .overlay-header {
      padding: 19px 26px 18px 40px;
      background-color: #c2edf7; }
      #search-results__mobile-filter-modal .overlay-header .title, #content-hub__mobile-filter-modal .overlay-header .title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.22;
        color: #00596e;
        letter-spacing: normal; }
      #search-results__mobile-filter-modal .overlay-header .sw-icon.close-icon, #content-hub__mobile-filter-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        appearance: none;
        border: none;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #search-results__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus, #content-hub__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #search-results__mobile-filter-modal .overlay-header .sw-icon.close-icon:hover, #search-results__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus, #content-hub__mobile-filter-modal .overlay-header .sw-icon.close-icon:hover, #content-hub__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container {
      display: block;
      width: 100%; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets {
        margin: 0;
        width: 100%;
        padding: 45px 38px 385px 40px;
        overflow: hidden; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section {
        margin-bottom: 20px;
        border: none;
        padding: 25px 20px 0 34px; }
        #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-heading, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-heading {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          margin-bottom: 22px; }
        #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container {
          padding-left: 2px; }
          #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul {
            margin-bottom: 0; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item {
              font-family: "sofia-pro-soft";
              font-weight: 500;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1;
              color: #00596e;
              letter-spacing: 0.3px;
              margin: 0 auto 8px;
              height: 40px; }
              #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label {
                font-family: "sofia-pro-soft";
                font-weight: 500;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1;
                color: #00596e;
                letter-spacing: 0.3px;
                width: 100%;
                position: relative;
                display: flex;
                align-items: center; }
                #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon), #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon) {
                  background: url("../../../letsfindout/images/icons/checkbox-sprite.png") no-repeat center;
                  width: 40px;
                  height: 40px;
                  top: 0; }
                  #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon).checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon).checkbox-unchecked {
                    background-position: -5px -45px;
                    border-radius: 2px;
                    outline: unset;
                    transition: box-shadow 0.2s ease-in-out 0s;
                    -webkit-transition: box-shadow 0.2s ease-in-out 0s;
                    -moz-transition: box-shadow 0.2s ease-in-out 0s;
                    -ms-transition: box-shadow 0.2s ease-in-out 0s;
                    -o-transition: box-shadow 0.2s ease-in-out 0s; }
                    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon).checkbox-unchecked:focus, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon).checkbox-unchecked:focus {
                      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
                #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked {
                  background-position: -95px -45px; }
                #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked {
                  background-position: -95px -45px; }
                #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled {
                  background-position: -50px -45px; }
                #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span.sw-icon + .checkbox-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span.sw-icon + .checkbox-text {
                  font-family: "sofia-pro-soft";
                  font-weight: 500;
                  font-size: 18px;
                  font-size: 1.125rem;
                  line-height: 1;
                  color: #67acbc;
                  letter-spacing: 0.3px; }
                  #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span.sw-icon + .checkbox-text.checkbox-text-disabled, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span.sw-icon + .checkbox-text.checkbox-text-disabled {
                    font-family: "sofia-pro-soft";
                    font-weight: 500;
                    font-size: 18px;
                    font-size: 1.125rem;
                    line-height: 1;
                    color: #67acbc;
                    letter-spacing: 0.3px; }
              #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper span.checkbox-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper span.checkbox-text {
                top: 0;
                left: 0;
                margin: 0;
                margin-left: 15px;
                padding: 0; }
              #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .radio-wrapper span.radio-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .radio-wrapper span.radio-text {
                top: 0;
                left: 0;
                margin: 0;
                margin-left: 15px;
                padding: 0; }
              #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
                margin-bottom: 30px; }
        #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-month-section, #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-month-section, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section {
          float: left;
          width: 48.5%; }
        #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-type-section, #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-language-section, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-type-section, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-language-section {
          float: right;
          width: 48.5%;
          margin-left: 20px; }
        #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section {
          clear: both;
          padding: 0;
          justify-content: flex-start; }
          #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn {
            padding-inline: 36px;
            justify-content: flex-start;
            border-radius: 8px;
            outline: unset;
            transition: box-shadow 0.2s ease-in-out 0s;
            -webkit-transition: box-shadow 0.2s ease-in-out 0s;
            -moz-transition: box-shadow 0.2s ease-in-out 0s;
            -ms-transition: box-shadow 0.2s ease-in-out 0s;
            -o-transition: box-shadow 0.2s ease-in-out 0s; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn:focus, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  #search-results__mobile-sort-modal, #content-hub__mobile-sort-modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #96dbeb;
    z-index: 100;
    overflow: scroll; }
    #search-results__mobile-sort-modal .overlay-header, #content-hub__mobile-sort-modal .overlay-header {
      padding: 19px 26px 18px 40px;
      background-color: #c2edf7; }
      #search-results__mobile-sort-modal .overlay-header .title, #content-hub__mobile-sort-modal .overlay-header .title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.22;
        color: #00596e;
        letter-spacing: normal; }
      #search-results__mobile-sort-modal .overlay-header .sw-icon.close-icon, #content-hub__mobile-sort-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        appearance: none;
        border: none;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #search-results__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus, #content-hub__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #search-results__mobile-sort-modal .overlay-header .sw-icon.close-icon:hover, #search-results__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus, #content-hub__mobile-sort-modal .overlay-header .sw-icon.close-icon:hover, #content-hub__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper {
      padding: 45px 40px 0; }
      #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-text, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-text {
        display: none; }
      #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category {
        display: block;
        padding: 0;
        border-radius: 8px;
        background-color: #bcf0fc;
        margin-bottom: 20px;
        text-align: center; }
        #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category.active-sort button, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category.active-sort button {
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #004f68;
          letter-spacing: 0.7px; }
        #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          appearance: none;
          border: none;
          border-radius: 6px;
          background: unset;
          width: 100%;
          height: 40px;
          padding: 0; }
          #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:hover, #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:hover, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus {
            backdrop-filter: brightness(1.05);
            -webkit-backdrop-filter: brightness(1.05); } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .search-resources-main-container .filterSpinnerContainer {
    z-index: 1000; }
  .search-resources-main-container .search-main-content .main-title {
    padding: 8px 14px 11px 26px; }
    .search-resources-main-container .search-main-content .main-title .title-container {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 1.22;
      color: #00596e;
      letter-spacing: normal;
      margin: 0; }
  .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section {
    display: block;
    padding: 20px 20px 0 20px;
    background-color: #96dbeb; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li {
        float: left;
        width: 50%;
        padding: 0;
        background-color: #bcf0fc;
        text-align: center; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab {
          border-top-left-radius: 8px;
          border-bottom-left-radius: 8px;
          border-right: 2px solid #96dbeb; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab button {
            border-radius: 8px 1px 1px 8px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab {
          border-top-right-radius: 8px;
          border-bottom-right-radius: 8px; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab button {
            border-radius: 1px 8px 8px 1px; }
        .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.5px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          text-transform: uppercase;
          appearance: none;
          border: none;
          background: unset;
          width: 100%;
          height: 40px;
          padding: 0; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:hover, .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
            backdrop-filter: brightness(1.05);
            -webkit-backdrop-filter: brightness(1.05); }
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content {
    background-color: #96dbeb;
    padding-top: 32px; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container {
      display: none; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section {
      width: 100%;
      padding: 0 15px; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section .sort-by-wrapper {
        display: none; }
      .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .search-resources-section .search-story-tile {
        margin-bottom: 30px; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
      margin-bottom: 54px;
      margin-top: 23px; }
  #search-results__mobile-filter-modal, #content-hub__mobile-filter-modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #96dbeb;
    z-index: 100;
    overflow: scroll; }
    #search-results__mobile-filter-modal .overlay-header, #content-hub__mobile-filter-modal .overlay-header {
      padding: 15px 21px 11px 27px;
      background-color: #bcf0fc; }
      #search-results__mobile-filter-modal .overlay-header .title, #content-hub__mobile-filter-modal .overlay-header .title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 1.29;
        color: #00596e;
        letter-spacing: normal; }
      #search-results__mobile-filter-modal .overlay-header .sw-icon.close-icon, #content-hub__mobile-filter-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        appearance: none;
        border: none;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #search-results__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus, #content-hub__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #search-results__mobile-filter-modal .overlay-header .sw-icon.close-icon:hover, #search-results__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus, #content-hub__mobile-filter-modal .overlay-header .sw-icon.close-icon:hover, #content-hub__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container {
      display: block;
      width: 100%; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets {
        margin: 0;
        width: 100%;
        padding: 27px 20px 55px; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section {
        margin-bottom: 20px;
        border: none;
        padding: 28px 20px 0 34px; }
        #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-heading, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-heading {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          margin-bottom: 22px; }
        #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container {
          padding-left: 2px; }
          #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item {
            font-family: "sofia-pro-soft";
            font-weight: 500;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1;
            color: #00596e;
            letter-spacing: 0.3px;
            margin: 0 auto 8px;
            height: 40px; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label {
              font-family: "sofia-pro-soft";
              font-weight: 500;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1;
              color: #00596e;
              letter-spacing: 0.3px;
              width: 100%;
              position: relative;
              display: flex;
              align-items: center; }
              #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon), #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon) {
                background: url("../../../letsfindout/images/icons/checkbox-sprite.png") no-repeat center;
                width: 40px;
                height: 40px;
                top: 0; }
                #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon).checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon).checkbox-unchecked {
                  background-position: -5px -45px;
                  border-radius: 2px;
                  outline: unset;
                  transition: box-shadow 0.2s ease-in-out 0s;
                  -webkit-transition: box-shadow 0.2s ease-in-out 0s;
                  -moz-transition: box-shadow 0.2s ease-in-out 0s;
                  -ms-transition: box-shadow 0.2s ease-in-out 0s;
                  -o-transition: box-shadow 0.2s ease-in-out 0s; }
                  #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon).checkbox-unchecked:focus, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon:not(.refresh-icon).checkbox-unchecked:focus {
                    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper span.checkbox-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper span.checkbox-text {
              top: 0;
              left: 0;
              margin: 0;
              margin-left: 15px;
              padding: 0; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .radio-wrapper span.radio-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .radio-wrapper span.radio-text {
              top: 0;
              left: 0;
              margin: 0;
              margin-left: 15px;
              padding: 0; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
              margin-bottom: 30px; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:checked + span.sw-icon.checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:checked + span.sw-icon.checkbox-unchecked {
              background-position: -95px -45px; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked {
              background-position: -95px -45px; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] + span .sw-icon.checkbox-unchecked.checkbox-checked-disabled, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] + span .sw-icon.checkbox-unchecked.checkbox-checked-disabled {
              background-position: -50px -45px; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] + span + .checkbox-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] + span + .checkbox-text {
              font-family: "sofia-pro-soft";
              font-weight: 500;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1;
              color: #67acbc;
              letter-spacing: 0.3px; }
              #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] + span + .checkbox-text.checkbox-text-disabled, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] + span + .checkbox-text.checkbox-text-disabled {
                font-family: "sofia-pro-soft";
                font-weight: 500;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1;
                color: #67acbc;
                letter-spacing: 0.3px; }
        #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section {
          clear: both;
          padding: 0; }
          #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn {
            padding-inline: 36px;
            justify-content: flex-start;
            border-radius: 8px;
            outline: unset;
            transition: box-shadow 0.2s ease-in-out 0s;
            -webkit-transition: box-shadow 0.2s ease-in-out 0s;
            -moz-transition: box-shadow 0.2s ease-in-out 0s;
            -ms-transition: box-shadow 0.2s ease-in-out 0s;
            -o-transition: box-shadow 0.2s ease-in-out 0s; }
            #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn:focus, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  #search-results__mobile-sort-modal, #content-hub__mobile-sort-modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #96dbeb;
    z-index: 100;
    overflow: scroll; }
    #search-results__mobile-sort-modal .overlay-header, #content-hub__mobile-sort-modal .overlay-header {
      padding: 15px 21px 11px 27px;
      background-color: #bcf0fc; }
      #search-results__mobile-sort-modal .overlay-header .title, #content-hub__mobile-sort-modal .overlay-header .title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 1.29;
        color: #00596e;
        letter-spacing: normal; }
      #search-results__mobile-sort-modal .overlay-header .sw-icon.close-icon, #content-hub__mobile-sort-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        appearance: none;
        border: none;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #search-results__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus, #content-hub__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #search-results__mobile-sort-modal .overlay-header .sw-icon.close-icon:hover, #search-results__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus, #content-hub__mobile-sort-modal .overlay-header .sw-icon.close-icon:hover, #content-hub__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper {
      padding: 29px 16px 0 24px; }
      #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-text, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-text {
        display: none; }
      #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category {
        display: block;
        padding: 0;
        border-radius: 8px;
        background-color: #bcf0fc;
        margin-bottom: 20px;
        text-align: center; }
        #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category.active-sort button, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category.active-sort button {
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #004f68;
          letter-spacing: 0.7px; }
        #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          padding: 2px 10px 6px;
          appearance: none;
          border: none;
          border-radius: 6px;
          background: unset;
          width: 100%;
          height: 40px; }
          #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:hover, #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:hover, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus {
            backdrop-filter: brightness(1.05);
            -webkit-backdrop-filter: brightness(1.05); } }

.pagination-directive-wrapper .paginationBottom ul li, .pagination-directive-wrapper .paginationBottom ul div, .pagination-directive-wrapper .paginationBottom div li, .pagination-directive-wrapper .paginationBottom div div {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 0.94;
  color: #004f68;
  letter-spacing: 1px; }
  .pagination-directive-wrapper .paginationBottom ul li a, .pagination-directive-wrapper .paginationBottom ul div a, .pagination-directive-wrapper .paginationBottom div li a, .pagination-directive-wrapper .paginationBottom div div a {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 0.94;
    color: #004f68;
    letter-spacing: 1px; }
    .pagination-directive-wrapper .paginationBottom ul li a:active, .pagination-directive-wrapper .paginationBottom ul li a:focus, .pagination-directive-wrapper .paginationBottom ul li a:hover, .pagination-directive-wrapper .paginationBottom ul div a:active, .pagination-directive-wrapper .paginationBottom ul div a:focus, .pagination-directive-wrapper .paginationBottom ul div a:hover, .pagination-directive-wrapper .paginationBottom div li a:active, .pagination-directive-wrapper .paginationBottom div li a:focus, .pagination-directive-wrapper .paginationBottom div li a:hover, .pagination-directive-wrapper .paginationBottom div div a:active, .pagination-directive-wrapper .paginationBottom div div a:focus, .pagination-directive-wrapper .paginationBottom div div a:hover {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 0.94;
      color: #004f68;
      letter-spacing: 1px; }
  .pagination-directive-wrapper .paginationBottom ul li.pageLabel, .pagination-directive-wrapper .paginationBottom ul div.pageLabel, .pagination-directive-wrapper .paginationBottom div li.pageLabel, .pagination-directive-wrapper .paginationBottom div div.pageLabel {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 0.94;
    color: #004f68;
    letter-spacing: 1px; }
    .pagination-directive-wrapper .paginationBottom ul li.pageLabel .pageNumberSelect, .pagination-directive-wrapper .paginationBottom ul div.pageLabel .pageNumberSelect, .pagination-directive-wrapper .paginationBottom div li.pageLabel .pageNumberSelect, .pagination-directive-wrapper .paginationBottom div div.pageLabel .pageNumberSelect {
      position: relative; }
      .pagination-directive-wrapper .paginationBottom ul li.pageLabel .pageNumberSelect::after, .pagination-directive-wrapper .paginationBottom ul div.pageLabel .pageNumberSelect::after, .pagination-directive-wrapper .paginationBottom div li.pageLabel .pageNumberSelect::after, .pagination-directive-wrapper .paginationBottom div div.pageLabel .pageNumberSelect::after {
        background: #f7feff url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -295px -202px;
        display: inline-block;
        width: 5px;
        height: 13px;
        content: ' ';
        position: absolute;
        right: 12px;
        top: 6px; }
    .pagination-directive-wrapper .paginationBottom ul li.pageLabel select, .pagination-directive-wrapper .paginationBottom ul div.pageLabel select, .pagination-directive-wrapper .paginationBottom div li.pageLabel select, .pagination-directive-wrapper .paginationBottom div div.pageLabel select {
      border: 1px solid #7dc6d7;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 0.94;
      color: #004f68;
      letter-spacing: 1px; }

@media only screen and (min-width: 320px) and (max-width: 991px) {
  .pagination-directive-wrapper .paginationBottom ul li {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #004f68;
    letter-spacing: 0.9px;
    margin-top: -1px; }
    .pagination-directive-wrapper .paginationBottom ul li a {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 15px;
      font-size: 0.9375rem;
      color: #004f68;
      letter-spacing: 0.9px; }
    .pagination-directive-wrapper .paginationBottom ul li.pageLabel {
      font-family: "sofia-pro";
      font-weight: 600;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.07;
      color: #004f68;
      letter-spacing: 1px; }
      .pagination-directive-wrapper .paginationBottom ul li.pageLabel select {
        font-family: "sofia-pro";
        font-weight: 600;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.07;
        color: #004f68;
        letter-spacing: 1px; }
    .pagination-directive-wrapper .paginationBottom ul li.pageNext {
      margin-top: -1px; } }

.current-issue-hero-component .current-issue-hero-component-hash {
  background: none;
  display: none; }

.current-issue-hero-component .lfo-current-issue-hero-container {
  width: 100%;
  background-color: #e5f7ff; }
  .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper {
    padding: 50px 86px 40px 79px; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header {
      padding-bottom: 54px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header .header-text {
        margin-top: 0;
        margin-bottom: 0;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.17;
        color: #cc6500;
        margin-right: 30px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header .view-link {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.22;
        color: #cc6500; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content {
      position: relative; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content .content-wrapper {
        text-align: center;
        width: 20.3%;
        margin-right: 6.2%; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content .content-wrapper:last-child {
          margin: 0;
          position: absolute;
          bottom: 0;
          right: 0; }
          .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content .content-wrapper:last-child img {
            width: 100%; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content .content-wrapper .lfo-current-issue-img-center {
          margin: 0 auto; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content .content-wrapper .explore-btn {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.08;
          color: #cc6500;
          border-radius: 6px;
          background-color: #b2fefe;
          border-color: #b2fefe;
          padding: 3px 4px;
          display: inline-block;
          margin-top: 21px;
          border: 2px solid transparent;
          min-width: 170px;
          text-align: center; }

@media (min-width: 768px) and (max-width: 991px) {
  .current-issue-hero-component .lfo-current-issue-hero-container {
    background-size: cover; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper {
      padding: 34px 0 45px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper {
        width: 50%;
        margin-right: 0; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:last-child {
          position: relative; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper > div.issue-img {
          margin-top: 60px; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:first-child > div.issue-img, .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:nth-child(2) > div.issue-img {
          margin-top: 0; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:nth-child(2n+1) > div.issue-img {
          margin-left: -10px; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:nth-child(2n+1) > a.explore-btn {
          margin-left: -10px; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:nth-child(2n) > div.issue-img {
          margin-right: -10px; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:nth-child(2n) > a.explore-btn {
          margin-right: -10px; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper .lfo-current-issue-img-center {
          max-width: 276px !important;
          max-height: 370px !important; }
          .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper .lfo-current-issue-img-center img {
            max-height: 370px !important; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper .explore-btn {
          margin-top: 34px;
          min-width: 200px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header {
        padding-bottom: 33px;
        padding-left: 40px; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header .header-text {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 50px;
          font-size: 3.125rem;
          line-height: 1.08;
          color: #cc6500;
          letter-spacing: normal; } }

@media (min-width: 320px) and (max-width: 767px) {
  .current-issue-hero-component .lfo-current-issue-hero-container {
    background-size: cover; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper {
      padding: 22px 0 40px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper {
        width: 100%;
        margin-right: 0;
        margin-top: 60px; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:first-child {
          margin-top: 0; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:last-child {
          position: relative;
          margin-top: 60px; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper .explore-btn {
          margin-top: 33px;
          min-width: 200px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header {
        padding-left: 20px;
        padding-bottom: 54px; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header .header-text {
          font-family: "kg-second-chances-solid";
          font-weight: 400;
          font-size: 36px;
          font-size: 2.25rem;
          line-height: 1.17;
          color: #cc6500;
          letter-spacing: normal; } }

.teachers-corner-lfo-main-wrapper {
  background-color: #dff9ff;
  padding: 40px; }
  .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header {
    padding-bottom: 28px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .header-text {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 0.89;
      color: #0094b6;
      vertical-align: middle;
      margin-right: 30px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .see-more-link {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.08;
      color: #00596e;
      letter-spacing: 0.5px;
      border: 3px solid #5dbdd3;
      border-radius: 30px;
      background-color: #ffffff;
      padding: 4px 26.5px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .planning-btn {
      display: none; }
  .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container {
    overflow: hidden; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section {
      width: 66.2%;
      -webkit-border-radius: 14px;
      -moz-border-radius: 14px;
      border-radius: 14px;
      background-color: #ffffff;
      float: left;
      padding: 49px 40px 51px 51px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-img-wrapper {
        width: 49.5%;
        float: left;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 4px solid #7ec1e7; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-img-wrapper .teachers-corner-img-center img {
          width: 100%;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section {
        width: 45.5%;
        float: left;
        margin-left: 5%;
        padding-top: 19px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .desc-title {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.17;
          color: #00738e;
          letter-spacing: 0.3px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .desc-content {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.33;
          color: #003d4c;
          letter-spacing: 0.3px;
          padding-top: 19px; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .desc-content p {
            margin: 0; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .read-more-link {
          padding-top: 19px; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .read-more-link a {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 0.78;
            color: #e81c8a;
            text-decoration: none; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section {
      float: right;
      width: 32.4%; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .planning-btn {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        color: #00738e;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
        background-color: #b7e1f9;
        border-color: #b7e1f9;
        display: block;
        margin-bottom: 20px;
        padding: 20px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .planning-btn .lfo-calender {
          vertical-align: middle;
          margin-top: -8px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .see-more-link {
        display: none; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content {
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
        background-color: #b7e1f9;
        overflow: hidden;
        padding: 25px 48px 24px 30px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info {
          float: left;
          width: 50%; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info .support-title {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.17;
            color: #00738e;
            margin-bottom: 1px; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info .support-links-wrapper a {
            font-family: "sofia-pro-soft";
            font-weight: 500;
            font-size: 18px;
            font-size: 1.125rem;
            color: #00738e;
            letter-spacing: 0.3px;
            display: block;
            padding-top: 8px;
            text-decoration: none; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section {
          float: left;
          width: 50%;
          padding-left: 15px; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standards-title {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.17;
            color: #00738e; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standard-links-wrapper a {
            font-family: "sofia-pro-soft";
            font-weight: 500;
            font-size: 18px;
            font-size: 1.125rem;
            color: #00738e;
            letter-spacing: 0.3px;
            display: block;
            padding-top: 8px;
            text-decoration: none; }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content {
    padding: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teachers-corner-lfo-main-wrapper {
    padding: 35px 44px 85px 40px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .see-more-link {
      min-width: 169px;
      background-color: #b8e3fb;
      border-color: #b8e3fb; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .see-more-link {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.08;
      color: #00596e;
      letter-spacing: normal; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section {
      width: 50%;
      max-width: 325px;
      padding: 17px 20px 35px 17px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-img-wrapper {
        width: 100%; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section {
        width: 100%;
        margin-left: 3px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .desc-title {
          line-height: normal; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .desc-content i {
          font-style: italic; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .read-more-link {
          padding-top: 30px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section {
      width: 50%;
      max-width: 325px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .planning-btn {
        padding-top: 11px;
        padding-bottom: 11px;
        margin-bottom: 30px;
        background-color: #b8e3fb;
        border-color: #b8e3fb; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .planning-btn .lfo-calender {
          margin-right: 7px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        padding: 21px 32px 44px 30px;
        background-color: #b8e3fb; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info {
          width: 100%;
          float: none; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info .support-links-wrapper a {
            font-family: "sofia-pro";
            font-weight: 500;
            font-size: 18px;
            font-size: 1.125rem;
            color: #00748e;
            letter-spacing: 0.3px;
            line-height: normal;
            padding-top: 21px; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info .support-title {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.17;
            color: #00748e;
            letter-spacing: normal; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section {
          width: 100%;
          float: none;
          padding-left: 0;
          padding-top: 36.1px; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standards-title {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.17;
            color: #00748e;
            letter-spacing: normal; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standard-links-wrapper a {
            font-family: "sofia-pro";
            font-weight: 500;
            font-size: 18px;
            font-size: 1.125rem;
            color: #00748e;
            letter-spacing: 0.3px;
            line-height: normal;
            padding-top: 21px; } }

@media only screen and (max-width: 767px) {
  .teachers-corner-lfo-main-wrapper {
    background-color: #daf1fe;
    padding: 40px 20px 33px 20px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header {
      padding-bottom: 0; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .header-text {
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 32px;
        font-size: 2rem;
        line-height: 1;
        color: #1b73b4;
        margin-right: 0; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .see-more-link {
        display: none; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .planning-btn {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        color: #00738e;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
        background-color: #c2edf7;
        border-color: #c2edf7;
        display: block;
        margin-top: 31px;
        margin-bottom: 24px;
        padding: 10px 20px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .planning-btn .lfo-calender {
          vertical-align: middle;
          margin-top: -8px;
          margin-right: 9px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section {
      width: 100%;
      padding: 21px 21px 24px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      margin-bottom: 24px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-img-wrapper, .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section {
        width: 100%;
        float: none; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section {
        margin-left: 3px;
        padding-top: 13px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .desc-content {
          padding-top: 24px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .read-more-link {
          padding-top: 13px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section {
      width: 100%;
      float: none;
      clear: left; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .planning-btn {
        display: none; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .see-more-link {
        display: inline-block;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.08;
        color: #00596e;
        letter-spacing: normal;
        border: 1px solid #b8e3fb;
        border-radius: 8px;
        background-color: #b8e3fb;
        padding: 3px 30.5px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content {
        margin-top: 22px;
        padding: 26px 35px 44px 20px;
        background-color: #c1e5f8;
        border: 1px solid #c1e5f8;
        border-radius: 8px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info {
          width: 100%;
          float: none; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info .support-title {
            font-family: "sofia-pro";
            font-weight: 700;
            font-size: 24px;
            font-size: 1.5rem;
            color: #116da1;
            letter-spacing: normal;
            line-height: normal;
            margin-bottom: 11px; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info .support-links-wrapper a {
            font-family: "sofia-pro";
            font-weight: 600;
            font-size: 18px;
            font-size: 1.125rem;
            color: #116da1;
            letter-spacing: 0.3px;
            line-height: normal;
            padding-top: 2px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section {
          width: 100%;
          float: none;
          padding-left: 0;
          margin-top: 27px; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standards-title {
            margin-bottom: 10px; }
          .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standard-links-wrapper a {
            padding-top: 0; } }

.home-page-archive-bar-container {
  background-color: #8fe1f4;
  min-height: 324px;
  padding: 40px 30px; }
  .home-page-archive-bar-container .archive-title {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 0.89;
    color: #005266;
    padding-left: 10px;
    margin-block: unset;
    margin-inline: unset; }
  .home-page-archive-bar-container .images-row {
    margin-top: 35px;
    padding: 0; }
    .home-page-archive-bar-container .images-row .archive-blocks {
      background-size: cover;
      background-repeat: no-repeat;
      width: 22.5%;
      height: 176px;
      -webkit-border-radius: 14px;
      -moz-border-radius: 14px;
      border-radius: 14px;
      box-shadow: 2px 2px 0 0 #447eb4; }
      .home-page-archive-bar-container .images-row .archive-blocks .archive-names {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1;
        color: #ffffff;
        text-align: center;
        margin-top: 75px; }
    .home-page-archive-bar-container .images-row .col-md-3 {
      margin-right: 10px;
      margin-left: 10px;
      padding: 0; }
    .home-page-archive-bar-container .images-row .icon-image {
      padding-top: 27.5px; }
      .home-page-archive-bar-container .images-row .icon-image .icon-image-link {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 25px; }
        .home-page-archive-bar-container .images-row .icon-image .icon-image-link img {
          max-width: 100%;
          max-height: 75px;
          text-align: center;
          margin: 0 auto; }

@media only screen and (min-width: 1440px) {
  .home-page-archive-bar-container .images-row .archive-blocks {
    width: 325px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-page-archive-bar-container {
    padding: 40px 22px 6px 22px; }
    .home-page-archive-bar-container .images-row .archive-blocks {
      width: 325px;
      margin-bottom: 35px; }
      .home-page-archive-bar-container .images-row .archive-blocks .archive-names {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1;
        color: #ffffff;
        letter-spacing: normal; }
    .home-page-archive-bar-container .images-row .col-md-3 {
      margin-left: 18px;
      margin-right: 18px; }
    .home-page-archive-bar-container .archive-title {
      padding-left: 18px;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 0.89;
      color: #005266;
      letter-spacing: normal; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .home-page-archive-bar-container {
    padding: 40px 7px 20px 7px; }
    .home-page-archive-bar-container .images-row {
      margin-top: 37px; }
      .home-page-archive-bar-container .images-row .archive-blocks {
        width: 325px;
        margin-bottom: 22px; }
        .home-page-archive-bar-container .images-row .archive-blocks .archive-names {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 28px;
          font-size: 1.75rem;
          line-height: 1;
          color: #ffffff;
          letter-spacing: normal; }
      .home-page-archive-bar-container .images-row .col-md-3 {
        margin-left: 18px;
        margin-right: 18px; }
    .home-page-archive-bar-container .archive-title {
      padding-left: 13px;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 0.89;
      color: #005266;
      letter-spacing: normal; } }

.lfo-recent-issues-container {
  padding: 41px 40px 40px 40px; }
  .lfo-recent-issues-container .issues-container:first-child {
    padding-right: 10px; }
  .lfo-recent-issues-container .issues-container:last-child {
    padding-left: 10px; }
  .lfo-recent-issues-container .issues-background-wrapper {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    padding-bottom: 26px;
    padding-top: 30px; }
  .lfo-recent-issues-container .issue-date {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 0.89;
    color: #cc6500;
    margin-block: unset;
    padding-bottom: 35px;
    text-align: center; }
  .lfo-recent-issues-container .issue-image-wrapper {
    margin-left: 15.15px;
    margin-right: 15.15px;
    position: relative; }
    .lfo-recent-issues-container .issue-image-wrapper:after {
      content: '';
      clear: both;
      display: block; }
    .lfo-recent-issues-container .issue-image-wrapper .issue-image {
      display: flex;
      align-items: center;
      justify-content: center; }
  .lfo-recent-issues-container .issue-image,
  .lfo-recent-issues-container .issue-printable-image {
    padding-left: 9.85px;
    padding-right: 9.85px;
    min-height: 187px; }
    .lfo-recent-issues-container .issue-image a:hover img, .lfo-recent-issues-container .issue-image a:focus img,
    .lfo-recent-issues-container .issue-printable-image a:hover img,
    .lfo-recent-issues-container .issue-printable-image a:focus img {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); }
    .lfo-recent-issues-container .issue-image a:focus,
    .lfo-recent-issues-container .issue-printable-image a:focus {
      outline: unset; }
      .lfo-recent-issues-container .issue-image a:focus img,
      .lfo-recent-issues-container .issue-printable-image a:focus img {
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #000000; }
    .lfo-recent-issues-container .issue-image .img-issue img,
    .lfo-recent-issues-container .issue-printable-image .img-issue img {
      width: 140px !important;
      border-radius: 5px;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
  .lfo-recent-issues-container .issue-printable-image {
    padding: 0; }
    .lfo-recent-issues-container .issue-printable-image .printable img {
      max-width: 100%;
      max-height: 187px !important;
      position: absolute;
      bottom: 0px;
      right: 0px;
      margin-right: 9.875px; }
  .lfo-recent-issues-container .see-more-issues-button {
    text-transform: capitalize;
    padding: 4px 26.5px;
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    color: #cc6500;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    margin: 35px auto 0 auto;
    display: block;
    max-width: 244.5px;
    text-align: center;
    border: 2px solid transparent; }
    .lfo-recent-issues-container .see-more-issues-button:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .lfo-recent-issues-container .see-more-issues-button:hover, .lfo-recent-issues-container .see-more-issues-button:active, .lfo-recent-issues-container .see-more-issues-button:focus {
      filter: brightness(1.1);
      text-decoration: none; }

@media (min-width: 992px) and (max-width: 1440px) {
  .lfo-recent-issues-container .issue-date {
    padding-bottom: 42px; }
  .lfo-recent-issues-container .issue-image,
  .lfo-recent-issues-container .issue-printable-image {
    min-height: 113px; } }

/*Tablet styles*/
@media (min-width: 768px) and (max-width: 991.5px) {
  .lfo-recent-issues-container {
    padding-top: 43px; }
    .lfo-recent-issues-container .issue-image img {
      border: solid 1px transparent; }
    .lfo-recent-issues-container .issues-wrapper {
      margin: 0; }
    .lfo-recent-issues-container .issues-container:first-child {
      padding-bottom: 40px;
      padding-left: 0;
      padding-right: 0; }
    .lfo-recent-issues-container .issues-container:last-child {
      padding-left: 0;
      padding-right: 0; }
    .lfo-recent-issues-container .see-more-issues-button {
      max-width: 300px;
      border: 0;
      margin-top: 40px;
      border-radius: 6px; }
    .lfo-recent-issues-container .issue-image-wrapper {
      margin-left: 25px;
      margin-right: 25px; } }

/*Mobile styles*/
@media (max-width: 375px) {
  .lfo-recent-issues-container .issue-image .img-issue img {
    max-width: 130px !important;
    width: 100% !important; } }

@media (min-width: 320px) and (max-width: 767.5px) {
  .lfo-recent-issues-container {
    padding: 40px 20px 30px 20px; }
    .lfo-recent-issues-container .issue-image {
      padding-left: 8.25px;
      padding-right: 8.25px;
      margin-bottom: 20px; }
      .lfo-recent-issues-container .issue-image .img-issue img {
        border: solid 1px transparent;
        margin-left: 8.25px; }
    .lfo-recent-issues-container .issues-wrapper {
      margin: 0; }
    .lfo-recent-issues-container .issues-container {
      padding-left: 0;
      padding-right: 0; }
      .lfo-recent-issues-container .issues-container:first-child {
        padding-right: 0;
        margin-bottom: 34px; }
      .lfo-recent-issues-container .issues-container:last-child {
        padding-left: 0; }
    .lfo-recent-issues-container .issues-background-wrapper {
      padding-top: 27px;
      padding-bottom: 10px; }
    .lfo-recent-issues-container .issue-date {
      padding-bottom: 25px;
      padding-left: 20px;
      text-align: left;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 0.89;
      color: #cc6500; }
    .lfo-recent-issues-container .see-more-issues-button {
      margin-top: 30px;
      max-width: 295px;
      border: 0;
      border-radius: 6px; }
    .lfo-recent-issues-container .issue-image-wrapper {
      margin-left: 10px;
      margin-right: 10px; } }

.flexible-title-hyperlink.textHyperlink-container {
  min-height: 94px;
  background-color: #ffe049;
  display: flex;
  justify-content: center;
  align-items: center;
  resize: both; }
  .flexible-title-hyperlink.textHyperlink-container .textHyperlink-hash-container {
    display: none; }
  .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper {
    height: auto;
    background-color: transparent;
    text-align: center;
    display: flex;
    align-items: center; }
    .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .text-link-connector.hide-ruler {
      visibility: hidden; }
    .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text {
      display: inline-block;
      vertical-align: middle;
      padding: 0 17px;
      margin: 0;
      position: initial;
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 36px;
      font-size: 2.25rem;
      color: #043c71;
      letter-spacing: 1.5px;
      background-color: #ffe049;
      min-height: auto;
      padding: 0;
      margin-left: 17px; }
      .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text p {
        margin-bottom: 0; }
    .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-image {
      display: inline-block;
      max-width: 70px;
      max-height: 60px;
      vertical-align: middle; }
    .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-link {
      display: none; }

@media only screen and (max-width: 767.5px) {
  .flexible-title-hyperlink.textHyperlink-container {
    min-height: 93px;
    background-color: #ffdf4a; }
    .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-image {
      max-width: 45px;
      max-height: 45px;
      width: 45px; }
      .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-image img {
        max-width: 100%;
        max-height: 100%; }
    .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text {
      margin-left: 21px;
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 32px;
      font-size: 2rem;
      color: #043c71;
      letter-spacing: 1.3px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .flexible-title-hyperlink.textHyperlink-container {
    min-height: 80px;
    background-color: #ffdf4a; }
    .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-image {
      max-width: 60px; }
      .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-image img {
        max-width: 100%; }
    .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text {
      margin-left: 20px; } }

.app-nav-bar-main-container .app-nav-primary {
  background-color: #c2edf7; }

.app-nav-bar-main-container .app-nav-header .tab-lfo-bookmark {
  display: none; }

.app-nav-bar-main-container .nav-menu-divider {
  display: none; }

.app-nav-bar-main-container .dropdown .app-nav-main-item-link, .app-nav-bar-main-container .dropdown .delimitter,
.app-nav-bar-main-container .dropdown .magazine {
  margin: 0 15px;
  padding-top: 122px;
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  color: #004f68; }
  .app-nav-bar-main-container .dropdown .app-nav-main-item-link:focus, .app-nav-bar-main-container .dropdown .delimitter:focus,
  .app-nav-bar-main-container .dropdown .magazine:focus, .app-nav-bar-main-container .dropdown .app-nav-main-item-link:hover, .app-nav-bar-main-container .dropdown .delimitter:hover,
  .app-nav-bar-main-container .dropdown .magazine:hover, .app-nav-bar-main-container .dropdown .app-nav-main-item-link:active, .app-nav-bar-main-container .dropdown .delimitter:active,
  .app-nav-bar-main-container .dropdown .magazine:active {
    color: #004f68; }
  .app-nav-bar-main-container .dropdown .app-nav-main-item-link.bookmarks, .app-nav-bar-main-container .dropdown .bookmarks.delimitter,
  .app-nav-bar-main-container .dropdown .bookmarks.magazine {
    padding: 0;
    display: inline-block;
    line-height: 32px;
    top: -12px;
    left: 4px;
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    color: #004f68; }

.app-nav-bar-main-container .dropdown.bookmark-container {
  top: 30px;
  right: 130px;
  position: absolute; }

.app-nav-bar-main-container .dropdown.dynamic_more_list {
  margin-top: 0; }
  .app-nav-bar-main-container .dropdown.dynamic_more_list a.app-nav-main-item-link, .app-nav-bar-main-container .dropdown.dynamic_more_list a.delimitter,
  .app-nav-bar-main-container .dropdown.dynamic_more_list a.magazine {
    padding-top: 122px; }
  .app-nav-bar-main-container .dropdown.dynamic_more_list .dynamic-menu {
    top: auto;
    bottom: -50%; }

.app-nav-bar-main-container .science-logo {
  width: 21.9467%;
  padding-bottom: 40px;
  padding-top: 42px;
  margin: 0 20px; }
  .app-nav-bar-main-container .science-logo .default-logo {
    background: url("../../../letsfindout/images/globalNav/lfo-logo-d-new.png") no-repeat center;
    background-size: contain;
    height: 100px; }

.app-nav-bar-main-container .lfo-explore {
  padding: 0 7.5px; }
  .app-nav-bar-main-container .lfo-explore .nav-explore-image {
    text-align: center;
    padding-top: 62.1px;
    margin-bottom: 8px; }
    .app-nav-bar-main-container .lfo-explore .nav-explore-image img {
      height: 50px;
      width: 50px; }
    .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link {
      display: block;
      border-radius: 2px;
      outline: unset;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
      .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:hover, .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:focus {
        text-decoration: none; }
        .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:hover .app-nav-main-item-link, .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:hover .dropdown .delimitter, .app-nav-bar-main-container .dropdown .lfo-explore .nav-explore-image .nav-explore-link:hover .delimitter,
        .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:hover .dropdown .magazine, .app-nav-bar-main-container .dropdown .lfo-explore .nav-explore-image .nav-explore-link:hover .magazine, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:hover .delimitter, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:hover .magazine, .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:focus .app-nav-main-item-link, .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:focus .dropdown .delimitter, .app-nav-bar-main-container .dropdown .lfo-explore .nav-explore-image .nav-explore-link:focus .delimitter,
        .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:focus .dropdown .magazine, .app-nav-bar-main-container .dropdown .lfo-explore .nav-explore-image .nav-explore-link:focus .magazine, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:focus .delimitter, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .lfo-explore .nav-explore-image .nav-explore-link:focus .magazine {
          border-bottom: 2px solid; }
  .app-nav-bar-main-container .lfo-explore .app-nav-main-item-link, .app-nav-bar-main-container .lfo-explore .dropdown .delimitter, .app-nav-bar-main-container .dropdown .lfo-explore .delimitter,
  .app-nav-bar-main-container .lfo-explore .dropdown .magazine, .app-nav-bar-main-container .dropdown .lfo-explore .magazine, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .lfo-explore .delimitter, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .lfo-explore .magazine {
    padding: 2px 13.5px 5px;
    border-radius: 100px; }

.app-nav-bar-main-container .login-control, .app-nav-bar-main-container .logged-in-dropdown {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 20px;
  padding-top: 20px; }
  .app-nav-bar-main-container .login-control .login-modal > a, .app-nav-bar-main-container .login-control .login-toggle, .app-nav-bar-main-container .logged-in-dropdown .login-modal > a, .app-nav-bar-main-container .logged-in-dropdown .login-toggle {
    background: url(../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png) no-repeat;
    width: 50px;
    height: 50px;
    background-position: -408px -19px;
    text-indent: -999999px;
    display: inline-block; }
  .app-nav-bar-main-container .login-control .login-modal > a:focus, .app-nav-bar-main-container .logged-in-dropdown .login-modal > a:focus {
    outline: 2px solid #1a74d3;
    outline-offset: 2px;
    border-radius: 2px; }
  .app-nav-bar-main-container .login-control .login-toggle, .app-nav-bar-main-container .logged-in-dropdown .login-toggle {
    padding: 0;
    margin: 0; }

.app-nav-bar-main-container .logged-in-dropdown .login-menu .login-menu-link {
  color: #0066a0; }

.app-nav-bar-main-container .logged-in-dropdown .login-menu .image-column .img-name .subscribed-magazine-name {
  color: #0066a0; }

.app-nav-bar-main-container .logged-in-dropdown .login-menu .subscription-link .subscriptions.js-sdm-portal-link,
.app-nav-bar-main-container .logged-in-dropdown .login-menu .subscription-link .subscriptions-arrow-icon {
  color: #0066a0 !important; }

.app-nav-bar-main-container .message-center-button-container {
  position: absolute;
  right: 70px;
  top: 0; }
  .app-nav-bar-main-container .message-center-button-container .message-center-button {
    padding: 21px 0 0; }
    .app-nav-bar-main-container .message-center-button-container .message-center-button .mc-new-notifications-icon {
      width: 10px;
      height: 10px;
      position: absolute;
      top: 23px;
      right: 5px;
      background-color: #ed262d;
      border-radius: 10px;
      -webkit-animation-name: bounceIn;
      animation-name: bounceIn;
      -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      transform-origin: center bottom;
      -webkit-animation-duration: 4s;
      animation-duration: 4s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1; }

.app-nav-bar-main-container .nav-control {
  position: absolute;
  right: 0;
  padding-right: 20px;
  bottom: 36px; }

.app-nav-bar-main-container .nav-search-form input {
  border-radius: 6px;
  margin-right: 10px;
  height: 40px;
  border: 1px solid #00a0d3;
  outline: unset; }
  .app-nav-bar-main-container .nav-search-form input:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .app-nav-bar-main-container .nav-search-form input.placeholder {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    color: #007793; }
  .app-nav-bar-main-container .nav-search-form input:-moz-placeholder {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    color: #007793; }
  .app-nav-bar-main-container .nav-search-form input::-moz-placeholder {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    color: #007793; }
  .app-nav-bar-main-container .nav-search-form input:-ms-input-placeholder {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    color: #007793; }
  .app-nav-bar-main-container .nav-search-form input::-webkit-input-placeholder {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    color: #007793; }

.app-nav-bar-main-container .nav-search-form button.input-group-addon {
  background: url(../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png) no-repeat;
  width: 42px;
  height: 42px;
  background-position: -548px -19px;
  border: none;
  text-indent: -999999px;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 6px;
  outline: unset; }
  .app-nav-bar-main-container .nav-search-form button.input-group-addon:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

.app-nav-bar-main-container .nav-menu-close-btn:before, .app-nav-bar-main-container .nav-menu-close-btn:after {
  background: #004f68; }

@media only screen and (min-width: 1440px) {
  .app-nav-bar-main-container .nav-search-form input {
    width: 230px; } }

@media only screen and (min-width: 992px) and (max-width: 1376px) {
  .app-nav-bar-main-container li.science-logo {
    margin-right: 20px;
    margin-left: 0; }
    .app-nav-bar-main-container li.science-logo a {
      padding: 0; }
  .app-nav-bar-main-container li.dropdown.bookmark-container {
    right: 80px; }
  .app-nav-bar-main-container li.nav-control {
    padding-right: 0; }
  .app-nav-bar-main-container li.logged-in-dropdown {
    padding-right: 0; }
  .app-nav-bar-main-container li.message-center-button-container {
    right: 50px; } }

@media only screen and (min-width: 1192px) and (max-width: 1320px) {
  .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(8):not(.bookmark-container) {
    display: none; } }

@media only screen and (min-width: 1060px) and (max-width: 1191px) {
  .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(7):not(.bookmark-container), .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(8):not(.bookmark-container) {
    display: none; } }

@media only screen and (min-width: 992px) and (max-width: 1059px) {
  .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(6):not(.bookmark-container), .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(7):not(.bookmark-container), .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(8):not(.bookmark-container) {
    display: none; } }

@media only screen and (min-width: 992px) {
  .app-nav-bar-main-container .login-control .login-toggle, .app-nav-bar-main-container .logged-in-dropdown .login-toggle {
    border-radius: 50%;
    outline: unset; }
    .app-nav-bar-main-container .login-control .login-toggle:focus, .app-nav-bar-main-container .logged-in-dropdown .login-toggle:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; } }

@media only screen and (max-width: 991.5px) {
  .app-nav-bar-main-container .navbar-default {
    border: none; }
  .app-nav-bar-main-container .app-nav-primary {
    background-color: #c2edf7;
    min-height: 80px; }
  .app-nav-bar-main-container .magazine-logo-tablet-mobile {
    background: url("../../../letsfindout/images/globalNav/lfo-logo-m-new.png") no-repeat center;
    background-size: contain;
    width: 100%;
    max-width: 160px;
    height: 52px;
    background-size: cover; }
  .app-nav-bar-main-container .app-nav-header .login-control {
    position: absolute;
    right: 20px;
    width: 50px;
    padding: 0;
    margin-top: 12px; }
  .app-nav-bar-main-container .app-nav-header .menu-icon-block {
    border: none;
    padding: 0; }
    .app-nav-bar-main-container .app-nav-header .menu-icon-block .nav-menu-icon .sw-icon.hamburger-menu {
      width: 26px;
      height: 14px;
      background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
      background-position: -245px -202px;
      display: inline-block; }
  .app-nav-bar-main-container .app-nav-header .search-logo-block {
    width: 100%; }
    .app-nav-bar-main-container .app-nav-header .search-logo-block a {
      border-radius: 6px;
      outline: unset; }
      .app-nav-bar-main-container .app-nav-header .search-logo-block a:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .app-nav-bar-main-container .app-nav-header .profile-icon-block {
    position: initial; }
  .app-nav-bar-main-container .app-nav-header .search-icon-block button {
    border: none; }
    .app-nav-bar-main-container .app-nav-header .search-icon-block button.header-icon {
      border-radius: 6px;
      outline: unset; }
      .app-nav-bar-main-container .app-nav-header .search-icon-block button.header-icon:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box {
    background: none;
    right: 115px;
    left: 60px;
    padding: 18px 20px; }
    .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content {
      width: 180px;
      float: right !important; }
      .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content .nav-search-form input {
        background: #ffffff;
        border: 2px solid #0074d3;
        padding: 8px 14px 9px;
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #007793;
        letter-spacing: normal;
        outline: unset; }
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content .nav-search-form input.placeholder {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #007793;
          letter-spacing: normal; }
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content .nav-search-form input:-moz-placeholder {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #007793;
          letter-spacing: normal; }
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content .nav-search-form input::-moz-placeholder {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #007793;
          letter-spacing: normal; }
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content .nav-search-form input:-ms-input-placeholder {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #007793;
          letter-spacing: normal; }
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content .nav-search-form input::-webkit-input-placeholder {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #007793;
          letter-spacing: normal; }
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content .nav-search-form input:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content .nav-search-form input.ng-not-empty + ul + input + button.input-group-addon {
          display: none; }
  .app-nav-bar-main-container .app-nav-header .logged-in-dropdown .open .login-toggle {
    background: none; }
    .app-nav-bar-main-container .app-nav-header .logged-in-dropdown .open .login-toggle:hover {
      background: none; }
  .app-nav-bar-main-container .nav-search-form input {
    width: 153px; }
  .app-nav-bar-main-container .login-control {
    position: relative;
    padding-right: 0;
    padding-top: 7px; }
  .app-nav-bar-main-container .pop-over-menu-div {
    background-color: #c2edf7;
    width: 275px; }
    .app-nav-bar-main-container .pop-over-menu-div .popover-wrap {
      box-shadow: inset -7px -7px 9px -7px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: inset -7px -7px 9px -7px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset -7px -7px 9px -7px rgba(0, 0, 0, 0.2); }
    .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list {
      padding-top: 28px; }
      .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li {
        padding: 10px 10px 10px 40px;
        margin-bottom: 18px; }
        .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li a {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 0.82;
          color: #004f68;
          letter-spacing: normal; }
        .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li:nth-child(4) {
          margin-bottom: 36px; }
        .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore {
          margin-bottom: 21px; }
          .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .nav-explore-image {
            display: inline-block;
            padding: 0;
            margin: 0; }
            .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .nav-explore-image .nav-explore-link {
              float: left; }
              .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .nav-explore-image .nav-explore-link img {
                display: inline-block; }
              .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .nav-explore-image .nav-explore-link .app-nav-main-item-link, .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .nav-explore-image .nav-explore-link .dropdown .delimitter, .app-nav-bar-main-container .dropdown .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .nav-explore-image .nav-explore-link .delimitter,
              .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .nav-explore-image .nav-explore-link .dropdown .magazine, .app-nav-bar-main-container .dropdown .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .nav-explore-image .nav-explore-link .magazine, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .nav-explore-image .nav-explore-link .delimitter, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .nav-explore-image .nav-explore-link .magazine {
                display: inline-block;
                padding: 2px 13px 6px;
                margin-left: 16px;
                vertical-align: middle;
                font-family: "sofia-pro-soft";
                font-weight: 700;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1;
                color: #004f68; }
        .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.bookmark-container {
          padding: 22px 10px 10px 36px;
          top: auto;
          right: auto;
          margin-bottom: 43px; }
          .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.bookmark-container .bookmarks {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 1;
            color: #004f68;
            letter-spacing: normal;
            margin-left: 8px;
            top: -10px;
            left: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .app-nav-bar-main-container .app-nav-header .login-control {
    right: 40px; }
    .app-nav-bar-main-container .app-nav-header .login-control + .nav-search-box {
      margin-right: 98px; }
  .app-nav-bar-main-container .app-nav-header.navbar-header {
    padding: 0 10px 0 40px; }
  .app-nav-bar-main-container .app-nav-header .profile-icon-block {
    right: 40px; }
  .app-nav-bar-main-container .app-nav-header .tab-lfo-bookmark {
    width: 30px;
    margin-right: 104px;
    margin-top: 24px;
    display: block; }
  .app-nav-bar-main-container .app-nav-header .nav-search-box {
    width: auto; }
    .app-nav-bar-main-container .app-nav-header .nav-search-box .nav-search-form input {
      background: #ffffff;
      padding: 8px 19px 9px;
      width: 230px;
      border: 2px solid #0074d3;
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1;
      color: #007793;
      letter-spacing: normal; }
      .app-nav-bar-main-container .app-nav-header .nav-search-box .nav-search-form input.placeholder {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #007793;
        letter-spacing: normal; }
      .app-nav-bar-main-container .app-nav-header .nav-search-box .nav-search-form input:-moz-placeholder {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #007793;
        letter-spacing: normal; }
      .app-nav-bar-main-container .app-nav-header .nav-search-box .nav-search-form input::-moz-placeholder {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #007793;
        letter-spacing: normal; }
      .app-nav-bar-main-container .app-nav-header .nav-search-box .nav-search-form input:-ms-input-placeholder {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #007793;
        letter-spacing: normal; }
      .app-nav-bar-main-container .app-nav-header .nav-search-box .nav-search-form input::-webkit-input-placeholder {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #007793;
        letter-spacing: normal; }
  .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.bookmark-container {
    display: none; } }

@media only screen and (max-width: 320px) {
  .app-nav-bar-main-container .app-nav-header .profile-icon-block {
    right: 10px !important;
    width: 50px;
    margin-top: 15px; }
  .app-nav-bar-main-container .app-nav-header .search-icon-block {
    margin-right: 55px !important;
    margin-top: 20px; }
    .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box {
      right: 100px; } }

@media only screen and (max-width: 767.5px) {
  .app-nav-bar-main-container li.dropdown.bookmark-container {
    position: relative; } }

@media (min-width: 320px) and (max-width: 376px) {
  .app-nav-bar-main-container .navbar-header.app-nav-header {
    padding: 0; }
    .app-nav-bar-main-container .navbar-header.app-nav-header .search-logo-block,
    .app-nav-bar-main-container .navbar-header.app-nav-header .search-icon-block,
    .app-nav-bar-main-container .navbar-header.app-nav-header .profile-icon-block {
      padding: 5px; } }

.lfo-content-tile-container {
  max-width: 325px;
  position: relative; }
  .lfo-content-tile-container .row {
    margin: 0;
    padding: 0; }
  .lfo-content-tile-container .content-tile-body-wrapper {
    outline: unset;
    outline: unset;
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 2; }
    .lfo-content-tile-container .content-tile-body-wrapper:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .lfo-content-tile-container .content-tile-body-wrapper:hover {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .lfo-content-tile-container .content-tile-body-wrapper:hover ~ .content-tile-body .skillsheet-pdf-button, .lfo-content-tile-container .content-tile-body-wrapper:focus ~ .content-tile-body .skillsheet-pdf-button {
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      background-color: #d5f4ff; }
  .lfo-content-tile-container .content-tile-body {
    height: 400px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #edfcff; }
    .lfo-content-tile-container .content-tile-body .content-module .content-module-container {
      max-height: 220px; }
      .lfo-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper {
        background-color: transparent; }
        .lfo-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .content-card .img-container {
          background-color: #b5eefb;
          -webkit-border-top-left-radius: 6px;
          -webkit-border-top-right-radius: 6px;
          -webkit-border-bottom-right-radius: 0;
          -webkit-border-bottom-left-radius: 0;
          -moz-border-radius-topleft: 6px;
          -moz-border-radius-topright: 6px;
          -moz-border-radius-bottomright: 0;
          -moz-border-radius-bottomleft: 0;
          border-top-left-radius: 6px;
          border-top-right-radius: 6px;
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0;
          max-height: 220px;
          margin-bottom: 0; }
          .lfo-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .content-card .img-container img {
            max-height: 220px;
            min-width: 100%;
            margin: 0 auto;
            -webkit-border-top-left-radius: 6px;
            -webkit-border-top-right-radius: 6px;
            -webkit-border-bottom-right-radius: 0;
            -webkit-border-bottom-left-radius: 0;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            -moz-border-radius-bottomright: 0;
            -moz-border-radius-bottomleft: 0;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0; }
          .lfo-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .content-card .img-container .double-arrows-blueRounded-icon {
            background: url("../../../letsfindout/images/icons/lfo-games-70x70.svg") no-repeat;
            width: 71px;
            height: 71px; }
    .lfo-content-tile-container .content-tile-body .lfo-content-tile-title {
      float: left;
      width: calc(100% - 55px); }
      .lfo-content-tile-container .content-tile-body .lfo-content-tile-title .display-date {
        font-family: "sofia-pro-soft";
        font-weight: 500;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #00596e;
        letter-spacing: normal;
        padding-left: 20px;
        padding-top: 15px;
        display: inline-block;
        min-height: 29px; }
    .lfo-content-tile-container .content-tile-body .title {
      padding: 5px 20px 7px;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.1;
      color: #00596e;
      letter-spacing: normal;
      text-decoration: none;
      display: block;
      max-height: 60px; }
    .lfo-content-tile-container .content-tile-body cm-bookmark .cm-bookmark .cm-bookmark-button {
      margin-top: 15px; }
    .lfo-content-tile-container .content-tile-body .skillsheet-icons ~ .view-related-issue {
      display: none; }
    .lfo-content-tile-container .content-tile-body .view-related-issue {
      position: absolute;
      z-index: 2;
      bottom: 20px;
      right: 20px; }
      .lfo-content-tile-container .content-tile-body .view-related-issue a {
        font-family: "sofia-pro-soft";
        font-weight: 500;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #00596e;
        letter-spacing: normal;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        display: inline-block;
        padding: 4px; }
        .lfo-content-tile-container .content-tile-body .view-related-issue a:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .lfo-content-tile-container.contenthub-bookmark .content-tile-body {
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px; }
  .lfo-content-tile-container p {
    margin: 0; }
  .lfo-content-tile-container .content-hub-header {
    border-bottom: 4px solid #ffd64a;
    height: 50px;
    background-color: #3f9bb1;
    padding: 18px 0 18px 20px; }
  .lfo-content-tile-container .bookmark-header {
    height: 50px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #3f9bb1;
    border-bottom: 5px solid #ffd64a; }
    .lfo-content-tile-container .bookmark-header .bookmark-title {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.13;
      color: #ffffff;
      letter-spacing: normal;
      padding-top: 11px;
      padding-left: 5px;
      text-transform: capitalize; }
  .lfo-content-tile-container .content-date {
    font-family: "sofia-pro";
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    color: #ffffff;
    letter-spacing: normal;
    text-transform: uppercase; }
  .lfo-content-tile-container .description {
    height: 60px;
    padding: 0 20px;
    font-family: "proxima-nova";
    font-weight: 400;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.29;
    color: #000000;
    letter-spacing: normal; }
  .lfo-content-tile-container .icons-row {
    position: absolute;
    bottom: 15px;
    width: 100%;
    min-height: 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap: 10px; }
    .lfo-content-tile-container .icons-row .icons-row-button {
      position: relative;
      z-index: 2; }
    .lfo-content-tile-container .icons-row .sw-content-icon,
    .lfo-content-tile-container .icons-row .sw-icon {
      display: inline-block;
      vertical-align: middle; }
    .lfo-content-tile-container .icons-row .view-article-link {
      display: none; }
    .lfo-content-tile-container .icons-row .sw-content-icon {
      margin-left: 0; }
    .lfo-content-tile-container .icons-row .sw-icon {
      margin-left: 10px; }
      .lfo-content-tile-container .icons-row .sw-icon:first-child {
        margin-left: 10px; }
      .lfo-content-tile-container .icons-row .sw-icon.google-classroom-share, .lfo-content-tile-container .icons-row .sw-icon.popover-icon {
        margin-left: 0; }
    .lfo-content-tile-container .icons-row .sw-content-icon:first-child {
      margin-left: 10px; }
    .lfo-content-tile-container .icons-row .view-article-link {
      display: none; }
    .lfo-content-tile-container .icons-row.skillsheet-icons {
      bottom: 6.25%;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .lfo-content-tile-container .icons-row.skillsheet-icons .skillsheet-pdf-button {
        width: 70px;
        height: 40px;
        float: left;
        border-radius: 4px;
        border: solid 1px #000000;
        background-color: #ffffff; }
        .lfo-content-tile-container .icons-row.skillsheet-icons .skillsheet-pdf-button .skillsheet-icon {
          margin: 5px 2px 5px 4px; }
        .lfo-content-tile-container .icons-row.skillsheet-icons .skillsheet-pdf-button .skillsheet-pdf-text {
          font-family: "proxima-nova";
          font-weight: 500;
          font-size: 16px;
          font-size: 1rem;
          color: #000000;
          letter-spacing: 0.24px;
          line-height: normal;
          position: relative;
          top: 2px; }
      .lfo-content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz {
        /*margin-left: 25px;*/ }
        .lfo-content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz .open-quiz-btn {
          width: 100px;
          height: 40px;
          padding: unset;
          border-radius: 4px;
          border: solid 1px #000000;
          background-color: #ffffff; }
          .lfo-content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz .open-quiz-btn:active, .lfo-content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz .open-quiz-btn:focus, .lfo-content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz .open-quiz-btn:hover {
            background-color: #d5f4ff;
            outline: none; }
          .lfo-content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz .open-quiz-btn .google-quiz-icon {
            margin: 6px 5px 6px 0; }
          .lfo-content-tile-container .icons-row.skillsheet-icons .skillsheet-quiz .open-quiz-btn .skillsheet-quiz-text {
            font-family: "proxima-nova";
            font-weight: 500;
            font-size: 16px;
            font-size: 1rem;
            color: #000000;
            letter-spacing: 0.24px;
            line-height: normal;
            position: relative;
            top: -14px; }
  .lfo-content-tile-container .content-tile-body .image-container, .lfo-content-tile-container .content-tile-body .lfo-image-container-resource {
    max-width: 325px;
    max-height: 220px;
    text-align: center;
    position: relative;
    background-color: #b5eefb;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 0 27.5px; }
    .lfo-content-tile-container .content-tile-body .image-container div[ng-bind-html="containerGameDesc"], .lfo-content-tile-container .content-tile-body .lfo-image-container-resource div[ng-bind-html="containerGameDesc"] {
      display: none; }
    .lfo-content-tile-container .content-tile-body .image-container div[ng-bind-html="containerGameTitle"], .lfo-content-tile-container .content-tile-body .lfo-image-container-resource div[ng-bind-html="containerGameTitle"] {
      display: none; }
    .lfo-content-tile-container .content-tile-body .image-container .video_play .content-image, .lfo-content-tile-container .content-tile-body .lfo-image-container-resource .video_play .content-image {
      max-height: 220px;
      -webkit-border-top-left-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px;
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-bottomleft: 0;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      margin-top: 0; }
    .lfo-content-tile-container .content-tile-body .image-container.tall-image, .lfo-content-tile-container .content-tile-body .lfo-image-container-resource.tall-image {
      height: 280px;
      max-height: 280px;
      padding: 10px 0; }
      .lfo-content-tile-container .content-tile-body .image-container.tall-image .content-image, .lfo-content-tile-container .content-tile-body .lfo-image-container-resource.tall-image .content-image {
        max-height: 270px;
        max-width: 202px;
        margin: auto;
        height: initial; }
    .lfo-content-tile-container .content-tile-body .image-container.bookmark-page, .lfo-content-tile-container .content-tile-body .lfo-image-container-resource.bookmark-page {
      -webkit-border-top-left-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px;
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-bottomleft: 0;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
      .lfo-content-tile-container .content-tile-body .image-container.bookmark-page .video_play .content-image, .lfo-content-tile-container .content-tile-body .lfo-image-container-resource.bookmark-page .video_play .content-image {
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; }
      .lfo-content-tile-container .content-tile-body .image-container.bookmark-page.bookmark-component, .lfo-content-tile-container .content-tile-body .lfo-image-container-resource.bookmark-page.bookmark-component {
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; }
        .lfo-content-tile-container .content-tile-body .image-container.bookmark-page.bookmark-component .video_play .content-image, .lfo-content-tile-container .content-tile-body .lfo-image-container-resource.bookmark-page.bookmark-component .video_play .content-image {
          -webkit-border-top-left-radius: 0;
          -webkit-border-top-right-radius: 0;
          -webkit-border-bottom-right-radius: 0;
          -webkit-border-bottom-left-radius: 0;
          -moz-border-radius-topleft: 0;
          -moz-border-radius-topright: 0;
          -moz-border-radius-bottomright: 0;
          -moz-border-radius-bottomleft: 0;
          border-top-left-radius: 0;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 0; }
    .lfo-content-tile-container .content-tile-body .image-container .content-image, .lfo-content-tile-container .content-tile-body .lfo-image-container-resource .content-image {
      max-width: 100%;
      max-height: 208px;
      position: relative;
      margin-top: 10px;
      margin: 0 auto;
      -webkit-border-top-left-radius: 0;
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-topleft: 0;
      -moz-border-radius-topright: 0;
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-bottomleft: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
    .lfo-content-tile-container .content-tile-body .image-container.video-container, .lfo-content-tile-container .content-tile-body .lfo-image-container-resource.video-container {
      padding: 0; }
  .lfo-content-tile-container .content-tile-body .lfo-image-container-resource {
    position: inherit; }
    .lfo-content-tile-container .content-tile-body .lfo-image-container-resource div[ng-bind-html="containerGameDesc"] {
      display: none; }
    .lfo-content-tile-container .content-tile-body .lfo-image-container-resource div[ng-bind-html="containerGameTitle"] {
      display: none; }
  .lfo-content-tile-container .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .lfo-content-tile-container .video-time-frame {
    position: absolute;
    background-color: #000000;
    bottom: 0.25px;
    right: 0;
    font-family: "libre-franklin";
    font-weight: 700;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.27;
    color: #ffffff;
    letter-spacing: 1px;
    width: 50px;
    height: 20px;
    padding: 3px 10.5px;
    display: none; }
  .lfo-content-tile-container .content-tile-slideshow-launch .slide-show-component-layout {
    padding: 0; }
  @media only screen and (min-width: 1200px) {
    .lfo-content-tile-container .description {
      height: 60px; } }
  .lfo-content-tile-container .content-module .content-module-container .content-wrapper .content-card {
    position: inherit; }
    .lfo-content-tile-container .content-module .content-module-container .content-wrapper .content-card .content-card-button {
      outline: unset; }
      .lfo-content-tile-container .content-module .content-module-container .content-wrapper .content-card .content-card-button:hover {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

.lfo-content-tile-container-horizontal {
  background-color: #ffffff;
  height: 300px;
  background-color: #ffffff;
  border: 1px solid #ffd64a;
  max-width: 440px; }
  .lfo-content-tile-container-horizontal .padding-content {
    padding: 20px 20px 20px 0;
    height: 295px; }
  .lfo-content-tile-container-horizontal .title {
    padding-left: 10px;
    font-family: "museo-sans";
    font-weight: 900;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.06;
    color: #000000;
    letter-spacing: normal;
    text-decoration: none;
    display: block;
    height: 40px; }
  .lfo-content-tile-container-horizontal .display-date {
    margin: 0 0 0 10px;
    font-family: "libre-franklin";
    font-weight: 500;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.4;
    color: #000000;
    letter-spacing: 0.3px;
    margin-bottom: 7px; }
  .lfo-content-tile-container-horizontal .description {
    max-height: 120px;
    padding: 0 0 0 10px;
    font-family: "proxima-nova";
    font-weight: 400;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.29;
    color: #000000;
    letter-spacing: normal; }
  .lfo-content-tile-container-horizontal .row {
    margin: 0;
    padding: 0; }
  .lfo-content-tile-container-horizontal .padding-image {
    padding: 20px 0 20px 20px; }
  .lfo-content-tile-container-horizontal .image-container {
    max-width: 190px;
    height: auto;
    text-align: center;
    position: relative;
    background-color: #ffffff; }
    .lfo-content-tile-container-horizontal .image-container .content-image {
      max-width: 100%;
      max-height: 260px; }
  .lfo-content-tile-container-horizontal .icons-row {
    position: absolute;
    bottom: 15px;
    width: 100%; }
    .lfo-content-tile-container-horizontal .icons-row .sw-content-icon,
    .lfo-content-tile-container-horizontal .icons-row .sw-icon {
      display: inline-block;
      vertical-align: middle; }
    .lfo-content-tile-container-horizontal .icons-row .view-article-link {
      display: none; }
    .lfo-content-tile-container-horizontal .icons-row .sw-icon, .lfo-content-tile-container-horizontal .icons-row .sw-content-icon {
      margin-left: 10px; }
    .lfo-content-tile-container-horizontal .icons-row .sw-icon:first-child {
      margin-left: 5px; }
    .lfo-content-tile-container-horizontal .icons-row .sw-content-icon:first-child {
      margin-left: 5px; }

.contenthub-bookmark .content-tile-body {
  border-top: 0; }

@media only screen and (min-width: 1440px) {
  .lfo-content-tile-container .image-container, .lfo-content-tile-container .lfo-image-container-resource {
    padding: 0 27.5px; }
    .lfo-content-tile-container .image-container.video-container, .lfo-content-tile-container .lfo-image-container-resource.video-container {
      padding: 0; }
  .lfo-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container img {
    height: 220px;
    width: 100%; }
  .lfo-content-tile-container-horizontal .image-container {
    height: 260px; }
    .lfo-content-tile-container-horizontal .image-container .content-image {
      width: 100%; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .lfo-content-tile-container {
    margin: 0 auto; }
  .lfo-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container img {
    height: inherit !important;
    width: 100%; } }

.email-form-thankyou-container {
  background-color: #e4f5ff; }
  .email-form-thankyou-container .email-thankyou-wrapper {
    margin-top: 60px; }
    .email-form-thankyou-container .email-thankyou-wrapper .email-editor-description-text {
      font-family: "sofia-pro-soft";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.33;
      color: #005f7c;
      letter-spacing: normal; }
    .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper {
      margin-bottom: 4px; }
      .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .label-text {
        font-family: "sofia-pro-soft";
        font-weight: 500;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.38;
        color: #005f7c;
        letter-spacing: normal;
        margin-bottom: 3px; }
      .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .form-field-input {
        background-color: #f7feff;
        border: 2px solid #4ec0d7;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.57;
        color: #368faa;
        letter-spacing: normal; }
        .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .form-field-input.error-field-outline {
          border: 1.2px solid #d60000;
          background-color: #f1e0e0; }
      .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input {
        margin-bottom: 25px;
        padding: 9px 0 9px 15px; }
        .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input.placeholder {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.57;
          color: #368faa;
          letter-spacing: normal; }
        .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input:-moz-placeholder {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.57;
          color: #368faa;
          letter-spacing: normal; }
        .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input::-moz-placeholder {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.57;
          color: #368faa;
          letter-spacing: normal; }
        .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input:-ms-input-placeholder {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.57;
          color: #368faa;
          letter-spacing: normal; }
        .email-form-thankyou-container .email-thankyou-wrapper .form-field-wrapper .subject-field-input::-webkit-input-placeholder {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.57;
          color: #368faa;
          letter-spacing: normal; }
    .email-form-thankyou-container .email-thankyou-wrapper .message-field-wrapper {
      margin-bottom: 10px; }
    .email-form-thankyou-container .email-thankyou-wrapper .required-fields-text {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.83;
      color: #005f7c;
      letter-spacing: normal;
      margin-bottom: 36px; }
    .email-form-thankyou-container .email-thankyou-wrapper .email-form-all-fields-container .send-button-wrapper .send-button {
      padding: 4px 45px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;
      background-color: #ea3798;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.33;
      color: #ffffff;
      letter-spacing: 0.5px;
      text-transform: capitalize;
      min-width: 210px; }

.questions-set {
  padding-bottom: 38px; }
  .questions-set .subject-area {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0.92;
    color: #004f68; }
  .questions-set .question-block {
    padding: 14px 0 0 20px; }
    .questions-set .question-block .question {
      font-family: "sofia-pro-soft";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 2;
      color: #008fbc; }

.answer-subject-area-block .answer-subject-area {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 0.73;
  color: #004f68; }

.answer-question-block .answer-question {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2;
  color: #005f7c; }
  .answer-question-block .answer-question p b, .answer-question-block .answer-question li b, .answer-question-block .answer-question a b {
    font-family: "sofia-pro"; }

.answer-question-block .answer-image-block .answered-content {
  font-family: "sofia-pro-soft";
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.44;
  color: #005f7c; }
  .answer-question-block .answer-image-block .answered-content p b, .answer-question-block .answer-image-block .answered-content li b, .answer-question-block .answer-image-block .answered-content a b {
    font-family: "sofia-pro"; }

.answer-question-block .answer-image-block .answered-image {
  padding-top: 17px; }

.answer-question-block .answer-image-block .image-caption {
  padding-top: 13px;
  font-family: "sofia-pro-soft";
  font-weight: 400;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.69;
  color: #005f7c; }

.divider-component {
  padding-top: 0;
  padding-bottom: 52px; }
  .divider-component .border-divider {
    height: 3px;
    background-color: #a1e1f0; }

.back-to-top .back-to-top-text {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 0.93;
  color: #005f7c; }

.textHyperlink-wrapper .textHyperlink-text {
  background-color: #ffd64a;
  min-height: 94px;
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 1;
  color: #00596e;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center; }
  .textHyperlink-wrapper .textHyperlink-text img {
    height: 60px;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top; }
  .textHyperlink-wrapper .textHyperlink-text span {
    display: inline-block; }

.textHyperlink-link {
  padding-right: 10px; }

/*Tablet Styles*/
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .textHyperlink-wrapper .textHyperlink-text {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 0.98;
    color: #00596e;
    letter-spacing: normal;
    min-height: 80px;
    line-height: normal;
    margin: 0; }
    .textHyperlink-wrapper .textHyperlink-text img {
      height: 55px;
      padding-right: 5px; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .textHyperlink-wrapper .textHyperlink-text {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 32px;
    font-size: 2rem;
    color: #043c71;
    letter-spacing: 1.5px;
    line-height: normal;
    margin: 0; }
    .textHyperlink-wrapper .textHyperlink-text img {
      height: 45px;
      padding-right: 6.5px; } }

.academic-standards-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 44px; }
  .academic-standards-wrapper p {
    margin-bottom: 0px; }
  .academic-standards-wrapper .academic-standards {
    /*these classes come from RTE(authoring)*/ }
    .academic-standards-wrapper .academic-standards h1, .academic-standards-wrapper .academic-standards h2, .academic-standards-wrapper .academic-standards h3 {
      margin-top: unset;
      line-height: unset; }
    .academic-standards-wrapper .academic-standards h1, .academic-standards-wrapper .academic-standards h2, .academic-standards-wrapper .academic-standards p .header {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 0.75;
      color: #004f68;
      display: inline-block;
      margin-bottom: 27px;
      letter-spacing: normal; }
    .academic-standards-wrapper .academic-standards h3, .academic-standards-wrapper .academic-standards p .title {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      color: #004f68;
      letter-spacing: 0.3px;
      margin-bottom: unset; }
    .academic-standards-wrapper .academic-standards p {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      color: #004f68;
      letter-spacing: 0.3px; }
    .academic-standards-wrapper .academic-standards a {
      color: #8D0057; }
  .academic-standards-wrapper .download {
    margin-top: 26px; }
    .academic-standards-wrapper .download a {
      font-family: "sofia-pro";
      font-weight: 600;
      font-size: 16px;
      font-size: 1rem;
      line-height: 0.75;
      color: #8D0057;
      letter-spacing: 0.5px;
      text-decoration: none; }
      .academic-standards-wrapper .download a .lfo-download {
        position: relative;
        top: 4px; }

/*Tablet Styles*/
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .academic-standards-wrapper {
    margin-left: 15px;
    margin-right: 3px; }
    .academic-standards-wrapper .academic-standards h1, .academic-standards-wrapper .academic-standards h2, .academic-standards-wrapper .academic-standards p .header {
      color: #095c8c; }
    .academic-standards-wrapper .download a {
      line-height: normal; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .academic-standards-wrapper {
    margin-left: 0;
    margin-right: 35px; }
    .academic-standards-wrapper.pad10 {
      padding-left: 5px; }
    .academic-standards-wrapper .academic-standards h1, .academic-standards-wrapper .academic-standards h2, .academic-standards-wrapper .academic-standards p .header {
      color: #095c8c; }
    .academic-standards-wrapper .academic-standards h3, .academic-standards-wrapper .academic-standards p .title {
      line-height: normal;
      color: #146794; }
    .academic-standards-wrapper .academic-standards p {
      line-height: normal;
      color: #146794; }
    .academic-standards-wrapper .download a {
      line-height: normal; } }

.issuePage-additionalIssues-wrapper {
  max-width: 285px;
  margin-top: 49px;
  margin-bottom: 69px; }
  .issuePage-additionalIssues-wrapper .additionalIssues-heading .main-heading {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0.75;
    color: #004f68;
    letter-spacing: normal;
    margin-top: 48px;
    margin-bottom: 28px; }
  .issuePage-additionalIssues-wrapper .additionalIssues-content-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: fit-content;
    gap: 15px;
    border-radius: 8px;
    background-color: #bcf1fc;
    list-style: none;
    margin: 0;
    padding: 25px 60px 25px 65px; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header {
      margin: 0 -1px 15px; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header h3 {
        margin-top: unset; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header .sub-title {
        font-family: "sofia-pro";
        font-weight: 600;
        font-size: 24px;
        font-size: 1.5rem;
        color: #145f8b;
        margin-bottom: 10px; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail a {
      display: block;
      border-radius: 2px;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail a:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img {
      border: 1px solid #6dbdcf; }

@media only screen and (min-width: 1440px) {
  .issuePage-additionalIssues-wrapper {
    max-width: 285px;
    margin-left: 20px; } }

@media only screen and (max-width: 1440px) {
  .issuePage-additionalIssues-wrapper {
    max-width: 285px;
    margin-left: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .issuePage-additionalIssues-wrapper {
    max-width: 100%;
    margin-top: 58px;
    margin-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 0; }
    .issuePage-additionalIssues-wrapper .additionalIssues-heading .main-heading {
      margin-bottom: 29px;
      margin-top: 0;
      color: #085c8c; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container {
      padding: 40px 86px; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container {
        margin-left: 7px;
        margin-right: 7px;
        display: flex;
        flex-direction: column;
        align-self: flex-end; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header {
          margin-bottom: 11px; }
          .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header .sub-title {
            margin-bottom: 0;
            letter-spacing: normal;
            color: #155f8b; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img {
          max-width: 152px !important;
          max-height: 200px !important; }
          .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img img {
            max-height: 200px !important; } }

@media only screen and (max-width: 767.5px) {
  .issuePage-additionalIssues-wrapper {
    max-width: 100%;
    margin-top: 60px;
    margin-bottom: 50px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0; }
    .issuePage-additionalIssues-wrapper .additionalIssues-heading .main-heading {
      margin-bottom: 29px;
      margin-top: 0;
      color: #146794; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container {
      padding: 40px 86px;
      color: #ceedfe;
      gap: 20px; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container:last-child .issue-sub-header {
        margin-bottom: 17px; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header {
        text-align: center; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header .sub-title {
          margin-bottom: 0;
          text-align: center;
          color: #155f8b;
          letter-spacing: normal; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container sw-image > div {
        margin: 0 auto; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img {
        max-width: 162px !important;
        max-height: 214px !important; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img img {
          max-height: 214px !important; } }

.contact-us-layout .contact-us-wrapper {
  background: #e7faff; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container {
    padding-top: 60.5px; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info {
      padding-right: 86px;
      margin-left: 13px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar {
        background: #bbeffa;
        transform: skew(0deg);
        margin-left: 0px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul {
          padding: 28.5px 32px 28.5px 32px;
          transform: skew(0deg); }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li {
            border-right: 2px solid #88cad9; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li p {
              font-family: "sofia-pro-soft";
              font-weight: 700;
              font-size: 22px;
              font-size: 1.375rem;
              line-height: 1.09;
              color: #004f68;
              margin-bottom: 17px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li .contact-detail-text {
              font-family: "sofia-pro-soft";
              font-weight: 500;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1;
              color: #005f7c; }
              .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li .contact-detail-text span.sw-icon {
                margin-right: 11px;
                margin-top: 3px; }
              .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li .contact-detail-text.email-text {
                padding-top: 0; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li .info-text {
              line-height: 1.4; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text {
        margin-top: 42.5px;
        padding-right: 75px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p {
          font-family: "sofia-pro-soft";
          font-weight: 500;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.33;
          color: #005f7c; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p a {
            color: #007599;
            border-bottom: none;
            text-decoration: underline;
            outline: unset;
            border-radius: 2px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p a:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p a:hover {
              color: #005e7a; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p a:focus {
              color: #00526b; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions {
      margin-top: 55px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .sl-no {
        width: 36px;
        height: 36px;
        padding: 0;
        margin: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container {
        padding-left: 17px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container p {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 0.92;
          color: #004f68;
          font-weight: 700;
          margin-bottom: 22px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label {
          font-family: "sofia-pro-soft";
          font-weight: 500;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.22;
          color: #005f7c; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label .sw-icon.radio-unchecked-icon.checked {
            background-position: -748px -862px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container .question-select-wrapper {
          position: relative; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container .question-select-wrapper::after {
            background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
            background-position: -285px -202px;
            display: inline-block;
            width: 10px;
            height: 10px;
            content: ' ';
            position: relative;
            right: 28px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container select {
          background: #f7feff;
          border: 2px solid #4ec0d7;
          border-radius: 6px;
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1;
          color: #005f7c; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row {
        margin-bottom: 27px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row label {
          font-family: "sofia-pro-soft";
          font-weight: 500;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.38;
          color: #005f7c;
          margin-bottom: 3px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row input[type="text"], .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row input[type="email"], .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row select, .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row textarea {
          background: #f7feff;
          border: 2px solid #4ec0d7;
          border-radius: 6px;
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1;
          color: #005f7c; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row .question-select-wrapper {
          position: relative; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row .question-select-wrapper::after {
            background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
            background-position: -285px -202px;
            display: inline-block;
            width: 10px;
            height: 10px;
            content: ' ';
            position: relative;
            right: 28px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row select {
          background: #f7feff;
          border: 2px solid #4ec0d7;
          border-radius: 6px;
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1;
          color: #005f7c; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .required-text {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.83;
        color: #005f7c;
        margin-bottom: 28px;
        margin-top: 2px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-submit-btn {
        background: #007599;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33;
        color: #ffffff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        outline: unset;
        padding: 5px 0;
        text-transform: capitalize; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-submit-btn:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-submit-btn:hover {
          background: #005e7a; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-submit-btn:focus {
          background: #00526b; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form-image {
        display: none; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .back-to-top {
        margin-left: 77px;
        float: left; }

/*Tablet Styles*/
@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form {
    padding-right: 30px; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .back-to-top {
    padding-left: 55px;
    margin-left: 0; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: 0;
    margin-left: 0; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text {
      padding-right: 0; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul {
      padding: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li {
        padding: 15px 20px 15px 60px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.fax {
          padding-left: 60px; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.unlinked-number {
          padding-left: 70px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.unlinked-number.an-order {
            padding-left: 70px; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .contact-us-layout .contact-us-wrapper {
    margin: 0;
    padding: 26.5px 20px 20px 20px; }
    .contact-us-layout .contact-us-wrapper .contact-us-container {
      margin: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container {
        padding: 0; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .row {
          margin: 0; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info {
          margin: 0;
          padding: 0; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar {
            margin-right: 0; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul {
              padding: 28.5px 71px 11px 20px; }
              .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li {
                border: 0;
                display: block; }
                .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li p {
                  margin-bottom: 15px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text {
            margin-top: 32px;
            padding-right: 0; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions {
          margin-top: 39px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .sl-no {
            margin-left: 0; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container {
            margin-bottom: 35px;
            padding-left: 15px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container .contactus-topics-block {
              margin-left: -50px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container p {
              margin-bottom: 32px;
              font-family: "sofia-pro-soft";
              font-weight: 500;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1.22;
              color: #005f7c;
              letter-spacing: normal; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container .mail-phone-block {
              margin-left: -50px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label {
              position: static;
              display: flex; }
              .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label.select-issue {
                margin-left: -50px; }
              .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label .radio-text {
                position: static;
                top: 0;
                left: 0; }
              .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label .sw-icon.radio-unchecked-icon {
                min-width: 24px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container .question-select-wrapper {
              width: 335px; }
              .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container .question-select-wrapper::after {
                right: 33px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container select {
              margin-left: -50px;
              line-height: 1.3;
              width: 335px;
              border-color: #4ec0d7;
              background-color: #f7feff; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form {
          padding-left: 0;
          padding-right: 0; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row {
            margin-bottom: 25px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row input[type="text"],
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row textarea {
              background-color: #f7feff;
              border-color: #4ec0d7; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row label {
              font-family: "sofia-pro";
              font-weight: 500;
              font-size: 16px;
              font-size: 1rem;
              line-height: 1.38;
              color: #005f7c; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .back-to-top {
          margin-left: 0; } }

.lfo-issue-page-main-wrapper {
  padding-top: 60px;
  padding-left: 10px; }
  .lfo-issue-page-main-wrapper h1, .lfo-issue-page-main-wrapper h2, .lfo-issue-page-main-wrapper h3 {
    margin-top: unset;
    margin-bottom: unset; }
  .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper {
    width: 32.8%; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper a:hover {
      text-decoration: none; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper a:focus {
      text-decoration: none; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-header-text {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 0.75;
      color: #004f68;
      padding-bottom: 29px; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .image-placeholder {
      margin-bottom: 23px; }
      .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .image-placeholder img {
        box-shadow: 4px 4px 0 0 #61b5c8; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-cta-button {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1;
      color: #ffffff;
      letter-spacing: normal;
      text-align: center;
      padding: 10px 0;
      width: 80%;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;
      background-color: #d4264b;
      margin: 0 auto;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset; }
      .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-cta-button:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
      .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-cta-button:hover {
        background: #aa1e3c; }
      .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-cta-button:focus {
        background: #941b35; }
  .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper {
    width: 66.2%;
    padding-right: 0;
    padding-left: 43px; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .extend-header-text {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 0.75;
      color: #004f68;
      padding-bottom: 29px; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container {
      cursor: pointer; }
      .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        margin: 25px 0;
        display: flex;
        position: relative; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources:first-child {
          margin: 0; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.hands-on-activity {
          background-color: #e1ffd1;
          box-shadow: 2px 2px 0 0 #349600; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.hands-on-activity .lfo-resource-icon-container {
            background-color: #75bc4f; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.hands-on-activity .lfo-resource-icon-container .sw-icon.lfo-plam {
              width: 44px;
              height: 50px;
              background: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/tile-icons/EC-HandsOnIcon.svg") no-repeat; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.hands-on-activity .lfo-resource-title {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 28px;
            font-size: 1.75rem;
            line-height: 1.14;
            color: #349600;
            letter-spacing: normal; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.hands-on-activity .lfo-resource-title a {
              font-family: "sofia-pro-soft";
              font-weight: 700;
              font-size: 28px;
              font-size: 1.75rem;
              line-height: 1.14;
              color: #349600;
              letter-spacing: normal; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.hands-on-activity .lfo-resource-thumbnail img {
            border-color: #349600; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.hands-on-activity.activity-tile {
            display: flex;
            width: 100%; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.hands-on-activity.activity-tile a {
              display: flex;
              width: 100%;
              text-decoration: none;
              word-break: break-word; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.video {
          background-color: #ffefd4;
          box-shadow: 2px 2px 0 0 #c16000; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.video .lfo-resource-icon-container {
            background-color: #ee8800; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.video .lfo-resource-icon-container .lfo-play-yellow-button-small {
              width: 48px;
              height: 39px;
              background: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/tile-icons/EC-VideoIcon.svg") no-repeat; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.video .lfo-resource-title {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 28px;
            font-size: 1.75rem;
            color: #c16000;
            letter-spacing: normal; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.video .lfo-resource-title a {
              font-family: "sofia-pro-soft";
              font-weight: 700;
              font-size: 28px;
              font-size: 1.75rem;
              color: #c16000;
              letter-spacing: normal; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.video .lfo-resource-thumbnail img {
            border-color: #c16000; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.game {
          background-color: #ffe7ff;
          box-shadow: 2px 2px 0 0 #8e1a82; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.game .lfo-resource-icon-container {
            background-color: #b545a9; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.game .lfo-resource-icon-container .lfo-video-game-small {
              width: 51px;
              height: 33px;
              background: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/tile-icons/EC-GameIcon.svg") no-repeat; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.game .lfo-resource-title {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 28px;
            font-size: 1.75rem;
            color: #8e1a82;
            letter-spacing: normal; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.game .lfo-resource-title a {
              font-family: "sofia-pro-soft";
              font-weight: 700;
              font-size: 28px;
              font-size: 1.75rem;
              color: #8e1a82;
              letter-spacing: normal; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.game .lfo-resource-thumbnail .img-container {
            background-color: #ffe7ff; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.game .lfo-resource-thumbnail img {
            border-color: #8e1a82; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.slideshow {
          background-color: #f9d9e8;
          box-shadow: 2px 2px 0 0 #bd256c; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.slideshow .lfo-resource-icon-container {
            background-color: #eb446d; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.slideshow .lfo-resource-icon-container .gallery-icon-small {
              width: 48px;
              height: 44px;
              background: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/tile-icons/EC-SlideshowIcon.svg") no-repeat; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.slideshow .lfo-resource-title {
            font-family: "kg-second-chances-solid";
            font-weight: 400;
            font-size: 20px;
            font-size: 1.25rem;
            line-height: 1.4;
            color: #bd256c;
            letter-spacing: 1px; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.slideshow .lfo-resource-title a {
              font-family: "kg-second-chances-solid";
              font-weight: 400;
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 1.4;
              color: #bd256c;
              letter-spacing: 1px; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.slideshow .slide-show-component-layout {
            padding-top: 0;
            padding-bottom: 0; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.slideshow .slide-show-component-layout .popup-img-icon {
              display: none; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.slideshow .slide-show-component-layout .launch-slide-show {
              display: none; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.slideshow .slide-show-component-layout .launch-slide-show-description {
              display: none; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.slideshow .lfo-resource-thumbnail img {
            border-color: #bd256c; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-icon-container {
          -webkit-border-top-left-radius: 8px;
          -webkit-border-top-right-radius: 0;
          -webkit-border-bottom-right-radius: 0;
          -webkit-border-bottom-left-radius: 8px;
          -moz-border-radius-topleft: 8px;
          -moz-border-radius-topright: 0;
          -moz-border-radius-bottomright: 0;
          -moz-border-radius-bottomleft: 8px;
          border-top-left-radius: 8px;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          border-bottom-left-radius: 8px;
          text-align: center;
          width: 26%;
          height: 100%;
          max-width: 140px;
          min-width: 125px;
          min-height: 143px;
          text-transform: uppercase;
          padding: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-icon-container .lfo-resource-icon-text {
            font-family: "sofia-pro";
            font-weight: 900;
            font-size: 14px;
            font-size: 0.875rem;
            color: #ffffff;
            letter-spacing: 0.5px;
            padding-top: 10px; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-title {
          text-align: left;
          padding: 10px 10px 10px 17px;
          width: 45.5%;
          display: inline-block;
          vertical-align: middle;
          margin: auto;
          word-break: break-word; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-title a {
            text-decoration: none; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail {
          position: relative;
          padding: 10px 10px 10px 0;
          display: inline-block;
          vertical-align: middle;
          margin: auto 14px auto auto;
          box-sizing: content-box;
          flex-basis: 128px; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail img {
            width: 100%;
            height: 88px;
            max-width: 128px;
            max-height: 88px;
            object-fit: cover;
            border-radius: 8px;
            border: solid 2px #c16000; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .slide-show-component-layout {
            padding: 0; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .slide-show-component-layout .slide-show-component-wrapper {
              border: 0; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .slide-show-popup-wrapper .carousel-inner .slide-show-image-wrapper img {
            max-height: 100%; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .video-thumbnail {
            text-align: center; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .game-thumbnail .content-module .content-module-container.game-container-bg {
            padding: 0;
            border: none; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .game-thumbnail .content-module .content-module-container .content-one-up .img-container {
            margin: 0; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .game-thumbnail .content-module .content-module-container .content-one-up .img-container .popup-img-icon {
              display: none;
              /* CM-5500 EC - Explore and Extend - Video/Game Play icons */ }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .game-thumbnail .content-module .content-module-container .content-wrapper .rteContent, .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .game-thumbnail .content-module .content-module-container .content-wrapper div[ng-bind-html=containerGameDesc] {
            display: none; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-wrapper {
          width: 100%;
          display: flex;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          outline: unset;
          border-radius: 8px; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-wrapper:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-wrapper.video_play, .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-wrapper.launch-slideshow {
            padding: unset;
            border: none;
            background-color: transparent; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources sw-share-popover {
          position: absolute;
          right: 9px;
          bottom: 9px; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources sw-share-popover .popover-toggle .share-popover-icon {
            width: 26px;
            height: 26px; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources sw-share-popover .popover-toggle .share-popover-icon .share-popover-icon-circle {
              fill: #0063b5; }

@media (max-width: 767.5px) {
  .lfo-issue-page-main-wrapper {
    padding-left: 5px; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper {
      width: 100%;
      padding: 0; }
      .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-header-text {
        max-width: 310px;
        text-align: left;
        color: #166996; }
      .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .image-placeholder {
        margin-bottom: 20.2px;
        margin-left: 13px; }
      .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-cta-button {
        width: 295px;
        min-height: 40px;
        padding: 4px 0; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper {
      width: 100%;
      margin-top: 61px;
      padding-left: 0;
      padding-right: 0; }
      .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .extend-header-text {
        padding-bottom: 25px;
        color: #095c8c; }
      .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container {
        margin-right: 5px; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources {
          margin: 22px 0; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources:last-child {
            margin-bottom: 10px; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-icon-container {
            min-width: 125px;
            max-width: 125px; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-title {
            padding-left: 35px;
            text-align: left;
            width: auto;
            line-height: normal; }
            .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-title a {
              line-height: normal; }
          .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail {
            display: none; } }

@media (min-width: 768px) and (max-width: 991.5px) {
  .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    max-width: 354px;
    margin-left: 25.2%; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-header-text {
      max-width: 350px;
      text-align: center;
      color: #095c8c; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .image-placeholder sw-image > div {
      max-height: 468px !important;
      max-width: 350px !important; }
      .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .image-placeholder sw-image > div img {
        max-height: 468px !important; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-cta-button {
      width: 250px;
      min-height: 40px;
      padding: 4px 0; }
  .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper {
    width: 100%;
    margin-top: 60.2px;
    padding-left: 15px;
    padding-right: 28px; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .extend-header-text {
      padding-bottom: 25px;
      color: #095c8c; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources:last-child {
      margin-bottom: 10px; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-icon-container {
      max-width: 125px; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-title {
      width: 400px;
      padding-left: 35px;
      text-align: left;
      line-height: normal;
      margin-left: 0;
      margin-right: 0; }
      .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-title a {
        line-height: normal; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-wrapper {
      justify-content: space-between; } }

.issuePage-header-wrapper .header-container {
  padding-top: 16px;
  padding-left: 40px;
  background-color: #ffd64a; }
  .issuePage-header-wrapper .header-container .header-date .issue-date {
    margin-top: 0px;
    font-family: "sofia-pro-soft";
    font-weight: 500;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 0.82;
    color: #855e00; }
  .issuePage-header-wrapper .header-container .header-title-container {
    padding-bottom: 17px; }
    .issuePage-header-wrapper .header-container .header-title-container .title-text {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 40px;
      font-size: 2.5rem;
      line-height: 0.45;
      color: #855e00;
      display: inline-block;
      float: left;
      margin-block: 0; }
    .issuePage-header-wrapper .header-container .header-title-container .header-bookmark {
      display: flex;
      gap: 20px;
      float: right;
      padding-right: 25px;
      height: 40.5px; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark a {
        display: inline-block;
        vertical-align: middle; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .btn-info {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset;
        background-color: #d4264b;
        padding-left: 39px;
        padding-right: 36px;
        border-color: #d4264b; }
        .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .btn-info:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .btn-info:hover {
          background: #aa1e3c; }
        .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .btn-info:focus {
          background: #941b35; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .btn {
        vertical-align: middle;
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.6;
        color: #ffffff;
        letter-spacing: 0.5px;
        padding: 3px 39px 3px 36px;
        height: 40.5px; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.spanishviewbutton {
        background: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/yellow-bubble.svg") no-repeat;
        width: 35px;
        height: 29px;
        vertical-align: middle;
        margin-right: 10px; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.lfo-big-bookmarked-icon {
        margin-left: 40px;
        width: 36px;
        height: 40px;
        background-position: -653px -1140px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .issuePage-header-wrapper .header-container .header-date .issue-date {
    line-height: 0.82;
    letter-spacing: normal;
    margin-bottom: 19px; }
  .issuePage-header-wrapper .header-container .header-title-container {
    padding-bottom: 29px; }
    .issuePage-header-wrapper .header-container .header-title-container .title-text {
      width: 100%;
      font-family: "sofia-pro-soft";
      font-weight: 500;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 0.82;
      color: #855e00;
      letter-spacing: normal; }
    .issuePage-header-wrapper .header-container .header-title-container .header-bookmark {
      float: left;
      margin-top: 25px; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .btn {
        min-width: 250px; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .btn-info {
        background-color: #d4264b; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.lfo-big-bookmarked-icon {
        margin-left: 25px;
        margin-top: 2px; } }

@media only screen and (max-width: 767px) {
  .issuePage-header-wrapper .header-container {
    padding-left: 20px;
    background-color: #ffd64a; }
    .issuePage-header-wrapper .header-container .header-date .issue-date {
      font-family: "sofia-pro-soft";
      font-weight: 500;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 0.82;
      color: #855e00;
      letter-spacing: normal;
      margin-bottom: 12px; }
    .issuePage-header-wrapper .header-container .header-title-container {
      padding-bottom: 32px; }
      .issuePage-header-wrapper .header-container .header-title-container .title-text {
        width: 100%;
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.25;
        color: #855e00;
        letter-spacing: 0.4px;
        font-size: 32px;
        margin-bottom: 20px; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark {
        float: left;
        padding-right: 0;
        gap: 4px; }
        .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .btn {
          min-width: 260px; }
        .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .btn-info {
          background-color: #d4264b;
          border-color: #d4264b; }
        .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.lfo-big-bookmarked-icon {
          margin-left: 33px;
          margin-top: 2px; }
        .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.no-margin-left {
          margin-left: 0px; } }

.article-resources-main-container .article-resources-content {
  padding: 0; }
  .article-resources-main-container .article-resources-content .article-tiles {
    margin-left: 45px;
    margin-right: -41px; }
    .article-resources-main-container .article-resources-content .article-tiles.issue-resources-video-tiles {
      display: none; }
    .article-resources-main-container .article-resources-content .article-tiles.issue-resources-game-tiles {
      display: none; }
    .article-resources-main-container .article-resources-content .article-tiles.issue-resources-slideshow-tiles {
      display: none; }
    .article-resources-main-container .article-resources-content .article-tiles .lfo-printables {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 0.75;
      color: #004f68;
      margin-top: 0;
      margin-bottom: 20px; }
    .article-resources-main-container .article-resources-content .article-tiles .icon-description-wrapper {
      padding-left: 10px;
      padding-right: 10px;
      margin-bottom: 27px;
      display: flex; }
      .article-resources-main-container .article-resources-content .article-tiles .icon-description-wrapper .printables-bullet-img {
        display: inline-block;
        width: 25px;
        height: 24px; }
      .article-resources-main-container .article-resources-content .article-tiles .icon-description-wrapper .printable-description {
        display: inline-block;
        font-family: "sofia-pro";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #004f68;
        margin: -4px 0 0 8px; }
    .article-resources-main-container .article-resources-content .article-tiles .printables-row > div {
      margin-top: 20px; }
      .article-resources-main-container .article-resources-content .article-tiles .printables-row > div:nth-child(1), .article-resources-main-container .article-resources-content .article-tiles .printables-row > div:nth-child(2) {
        margin-top: 0; }

@media (min-width: 768px) and (max-width: 991px) {
  .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles {
    margin-left: 0;
    margin-right: 0; }
    .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .lfo-printables {
      margin-bottom: 29px;
      letter-spacing: normal;
      color: #004f68; }
  .article-resources-main-container#issueTeachingResources .lfo-content-tile-container {
    max-width: 335px; }
    .article-resources-main-container#issueTeachingResources .lfo-content-tile-container .content-tile-body {
      height: 413px; }
      .article-resources-main-container#issueTeachingResources .lfo-content-tile-container .content-tile-body .title {
        max-height: 68px; }
    .article-resources-main-container#issueTeachingResources .lfo-content-tile-container .lfo-image-container-resource, .article-resources-main-container#issueTeachingResources .lfo-content-tile-container .image-container {
      max-width: 335px;
      height: 226px; } }

@media (min-width: 320px) and (max-width: 767.5px) {
  .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles {
    margin: 0;
    padding-top: 37px; }
    .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .lfo-printables {
      color: #176b97;
      letter-spacing: normal;
      margin-bottom: 29px;
      padding-left: 5px; }
    .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .printables-row > div.printable-content {
      margin-top: 32px;
      padding-left: 0;
      padding-right: 0; }
      .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .printables-row > div.printable-content:first-child {
        margin-top: 0; } }

.blog-category-wrapper {
  width: 285px; }
  .blog-category-wrapper .blog-categories .blog-category-heading {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0.75;
    color: #004f68;
    margin-top: 60px;
    margin-bottom: 30px;
    text-transform: capitalize; }
  .blog-category-wrapper .blog-categories ul {
    background-color: #bcf1fc;
    margin: 0;
    padding: 10px 0 15px;
    border-radius: 8px;
    list-style: none; }
    .blog-category-wrapper .blog-categories ul .category {
      font-family: "sofia-pro-soft";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 2;
      color: #004f68;
      text-transform: capitalize;
      margin-bottom: 0;
      padding: 0 20px; }
      .blog-category-wrapper .blog-categories ul .category a {
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        text-decoration: none;
        color: #004f68;
        display: flex;
        border-radius: 2px;
        padding-inline: 5px; }
        .blog-category-wrapper .blog-categories ul .category a:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

@media only screen and (min-width: 1440px) {
  .blog-category-wrapper {
    width: 285px;
    margin-left: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-category-wrapper {
    width: 335px;
    margin-left: 25px; }
    .blog-category-wrapper .blog-categories .blog-category-heading {
      color: #004f68;
      letter-spacing: normal;
      margin-top: 38px; }
    .blog-category-wrapper .blog-categories .category {
      letter-spacing: normal; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .blog-category-wrapper {
    width: 335px;
    margin-left: 5px; }
    .blog-category-wrapper .blog-categories .blog-category-heading {
      color: #004f68;
      letter-spacing: normal;
      margin-top: 33px;
      margin-bottom: 29px; }
    .blog-category-wrapper .blog-categories .category {
      color: #004f68;
      letter-spacing: normal;
      padding-left: 20px; }
      .blog-category-wrapper .blog-categories .category a {
        color: #004f68; } }

@media only screen and (min-width: 320px) and (max-width: 375px) {
  .blog-category-wrapper {
    width: auto;
    margin: 0 auto; } }

.issuePage-additionalIssues-wrapper {
  max-width: 285px;
  margin-top: 49px;
  margin-bottom: 69px; }
  .issuePage-additionalIssues-wrapper .additionalIssues-heading .main-heading {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0.75;
    color: #004f68;
    letter-spacing: normal;
    margin-top: 48px;
    margin-bottom: 28px; }
  .issuePage-additionalIssues-wrapper .additionalIssues-content-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: fit-content;
    gap: 15px;
    border-radius: 8px;
    background-color: #bcf1fc;
    list-style: none;
    margin: 0;
    padding: 25px 60px 25px 65px; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header {
      margin: 0 -1px 15px; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header h3 {
        margin-top: unset; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header .sub-title {
        font-family: "sofia-pro";
        font-weight: 600;
        font-size: 24px;
        font-size: 1.5rem;
        color: #145f8b;
        margin-bottom: 10px; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail a {
      display: block;
      border-radius: 2px;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ;
      outline: unset; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail a:focus {
        box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img {
      border: 1px solid #6dbdcf; }

@media only screen and (min-width: 1440px) {
  .issuePage-additionalIssues-wrapper {
    max-width: 285px;
    margin-left: 20px; } }

@media only screen and (max-width: 1440px) {
  .issuePage-additionalIssues-wrapper {
    max-width: 285px;
    margin-left: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .issuePage-additionalIssues-wrapper {
    max-width: 100%;
    margin-top: 58px;
    margin-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 0; }
    .issuePage-additionalIssues-wrapper .additionalIssues-heading .main-heading {
      margin-bottom: 29px;
      margin-top: 0;
      color: #085c8c; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container {
      padding: 40px 86px; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container {
        margin-left: 7px;
        margin-right: 7px;
        display: flex;
        flex-direction: column;
        align-self: flex-end; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header {
          margin-bottom: 11px; }
          .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header .sub-title {
            margin-bottom: 0;
            letter-spacing: normal;
            color: #155f8b; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img {
          max-width: 152px !important;
          max-height: 200px !important; }
          .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img img {
            max-height: 200px !important; } }

@media only screen and (max-width: 767.5px) {
  .issuePage-additionalIssues-wrapper {
    max-width: 100%;
    margin-top: 60px;
    margin-bottom: 50px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0; }
    .issuePage-additionalIssues-wrapper .additionalIssues-heading .main-heading {
      margin-bottom: 29px;
      margin-top: 0;
      color: #146794; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container {
      padding: 40px 86px;
      color: #ceedfe;
      gap: 20px; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container:last-child .issue-sub-header {
        margin-bottom: 17px; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header {
        text-align: center; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-sub-header .sub-title {
          margin-bottom: 0;
          text-align: center;
          color: #155f8b;
          letter-spacing: normal; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container sw-image > div {
        margin: 0 auto; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img {
        max-width: 162px !important;
        max-height: 214px !important; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img img {
          max-height: 214px !important; } }

.bookmarks-main-container {
  background: #96dbeb;
  margin-top: 0; }
  .bookmarks-main-container .bookmarks-main-content .bookmarks-no-results-container {
    margin-top: 150px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-no-results-container .title {
      font-family: "sofia-pro-soft";
      font-weight: 500;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.47;
      color: #004f68;
      letter-spacing: 1px;
      text-align: center; }
  .bookmarks-main-container .bookmarks-main-content .bookmarks-header {
    margin: 0;
    background-color: #ffd64a;
    padding: 16px 0 18px;
    text-align: center; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-header .title-container {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 44px;
      font-size: 2.75rem;
      line-height: 1;
      color: #855e00;
      letter-spacing: normal; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-header .title-container:before {
        content: "";
        display: inline-block;
        background: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png") no-repeat;
        width: 38px;
        height: 41px;
        background-position: -651px -1140px;
        vertical-align: middle;
        margin-right: 20px;
        margin-top: -5px; }
  .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section {
    display: none; }
  #my-bookmarks__mobile-filter-modal .bookmarks-facets,
  #my-bookmarks__mobile-sort-modal .bookmarks-facets,
  .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .bookmarks-facets {
    margin-left: 40px;
    padding: 0; }
  #my-bookmarks__mobile-filter-modal .filter-category-section,
  #my-bookmarks__mobile-sort-modal .filter-category-section,
  .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section {
    background-color: #bcf0fc;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-top: 17px; }
    #my-bookmarks__mobile-filter-modal .filter-category-section.filter-type-section,
    #my-bookmarks__mobile-sort-modal .filter-category-section.filter-type-section,
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-type-section {
      margin: 0; }
    #my-bookmarks__mobile-filter-modal .filter-category-section.filter-magazine-section, #my-bookmarks__mobile-filter-modal .filter-category-section.filter-subject-section,
    #my-bookmarks__mobile-sort-modal .filter-category-section.filter-magazine-section,
    #my-bookmarks__mobile-sort-modal .filter-category-section.filter-subject-section,
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-magazine-section,
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-subject-section {
      display: none; }
    #my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section,
    #my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section,
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section {
      border: none;
      padding: 0;
      display: flex;
      justify-content: center; }
      #my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn,
      #my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn,
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn {
        margin: 0 auto;
        padding: 21px 0;
        justify-content: center;
        width: 100%;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn:hover, #my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn:focus,
        #my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn:hover,
        #my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn:focus,
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn:hover,
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn:focus {
          backdrop-filter: brightness(1.05);
          -webkit-backdrop-filter: brightness(1.05); }
        #my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn span,
        #my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn span,
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn span {
          display: block;
          position: static;
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #ae257a; }
          #my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn span.refresh-icon,
          #my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn span.refresh-icon,
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn span.refresh-icon {
            float: left;
            background-image: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png"); }
          #my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn span.refresh,
          #my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn span.refresh,
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn span.refresh {
            filter: none; }
    #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-heading,
    #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-heading,
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-heading {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 15px;
      font-size: 0.9375rem;
      color: #00596e;
      letter-spacing: 0.5px;
      margin-bottom: 23px;
      padding: 0 10px 0 30px;
      text-transform: uppercase; }
    #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container,
    #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container,
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container {
      padding: 0 10px 0 36px; }
      #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item,
      #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item,
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item {
        font-family: "sofia-pro-soft";
        font-weight: 500;
        font-size: 14px;
        font-size: 0.875rem;
        color: #00596e;
        letter-spacing: 0.3px; }
        #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item:last-child,
        #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item:last-child,
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
          margin-bottom: 20px;
          padding-bottom: 4px; }
        #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item span,
        #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item span,
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item span {
          position: absolute;
          left: 35px;
          top: 12px;
          font-family: "sofia-pro-soft";
          font-weight: 500;
          font-size: 14px;
          font-size: 0.875rem;
          color: #00596e;
          letter-spacing: 0.3px; }
        #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox],
        #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox],
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox] {
          width: 28px;
          height: 28px;
          cursor: pointer;
          background: #ffffff;
          border-radius: 6px;
          border: 2px solid #ffd85e; }
          #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:after,
          #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:after,
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:after {
            content: '';
            width: 14px;
            height: 8px;
            position: absolute;
            top: 12px;
            left: 7px;
            border: 2px solid #fedc3c;
            border-top: none;
            border-right: none;
            background: #ffffff;
            opacity: 0;
            transform: rotate(-45deg); }
          #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked,
          #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked,
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked {
            background-color: #ea3797;
            border-color: #ea3797; }
            #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked:after,
            #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked:after,
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked:after {
              opacity: 1;
              border-color: #fedc3c;
              background-color: #ea3797; }
          #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled],
          #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled],
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] {
            background: #e2faff;
            border: 2px solid #86cedf;
            cursor: default; }
            #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled]:after,
            #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled]:after,
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled]:after {
              content: '';
              width: 9px;
              height: 5px;
              position: absolute;
              top: 3px;
              left: 2px;
              border: 3px solid #ffffff;
              border-top: none;
              border-right: none;
              background: #e2faff;
              opacity: 1;
              transform: rotate(-45deg); }
            #my-bookmarks__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] + span,
            #my-bookmarks__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] + span,
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] + span {
              font-family: "lato";
              font-weight: 400;
              font-size: 12px;
              font-size: 0.75rem;
              line-height: 1.08;
              color: #e2faff;
              letter-spacing: 0.5px; }
  .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper {
    font-family: "sofia-pro-soft";
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1;
    color: #004f68;
    margin-bottom: 33px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper ul {
      padding: 0 15px;
      list-style: none;
      display: inline-flex;
      gap: 16px; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper ul li {
        border-left: none;
        padding-left: 0; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-text {
      font-family: "sofia-pro-soft";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1;
      color: #004f68;
      padding-left: 13px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category {
      font-family: "sofia-pro-soft";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1;
      color: #004f68;
      margin: 0; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category button {
        font-family: "sofia-pro-soft";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #004f68;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        appearance: none;
        border: unset;
        border-radius: 2px;
        background: unset; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category button:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category button:hover {
          text-decoration: underline; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category:first-child {
        padding: 0; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category.active-sort button {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #004f68; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-content .sort-by-wrapper .sort-by-category.active-sort button:hover {
          text-decoration: none; }

#my-bookmarks__mobile-filter-modal, #my-bookmarks__mobile-sort-modal {
  display: none; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bookmarks-main-container .bookmarks-main-content .bookmarks-header {
    background-color: #fee365;
    padding: 18px 0 18px;
    height: 80px; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-header .title-container {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 36px;
      font-size: 2.25rem;
      line-height: 0.98;
      color: #855e00;
      letter-spacing: normal; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-header .title-container:before {
        margin-right: 18px; }
  .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container {
    margin: 0; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section {
      display: block;
      padding: 30px 40px 0 40px;
      background-color: #96dbeb; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li {
          float: left;
          width: 50%;
          background-color: #bcf0fc;
          text-align: center; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            border-right: 2px solid #96dbeb; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab button {
              border-radius: 8px 1px 1px 8px; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab button {
              border-radius: 1px 8px 8px 1px; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 14px;
            font-size: 0.875rem;
            color: #00596e;
            letter-spacing: 0.5px;
            outline: unset;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ;
            text-transform: uppercase;
            appearance: none;
            border: none;
            background: unset;
            width: 100%;
            height: 40px;
            padding: 0; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:hover, .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
              backdrop-filter: brightness(1.05);
              -webkit-backdrop-filter: brightness(1.05); }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container {
      display: none; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .bookmarks-section {
      width: 100%;
      padding: 0 22px; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .bookmarks-section .bookmarks-content .sort-by-wrapper {
        display: none; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .bookmarks-section .bookmarks-content .bookmarks-tiles .bookmarks-tiles-content {
        margin-bottom: 30px; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .bookmarks-section .bookmarks-content .bookmarks-tiles .bookmarks-tiles-content:nth-child(2n+2) {
          padding-left: 8px; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .bookmarks-section .bookmarks-content .bookmarks-tiles .bookmarks-tiles-content .lfo-content-tile-container {
          margin: 0 auto; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
      margin-bottom: 77px;
      margin-top: 13px; }
  #my-bookmarks__mobile-filter-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #96dbeb;
    z-index: 100;
    overflow: scroll; }
    #my-bookmarks__mobile-filter-modal .overlay-header {
      padding: 19px 26px 18px 40px;
      background-color: #bcf0fc; }
      #my-bookmarks__mobile-filter-modal .overlay-header .title {
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.22;
        color: #00598d;
        letter-spacing: normal; }
      #my-bookmarks__mobile-filter-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        margin-top: 5px;
        appearance: none;
        border: none;
        border-radius: 2px;
        transition: box-shadow ease-in-out 0.2s;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #my-bookmarks__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #my-bookmarks__mobile-filter-modal .overlay-header .sw-icon.close-icon:hover, #my-bookmarks__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #my-bookmarks__mobile-filter-modal .overlay-wrapper {
      padding: 35px 20px 7px; }
      #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section {
        margin-bottom: 20px;
        padding-bottom: 10px;
        border: none;
        background-color: #bcf0fc;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px; }
        #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-heading {
          font-family: "sofia-pro";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          margin-bottom: 22px;
          padding: 10px 30px; }
        #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container {
          padding-inline: 30px;
          margin-top: 20px; }
          #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul {
            margin: 0;
            padding: 0;
            list-style-type: none; }
            #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item {
              margin: 0 auto 10px;
              position: relative; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item span {
                font-family: "sofia-pro";
                font-weight: 500;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1;
                color: #00596e;
                letter-spacing: 0.3px;
                top: 5px;
                margin-left: 10px; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio], #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox] {
                appearance: none;
                width: 28px;
                height: 28px;
                cursor: pointer;
                background: #ffffff;
                border-radius: 6px;
                border: 2px solid #ffd85e;
                margin: 0;
                position: relative;
                transition: box-shadow ease-in-out 0.2s;
                outline: unset; }
                #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:focus, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:focus {
                  box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
                #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:after, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:after {
                  content: '';
                  width: 14px;
                  height: 8px;
                  position: absolute;
                  top: 5px;
                  left: 5px;
                  border: 2px solid #fedc3c;
                  border-top: none;
                  border-right: none;
                  background: #ffffff;
                  opacity: 0;
                  transform: rotate(-45deg); }
                #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:checked, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked {
                  background-color: #ea3797;
                  border-color: #ea3797; }
                  #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:checked:after, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked:after {
                    opacity: 1;
                    border-color: #fedc3c;
                    background-color: #ea3797; }
                #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio][disabled], #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] {
                  background: #e2faff;
                  border: 2px solid #86cedf;
                  cursor: default; }
                  #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio][disabled]:after, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled]:after {
                    content: '';
                    width: 9px;
                    height: 5px;
                    position: absolute;
                    top: 3px;
                    left: 2px;
                    border: 3px solid #ffffff;
                    border-top: none;
                    border-right: none;
                    background: #e2faff;
                    opacity: 1;
                    transform: rotate(-45deg); }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-text {
                margin-left: 6px;
                vertical-align: middle; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item .radio-text {
                margin-left: 6px;
                vertical-align: middle; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item label {
                font-family: "sofia-pro";
                font-weight: 500;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1;
                color: #00596e;
                letter-spacing: 0.3px; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
                margin-bottom: 0; }
        #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-month, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section {
          float: left;
          width: 48.5%;
          margin: 0;
          padding: 0; }
          #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-month .reset-btn, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn {
            padding: 21px 30px;
            appearance: unset;
            border: none;
            background: none;
            border-radius: 2px;
            display: flex;
            width: 100%;
            align-items: center;
            gap: 10px;
            outline: unset;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ; }
            #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-month .reset-btn:focus, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-month .reset-btn:hover, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-month .reset-btn:focus, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn:hover, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn:focus {
              backdrop-filter: brightness(1.05);
              -webkit-backdrop-filter: brightness(1.05); }
            #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-month .reset-btn span, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn span {
              display: block;
              position: static;
              font-family: "sofia-pro";
              font-weight: 700;
              font-size: 14px;
              font-size: 0.875rem;
              line-height: 1;
              color: #ae257a; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-month .reset-btn span.refresh-icon, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn span.refresh-icon {
                float: left;
                background-image: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png"); }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-month .reset-btn span.refresh, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn span.refresh {
                filter: none; }
        #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-language {
          float: right;
          width: 48.5%;
          margin-left: 20px; }
  #my-bookmarks__mobile-sort-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #96dbeb;
    z-index: 100;
    overflow: scroll; }
    #my-bookmarks__mobile-sort-modal .overlay-header {
      padding: 19px 26px 18px 40px;
      background-color: #bcf0fc; }
      #my-bookmarks__mobile-sort-modal .overlay-header .title {
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.22;
        color: #00598d;
        letter-spacing: normal; }
      #my-bookmarks__mobile-sort-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        margin-top: 5px;
        appearance: none;
        border: none;
        border-radius: 2px;
        transition: box-shadow ease-in-out 0.2s;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #my-bookmarks__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #my-bookmarks__mobile-sort-modal .overlay-header .sw-icon.close-icon:hover, #my-bookmarks__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper {
      padding: 45px 40px 0; }
      #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-text {
        display: none; }
      #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper ul {
        margin: 0;
        padding: 0; }
      #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category {
        display: block;
        border-radius: 8px;
        background-color: #bcf0fc;
        margin-bottom: 20px;
        text-align: center; }
        #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category.active-sort button {
          font-family: "sofia-pro";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #004f68;
          letter-spacing: 0.7px; }
        #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button {
          font-family: "sofia-pro";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          appearance: none;
          border: none;
          border-radius: 6px;
          background: unset;
          width: 100%;
          height: 40px;
          padding: 0; }
          #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:hover, #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus {
            backdrop-filter: brightness(1.05);
            -webkit-backdrop-filter: brightness(1.05); } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .bookmarks-main-container {
    background-color: #aad9f3; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-header {
      background-color: #fee365;
      padding: 23px 32px 22px 26px; }
      .bookmarks-main-container .bookmarks-main-content .bookmarks-header .title-container {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 0.98;
        color: #855e00;
        letter-spacing: normal; }
        .bookmarks-main-container .bookmarks-main-content .bookmarks-header .title-container:before {
          margin-right: 15px; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container {
      margin: 0; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section {
        display: block;
        padding: 20px 20px 0 20px;
        background-color: #aad9f3; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul {
          list-style-type: none;
          margin: 0;
          padding: 0; }
          .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li {
            float: left;
            width: 50%;
            background-color: #bcf0fc;
            text-align: center; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab {
              border-top-left-radius: 8px;
              border-bottom-left-radius: 8px;
              border-right: 2px solid #96dbeb; }
              .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab button {
                border-radius: 8px 1px 1px 8px; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab {
              border-top-right-radius: 8px;
              border-bottom-right-radius: 8px; }
              .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab button {
                border-radius: 1px 8px 8px 1px; }
            .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button {
              font-family: "sofia-pro-soft";
              font-weight: 700;
              font-size: 14px;
              font-size: 0.875rem;
              color: #00596e;
              letter-spacing: 0.5px;
              outline: unset;
              transition: all 0.2s ease-in-out ;
              -webkit-transition: all 0.2s ease-in-out ;
              -moz-transition: all 0.2s ease-in-out ;
              -ms-transition: all 0.2s ease-in-out ;
              -o-transition: all 0.2s ease-in-out ;
              text-transform: uppercase;
              appearance: none;
              border: none;
              background: unset;
              width: 100%;
              height: 40px;
              padding: 0; }
              .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
                box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
              .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:hover, .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
                backdrop-filter: brightness(1.05);
                -webkit-backdrop-filter: brightness(1.05); }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container {
        display: none; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .bookmarks-section {
        width: 100%;
        padding: 0 15px; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .bookmarks-section .bookmarks-content .sort-by-wrapper {
          display: none; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .bookmarks-section .bookmarks-content .bookmarks-tiles .bookmarks-tiles-content {
          margin-bottom: 30px; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
        margin-bottom: 62px;
        margin-top: 28px; }
  #my-bookmarks__mobile-filter-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #96dbeb;
    z-index: 100;
    overflow: scroll; }
    #my-bookmarks__mobile-filter-modal .overlay-header {
      padding: 15px 21px 11px 27px;
      background-color: #bcf0fc; }
      #my-bookmarks__mobile-filter-modal .overlay-header .title {
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 24px;
        font-size: 1.5rem;
        color: #00598d;
        letter-spacing: 1px; }
      #my-bookmarks__mobile-filter-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        appearance: none;
        border: none;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #my-bookmarks__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #my-bookmarks__mobile-filter-modal .overlay-header .sw-icon.close-icon:hover, #my-bookmarks__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #my-bookmarks__mobile-filter-modal .overlay-wrapper {
      padding: 35px 20px 7px; }
      #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section {
        margin-bottom: 20px;
        border: none;
        padding-bottom: 10px;
        background-color: #bcf0fc;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px; }
        #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-heading {
          font-family: "sofia-pro";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          padding: 10px 30px;
          margin-bottom: 22px; }
        #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container {
          padding-inline: 30px;
          margin-top: 20px; }
          #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul {
            margin: 0;
            padding: 0;
            list-style-type: none; }
            #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item {
              margin: 0 auto 10px;
              position: relative; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item span {
                font-family: "sofia-pro";
                font-weight: 500;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1;
                color: #00596e;
                letter-spacing: 0.3px;
                top: 5px;
                margin-left: 10px; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio], #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox] {
                appearance: none;
                width: 28px;
                height: 28px;
                cursor: pointer;
                background: #ffffff;
                border-radius: 6px;
                border: 2px solid #ffd85e;
                margin: 0;
                position: relative;
                transition: box-shadow ease-in-out 0.2s;
                outline: unset; }
                #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:focus, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:focus {
                  box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
                #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:after, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:after {
                  content: '';
                  width: 14px;
                  height: 8px;
                  position: absolute;
                  top: 5px;
                  left: 5px;
                  border: 2px solid #fedc3c;
                  border-top: none;
                  border-right: none;
                  background: #ffffff;
                  opacity: 0;
                  transform: rotate(-45deg); }
                #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:checked, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked {
                  background-color: #ea3797;
                  border-color: #ea3797; }
                  #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:checked:after, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked:after {
                    opacity: 1;
                    border-color: #fedc3c;
                    background-color: #ea3797; }
                #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio][disabled], #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled] {
                  background: #e2faff;
                  border: 2px solid #86cedf;
                  cursor: default; }
                  #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio][disabled]:after, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox][disabled]:after {
                    content: '';
                    width: 9px;
                    height: 5px;
                    position: absolute;
                    top: 3px;
                    left: 2px;
                    border: 3px solid #ffffff;
                    border-top: none;
                    border-right: none;
                    background: #e2faff;
                    opacity: 1;
                    transform: rotate(-45deg); }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-text {
                margin-left: 6px;
                vertical-align: middle; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item .radio-text {
                margin-left: 6px;
                vertical-align: middle; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item label {
                font-family: "sofia-pro";
                font-weight: 500;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1;
                color: #00596e;
                letter-spacing: 0.3px; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
                margin-bottom: 20px; }
        #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-month, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section {
          float: left;
          width: 48.5%;
          margin: 0; }
        #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-language {
          float: right;
          width: 48.5%;
          margin-left: 20px; }
        #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section {
          float: left;
          width: 100%;
          margin: 0;
          padding: 0; }
          #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn {
            padding: 21px 30px;
            appearance: unset;
            border: none;
            background: none;
            border-radius: 2px;
            display: flex;
            width: 100%;
            align-items: center;
            gap: 10px;
            transition: box-shadow ease-in-out 0.2s;
            outline: unset;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ; }
            #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn:hover, #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn:focus {
              backdrop-filter: brightness(1.05);
              -webkit-backdrop-filter: brightness(1.05); }
            #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn span {
              display: block;
              position: static;
              font-family: "sofia-pro";
              font-weight: 700;
              font-size: 14px;
              font-size: 0.875rem;
              line-height: 1;
              color: #ae257a; }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn span.refresh-icon {
                float: left;
                background-image: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png"); }
              #my-bookmarks__mobile-filter-modal .overlay-wrapper .filter-category-section.filter-reset-section .reset-btn span.refresh {
                filter: none; }
  #my-bookmarks__mobile-sort-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #96dbeb;
    z-index: 100;
    overflow: scroll; }
    #my-bookmarks__mobile-sort-modal .overlay-header {
      padding: 15px 21px 11px 27px;
      background-color: #bcf0fc; }
      #my-bookmarks__mobile-sort-modal .overlay-header .title {
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 24px;
        font-size: 1.5rem;
        color: #00598d;
        letter-spacing: 1px; }
      #my-bookmarks__mobile-sort-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        appearance: none;
        border: none;
        border-radius: 2px;
        transition: box-shadow ease-in-out 0.2s;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #my-bookmarks__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #my-bookmarks__mobile-sort-modal .overlay-header .sw-icon.close-icon:hover, #my-bookmarks__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper {
      padding: 29px 16px 0 24px; }
      #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper ul {
        margin: 0;
        padding: 0; }
      #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-text {
        display: none; }
      #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category {
        display: block;
        border-radius: 6px;
        background-color: #bcf0fc;
        margin-bottom: 20px;
        text-align: center; }
        #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category.active-sort button {
          font-family: "sofia-pro";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #004f68;
          letter-spacing: 0.7px; }
        #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button {
          font-family: "sofia-pro";
          font-weight: 900;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          padding: 2px 10px 6px;
          appearance: none;
          border: none;
          border-radius: 6px;
          background: unset;
          width: 100%;
          height: 40px; }
          #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:hover, #my-bookmarks__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus {
            backdrop-filter: brightness(1.05);
            -webkit-backdrop-filter: brightness(1.05); } }

.past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section {
  display: none; }

.past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content {
  margin-top: 60px; }
  #past-issues__mobile-filter-modal,
  #past-issues__mobile-sort-modal,
  .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container {
    width: 26.73%; }
    #past-issues__mobile-filter-modal .filter-category-section,
    #past-issues__mobile-sort-modal .filter-category-section,
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section {
      width: 210px;
      border-radius: 8px;
      background-color: #c6eaff;
      padding-top: 25px;
      padding-bottom: 3px;
      margin-left: 40px;
      margin-bottom: 30px; }
      #past-issues__mobile-filter-modal .filter-category-section.filter-reset-section,
      #past-issues__mobile-sort-modal .filter-category-section.filter-reset-section,
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section.filter-reset-section {
        border: none;
        padding: 0; }
        #past-issues__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn,
        #past-issues__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn,
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section.filter-reset-section .reset-btn {
          border: none;
          border-radius: 2px;
          background: none;
          width: 100%;
          display: flex;
          padding: 21px 10px;
          margin: 0;
          justify-content: center;
          align-items: center;
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #bf0039;
          letter-spacing: 0.5px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ; }
          #past-issues__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn:focus,
          #past-issues__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn:focus,
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section.filter-reset-section .reset-btn:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          #past-issues__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn:hover, #past-issues__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn:focus,
          #past-issues__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn:hover,
          #past-issues__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn:focus,
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section.filter-reset-section .reset-btn:hover,
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section.filter-reset-section .reset-btn:focus {
            backdrop-filter: brightness(1.05);
            -webkit-backdrop-filter: brightness(1.05); }
          #past-issues__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn .refresh-icon,
          #past-issues__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn .refresh-icon,
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section.filter-reset-section .reset-btn .refresh-icon {
            margin-right: 12px;
            background-image: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/Icons-LFO-new.png"); }
      #past-issues__mobile-filter-modal .filter-category-section .filter-category-heading,
      #past-issues__mobile-sort-modal .filter-category-section .filter-category-heading,
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-heading {
        font-family: "sofia-pro";
        font-weight: 900;
        font-size: 14px;
        font-size: 0.875rem;
        color: #0066a0;
        letter-spacing: 0.5px;
        padding-left: 34px;
        margin-bottom: 19px;
        text-transform: uppercase; }
      #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container ul li,
      #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container ul li,
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container ul li {
        list-style: none; }
        #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container ul li input[type="checkbox"],
        #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container ul li input[type="checkbox"],
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container ul li input[type="checkbox"] {
          display: none; }
        #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container ul li .sw-icon,
        #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container ul li .sw-icon,
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container ul li .sw-icon {
          vertical-align: middle; }
      #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item,
      #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item,
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item {
        font-family: "sofia-pro";
        font-weight: 500;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #165997;
        letter-spacing: 0.3px;
        cursor: pointer;
        width: 100%;
        position: relative;
        margin: 0 auto 15px; }
        #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label,
        #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label,
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label {
          width: 100%;
          margin-bottom: 0;
          position: relative;
          font-weight: 500;
          font-family: "sofia-pro";
          font-weight: 500;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #165997;
          letter-spacing: 0.3px; }
          #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label .checkbox-text, #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label .radio-text,
          #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label .checkbox-text,
          #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label .radio-text,
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label .checkbox-text,
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label .radio-text {
            margin-left: 10px;
            vertical: middle; }
          #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label .sw-icon,
          #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label .sw-icon,
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label .sw-icon {
            position: relative;
            top: -1px;
            cursor: pointer;
            border-radius: 2px;
            width: 30px;
            height: 30px; }
          #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox],
          #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox],
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] {
            display: block;
            opacity: 0;
            position: absolute;
            margin: 0;
            width: 100%;
            height: 100%; }
            #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span,
            #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span,
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span {
              cursor: pointer; }
              #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled,
              #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled,
              .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled {
                background-position: -608px -251px;
                pointer-events: none;
                cursor: default;
                background-color: transparent; }
            #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked,
            #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked,
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked {
              background-position: -628px -990px; }
            #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-checked-disabled,
            #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-checked-disabled,
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-checked-disabled {
              background-position: -608px -251px;
              pointer-events: none;
              cursor: default;
              background-color: transparent; }
          #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio],
          #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio],
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio] {
            display: block;
            opacity: 0;
            position: absolute;
            width: 100%;
            height: 100%; }
            #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked,
            #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked,
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked {
              background-position: -628px -990px; }
            #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-checked-disabled,
            #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-checked-disabled,
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-checked-disabled {
              background-position: -608px -251px;
              pointer-events: none;
              cursor: default;
              background-color: transparent; }
          #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input:focus + span.sw-icon,
          #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input:focus + span.sw-icon,
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input:focus + span.sw-icon {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
  .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section {
    padding-right: 40px;
    width: 73.27%; }
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper {
      height: 13px;
      margin-bottom: 40px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-flex;
        gap: 16px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper span {
        border: none;
        padding-left: 7px;
        margin-right: 10px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper .sort-by-text {
        font-family: "sofia-pro";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #165997;
        padding-left: 9px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper .sort-by-category button {
        border: none;
        border-radius: 2px;
        background: none;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        font-family: "sofia-pro";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #165997; }
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper .sort-by-category button:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper .sort-by-category button:hover, .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper .sort-by-category button:focus {
          text-decoration: underline; }
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper .sort-by-category button.active-sort {
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #033c71; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper .sort-by-category:last-child {
        padding-left: 11px; }
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .search-tiles {
      margin-left: -10px;
      margin-right: -10px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .search-tiles .tile {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px; }
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .search-tiles .tile:nth-child(3n+1) {
          clear: left; }
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-no-results-container {
      margin-top: 150px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-no-results-container .title {
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 36px;
        font-size: 2.25rem;
        color: #143051;
        letter-spacing: 1.5px; }
  .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pagination-directive-wrapper .paginationBottom {
    margin-bottom: 57px; }

#past-issues__mobile-filter-modal,
#past-issues__mobile-sort-modal {
  display: none; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .past-issues-aggregator {
    background-color: #9ed4f3; }
    .past-issues-aggregator .filterSpinnerContainer {
      z-index: 1000; }
      .past-issues-aggregator .filterSpinnerContainer img {
        top: 10%; }
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section {
      display: block;
      padding: 30px 40px 0 40px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li {
          float: left;
          width: 50%;
          background-color: #c6eaff;
          text-align: center; }
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            border-right: 2px solid #9ed4f3; }
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab button {
              border-radius: 8px 1px 1px 8px; }
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px; }
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab button {
              border-radius: 1px 8px 8px 1px; }
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li button {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1;
            color: #00596e;
            letter-spacing: 0.5px;
            outline: unset;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ;
            text-transform: uppercase;
            border: unset;
            background: unset;
            padding: 10px;
            width: 98%; }
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li button:hover, .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
              backdrop-filter: brightness(1.05);
              -webkit-backdrop-filter: brightness(1.05); }
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content {
      margin-top: 30px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .filter-section-container {
        display: none; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pastIssues-section {
        width: 100%;
        padding: 0 32px; }
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pastIssues-section .pastIssues-content .sort-by-wrapper {
          display: none; }
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pastIssues-section .pastIssues-content .search-tiles .tile {
          margin-bottom: 30px; }
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pastIssues-section .pastIssues-content .search-tiles .tile:nth-child(3n+1) {
            clear: none; }
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pastIssues-section .pastIssues-content .search-tiles .tile:nth-child(2n+2) {
            padding-left: 8px; }
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pastIssues-section .pastIssues-content .search-tiles .tile .lfo-content-tile-container {
            margin: 0 auto; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
        margin-bottom: 75px;
        margin-top: 5px; }
  #past-issues__mobile-filter-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #9ed4f3;
    z-index: 100;
    overflow: scroll; }
    #past-issues__mobile-filter-modal .overlay-header {
      padding: 19px 26px 18px 40px;
      background-color: #c6e8fc; }
      #past-issues__mobile-filter-modal .overlay-header .title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.22;
        color: #00596e;
        letter-spacing: normal; }
      #past-issues__mobile-filter-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #past-issues__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #past-issues__mobile-filter-modal .overlay-header .sw-icon.close-icon:hover, #past-issues__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container {
      display: block;
      width: 100%; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .pastIssues-facets {
        margin: 0;
        width: 100%;
        padding: 45px 38px 385px 40px;
        overflow: hidden; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section {
        margin-bottom: 20px;
        border: none;
        padding: 25px 20px 0 34px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-heading {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          padding: 0;
          margin-bottom: 22px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container {
          padding-left: 2px; }
          #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul {
            margin: 0;
            padding: 0; }
            #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item {
              font-family: "sofia-pro-soft";
              font-weight: 500;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1;
              color: #00596e;
              letter-spacing: 0.3px;
              margin: 0 auto 10px; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .sw-icon:not(.refresh-icon) {
                background: url("../../../letsfindout/images/icons/checkbox-sprite.png") no-repeat center;
                width: 40px;
                height: 40px;
                top: 0; }
                #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .sw-icon:not(.refresh-icon).checkbox-unchecked {
                  background-position: -5px -45px; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:checked + span.sw-icon.checkbox-unchecked, #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked {
                background-position: -95px -45px; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-text {
                margin-left: 6px;
                vertical-align: middle; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .radio-text {
                margin-left: 6px;
                vertical-align: middle; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label {
                font-family: "sofia-pro-soft";
                font-weight: 500;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1;
                color: #00596e;
                letter-spacing: 0.3px; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
                margin-bottom: 33px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-month, #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section {
          float: left;
          width: 48.5%;
          margin: 0; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section {
          clear: both;
          padding: 0;
          margin-top: 20px;
          justify-content: flex-start; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-language {
          float: right;
          width: 48.5%;
          margin-left: 20px; }
  #past-issues__mobile-sort-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #9ed4f3;
    z-index: 100;
    overflow: scroll; }
    #past-issues__mobile-sort-modal .overlay-header {
      padding: 19px 26px 18px 40px;
      background-color: #c6e8fc; }
      #past-issues__mobile-sort-modal .overlay-header .title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 1.22;
        color: #00596e;
        letter-spacing: normal; }
      #past-issues__mobile-sort-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #past-issues__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #past-issues__mobile-sort-modal .overlay-header .sw-icon.close-icon:hover, #past-issues__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper {
      padding: 45px 40px 0; }
      #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-text {
        display: none; }
      #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category {
        display: block;
        border-radius: 8px;
        background-color: #c6eaff;
        margin-bottom: 20px;
        text-align: center; }
        #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          text-decoration: none;
          border: none;
          border-radius: 8px;
          background: none;
          width: 100%;
          padding: 8px 10px; }
          #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:hover {
            text-decoration: none; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .past-issues-aggregator {
    background-color: #96dbeb; }
    .past-issues-aggregator .filterSpinnerContainer {
      z-index: 1000; }
      .past-issues-aggregator .filterSpinnerContainer img {
        top: 10%; }
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section {
      display: block;
      padding: 20px 20px 0 20px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul {
        list-style-type: none;
        margin: 0;
        padding: 0; }
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li {
          float: left;
          width: 50%;
          background-color: #bcf0fc;
          text-align: center; }
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            border-right: 2px solid #9ed4f3; }
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab button {
              border-radius: 8px 1px 1px 8px; }
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab {
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px; }
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li.sort-by-tab button {
              border-radius: 1px 8px 8px 1px; }
          .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li button {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 1;
            color: #00596e;
            letter-spacing: 0.5px;
            outline: unset;
            transition: all 0.2s ease-in-out ;
            -webkit-transition: all 0.2s ease-in-out ;
            -moz-transition: all 0.2s ease-in-out ;
            -ms-transition: all 0.2s ease-in-out ;
            -o-transition: all 0.2s ease-in-out ;
            text-transform: uppercase;
            border: unset;
            background: unset;
            padding: 10px;
            width: 98%; }
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
              box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
            .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li button:hover, .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li button:focus {
              backdrop-filter: brightness(1.05);
              -webkit-backdrop-filter: brightness(1.05); }
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content {
      margin-top: 31px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .filter-section-container {
        display: none; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pastIssues-section {
        width: 100%;
        padding: 0 15px; }
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pastIssues-section .pastIssues-content .sort-by-wrapper {
          display: none; }
        .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pastIssues-section .pastIssues-content .search-tiles .tile {
          margin-bottom: 30px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
        margin-bottom: 54px;
        margin-top: 30px; }
  #past-issues__mobile-filter-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #96dbeb;
    z-index: 100;
    overflow: scroll; }
    #past-issues__mobile-filter-modal .overlay-header {
      padding: 15px 21px 11px 27px;
      background-color: #bcf0fc; }
      #past-issues__mobile-filter-modal .overlay-header .title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 1.29;
        color: #00596e;
        letter-spacing: normal; }
      #past-issues__mobile-filter-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #past-issues__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #past-issues__mobile-filter-modal .overlay-header .sw-icon.close-icon:hover, #past-issues__mobile-filter-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container {
      display: block;
      width: 100%; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .pastIssues-facets {
        margin: 0;
        width: 100%;
        padding: 27px 20px 55px; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section {
        width: 100%;
        margin: 0 0 20px 0;
        border: none;
        padding: 28px 20px 0 34px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-heading {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          padding: 0;
          margin-bottom: 22px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container {
          padding-left: 2px; }
          #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul {
            margin: 0;
            padding: 0; }
            #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item {
              font-family: "sofia-pro-soft";
              font-weight: 500;
              font-size: 18px;
              font-size: 1.125rem;
              line-height: 1;
              color: #00596e;
              letter-spacing: 0.3px;
              margin: 0 auto 10px; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .sw-icon:not(.refresh-icon) {
                background: url("../../../letsfindout/images/icons/checkbox-sprite.png") no-repeat center;
                width: 40px;
                height: 40px;
                top: 0; }
                #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .sw-icon:not(.refresh-icon).checkbox-unchecked {
                  background-position: -5px -45px; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=radio]:checked + span.sw-icon.checkbox-unchecked, #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked {
                background-position: -95px -45px; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-text {
                margin-left: 6px;
                vertical-align: middle; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .radio-text {
                margin-left: 6px;
                vertical-align: middle; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label {
                font-family: "sofia-pro-soft";
                font-weight: 500;
                font-size: 18px;
                font-size: 1.125rem;
                line-height: 1;
                color: #00596e;
                letter-spacing: 0.3px; }
              #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
                margin-bottom: 33px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section {
          clear: both;
          margin-top: 20px;
          padding: 0; }
          #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .filter-category-items-container {
            padding: 0;
            margin: 0; }
            #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item,
            #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item:last-child {
              margin: 0; }
  #past-issues__mobile-sort-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: #96dbeb;
    z-index: 100;
    overflow: scroll; }
    #past-issues__mobile-sort-modal .overlay-header {
      padding: 15px 21px 11px 27px;
      background-color: #bcf0fc; }
      #past-issues__mobile-sort-modal .overlay-header .title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 1.29;
        color: #00596e;
        letter-spacing: normal; }
      #past-issues__mobile-sort-modal .overlay-header .sw-icon.close-icon {
        background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
        background-position: -215px -202px;
        width: 30px;
        height: 30px;
        float: right;
        padding: 0;
        margin: 0;
        border: none;
        border-radius: 2px;
        outline: unset;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
        #past-issues__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        #past-issues__mobile-sort-modal .overlay-header .sw-icon.close-icon:hover, #past-issues__mobile-sort-modal .overlay-header .sw-icon.close-icon:focus {
          transform: scale(0.9); }
    #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper {
      padding: 29px 16px 0 24px; }
      #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-text {
        display: none; }
      #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category {
        display: block;
        border-radius: 6px;
        background-color: #c6eaff;
        margin-bottom: 20px;
        text-align: center; }
        #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1;
          color: #00596e;
          letter-spacing: 0.7px;
          outline: unset;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          text-decoration: none;
          border: none;
          border-radius: 6px;
          background: none;
          width: 100%;
          padding: 8px 10px; }
          #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category button:hover {
            text-decoration: none; } }

.page-grid-component-main-container .lfo-content-tile-container .content-tile-body,
.page-grid-component-main-container .lfo-content-tile-container .image-container,
.page-grid-component-main-container .lfo-content-tile-container .lfo-image-container-resource {
  background-color: transparent;
  border: none; }

.page-grid-component-main-container .lfo-content-tile-container .description {
  height: 70px; }

.error-page-wrapper {
  padding: 0; }
  .error-page-wrapper .error-page .error-page-container {
    margin: 0; }
    .error-page-wrapper .error-page .error-page-container .error-page-content {
      margin-top: 100px; }
      .error-page-wrapper .error-page .error-page-container .error-page-content h2 {
        min-height: 47px;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 64px;
        font-size: 4rem;
        line-height: 1;
        color: #005585;
        letter-spacing: normal;
        display: inline-block; }
      .error-page-wrapper .error-page .error-page-container .error-page-content p {
        font-family: "sofia-pro";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.44;
        color: #005585;
        letter-spacing: normal; }
      .error-page-wrapper .error-page .error-page-container .error-page-content .error-btn {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33;
        color: #ffffff;
        letter-spacing: normal;
        background-color: #ea3797;
        height: 40px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        min-width: 210px;
        padding: 4px 0;
        margin-top: 20px; }

/*Tablet styles*/
@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .error-page-wrapper .error-page .error-page-container .error-page-content {
    width: 100%; } }

/*Mobile styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .error-page-wrapper .error-page .error-page-container .error-page-content {
    margin-top: 5%;
    width: 100%; }
    .error-page-wrapper .error-page .error-page-container .error-page-content h2 {
      font-size: 30px;
      height: 82px;
      line-height: 1.33; }
    .error-page-wrapper .error-page .error-page-container .error-page-content p {
      font-size: 18px; }
    .error-page-wrapper .error-page .error-page-container .error-page-content .error-btn {
      font-size: 20px;
      width: 210px; } }

.modal-open .modal.slide-show-popup-wrapper {
  background-color: #06315e; }

.slide-show-component-layout .launch-slide-show-description {
  font-family: "sofia-pro";
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #222222;
  letter-spacing: 0.4px; }

.slide-show-popup-wrapper .modal-content .modal-body .slide-main-wrapper {
  background-color: #e4f6ff; }

.slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slide-show-title {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.2;
  color: #1067af;
  letter-spacing: 0.3px;
  margin-bottom: 10px; }
  .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slide-show-title p b {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.2;
    color: #1067af;
    letter-spacing: 0.3px; }

.slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slideshow-part-of-speech {
  font-family: "sofia-pro";
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #848484;
  letter-spacing: 0.2px; }
  .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slideshow-part-of-speech p i {
    font-family: "sofia-pro";
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    color: #848484;
    letter-spacing: 0.2px; }
  .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slideshow-part-of-speech p b {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    color: #848484;
    letter-spacing: 0.2px; }

.slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slide-show-description {
  font-family: "sofia-pro";
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #222222;
  letter-spacing: 0.4px; }
  .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slide-show-description p i {
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    color: #222222;
    letter-spacing: 0.4px; }
  .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .text-scroll-container .group-slide-show-content .slide-show-description p b {
    font-family: "sofia-pro";
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    color: #222222;
    letter-spacing: 0.4px; }

.slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper .audio-wrapper .sw-icon.sound-big-icon {
  background: url(../../../images/slideshow/Icons-Slideshow.png) no-repeat -110px -98px;
  width: 43px;
  height: 34px; }

.slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper {
  background-color: #13497f; }
  .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-number-wrapper {
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    color: #aeaeae;
    letter-spacing: 0.3px; }
  .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .slide-show-left-icon, .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .slide-show-right-icon {
    margin-left: 15px; }
  .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .sw-icon.slide-show-red-left-arrow-icon, .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .sw-icon.slide-show-red-right-arrow-icon {
    background: url(../../../images/slideshow/Icons-Slideshow.png) no-repeat;
    width: 36px;
    height: 44px; }
  .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .sw-icon.slide-show-red-left-arrow-icon {
    background-position: -227px -98px; }
  .slide-show-popup-wrapper .modal-content .modal-body .slide-number-controls-wrapper .slide-show-controls .sw-icon.slide-show-red-right-arrow-icon {
    background-position: -227px -98px; }

.slide-show-popup-wrapper .modal-content .modal-body .credits-text {
  font-family: "sofia-pro";
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #c5c5c5;
  letter-spacing: 0.3px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper {
    background-color: #e4f6ff; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .slide-show-popup-wrapper .modal-content .modal-body .slide-show-text-wrapper {
    background-color: #e4f6ff; } }

sw-share-popover .popover-toggle {
  position: relative; }
  sw-share-popover .popover-toggle:hover .share-popover-icon .share-popover-icon-circle {
    fill-opacity: 0.9; }
  sw-share-popover .popover-toggle .share-popover-icon {
    height: 36px;
    width: 36px; }
    sw-share-popover .popover-toggle .share-popover-icon .share-popover-icon-base,
    sw-share-popover .popover-toggle .share-popover-icon .share-popover-icon-arrow {
      stroke: white; }
    sw-share-popover .popover-toggle .share-popover-icon .share-popover-icon-circle {
      fill-opacity: unset;
      stroke: unset; }

.lfo-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container .double-arrows-blueRounded-icon {
  background: url("../../images/icons/mbw-games-70x70.svg") no-repeat;
  width: 75px;
  height: 75px; }

.lfo-content-tile-container .image-container .content-image {
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  margin: 0 auto; }

.app-nav-bar-main-container .app-nav-primary {
  background-color: #c2edf7;
  box-shadow: none; }

.app-nav-bar-main-container .dropdown .app-nav-main-item-link.bookmarks, .app-nav-bar-main-container .dropdown .bookmarks.delimitter,
.app-nav-bar-main-container .dropdown .bookmarks.magazine {
  top: -10px; }

.app-nav-bar-main-container .dropdown.bookmark-container {
  right: 120px;
  position: absolute; }

.app-nav-bar-main-container .science-logo {
  width: 21.3%;
  padding-top: 31.1px;
  margin-right: 35px; }
  .app-nav-bar-main-container .science-logo .default-logo {
    background: url("../../images/globalNav/mbw-logo-d-new.png") no-repeat;
    background-size: contain;
    height: 112.9px; }

.app-nav-bar-main-container .login-control .login-modal > a, .app-nav-bar-main-container .login-control .login-toggle, .app-nav-bar-main-container .logged-in-dropdown .login-modal > a, .app-nav-bar-main-container .logged-in-dropdown .login-toggle {
  background: url(../mybigworld-core/styles/core/icons/Icons-MBW-new.png) no-repeat;
  background-position: -405px -18px; }
  .app-nav-bar-main-container .login-control .login-modal > a:focus, .app-nav-bar-main-container .login-control .login-toggle:focus, .app-nav-bar-main-container .logged-in-dropdown .login-modal > a:focus, .app-nav-bar-main-container .logged-in-dropdown .login-toggle:focus {
    outline-color: #25a0d3; }

.app-nav-bar-main-container .login-control ul.login-menu.dropdown-menu li, .app-nav-bar-main-container .logged-in-dropdown ul.login-menu.dropdown-menu li {
  color: #00596E; }
  .app-nav-bar-main-container .login-control ul.login-menu.dropdown-menu li a.dash-board-name, .app-nav-bar-main-container .logged-in-dropdown ul.login-menu.dropdown-menu li a.dash-board-name {
    color: #00596E; }
  .app-nav-bar-main-container .login-control ul.login-menu.dropdown-menu li a.log-out-name, .app-nav-bar-main-container .logged-in-dropdown ul.login-menu.dropdown-menu li a.log-out-name {
    color: #00596E; }
  .app-nav-bar-main-container .login-control ul.login-menu.dropdown-menu li a.subscriptions.js-sdm-portal-link, .app-nav-bar-main-container .logged-in-dropdown ul.login-menu.dropdown-menu li a.subscriptions.js-sdm-portal-link {
    color: #00596E !important; }
  .app-nav-bar-main-container .login-control ul.login-menu.dropdown-menu li a.img-name span.subscribed-magazine-name, .app-nav-bar-main-container .logged-in-dropdown ul.login-menu.dropdown-menu li a.img-name span.subscribed-magazine-name {
    color: #00596E; }

.app-nav-bar-main-container .login-control ul.login-menu.dropdown-menu .my-bookmarks .my-bookmarks-link, .app-nav-bar-main-container .logged-in-dropdown ul.login-menu.dropdown-menu .my-bookmarks .my-bookmarks-link {
  color: #00596E; }

.app-nav-bar-main-container .nav-search-form input {
  border: 2px solid #00a0d3;
  border-radius: 6px;
  padding-top: 8px; }

.app-nav-bar-main-container .nav-search-form button.input-group-addon {
  background: url(../mybigworld-core/styles/core/icons/Icons-MBW-new.png) no-repeat;
  background-position: -545px -19px; }
  .app-nav-bar-main-container .nav-search-form button.input-group-addon:focus {
    outline-color: #25a0d3; }

.app-nav-bar-main-container .nav-menu-close-btn:before, .app-nav-bar-main-container .nav-menu-close-btn:after {
  background: #004f68; }

@media only screen and (min-width: 320px) and (max-width: 992px) {
  .app-nav-bar-main-container .app-nav-header .logged-in-dropdown ul.login-menu.dropdown-menu li.dropdown-title {
    color: #00596E; } }

@media only screen and (min-width: 1440px) {
  .app-nav-bar-main-container .nav-search-form input {
    width: 230px; } }

@media only screen and (min-width: 992px) and (max-width: 1376px) {
  .app-nav-bar-main-container li.science-logo {
    padding-top: 51.1px;
    padding-bottom: 20px; } }

@media only screen and (min-width: 1295px) and (max-width: 1320px) {
  .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(8):not(.bookmark-container) {
    display: block; } }

@media only screen and (min-width: 1170px) and (max-width: 1294px) {
  .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(8):not(.bookmark-container) {
    display: none; } }

@media only screen and (min-width: 1170px) and (max-width: 1190px) {
  .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(7):not(.bookmark-container) {
    display: block; } }

@media only screen and (min-width: 1037px) and (max-width: 1169px) {
  .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(7):not(.bookmark-container), .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(8):not(.bookmark-container) {
    display: none; } }

@media only screen and (min-width: 1037px) and (max-width: 1060px) {
  .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(6):not(.bookmark-container) {
    display: block; } }

@media only screen and (min-width: 992px) and (max-width: 1036px) {
  .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(6):not(.bookmark-container), .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(7):not(.bookmark-container), .app-nav-bar-main-container li.dropdown.js-dropdown:nth-child(8):not(.bookmark-container) {
    display: none; } }

@media only screen and (max-width: 991.5px) {
  .app-nav-bar-main-container .magazine-logo-tablet-mobile {
    background: url("../../images/globalNav/mbw-logo-m-new.png") no-repeat center;
    width: 100%;
    max-width: 165px;
    height: 62px;
    background-size: contain; }
  .app-nav-bar-main-container .app-nav-header .menu-icon-block .nav-menu-icon:focus {
    outline-color: #25a1d4; }
  .app-nav-bar-main-container .app-nav-header .menu-icon-block .nav-menu-icon .sw-icon.hamburger-menu {
    width: 26px;
    height: 15px;
    background: url("../../images/icons/mbw.png") no-repeat center; }
  .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box {
    right: 125px; }
    .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box .search-content .nav-search-form input {
      border: 2px solid #00a0d3;
      border-radius: 6px; }
  .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.bookmark-container {
    padding: 27px 10px 10px 42px;
    margin-bottom: 37px; }
  .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore {
    padding: 10px 10px 10px 45px; }
    .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore a.app-nav-main-item-link, .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .dropdown a.delimitter, .app-nav-bar-main-container .dropdown .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore a.delimitter,
    .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore .dropdown a.magazine, .app-nav-bar-main-container .dropdown .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore a.magazine, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore a.delimitter, .marketing-app-nav-bar-main-container .dropdown .app-nav-bar-main-container .pop-over-menu-div .js-nav-menu ul:first-child.menu-list li.lfo-explore a.magazine {
      padding: 2px 15px 4px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .app-nav-bar-main-container .app-nav-header.navbar-header {
    padding-left: 20px; }
  .app-nav-bar-main-container .app-nav-header .nav-search-box .nav-search-form input {
    border: 2px solid #00a0d3;
    border-radius: 6px; }
  .app-nav-bar-main-container .app-nav-header .search-logo-block {
    padding-top: 9px; }
  .app-nav-bar-main-container .app-nav-header .tab-lfo-bookmark {
    margin-right: 105px;
    margin-top: 18px; }
    .app-nav-bar-main-container .app-nav-header .tab-lfo-bookmark .sw-icon.lfo-bookmark {
      width: 38px;
      height: 42px;
      background-position: -650px -1139px; } }

@media only screen and (max-width: 320px) {
  .app-nav-bar-main-container .app-nav-header .profile-icon-block {
    margin-left: 0; } }

@media only screen and (min-width: 320px) and (max-width: 376px) {
  .app-nav-bar-main-container .app-nav-header .search-icon-block .mobile-search-box {
    right: 100px; } }

.current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper {
  padding: 86px 79px 40px 79px; }
  .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content {
    text-align: center; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content .content-wrapper {
      float: none;
      display: inline-block; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content .content-wrapper .explore-btn {
        margin-top: 36px;
        background-color: #ffffff;
        border: 3px solid #da8100;
        border-radius: 100px;
        padding: 8px 54.4px 11px 55.6px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content .content-wrapper.items-4 {
        margin-right: 5.5%; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content .content-wrapper:last-child {
        position: static;
        margin-right: 0; }

@media (min-width: 768px) and (max-width: 991px) {
  .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper {
    padding: 75px 0 157px 68px; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header {
      padding-bottom: 98px;
      padding-left: 0; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header .header-text {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 50px;
        font-size: 3.125rem;
        line-height: 1.08;
        color: #cc6500;
        letter-spacing: normal; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper {
      float: left;
      margin-left: -24px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:nth-child(2n+1) {
        clear: left; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:first-child {
        clear: none; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:last-child {
        margin-left: -24px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper .lfo-current-issue-img-center {
        max-width: 260px !important;
        max-height: 346px !important; }
        .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper .lfo-current-issue-img-center img {
          max-height: 346px !important; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper .explore-btn {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.08;
        color: #cc6500;
        letter-spacing: normal;
        margin-top: 42px;
        min-width: 193px;
        padding: 2px 51.4px 7px 53.6px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper.items-4 {
        margin-right: 0; } }

@media (min-width: 320px) and (max-width: 767px) {
  .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper {
    padding: 55px 29px 298px 29px; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header {
      padding-left: 0;
      padding-bottom: 99px; }
      .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-header .header-text {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 50px;
        font-size: 3.125rem;
        line-height: 1.08;
        color: #cc6500;
        letter-spacing: normal; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper .explore-btn {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.08;
      color: #cc6500;
      letter-spacing: normal;
      min-width: 193px;
      margin-top: 36px;
      padding: 3px 51.4px 6px 52.6px; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper:last-child {
      margin-top: 60px; }
    .current-issue-hero-component .lfo-current-issue-hero-container .lfo-current-issue-hero-wrapper .lfo-current-issue-hero-content > div.content-wrapper.items-4 {
      margin-right: 0; } }

.teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header {
  padding-bottom: 46px; }
  .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .see-more-link {
    height: 40px;
    position: relative;
    padding: 3px 37.5px;
    top: 5px; }

.teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .planning-btn {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 24px;
  font-size: 1.5rem;
  color: #00738e;
  background-color: #c2edf7;
  border: 0; }

.teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content {
  min-height: 256px;
  background-color: #c2edf7; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .teachers-corner-lfo-main-wrapper {
    padding: 31px 50px 60px 40px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header {
      padding-bottom: 36px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .header-text {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 0.89;
        color: #0093b6;
        letter-spacing: normal; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .see-more-link {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.08;
        color: #00596e;
        letter-spacing: normal;
        border: 3px solid #5dbdd3;
        border-radius: 100px;
        background-color: #ffffff;
        padding-left: 35px;
        padding-right: 35px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section {
      padding: 22px 25px 43px 27px;
      -webkit-border-radius: 14px;
      -moz-border-radius: 14px;
      border-radius: 14px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .desc-title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.17;
        color: #00748e;
        letter-spacing: 0.3px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .desc-content {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #003d4c;
        letter-spacing: 0.2px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .read-more-link {
        padding-top: 25px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .read-more-link a {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 0.78;
          color: #e81c8a;
          letter-spacing: normal; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section {
      float: left;
      padding-left: 28px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .planning-btn {
        min-width: 325px;
        margin-bottom: 32px;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        color: #00748e;
        letter-spacing: normal;
        line-height: normal;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .planning-btn .lfo-calender {
          margin-top: 0; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content {
        min-width: 325px;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
        padding: 18px 34px 33px 36px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info .support-title {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.17;
          color: #00748e;
          letter-spacing: normal; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info .support-links-wrapper a {
          font-family: "sofia-pro";
          font-weight: 500;
          font-size: 18px;
          font-size: 1.125rem;
          color: #00748e;
          letter-spacing: 0.3px;
          line-height: normal;
          padding-top: 10px; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standards-title {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.17;
          color: #00748e;
          letter-spacing: normal;
          font-style: italic; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standard-links-wrapper a {
          font-family: "sofia-pro";
          font-weight: 500;
          font-size: 18px;
          font-size: 1.125rem;
          color: #00748e;
          letter-spacing: 0.3px;
          line-height: normal;
          padding-top: 6px; } }

@media only screen and (max-width: 767px) {
  .teachers-corner-lfo-main-wrapper {
    padding-top: 25px;
    padding-bottom: 30px;
    background-color: #dff9ff; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header {
      padding-bottom: 0; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .header-text {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 0.89;
        color: #0093b6;
        letter-spacing: normal; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-header .planning-btn {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        color: #00748e;
        letter-spacing: normal;
        line-height: normal;
        margin-top: 20px;
        padding-top: 11px;
        padding-bottom: 11px;
        margin-bottom: 26px; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section {
      padding: 18px 15px 39px 17px;
      -webkit-border-radius: 14px;
      -moz-border-radius: 14px;
      border-radius: 14px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .desc-title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.17;
        color: #00748e;
        letter-spacing: 0.3px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .desc-content {
        padding-top: 16px;
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #003d4c;
        letter-spacing: 0.2px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-left-section .teachers-corner-desc-section .read-more-link a {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 0.78;
        color: #e81c8a;
        letter-spacing: normal; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content {
      margin-top: 52px;
      padding: 15px 35px 35px 28px;
      -webkit-border-radius: 14px;
      -moz-border-radius: 14px;
      border-radius: 14px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info .support-title {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.17;
        color: #00748e;
        letter-spacing: normal;
        margin-bottom: 5px; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .support-info .support-links-wrapper a {
        padding-top: 7px;
        font-family: "sofia-pro";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        color: #00748e;
        letter-spacing: 0.3px;
        line-height: normal; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standards-title {
        margin-bottom: 3px;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.17;
        color: #00748e;
        letter-spacing: normal; }
        .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standards-title i {
          font-style: italic; }
      .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .teachers-corner-right-content .standards-section .standard-links-wrapper a {
        padding-top: 9px;
        font-family: "sofia-pro";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        color: #00748e;
        letter-spacing: 0.3px;
        line-height: normal; }
    .teachers-corner-lfo-main-wrapper .teachers-corner-lfo-container .teachers-corner-right-section .see-more-link {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.08;
      color: #00596e;
      letter-spacing: normal;
      background-color: #ffffff;
      border: 3px solid #5dbdd3;
      border-radius: 100px;
      min-width: 180px;
      padding-bottom: 6px; } }

.lfo-recent-issues-container {
  padding-right: 60px; }
  .lfo-recent-issues-container .issue-printable-image {
    position: static; }
  .lfo-recent-issues-container .issues-wrapper {
    margin-left: -20px;
    margin-right: -20px; }
  .lfo-recent-issues-container .issues-container {
    width: 33.33333%;
    max-width: 460px;
    padding-left: 20px;
    padding-right: 20px; }
    .lfo-recent-issues-container .issues-container:first-child {
      padding-right: 20px; }
    .lfo-recent-issues-container .issues-container:last-child {
      padding-left: 20px; }
  .lfo-recent-issues-container .issues-background-wrapper {
    padding-bottom: 31px;
    padding-top: 24px; }
  .lfo-recent-issues-container .issue-date {
    padding-bottom: 26px; }
  .lfo-recent-issues-container .issue-image-wrapper {
    margin-left: 26.5px;
    margin-right: 27.5px; }
    .lfo-recent-issues-container .issue-image-wrapper > div:nth-child(3), .lfo-recent-issues-container .issue-image-wrapper > div:nth-child(4) {
      display: none; }
  .lfo-recent-issues-container .issue-image,
  .lfo-recent-issues-container .issue-printable-image {
    width: 50%;
    padding-left: 16.5px;
    padding-right: 16.5px; }
    .lfo-recent-issues-container .issue-image .img-issue, .lfo-recent-issues-container .issue-printable-image .img-issue {
      max-width: 150px !important;
      max-height: 195px !important; }
    .lfo-recent-issues-container .issue-image img, .lfo-recent-issues-container .issue-printable-image img {
      max-height: 195px !important; }
  .lfo-recent-issues-container .see-more-issues-button {
    border: 3px solid transparent;
    max-width: 288px;
    padding: 6px 48px 10px 48px; }

@media only screen and (min-width: 992px) and (max-width: 1440px) {
  .lfo-recent-issues-container .issue-image-wrapper {
    display: flex;
    align-items: flex-end; }
  .lfo-recent-issues-container .issue-image {
    min-height: unset; }
    .lfo-recent-issues-container .issue-image .img-issue img {
      width: auto !important;
      padding: 0;
      max-height: 187px !important;
      position: relative; }
  .lfo-recent-issues-container .issue-printable-image {
    min-height: unset;
    position: relative; }
    .lfo-recent-issues-container .issue-printable-image .printable div {
      max-height: 187px !important; }
    .lfo-recent-issues-container .issue-printable-image .printable img {
      width: auto;
      max-height: 187px !important;
      position: relative; } }

/*Tablet Styles*/
@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .lfo-recent-issues-container {
    padding: 46px 62px 64px 72px; }
    .lfo-recent-issues-container .issues-wrapper {
      margin: 0; }
    .lfo-recent-issues-container .issues-container {
      width: 100%;
      max-width: none;
      padding: 0 0 43px; }
      .lfo-recent-issues-container .issues-container:first-child {
        padding-right: 0; }
      .lfo-recent-issues-container .issues-container:last-child {
        padding-left: 0;
        padding-bottom: 0; }
    .lfo-recent-issues-container .issue-image {
      width: 50%; }
      .lfo-recent-issues-container .issue-image:first-child {
        padding-left: 0;
        padding-right: 25.5px; }
      .lfo-recent-issues-container .issue-image:last-child {
        padding-left: 25.5px;
        padding-right: 0; }
      .lfo-recent-issues-container .issue-image .img-issue {
        max-width: none !important;
        max-height: 292px !important; }
      .lfo-recent-issues-container .issue-image img {
        max-height: 292px !important; }
    .lfo-recent-issues-container .issue-date {
      line-height: 1.33;
      padding-bottom: 16.5px;
      text-align: center; }
    .lfo-recent-issues-container .issues-background-wrapper {
      border-radius: 27px;
      padding-bottom: 49.5px;
      padding-top: 20px; }
    .lfo-recent-issues-container .issue-image-wrapper {
      padding-left: 64.5px;
      padding-right: 64.5px;
      margin: 0; }
    .lfo-recent-issues-container .see-more-issues-button {
      margin-top: 33px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;
      max-width: 280px;
      padding: 3px 48px 7px 48px;
      line-height: 1.08; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .lfo-recent-issues-container {
    padding: 23px 15px 33px 15px; }
    .lfo-recent-issues-container .issues-container {
      width: 100%;
      max-width: none;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 30px; }
      .lfo-recent-issues-container .issues-container:first-child {
        padding-right: 0;
        padding-bottom: 30px; }
      .lfo-recent-issues-container .issues-container:last-child {
        padding-left: 0;
        padding-bottom: 0; }
    .lfo-recent-issues-container .issues-background-wrapper {
      padding: 22px 22px 31px 22px; }
    .lfo-recent-issues-container .issue-date {
      padding-left: 0;
      padding-bottom: 20px;
      text-align: center; }
    .lfo-recent-issues-container .issue-image-wrapper {
      margin: 0; }
    .lfo-recent-issues-container .issue-image {
      padding-left: 10.5px;
      padding-right: 10.5px;
      padding-bottom: 0; }
      .lfo-recent-issues-container .issue-image:first-child {
        padding-bottom: 0;
        padding-left: 0; }
      .lfo-recent-issues-container .issue-image:nth-child(2) {
        padding-bottom: 0; }
      .lfo-recent-issues-container .issue-image:last-child {
        padding-right: 0; }
      .lfo-recent-issues-container .issue-image img {
        max-height: 181.7px !important;
        /*overriding sw-image directive desktop height value*/ }
      .lfo-recent-issues-container .issue-image .img-issue {
        max-width: none !important;
        /*overriding sw-image directive desktop width value*/
        max-height: 181.7px !important;
        /*overriding sw-image directive desktop height value*/ }
        .lfo-recent-issues-container .issue-image .img-issue img {
          margin: auto; }
    .lfo-recent-issues-container .issue-printable-image .printable div {
      margin: 0 auto; }
    .lfo-recent-issues-container .issue-printable-image .printable img {
      margin: 0 auto;
      position: static; }
    .lfo-recent-issues-container .issues-wrapper {
      margin: 0; }
    .lfo-recent-issues-container .see-more-issues-button {
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;
      max-width: 280px;
      padding: 3px 48px 5.5px 48px;
      line-height: 1.08; } }

.home-page-archive-bar-container {
  background-color: #8fe1f4;
  min-height: auto; }
  .home-page-archive-bar-container .images-row {
    margin-top: 30px; }
    .home-page-archive-bar-container .images-row .archive-blocks {
      box-shadow: none;
      height: 130px;
      display: flex;
      padding: 0;
      padding-left: 30px; }
      .home-page-archive-bar-container .images-row .archive-blocks .archive-names {
        margin: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 0 0 0 95px; }
        .home-page-archive-bar-container .images-row .archive-blocks .archive-names:last-child {
          padding: 0 0 0 115px; }
    .home-page-archive-bar-container .images-row .icon-image {
      padding-top: 0;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .home-page-archive-bar-container .images-row .icon-image .icon-image-link img {
        margin: 5px 0 0 25px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .home-page-archive-bar-container {
    padding: 40px 30px 48px 30px; }
    .home-page-archive-bar-container .images-row .archive-blocks {
      margin-bottom: 20px;
      margin-left: 10px;
      margin-right: 10px; }
    .home-page-archive-bar-container .archive-title {
      padding-left: 10px; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .home-page-archive-bar-container {
    padding: 30px 7px 32px 7px; }
    .home-page-archive-bar-container .images-row .archive-blocks {
      margin-bottom: 30px; }
    .home-page-archive-bar-container .archive-title {
      padding-left: 20px; } }

.academic-standards-wrapper {
  margin-top: 40px;
  margin-bottom: 40px; }
  .academic-standards-wrapper .academic-standards h1, .academic-standards-wrapper .academic-standards h2, .academic-standards-wrapper .academic-standards p .header {
    margin-bottom: 27px; }
  .academic-standards-wrapper .download {
    display: none; }

/*Tablet Styles*/
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .academic-standards-wrapper {
    margin-left: 24px;
    margin-top: 60px; }
    .academic-standards-wrapper .academic-standards h1, .academic-standards-wrapper .academic-standards h2, .academic-standards-wrapper .academic-standards p .header {
      color: #004f68; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .academic-standards-wrapper {
    margin-right: 21px;
    margin-top: 50px; }
    .academic-standards-wrapper .academic-standards h1, .academic-standards-wrapper .academic-standards h2, .academic-standards-wrapper .academic-standards p .header {
      color: #004f68; }
    .academic-standards-wrapper .academic-standards p {
      color: #004f68; }
    .academic-standards-wrapper .academic-standards h3, .academic-standards-wrapper .academic-standards p .title {
      color: #004f68; } }

.issuePage-additionalIssues-wrapper .additionalIssues-content-container {
  padding: 25px 63px; }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .issuePage-additionalIssues-wrapper {
    padding-left: 34px;
    margin-top: 62px; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container {
      padding: 40px 55px 19.9px 56px;
      background-color: #bcf0fc; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img {
        max-width: 162px !important;
        max-height: 214px !important;
        border: 1px solid #6dbdce; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img img {
          max-height: 214px !important; }
    .issuePage-additionalIssues-wrapper .additionalIssues-heading .main-heading {
      color: #004f68; } }

@media only screen and (max-width: 767.5px) {
  .issuePage-additionalIssues-wrapper {
    margin-bottom: 55px;
    margin-top: 50px; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container {
      padding: 40px 66px 42.4px 67px;
      background-color: #bcf0fc; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container:last-child {
        margin-top: 0; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img {
        max-width: 202px !important;
        max-height: 268px !important;
        border: 1px solid #6dbdce; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img img {
          max-height: 268px !important; }
    .issuePage-additionalIssues-wrapper .additionalIssues-heading .main-heading {
      color: #004f68; } }

.contact-us-layout .contact-us-wrapper {
  background-color: inherit; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p {
    text-align: justify; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p a {
      color: #007599; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li {
    padding: 0 21px; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li .info-text {
      line-height: 1;
      margin-top: 6px; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li p {
      margin-bottom: 13px; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li .contact-detail-text span.sw-icon.phone-icon {
      background-position: -606px -45px; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .sl-no {
    margin-left: 15px; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container p {
    margin-bottom: 19px; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label .sw-icon.radio-unchecked-icon.checked {
    background-position: -746px -862px; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-submit-btn {
    padding: 0;
    margin-bottom: 49px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #007599; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row select {
    background: #f7feff url("../../images/dropdown-arrow.png") no-repeat;
    /*sagar*/
    background-position: right 13px center; }

/*Tablet Styles*/
@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .contact-us-layout .contact-us-wrapper {
    padding-right: 37px; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form {
      padding-right: 30px; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .back-to-top {
      padding-left: 70px;
      margin-left: 0; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info {
      padding-right: 0;
      margin-right: 0;
      margin-left: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text {
        padding-right: 0; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul {
        padding: 0; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li {
          padding: 15px 20px 15px 60px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.fax {
            padding-left: 60px; }
          .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.unlinked-number {
            padding-left: 70px; }
            .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li.unlinked-number.an-order {
              padding-left: 70px; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar {
    margin-right: 0; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul {
      padding: 26.5px 86px 3px 31px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li {
        padding-bottom: 0; }
        .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-bar ul li p {
          letter-spacing: normal; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text {
    padding-right: 0px; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-info .contact-info-text p {
      text-align: initial; }
  .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions {
    margin-top: 35px; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container {
      margin-bottom: 30px; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container p {
        margin-bottom: 22px;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.1;
        color: #004f68;
        letter-spacing: normal; }
      .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .question-row .question-container label {
        font-weight: 500; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-form-row label {
      font-family: "sofia-pro-soft";
      font-weight: 500;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.22;
      color: #005f7c;
      letter-spacing: normal;
      font-weight: 500; }
    .contact-us-layout .contact-us-wrapper .contact-us-container .contactus-right-container .contact-form-questions .contact-form-container .contact-form .contact-submit-btn {
      padding-bottom: 6px;
      min-width: 210px; } }

.email-form-thankyou-container {
  background-color: inherit; }
  .email-form-thankyou-container .email-thankyou-wrapper .email-form-all-fields-container .send-button-wrapper {
    margin-bottom: 48px; }

@media (min-width: 992px) {
  .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-cta-button {
    padding: 5px 0 10px;
    width: 85%; }
  .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper {
    padding-left: 40px; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-icon-container {
      width: 20%;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-icon-container .lfo-resource-icon-text {
        padding-top: 10px; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-title {
      text-align: left;
      padding-left: 33px;
      padding-right: 8px;
      width: 55%; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .video-thumbnail .video-play-icon {
      top: 53%; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .game-thumbnail .content-module .content-module-container .content-one-up .img-container .popup-img-icon {
      top: 55%; }
      .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .game-thumbnail .content-module .content-module-container .content-one-up .img-container .popup-img-icon .sw-icon {
        background: url("../../images/icons/mbw-games-48x48.svg") no-repeat;
        width: 51px;
        height: 51px; } }

@media (max-width: 991.5px) and (min-width: 768px) {
  .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .image-placeholder {
    margin-bottom: 27.4px; }
  .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-cta-button {
    width: 270px;
    padding: 4px 0 7px;
    border: solid 3px #e81c8a; }
  .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-header-text {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 0.75;
    color: #004f68;
    letter-spacing: normal; }
  .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper {
    padding-right: 25px; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .extend-header-text {
      color: #004f68;
      letter-spacing: normal; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-thumbnail .game-thumbnail .content-module .content-module-container .content-one-up .img-container .popup-img-icon .sw-icon {
      background-position: -661px -1071px;
      width: 51px;
      height: 51px; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-icon-container .lfo-resource-icon-text {
      line-height: normal; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.activity-tile .lfo-resource-icon-container .lfo-resource-icon-text {
      line-height: 1.21; } }

@media (max-width: 767.5px) {
  .lfo-issue-page-main-wrapper {
    padding-top: 50px; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .image-placeholder {
      margin-bottom: 21.4px;
      margin-left: 8px; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-header-text {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 0.75;
      color: #004f68;
      letter-spacing: normal;
      margin-left: 8px; }
    .lfo-issue-page-main-wrapper .lfo-issue-left-wrapper .explore-cta-button {
      width: 270px;
      padding: 4px 0 7px;
      border: solid 3px #e81c8a; }
    .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper {
      margin-top: 54px; }
      .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .extend-header-text {
        color: #004f68;
        letter-spacing: normal; }
      .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources {
        margin: 25px 0; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-icon-container .lfo-resource-icon-text {
          line-height: normal; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources.activity-tile .lfo-resource-icon-container .lfo-resource-icon-text {
          line-height: 1.21; }
        .lfo-issue-page-main-wrapper .lfo-issue-right-wrapper .lfo-resource-container .lfo-resources .lfo-resource-title {
          margin: auto 0;
          padding-left: 15px; } }

.issuePage-header-wrapper .header-container .header-title-container {
  padding-bottom: 25px; }
  .issuePage-header-wrapper .header-container .header-title-container .header-bookmark {
    padding-right: 40px;
    height: 40px; }
    .issuePage-header-wrapper .header-container .header-title-container .header-bookmark a {
      display: flex;
      align-items: center; }
    .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.lfo-kid-view-button {
      margin-right: 43px; }
    .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.lfo-big-bookmarked-icon {
      width: 37px;
      height: 41px;
      background-position: -650px -1140px;
      margin: 0; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.lfo-big-bookmarked-icon + .sw-icon.bookmarked-icon {
        background-position: -509px -1071px;
        width: 37px;
        height: 41px; }
  .issuePage-header-wrapper .header-container .header-title-container .title-text {
    margin-top: 10px; }

/*Tablet Styles*/
@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .issuePage-header-wrapper .header-container {
    padding-top: 20px; }
    .issuePage-header-wrapper .header-container .header-title-container {
      display: flex; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark {
        float: right;
        margin-top: 0;
        padding-right: 41.2px; }
        .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.lfo-big-bookmarked-icon {
          width: 37px;
          height: 41px;
          background-position: -650px -1140px;
          margin: 0; }
          .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.lfo-big-bookmarked-icon + .sw-icon.bookmarked-icon {
            background-position: -509px -1071px;
            width: 37px;
            height: 41px; }
      .issuePage-header-wrapper .header-container .header-title-container .title-text {
        margin-top: 3px;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 0.45;
        color: #855e00; }
    .issuePage-header-wrapper .header-container .header-date .issue-date {
      margin-bottom: 15px; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .issuePage-header-wrapper .header-container {
    padding-top: 19px;
    background-color: #ffd64a; }
    .issuePage-header-wrapper .header-container .header-date .issue-date {
      margin-bottom: 0; }
    .issuePage-header-wrapper .header-container .header-title-container {
      padding-bottom: 22px;
      display: flex; }
      .issuePage-header-wrapper .header-container .header-title-container .title-text {
        margin-bottom: 0;
        line-height: 1.17;
        font-size: 36px;
        margin-top: 13px; }
      .issuePage-header-wrapper .header-container .header-title-container .header-bookmark {
        padding-right: 20px;
        height: 40px;
        margin-top: 50px;
        padding-left: 55px; }
        .issuePage-header-wrapper .header-container .header-title-container .header-bookmark a {
          display: inherit;
          align-items: normal; }
        .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.lfo-big-bookmarked-icon {
          margin-left: 0;
          margin-top: 0;
          width: 37px;
          height: 41px;
          background-position: -650px -1140px; }
          .issuePage-header-wrapper .header-container .header-title-container .header-bookmark .sw-icon.lfo-big-bookmarked-icon + .sw-icon.bookmarked-icon {
            background-position: -509px -1071px;
            width: 37px;
            height: 41px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles {
    margin-top: 10px; }
    .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .icon-description-wrapper {
      margin-bottom: 22px;
      padding-left: 19px; }
      .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .icon-description-wrapper .printable-description {
        font-family: "sofia-pro-soft";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #004f68;
        letter-spacing: normal; }
    .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .printables-row > div.printable-content:nth-child(2n+1) {
      padding-left: 20px;
      padding-right: 10px; }
    .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .printables-row > div.printable-content:nth-child(2n) {
      padding-left: 10px;
      padding-right: 20px; }
    .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .lfo-printables {
      padding-left: 19px;
      margin-bottom: 27px; }
  .article-resources-main-container#issueTeachingResources .lfo-content-tile-container {
    max-width: 325px; }
    .article-resources-main-container#issueTeachingResources .lfo-content-tile-container .content-tile-body {
      height: 400px; }
      .article-resources-main-container#issueTeachingResources .lfo-content-tile-container .content-tile-body .title {
        line-height: 1.2; }
    .article-resources-main-container#issueTeachingResources .lfo-content-tile-container .lfo-image-container-resource, .article-resources-main-container#issueTeachingResources .lfo-content-tile-container .image-container {
      max-width: 325px; } }

@media (min-width: 320px) and (max-width: 767px) {
  .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles {
    padding-top: 10px; }
    .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .lfo-printables {
      color: #004f68;
      margin-bottom: 27px;
      padding-left: 0; }
    .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .icon-description-wrapper {
      margin-bottom: 24px;
      padding-left: 0;
      padding-right: 5px; }
      .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .icon-description-wrapper .printable-description {
        font-family: "sofia-pro-soft";
        font-weight: 500;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #004f68;
        letter-spacing: normal; }
    .article-resources-main-container#issueTeachingResources .article-resources-content .article-tiles .printables-row > div.printable-content {
      margin-top: 20px; }
  .article-resources-main-container#issueTeachingResources .lfo-content-tile-container .content-tile-body .lfo-content-tile-title .display-date {
    font-family: "sofia-pro-soft";
    font-weight: 500;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #2889a0;
    letter-spacing: normal; }
  .article-resources-main-container#issueTeachingResources .lfo-content-tile-container .content-tile-body .title {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    color: #00596e;
    letter-spacing: normal; } }

.pagination-directive-wrapper .paginationBottom ul li.pageLabel select {
  background: #ffffff url("../../images/MBW-pagination-dropdown.png") no-repeat;
  background-position: right 5px center; }

.pagination-directive-wrapper .paginationBottom ul li.pageLabel .pageNumberSelect::after {
  display: none; }

@media only screen and (min-width: 320px) and (max-width: 991px) {
  .pagination-directive-wrapper .paginationBottom ul li {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
    line-height: 0.94;
    color: #004f68;
    letter-spacing: 1px; }
    .pagination-directive-wrapper .paginationBottom ul li a {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 0.94;
      color: #004f68;
      letter-spacing: 1px; }
    .pagination-directive-wrapper .paginationBottom ul li.pageLabel {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 0.94;
      color: #004f68;
      letter-spacing: 1px; }
      .pagination-directive-wrapper .paginationBottom ul li.pageLabel select {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 0.94;
        color: #004f68;
        letter-spacing: 1px; } }

.questions-set .question-block .question {
  font-family: "sofia-pro-soft";
  font-weight: 500;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 2;
  color: #008fbc; }

.search-resources-main-container .search-main-content .main-title {
  padding-top: 30px;
  padding-bottom: 30px; }

#search-results__mobile-filter-modal .filter-category-section,
#search-results__mobile-sort-modal .filter-category-section,
#content-hub__mobile-filter-modal .filter-category-section,
#content-hub__mobile-sort-modal .filter-category-section,
.search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section {
  border: none; }
  #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .sw-icon,
  #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .sw-icon,
  #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .sw-icon,
  #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .sw-icon,
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .sw-icon {
    top: 0; }
  #search-results__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text,
  #search-results__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text,
  #content-hub__mobile-filter-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text,
  #content-hub__mobile-sort-modal .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text,
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-wrapper .filter-category-items-container ul .filter-category-item .checkbox-wrapper .checkbox-text {
    top: 8px;
    left: 0; }
  #search-results__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn span,
  #search-results__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn span,
  #content-hub__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn span,
  #content-hub__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn span,
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn span {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #ae257a; }
    #search-results__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn span.refresh-icon,
    #search-results__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn span.refresh-icon,
    #content-hub__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn span.refresh-icon,
    #content-hub__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn span.refresh-icon,
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .reset-btn span.refresh-icon {
      background-image: url("../mybigworld-core/styles/core/icons/Icons-MBW-new.png"); }
  #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
  #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
  #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
  #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled,
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox] + .sw-icon.checkbox-unchecked.checkbox-checked-disabled {
    background-position: -606px -251px;
    background-color: transparent; }
  #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked,
  #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked,
  #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked,
  #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked,
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-unchecked {
    background-position: -626px -991px; }
  #search-results__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-checked-disabled,
  #search-results__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-checked-disabled,
  #content-hub__mobile-filter-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-checked-disabled,
  #content-hub__mobile-sort-modal .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-checked-disabled,
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + .sw-icon.checkbox-checked-disabled {
    background-position: -606px -251px; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search-resources-main-container .search-main-content .main-title {
    padding: 16px 40px 20px;
    margin-top: 1px; }
  .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab {
    border-right: 2px solid #88cad8; }
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content {
    padding-top: 31px; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
      margin-bottom: 109px;
      margin-top: 11px; }
  .content-hub-main-container .search-main-content .articles-resources-issues-container .tab-content {
    padding-top: 32px; }
    .content-hub-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
      margin-bottom: 114px;
      margin-top: 5px; }
  #search-results__mobile-filter-modal .overlay-header .sw-icon.close-icon, #content-hub__mobile-filter-modal .overlay-header .sw-icon.close-icon {
    background: url("../../images/icons/close.png") no-repeat center;
    width: 30px;
    height: 30px; }
  #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item {
    margin: 0 auto 9px; }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon.checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon.checkbox-unchecked {
      background-position: -140px -45px; }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-text {
      margin-top: 8px;
      margin-left: 30px; }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked {
      background-position: -50px -90px; }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked {
      background-position: -50px -90px; }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled {
      background-position: -5px -90px; }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper span.checkbox-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper span.checkbox-text {
      top: 10px;
      left: 6px;
      margin-top: 3px; }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .radio-wrapper span.radio-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .radio-wrapper span.radio-text {
      top: 10px;
      left: 6px; }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
      margin-bottom: 33px; }
  #search-results__mobile-sort-modal .overlay-header .sw-icon.close-icon, #content-hub__mobile-sort-modal .overlay-header .sw-icon.close-icon {
    background: url("../../images/icons/close.png") no-repeat center;
    width: 30px;
    height: 30px; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .search-resources-main-container .search-main-content .main-title {
    padding: 5px 20px 18px; }
  .search-resources-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section {
    padding: 30px 20px 0 20px; }
  .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content {
    padding-top: 30px; }
    .search-resources-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
      margin-bottom: 87px;
      margin-top: 0; }
  .content-hub-main-container .search-main-content .articles-resources-issues-container .mobile-filter-tab-section {
    padding: 20px 20px 0 20px; }
  .content-hub-main-container .search-main-content .articles-resources-issues-container .tab-content {
    padding-top: 32px; }
    .content-hub-main-container .search-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
      margin-bottom: 77px;
      margin-top: 2px; }
  #search-results__mobile-filter-modal .overlay-header, #content-hub__mobile-filter-modal .overlay-header {
    padding: 7px 20px 10px;
    background-color: #c2edf7; }
    #search-results__mobile-filter-modal .overlay-header .sw-icon.close-icon, #content-hub__mobile-filter-modal .overlay-header .sw-icon.close-icon {
      background: url("../../images/icons/close.png") no-repeat center;
      width: 30px;
      height: 30px;
      margin-top: 10px; }
  #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets {
    padding: 29px 20px 26px; }
    #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item {
      margin: 0 auto 9px; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon.checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item label span.sw-icon.checkbox-unchecked {
        background-position: -140px -45px; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item label span.checkbox-text {
        margin-top: 8px;
        margin-left: 30px; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked {
        background-position: -50px -90px; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked {
        background-position: -50px -90px; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox][disabled] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled {
        background-position: -5px -90px; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper span.checkbox-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-wrapper span.checkbox-text {
        top: 10px;
        left: 6px;
        margin-top: 3px; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item .radio-wrapper span.radio-text, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item .radio-wrapper span.radio-text {
        top: 10px;
        left: 6px; }
      #search-results__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item:last-child, #content-hub__mobile-filter-modal .overlay-wrapper .filter-section-container .search-facets .filter-category-section .filter-category-items-container ul .filter-category-item:last-child {
        margin-bottom: 33px; }
  #search-results__mobile-sort-modal .overlay-header, #content-hub__mobile-sort-modal .overlay-header {
    padding: 7px 20px 10px;
    background-color: #c2edf7; }
    #search-results__mobile-sort-modal .overlay-header .sw-icon.close-icon, #content-hub__mobile-sort-modal .overlay-header .sw-icon.close-icon {
      background: url("../../images/icons/close.png") no-repeat center;
      width: 30px;
      height: 30px;
      margin-top: 10px; }
  #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper {
    padding: 30px 20px 0 20px; }
    #search-results__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category, #content-hub__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category {
      padding: 0;
      margin-bottom: 20px;
      border-radius: 8px; } }

.flexible-title-hyperlink.textHyperlink-container {
  background-color: #ffd64a; }
  .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text {
    background-color: #ffd64a;
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 36px;
    font-size: 2.25rem;
    color: #00596e;
    letter-spacing: 1.5px; }

@media (max-width: 991px) and (min-width: 768px) {
  .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text {
    margin-left: 15.9px;
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 0.98;
    color: #00596e;
    letter-spacing: normal; } }

@media (max-width: 767.5px) {
  .flexible-title-hyperlink.textHyperlink-container .textHyperlink-wrapper .textHyperlink-text {
    margin-left: 21px;
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 32px;
    font-size: 2rem;
    color: #00596e;
    letter-spacing: 1.3px;
    line-height: normal; } }

.textHyperlink-container-wrapper .textHyperlink-wrapper .textHyperlink-text {
  background-color: #ffd64a;
  min-height: 94px;
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 1;
  color: #00596e;
  margin: 0; }
  .textHyperlink-container-wrapper .textHyperlink-wrapper .textHyperlink-text img {
    height: 60px;
    padding-right: 7px;
    display: inline-block; }
  .textHyperlink-container-wrapper .textHyperlink-wrapper .textHyperlink-text span {
    display: inline-block; }

.textHyperlink-container-wrapper .textHyperlink-link {
  padding-right: 10px; }

/*Tablet Styles*/
@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .textHyperlink-container-wrapper .textHyperlink-wrapper .textHyperlink-text {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 0.98;
    color: #00596e;
    letter-spacing: normal;
    min-height: 80px; }
    .textHyperlink-container-wrapper .textHyperlink-wrapper .textHyperlink-text img {
      padding-right: 0;
      height: 50px;
      margin: 0; } }

/*Mobile Styles*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .textHyperlink-container-wrapper .textHyperlink-wrapper .textHyperlink-text {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 0.98;
    color: #00596e;
    letter-spacing: normal; }
    .textHyperlink-container-wrapper .textHyperlink-wrapper .textHyperlink-text img {
      height: 50px;
      padding-right: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-category-wrapper {
    width: 305px;
    margin-bottom: 64px;
    margin-left: 34px; }
    .blog-category-wrapper .blog-categories .blog-category-heading {
      margin-top: 24px;
      margin-bottom: 32px; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .blog-category-wrapper {
    width: 330px; }
    .blog-category-wrapper .blog-categories .blog-category-heading {
      margin-top: 28px;
      margin-bottom: 32px; } }

.issuePage-additionalIssues-wrapper .additionalIssues-content-container {
  padding: 25px 63px; }

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .issuePage-additionalIssues-wrapper {
    padding-left: 34px;
    margin-top: 62px; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container {
      padding: 40px 55px 19.9px 56px;
      background-color: #bcf0fc; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img {
        max-width: 162px !important;
        max-height: 214px !important;
        border: 1px solid #6dbdce; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img img {
          max-height: 214px !important; }
    .issuePage-additionalIssues-wrapper .additionalIssues-heading .main-heading {
      color: #004f68; } }

@media only screen and (max-width: 767.5px) {
  .issuePage-additionalIssues-wrapper {
    margin-bottom: 55px;
    margin-top: 50px; }
    .issuePage-additionalIssues-wrapper .additionalIssues-content-container {
      padding: 40px 66px 42.4px 67px;
      background-color: #bcf0fc; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container:last-child {
        margin-top: 0; }
      .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img {
        max-width: 202px !important;
        max-height: 268px !important;
        border: 1px solid #6dbdce; }
        .issuePage-additionalIssues-wrapper .additionalIssues-content-container .issue-container .issue-thumbnail .issue-img img {
          max-height: 268px !important; }
    .issuePage-additionalIssues-wrapper .additionalIssues-heading .main-heading {
      color: #004f68; } }

.bookmarks-main-container .bookmarks-main-content .bookmarks-header .title-container:before {
  background: url("../mybigworld-core/styles/core/icons/Icons-MBW-new.png") no-repeat;
  width: 38px;
  height: 42px;
  background-position: -650px -1139px;
  margin-top: -10px; }

#my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item span,
#my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item:last-child span,
#my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item span,
#my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item:last-child span,
.bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item span,
.bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item:last-child span {
  font-family: "sofia-pro";
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  color: #ae257a; }
  #my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item span.refresh-icon,
  #my-bookmarks__mobile-filter-modal .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item:last-child span.refresh-icon,
  #my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item span.refresh-icon,
  #my-bookmarks__mobile-sort-modal .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item:last-child span.refresh-icon,
  .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item span.refresh-icon,
  .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .filter-section-container .filter-category-section.filter-reset-section .filter-category-items-container ul li.filter-category-item:last-child span.refresh-icon {
    background-image: url("../mybigworld-core/styles/core/icons/Icons-MBW-new.png"); }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bookmarks-main-container {
    background-color: #96dbeb; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-header {
      background-color: #ffd64a; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section {
      background-color: #96dbeb; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li {
        background-color: #bcf0fc; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
      margin-bottom: 76px;
      margin-top: 19px; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .bookmarks-main-container {
    background-color: #96dbeb; }
    .bookmarks-main-container .bookmarks-main-content .bookmarks-header {
      background-color: #ffd64a; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section {
      background-color: #96dbeb;
      padding: 30px 20px 0 20px; }
      .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li {
        background-color: #bcf0fc; }
        .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab {
          border-right: 2px solid #96dbeb; }
    .bookmarks-main-container .bookmarks-main-content .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
      margin-bottom: 84px;
      margin-top: 4px; } }

.marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .sw-icon.phone-icon {
  width: 12px;
  height: 14px;
  background-position: -190px -1117px; }

.marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink a {
  line-height: 2.14; }

.marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .liveIcon {
  background: url(../mybigworld-core/styles/core/icons/Icons-MBW-new.png) no-repeat;
  width: 15px;
  height: 15px;
  background-position: -43px -1170px; }

.marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button-icon {
  background: url(../mybigworld-core/styles/core/icons/Icons-MBW-new.png) no-repeat;
  background-position: -43px -1170px; }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button-label {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 0.65;
    color: #00596e;
    letter-spacing: normal; } }

@media (min-width: 768px) and (max-width: 992px) {
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .cmp-live-chat .cmp-live-chat__button-label {
    font-family: "sofia-pro";
    font-weight: 500;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.14;
    color: #00596e;
    letter-spacing: normal; } }

@media only screen and (max-width: 767.5px) and (min-width: 320px) {
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerTitle {
    font-family: "sofia-pro";
    font-weight: 900;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.18;
    color: #00596e;
    letter-spacing: 0.3px; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink a {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 0.65;
    color: #00596e;
    letter-spacing: normal; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .livelink {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 0.65;
    color: #00596e;
    letter-spacing: normal; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerlinks {
    font-family: "sofia-pro-soft";
    font-weight: 500;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.47;
    color: #00596e;
    letter-spacing: normal; }
  .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .links a {
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem;
    color: #175997;
    letter-spacing: 0.3px; }
  .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .desc {
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.4;
    color: #000000;
    letter-spacing: 0.3px; } }

@media (min-width: 768px) and (max-width: 992px) {
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .phonelink a {
    font-family: "sofia-pro";
    font-weight: 500;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.14;
    color: #00596e;
    letter-spacing: normal; }
  .marketing-globalFooter-main-container .globalFooter-content .footerContentWrapper .footerPhoneNo .livelink {
    font-family: "sofia-pro";
    font-weight: 500;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.14;
    color: #00596e;
    letter-spacing: normal; }
  .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom {
    width: 100%;
    float: left; }
    .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .links a {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 11px;
      font-size: 0.6875rem;
      color: #175997;
      letter-spacing: 0.3px; }
    .marketing-globalFooter-main-container .globalFooter-content .globalFooter-bottom .keep-right .desc {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.27;
      color: #000000;
      letter-spacing: 0.3px; } }

.pastIssueGrid-main-content {
  display: none; }

.past-issues-aggregator .pastIssueGrid-main-container .image-container .tall-image {
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

#past-issues__mobile-filter-modal .filter-category-section,
#past-issues__mobile-sort-modal .filter-category-section,
.past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section {
  background-color: #bcf0fc; }
  #past-issues__mobile-filter-modal .filter-category-section .filter-category-heading,
  #past-issues__mobile-sort-modal .filter-category-section .filter-category-heading,
  .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-heading {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 2;
    color: #00596e; }
  #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label,
  #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label,
  .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #00596e; }
    #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span.sw-icon.checkbox-unchecked, #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio] + span.sw-icon.checkbox-unchecked,
    #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span.sw-icon.checkbox-unchecked,
    #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio] + span.sw-icon.checkbox-unchecked,
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span.sw-icon.checkbox-unchecked,
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio] + span.sw-icon.checkbox-unchecked {
      background-position: -606px -211px;
      width: 29px;
      height: 29px; }
      #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled, #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled,
      #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled,
      #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled,
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled,
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio] + span.sw-icon.checkbox-unchecked.checkbox-checked-disabled {
        background-position: -605px -251px; }
    #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked, #past-issues__mobile-filter-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked,
    #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked,
    #past-issues__mobile-sort-modal .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked,
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked,
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section .filter-category-items-container .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked {
      background-position: -625px -991px; }
  #past-issues__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn span,
  #past-issues__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn span,
  .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section.filter-reset-section .reset-btn span {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #bf0039;
    letter-spacing: 0.5px; }
    #past-issues__mobile-filter-modal .filter-category-section.filter-reset-section .reset-btn span.refresh-icon,
    #past-issues__mobile-sort-modal .filter-category-section.filter-reset-section .reset-btn span.refresh-icon,
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .filter-section-container .filter-category-section.filter-reset-section .reset-btn span.refresh-icon {
      background-image: url("../mybigworld-core/styles/core/icons/Icons-MBW-new.png"); }

.past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper .sort-by-text {
  font-family: "sofia-pro-soft";
  font-weight: 500;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  color: #004f68; }

.past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .sort-by-wrapper .sort-by-category button {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  color: #004f68; }

.past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .pastIssues-section .pastIssues-content .search-tiles .tile:nth-child(3n+1) {
  clear: left; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .past-issues-aggregator {
    background-color: #96dbeb; }
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li {
      background-color: #bcf0fc; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab {
        border-right: 2px solid #88cad8; }
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content {
      margin-top: 40px; }
      .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
        margin-bottom: 63px;
        margin-top: 6px; }
  #past-issues__mobile-filter-modal {
    background-color: #96dbeb; }
    #past-issues__mobile-filter-modal .overlay-header {
      padding: 19px 26px 18px 40px;
      background-color: #c2edf7; }
      #past-issues__mobile-filter-modal .overlay-header .sw-icon.close-icon {
        background: url("../../images/icons/close.png") no-repeat center;
        width: 30px;
        height: 30px; }
    #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .pastIssues-facets {
      padding: 45px 38px 385px 40px;
      overflow: hidden; }
    #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section {
      margin-bottom: 20px;
      border: none;
      padding: 28px 20px 0 34px; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-heading {
        padding: 0;
        margin-bottom: 21px; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .sw-icon.checkbox-unchecked {
        background-position: -140px -45px; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked, #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked {
        background-position: -50px -90px; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-text {
        margin-left: 6px;
        vertical-align: middle; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .radio-text {
        margin-left: 6px;
        vertical-align: middle; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn span {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #bf0039;
        letter-spacing: 0.5px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn span.refresh-icon {
          background-image: url("../mybigworld-core/styles/core/icons/Icons-MBW-new.png"); }
  #past-issues__mobile-sort-modal {
    background-color: #96dbeb; }
    #past-issues__mobile-sort-modal .overlay-header {
      padding: 19px 26px 18px 40px;
      background-color: #c2edf7; }
      #past-issues__mobile-sort-modal .overlay-header .sw-icon.close-icon {
        background: url("../../images/icons/close.png") no-repeat center;
        width: 30px;
        height: 30px; }
    #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper {
      padding: 45px 40px 0; }
      #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category {
        border-radius: 8px;
        background-color: #bcf0fc; } }

@media only screen and (min-width: 320px) and (max-width: 767.5px) {
  .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .mobile-filter-tab-section ul li.filter-by-tab {
    border-right: 2px solid #96dbeb; }
  .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content {
    margin-top: 32px; }
    .past-issues-aggregator .pastIssueGrid-main-container .articles-resources-issues-container .tab-content .tab-pane .pagination-directive-wrapper .paginationBottom {
      margin-bottom: 77px;
      margin-top: 5px; }
  #past-issues__mobile-filter-modal {
    background-color: #96dbeb; }
    #past-issues__mobile-filter-modal .overlay-header {
      padding: 7px 20px 10px;
      background-color: #c2edf7; }
      #past-issues__mobile-filter-modal .overlay-header .sw-icon.close-icon {
        background: url("../../images/icons/close.png") no-repeat center;
        width: 30px;
        height: 30px;
        margin-top: 10px; }
    #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .pastIssues-facets {
      padding: 29px 20px 26px; }
    #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section {
      margin: 0 0 20px 0;
      padding: 28px 20px 0 34px; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container {
        padding-left: 2px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .sw-icon.checkbox-unchecked {
          background-position: -140px -45px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=checkbox]:checked + span.sw-icon.checkbox-unchecked, #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item label input[type=radio]:checked + span.sw-icon.checkbox-unchecked {
          background-position: -50px -90px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .checkbox-text {
          margin-left: 6px;
          vertical-align: middle; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section .filter-category-items-container ul .filter-category-item .radio-text {
          margin-left: 6px;
          vertical-align: middle; }
      #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn span {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        color: #bf0039;
        letter-spacing: 0.5px; }
        #past-issues__mobile-filter-modal .overlay-wrapper .filter-section-container .filter-category-section.filter-reset-section .reset-btn span.refresh-icon {
          background-image: url("../mybigworld-core/styles/core/icons/Icons-MBW-new.png"); }
  #past-issues__mobile-sort-modal {
    background-color: #96dbeb; }
    #past-issues__mobile-sort-modal .overlay-header {
      padding: 7px 20px 10px;
      background-color: #c2edf7; }
      #past-issues__mobile-sort-modal .overlay-header .sw-icon.close-icon {
        background: url("../../images/icons/close.png") no-repeat center;
        width: 30px;
        height: 30px;
        margin-top: 10px; }
    #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper {
      padding: 30px 20px 0 20px; }
      #past-issues__mobile-sort-modal .overlay-wrapper .sort-by-wrapper .sort-by-category {
        margin-bottom: 20px;
        border-radius: 8px;
        background-color: #bcf0fc; } }

.error-page-wrapper .error-page .error-page-container .error-page-content .error-btn {
  padding: 0;
  border: solid 3px #e81c8a; }

.general-text .gen-text-wrapper .gen-text p, .general-text .gen-text-wrapper .gen-text li {
  font-family: "sofia-pro";
  font-weight: 500;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #004F68; }
  .general-text .gen-text-wrapper .gen-text p b, .general-text .gen-text-wrapper .gen-text p i, .general-text .gen-text-wrapper .gen-text li b, .general-text .gen-text-wrapper .gen-text li i {
    font-family: "sofia-pro";
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.4;
    color: #004F68; }

.cmp-page-card .cmp-page-card__image {
  max-height: 73%; }

.cmp-page-card .cmp-page-card__text-wrapper {
  min-height: 27%;
  padding-block: 5px; }
  .cmp-page-card .cmp-page-card__text-wrapper .cmp-page-card__text .cmp-page-card__title {
    font-family: "museo-sans";
    font-weight: 700;
    font-size: 34px;
    font-size: 2.125rem;
    color: #ffffff;
    letter-spacing: 2.75px; }
  .cmp-page-card .cmp-page-card__text-wrapper .cmp-page-card__text .cmp-page-card__subtitle {
    font-family: "museo-sans";
    font-weight: 300;
    font-size: 23px;
    font-size: 1.4375rem;
    color: #ffffff;
    letter-spacing: 0.75px; }

.marketing-app-hero-banner .app-banner-content {
  margin-top: 10.2%;
  margin-left: 0;
  margin-right: 0; }
  .marketing-app-hero-banner .app-banner-content::before {
    display: table;
    content: " "; }
  .marketing-app-hero-banner .app-banner-content::after {
    clear: both;
    display: table;
    content: " "; }
  .marketing-app-hero-banner .app-banner-content .app-banner-details {
    margin-top: 0;
    padding-left: 43px; }
    .marketing-app-hero-banner .app-banner-content .app-banner-details .banner-title {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 57px;
      font-size: 3.5625rem;
      line-height: 1.23;
      color: #0f569e;
      margin-top: 4px; }
    .marketing-app-hero-banner .app-banner-content .app-banner-details .banner-desc {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 25.5px;
      font-size: 1.59375rem;
      line-height: 1.49;
      color: #0f569e;
      letter-spacing: 0.1px;
      width: 85%; }
      .marketing-app-hero-banner .app-banner-content .app-banner-details .banner-desc p {
        margin-bottom: 0; }
    .marketing-app-hero-banner .app-banner-content .app-banner-details .button-container {
      padding-right: 0;
      margin-top: 35px;
      float: left; }
      .marketing-app-hero-banner .app-banner-content .app-banner-details .button-container .primary-button {
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.6;
        color: #0074d3;
        letter-spacing: 0.5px;
        padding: 6.34px 53px 6px 54px;
        height: 37px;
        text-transform: none; }
      .marketing-app-hero-banner .app-banner-content .app-banner-details .button-container .app-login .login-class {
        text-decoration: underline;
        color: inherit; }
      .marketing-app-hero-banner .app-banner-content .app-banner-details .button-container .app-login span {
        font-family: "sofia-pro";
        font-weight: 500;
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.05;
        color: #0f569e; }
        .marketing-app-hero-banner .app-banner-content .app-banner-details .button-container .app-login span a {
          color: inherit; }

.marketing-app-hero-banner .app-banner-issue-image {
  margin-top: 0;
  padding: 0; }

.marketing-app-hero-banner .marketing-content-tile-container {
  max-width: 96.85%; }
  .marketing-app-hero-banner .marketing-content-tile-container .content-tile-body {
    height: 432px; }
  .marketing-app-hero-banner .marketing-content-tile-container .row.game-video-wrapper {
    height: 100%; }
    .marketing-app-hero-banner .marketing-content-tile-container .row.game-video-wrapper .image-container {
      height: 100%;
      border: none;
      max-width: 100%;
      background: transparent; }
      .marketing-app-hero-banner .marketing-content-tile-container .row.game-video-wrapper .image-container .content-image {
        height: 100%;
        max-height: 100%;
        width: 100%;
        box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.5); }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .player-embed-wrap {
  box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.5); }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-mute-control::before {
  display: none; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-play-control::before {
  display: none; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-fullscreen-control::before {
  display: none; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-text-track-display {
  bottom: 3em; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-big-play-button {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100px;
  background-color: #0074d3;
  box-shadow: none;
  border: solid 2px #ffffff;
  font-size: 3em;
  line-height: 3em;
  height: 92px;
  width: 92px; }
  .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-big-play-button:hover {
    box-shadow: none; }
  .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 23px 0 23px 37px;
    border-color: transparent transparent transparent #e4f5ff;
    margin-left: 32px;
    margin-top: 20px; }
  .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-big-play-button::before {
    display: none; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-menu-button .vjs-menu .vjs-menu-content {
  margin-left: 4px; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-menu-button .vjs-menu-content {
  bottom: 1.5em; }
  .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-menu-button .vjs-menu-content .vjs-menu-item {
    padding-bottom: 0;
    border-color: inherit;
    padding-top: 5px;
    line-height: normal; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-menu-button-popup .vjs-menu {
  width: 12em; }
  .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    overflow: hidden; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-control:before {
  display: none; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-default-button {
  padding: 5px 10px; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-done-button {
  padding: 5px 10px; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js.vjs-playing .vjs-big-play-button {
  display: none; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-text-wrapper {
  display: none; }

.marketing-app-hero-banner .arrow-image {
  background: none; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .marketing-app-hero-banner .app-banner-image {
    width: 100%; }
  .marketing-app-hero-banner .marketing-content-tile-container {
    max-width: 100%; }
    .marketing-app-hero-banner .marketing-content-tile-container .content-tile-body {
      height: 350px; }
  .marketing-app-hero-banner .app-banner-content {
    position: static; }
    .marketing-app-hero-banner .app-banner-content .app-banner-details {
      text-align: left; }
      .marketing-app-hero-banner .app-banner-content .app-banner-details .banner-title {
        font-size: 40px; }
      .marketing-app-hero-banner .app-banner-content .app-banner-details .banner-desc {
        margin: 10px 0 0; } }

@media only screen and (max-width: 991.5px) {
  .marketing-app-hero-banner .app-banner-component .app-banner-content-image {
    padding-left: 5px;
    padding-right: 5px; }
  .marketing-app-hero-banner .app-banner-image {
    width: 100%; }
  .marketing-app-hero-banner .marketing-content-tile-container {
    max-width: 100%; }
    .marketing-app-hero-banner .marketing-content-tile-container .content-tile-body {
      height: 188px; }
  .marketing-app-hero-banner .app-banner-content {
    margin-top: 40px;
    position: static; }
    .marketing-app-hero-banner .app-banner-content .jnr_schl_desc {
      padding: 0 20px; }
    .marketing-app-hero-banner .app-banner-content .app-banner-details {
      margin-top: 54%;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 30%; }
      .marketing-app-hero-banner .app-banner-content .app-banner-details .banner-title {
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 38px;
        font-size: 2.375rem;
        line-height: 1.21;
        color: #0f569e;
        margin-top: 57px; }
      .marketing-app-hero-banner .app-banner-content .app-banner-details .banner-desc {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.18;
        color: #0f569e;
        letter-spacing: 0.1px;
        width: auto;
        margin: 11px 0 0; }
      .marketing-app-hero-banner .app-banner-content .app-banner-details .button-container {
        margin-top: 43px;
        float: none; }
        .marketing-app-hero-banner .app-banner-content .app-banner-details .button-container .primary-button {
          font-family: "kg-second-chances-solid";
          font-weight: 400;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.6;
          color: #0074d3;
          letter-spacing: 0.5px;
          padding: 5px 0 0;
          height: 40px;
          display: inline-block; }
      .marketing-app-hero-banner .app-banner-content .app-banner-details .app-login {
        margin-top: 20px; }
  .marketing-app-hero-banner .marketing-content-tile-container .row.game-video-wrapper .image-container .content-image {
    width: auto; }
  .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .player-embed-wrap {
    margin-top: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .marketing-app-hero-banner .app-banner-details .banner-title {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 48px;
    font-size: 3rem;
    line-height: 0.92;
    color: #0f569e;
    margin: 0 auto; }
    .marketing-app-hero-banner .app-banner-details .banner-title p {
      margin-bottom: 0; }
  .marketing-app-hero-banner .app-banner-details .banner-desc {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    color: #0f569e;
    margin: 0 auto; } }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .player-embed-wrap {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, -10%); } }

@media only screen and (max-width: 767.5px) {
  .marketing-app-hero-banner.has-new-flag {
    position: relative; }
    .marketing-app-hero-banner.has-new-flag:before {
      display: block;
      width: 145px;
      height: 50px;
      position: absolute;
      top: 40px;
      left: 0;
      z-index: 9;
      background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
      background-position: -0px -202px;
      display: inline-block;
      background-size: contain; }
  .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-big-play-button {
    font-size: 2em;
    line-height: 2em;
    height: 2em;
    width: 2em; }
    .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
      content: ' ';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 11.75px 0 11.75px 18.9px;
      border-color: transparent transparent transparent #e4f5ff;
      margin-left: 20px;
      margin-top: 14px; }
  .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .player-embed-wrap {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -20%); } }

.marketing-app-tdi-component .app-tdi-header {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 1.14;
  color: #095c8c; }
  .marketing-app-tdi-component .app-tdi-header p, .marketing-app-tdi-component .app-tdi-header b {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1.14;
    color: #095c8c; }
  .marketing-app-tdi-component .app-tdi-header.app-tdi-center {
    margin: 46px 0 10px; }

.marketing-app-tdi-component .app-tdi-content.app-tdi-description-center {
  text-align: center;
  margin-bottom: 26px; }
  .marketing-app-tdi-component .app-tdi-content.app-tdi-description-center p {
    font-family: "sofia-pro";
    font-weight: 600;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.1;
    color: #ffffff;
    letter-spacing: normal; }

.marketing-app-tdi-component .app-tdi-content p {
  font-family: "sofia-pro";
  font-weight: 500;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.56;
  color: #4a4a4a; }
  .marketing-app-tdi-component .app-tdi-content p a {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.56;
    color: #ea4677; }

.marketing-app-tdi-component .app-description .desc {
  font-family: "sofia-pro";
  font-weight: 400;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.29;
  color: #095c8c; }
  .marketing-app-tdi-component .app-description .desc b, .marketing-app-tdi-component .app-description .desc strong {
    font-family: "sofia-pro";
    font-weight: 900; }
  .marketing-app-tdi-component .app-description .desc p {
    display: inline-block; }

.marketing-app-tdi-component .app-description .secondary-button {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.6;
  color: #ffffff;
  letter-spacing: 0.5px;
  background-color: #ea4677;
  min-width: 275px;
  padding: 4px 17px;
  border-radius: 6px;
  margin-left: 26px;
  text-transform: none; }
  .marketing-app-tdi-component .app-description .secondary-button.border-button {
    background-color: #ffffff;
    min-width: 275px;
    border: 2px solid #ea4677;
    color: #ea4677;
    padding: 2px 17px; }

.marketing-app-tdi-component .app-tdi-banner-image {
  margin-top: 110px; }

.marketing-app-tdi-component .image-main-container .image-content {
  margin-bottom: 78px; }

.marketing-app-tdi-component.whatYouGet .app-tdi-header {
  margin-bottom: 0; }

.marketing-app-tdi-component.whatYouGet .app-tdi-content.app-tdi-description-center {
  margin: 0; }

.marketing-app-tdi-component.whatYouGet .app-tdi-banner-image {
  margin-top: 100px; }

@media only screen and (max-width: 767.5px) {
  .marketing-app-tdi-component .app-tdi-banner-image {
    margin-bottom: 32px; }
  .marketing-app-tdi-component .image-main-container .image-content {
    margin-bottom: 20px; }
  .marketing-app-tdi-component .new-row .acs-commons-resp-colctrl-col:last-child .image-content {
    margin-bottom: 58px; }
  .marketing-app-tdi-component .app-tdi-header {
    margin: 30px 0 49px;
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2;
    color: #095c8c; }
    .marketing-app-tdi-component .app-tdi-header p, .marketing-app-tdi-component .app-tdi-header b {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.2;
      color: #095c8c; }
  .marketing-app-tdi-component .app-tdi-content p {
    font-family: "sofia-pro";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.42;
    color: #4a4a4a;
    text-align: center; }
    .marketing-app-tdi-component .app-tdi-content p a {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.42;
      color: #ea4677; }
  .marketing-app-tdi-component .app-description .desc {
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.35;
    color: #095c8c; }
  .marketing-app-tdi-component .app-description .secondary-button {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    color: #ffffff;
    letter-spacing: 0.5px;
    max-width: 275px;
    border-radius: 6px;
    padding: 4px 0;
    margin: 13px auto 0;
    text-transform: none; }
  .marketing-app-tdi-component.mobileCarousel {
    padding: 0; }
    .marketing-app-tdi-component.mobileCarousel .app-tdi-header {
      margin: 11px 0 11px; }
    .marketing-app-tdi-component.mobileCarousel .marketing-app-tdi-padleft, .marketing-app-tdi-component.mobileCarousel .app-tdi-banner-image {
      display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .marketing-app-tdi-component .image-main-container .image-content {
    margin-bottom: 20px; }
  .marketing-app-tdi-component .new-row .acs-commons-resp-colctrl-col:last-child .image-content {
    margin-bottom: 58px; } }

@media only screen and (min-width: 768px) {
  .marketing-app-tdi-component.pricingSection .app-tdi-header {
    margin-bottom: 0; }
  .marketing-app-tdi-component.pricingSection .app-tdi-content {
    margin: 0; }
  .marketing-app-tdi-component.pricingSection .app-tdi-banner-image {
    margin-top: 0; }
    .marketing-app-tdi-component.pricingSection .app-tdi-banner-image img {
      margin-top: -11px; } }

.buttonContainerFullWidth {
  padding: 0;
  text-align: center; }
  .buttonContainerFullWidth .btn {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 0.77;
    color: #fff03c;
    letter-spacing: 2px;
    text-transform: initial;
    padding: 22px 0;
    border-radius: 0; }
  .buttonContainerFullWidth .button.has-description {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px; }
  .buttonContainerFullWidth .description-text p, .buttonContainerFullWidth .description-text h1, .buttonContainerFullWidth .description-text h2, .buttonContainerFullWidth .description-text h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.3;
    color: #ffffff;
    letter-spacing: 2px; }
  .buttonContainerFullWidth .description-text + .btn {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    color: #0074d3;
    letter-spacing: 1px;
    width: 100%;
    max-width: 273px;
    height: 37px;
    border-radius: 100px;
    padding: 8px 0 0;
    margin: 15px 0 14px 14px; }

.cta-spanish-wrapper {
  height: 60px;
  background-color: #ffd64a; }
  .cta-spanish-wrapper .button {
    display: flex;
    float: right;
    padding-right: 40px; }
    .cta-spanish-wrapper .button .btn {
      display: inline-block;
      vertical-align: middle;
      margin-top: 10px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.6;
      color: #ffffff;
      letter-spacing: 0.5px;
      background-color: #d4264b;
      border-color: #d4264b;
      padding: 3px 39px 3px 36px;
      height: 40px;
      position: relative;
      transition: all 0.2s ease-in-out ;
      -webkit-transition: all 0.2s ease-in-out ;
      -moz-transition: all 0.2s ease-in-out ;
      -ms-transition: all 0.2s ease-in-out ;
      -o-transition: all 0.2s ease-in-out ; }
      .cta-spanish-wrapper .button .btn::before {
        content: " ";
        position: absolute;
        z-index: 0;
        top: -4px;
        left: -4px;
        height: calc(100% + 8px);
        width: calc(100% + 8px);
        border: 2px solid transparent;
        border-radius: 6px;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ; }
      .cta-spanish-wrapper .button .btn:hover {
        box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.2); }
      .cta-spanish-wrapper .button .btn:focus {
        box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
        outline: 5px auto #ffffff; }
        .cta-spanish-wrapper .button .btn:focus::before {
          border-color: #000000; }
      .cta-spanish-wrapper .button .btn .sw-icon.spanishviewbutton {
        background: url("../../../letsfindout/clientlibs/letsfindout-core/styles/core/icons/yellow-bubble.svg") no-repeat;
        width: 35px;
        height: 29px;
        vertical-align: middle;
        margin-right: 10px; }

@media (min-width: 768px) and (max-width: 991.5px) {
  .buttonContainerFullWidth .button.has-description {
    flex-wrap: wrap; } }

@media only screen and (max-width: 767.5px) {
  .buttonContainerFullWidth .button.has-description {
    padding: 18px;
    flex-wrap: wrap; }
  .buttonContainerFullWidth .description-text {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    color: #ffffff;
    letter-spacing: 1.5px;
    margin-top: 0; }
    .buttonContainerFullWidth .description-text + .btn {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1;
      color: #0074d3;
      letter-spacing: 1.8px;
      max-width: 275px;
      margin: 18px 0 0;
      height: 40px; }
  .cta-spanish-wrapper .button {
    padding-right: 20px; } }

.marketing-scholastic-magazine-wrapper .scholastic-magazine-content {
  padding-bottom: 62px;
  padding-top: 47px;
  padding-right: 30px;
  background: #ffffff; }
  .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper {
    padding-bottom: 19px; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.magazine-title {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 28px;
      font-size: 1.75rem;
      line-height: 1.14;
      color: #1067af;
      padding-right: 14px;
      display: inline-block; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.view-all-magazine {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1;
      color: #ea4677;
      letter-spacing: 0.5px;
      padding-left: 11px; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper .sw-icon.sw-icon.right-arrow {
      background: url("../../../letsfindout/images/lfo-application-images.png") no-repeat center;
      background-position: -271px -202px;
      display: inline-block;
      margin-left: 1px;
      margin-top: 1px;
      width: 14px;
      height: 24px;
      transform: scale(0.857, 0.5);
      -moz-transform: scale(0.857, 0.5);
      -ms-transform: scale(0.857, 0.5);
      -o-transform: scale(0.857, 0.5); }
  .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container {
    padding-left: 22px; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content {
      margin-bottom: 0;
      padding-right: 5px;
      padding-left: 0; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-subtitle {
        margin-top: 23px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-subtitle a {
          font-family: "kg-second-chances-solid";
          font-weight: 400;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.15;
          color: #1067af;
          letter-spacing: 0.5px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-desc {
        font-family: "sofia-pro";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #000000;
        margin-top: 14px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-desc p {
          margin-bottom: 0; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .separator {
        margin-top: 17px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-content-cntr {
        padding-left: 22px;
        padding-right: 30px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-image {
        max-height: 248px; }

@media only screen and (max-width: 767.5px) {
  .marketing-scholastic-magazine-wrapper .scholastic-magazine-content {
    padding-top: 35px;
    padding-bottom: 11px; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper {
      padding-bottom: 23px;
      border-bottom-width: 5px;
      margin-bottom: 50px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.magazine-title {
        padding-right: 0; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.view-all-magazine {
        padding-left: 0;
        display: inline-block !important; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.sw-icon.right-arrow {
        display: inline-block !important;
        margin-left: 2.6px; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper a {
        display: inline-block !important;
        margin-top: 14px; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-mobile-title-wrapper {
      display: none !important; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container {
      padding-left: 0; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content {
        padding-bottom: 49px;
        padding-right: 12px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-content-cntr {
          padding-left: 4px;
          padding-right: 0; }
          .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-content-cntr .magazine-subtitle {
            margin-top: 0; }
            .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-content-cntr .magazine-subtitle a {
              font-family: "kg-second-chances-solid";
              font-weight: 400;
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 1.2;
              color: #1067af;
              letter-spacing: 0.5px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-image {
          margin-top: 19px;
          max-width: 88.75%;
          max-height: 166px; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .marketing-scholastic-magazine-wrapper .scholastic-magazine-content {
    padding-bottom: 0;
    margin-bottom: 0; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.magazine-title {
      font-size: 26px; }
    .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container {
      padding-left: 0; }
      .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content {
        margin-bottom: 60px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-subtitle {
          margin-top: 5px; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-image {
          max-width: 80%; }
        .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-content-cntr {
          padding-left: 5px;
          padding-right: 5px; } }

.online-resources {
  padding-top: 52px;
  padding-bottom: 28px; }
  .online-resources .online-resources-head {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 1.14;
    color: #095c8c;
    margin-bottom: 0; }
  .online-resources .online-resources-description {
    font-family: "sofia-pro";
    font-weight: 600;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.1;
    color: #000000;
    letter-spacing: normal;
    margin-top: 8px; }
    .online-resources .online-resources-description p {
      margin-bottom: 0; }
  .online-resources .online-resources-head-image {
    text-align: center;
    height: auto;
    margin-top: 52px; }
  .online-resources .illustration-img {
    padding: 0 20px;
    margin-bottom: 0; }
  .online-resources .marketing-video-game-content {
    overflow: hidden;
    margin: 0 auto;
    max-width: unset; }
    @media only screen and (min-width: 992px) and (max-width: 1440px) {
      .online-resources .marketing-video-game-content {
        max-width: 794px; } }
  @media only screen and (min-width: 992px) and (max-width: 1440px) and (min-width: 1200px) {
    .online-resources .marketing-video-game-content {
      max-width: 994px; } }
    @media only screen and (min-width: 1440px) {
      .online-resources .marketing-video-game-content .illustration-img {
        width: 100%; } }
    @media only screen and (min-width: 1441px) {
      .online-resources .marketing-video-game-content {
        padding: 0 15%; } }
  .online-resources .marketing-video-game-container {
    border: 1px solid #ffffff;
    border-radius: 8px;
    top: 0;
    right: 0;
    left: initial;
    margin-top: 17%; }
    .online-resources .marketing-video-game-container .marketing-noimage-container {
      display: none; }
      .online-resources .marketing-video-game-container .marketing-noimage-container + .marketing-video-container {
        margin-top: 0;
        padding-bottom: 30px; }
    .online-resources .marketing-video-game-container .marketing-video-container {
      text-align: center;
      padding: 0 36px 0 37px; }
      .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title {
        margin-top: 10px;
        margin-bottom: 12px; }
        .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title span {
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.21;
          color: #0054a6; }
          .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title span p {
            margin-bottom: 0; }
      .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container {
        max-width: 324px; }
        .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .content-tile-body {
          height: 183px; }
          .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .content-tile-body .game-video-wrapper {
            height: 100%; }
            .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container {
              border: 0;
              height: 100%;
              background: none;
              max-width: 324px; }
              .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container .content-image {
                max-height: 183px;
                height: 100%; }
    .online-resources .marketing-video-game-container .marketing-game-container {
      text-align: center;
      padding: 0 36px 30px 37px; }
      .online-resources .marketing-video-game-container .marketing-game-container .game-top-controls {
        display: none; }
      .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title {
        margin-top: 24px;
        margin-bottom: 8px; }
        .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title span {
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.21;
          color: #0054a6; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title span p {
            margin-bottom: 0; }
      .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container {
        max-width: none;
        padding-left: 0; }
        .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .game-video-wrapper {
          height: 100%; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container {
            height: 100%;
            max-width: 324px;
            border-radius: 8px;
            margin: auto;
            background: transparent; }
        .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container.game-container-bg {
          max-height: 241px; }
        .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper {
          background: transparent; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container {
            max-height: 241px;
            background: transparent; }
            .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container img {
              max-height: 241px; }
            .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .img-container .popup-img-icon {
              right: initial; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper .content-one-up .rteContent {
            display: none; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .content-module .content-module-container .content-wrapper div[ng-bind-html=containerGameDesc] {
            display: none; }

@media only screen and (min-width: 1200px) {
  .online-resources .marketing-video-game-container {
    right: 0; } }

@media only screen and (min-width: 1440px) {
  .online-resources .marketing-video-game-container {
    top: 0;
    right: 0;
    left: initial; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .online-resources .marketing-video-game-container {
    margin-top: 20%; }
  .online-resources .online-resources-head {
    max-width: 74%;
    margin: auto; } }

@media only screen and (min-width: 768px) and (max-width: 991.5px) {
  .online-resources .online-resources-head {
    max-width: 74%;
    margin: auto; }
  .online-resources .marketing-video-game-container {
    margin-top: 9%; }
    .online-resources .marketing-video-game-container .marketing-video-container {
      padding: 0 20px 20px; }
      .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container {
        max-width: 272px; }
        .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container .content-image {
          max-height: 152.8px; }
    .online-resources .marketing-video-game-container .marketing-game-container {
      padding: 0 20px 20px; }
      .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title {
        margin-top: 10px;
        margin-bottom: 5px; }
      .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container {
        padding-left: 0;
        max-width: 272px; }
        .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container {
          margin: 0 auto; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container .content-module .content-module-container .content-wrapper .content-one-up .img-container img {
            max-height: 180px; } }

@media only screen and (max-width: 767.5px) {
  .online-resources {
    padding: 40px 0 56px; }
    .online-resources .online-resources-head {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.2;
      color: #095c8c;
      max-width: 335px;
      margin: auto; }
    .online-resources .online-resources-description {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.08;
      color: #000000;
      letter-spacing: normal;
      font-weight: 600;
      margin: 8px auto 0;
      padding: 0 10px;
      max-width: 335px; }
    .online-resources .online-resources-head-image {
      margin-top: 34px;
      padding-left: 0; }
    .online-resources .illustration-img {
      width: auto; }
    .online-resources .marketing-video-game-container {
      margin-top: 35.4px; }
      .online-resources .marketing-video-game-container .marketing-video-container {
        text-align: center;
        padding: 0 31px; }
        .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title {
          margin-top: 16px;
          margin-bottom: 5.4px; }
          .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title span {
            font-family: "sofia-pro";
            font-weight: 700;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.21;
            color: #0054a6; }
        .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container {
          max-width: 272px; }
          .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container .content-image {
            max-height: 152.8px; }
      .online-resources .marketing-video-game-container .marketing-game-container {
        padding: 0 31px 24.9px; }
        .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title {
          margin-top: 20.2px;
          margin-bottom: 1.8px; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title span {
            font-family: "sofia-pro";
            font-weight: 700;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 1.21;
            color: #0054a6; }
        .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container {
          padding-left: 0;
          max-width: 272px; }
          .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container {
            margin: 0 auto; }
            .online-resources .marketing-video-game-container .marketing-game-container .marketing-content-tile-container .content-tile-body .game-video-wrapper .image-container .content-module .content-module-container .content-wrapper .content-one-up .img-container img {
              max-height: 201.5px; } }

.marketing-sidekick__wrapper .marketing-sidekick__dropdown-button {
  background: #d4265b; }

@media only screen and (min-width: 992px) {
  .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item.active::after, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item.outside-scrollable-region::after, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open .marketing-sidekick__navigation-item.active::after, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open .marketing-sidekick__navigation-item.outside-scrollable-region::after {
    color: #d4265b; }
  .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item.active .marketing-sidekick__navigation-link, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list .marketing-sidekick__navigation-item.outside-scrollable-region .marketing-sidekick__navigation-link, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open .marketing-sidekick__navigation-item.active .marketing-sidekick__navigation-link, .marketing-sidekick__wrapper .marketing-sidekick__navigation-list.open .marketing-sidekick__navigation-item.outside-scrollable-region .marketing-sidekick__navigation-link {
    background-color: #d4265b; } }

.marketing-app-nav-bar-main-container .navbar-default {
  border: none; }
  .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary {
    background-color: #c2edf7;
    box-shadow: none; }
    .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse {
      min-height: 140px; }
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .science-logo {
        width: 189px;
        padding: 35px 0 0 0;
        margin-left: 36px; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .science-logo .scholastic-logo-header {
          display: none; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .science-logo .default-logo {
          background: url("../../images/globalNav/mbw-logo-d-new.png") no-repeat center;
          display: inline-block;
          background-size: cover;
          height: 69px;
          width: 100%;
          margin: 0;
          padding: unset; }
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .science-logo .default-logo:focus {
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: unset; }
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic {
        padding-top: 0; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .app-nav-main-item-link, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .delimitter,
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .magazine {
          margin: 82px 20px 0;
          padding: 0;
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #004f68;
          letter-spacing: normal;
          transition: all .2s ease-in-out;
          -webkit-transition: all .2s ease-in-out;
          -moz-transition: all .2s ease-in-out;
          -ms-transition: all .2s ease-in-out;
          -o-transition: all .2s ease-in-out; }
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .app-nav-main-item-link:active, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .delimitter:active,
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .magazine:active, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .app-nav-main-item-link:focus, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .delimitter:focus,
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .magazine:focus, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .app-nav-main-item-link:hover, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .delimitter:hover,
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .magazine:hover {
            opacity: 0.7; }
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .app-nav-main-item-link:focus, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .delimitter:focus,
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .magazine:focus {
            outline: 2px solid #ea3797;
            outline-offset: 5px; }
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .app-nav-main-item-link .caret, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .delimitter .caret, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic .magazine .caret {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 7px;
            vertical-align: middle;
            border-top: 8px dashed;
            border-top: 8px solid \9;
            border-right: 6.5px solid transparent;
            border-left: 6.5px solid transparent; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic:nth-child(2) .app-nav-main-item-link, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic:nth-child(2) .delimitter,
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic:nth-child(2) .magazine {
          margin-left: 51px; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic:nth-child(4) .app-nav-main-item-link, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic:nth-child(4) .delimitter,
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.js-dropdown-dynamic:nth-child(4) .magazine {
          border: none; }
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.app-nav-main-item-link, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.delimitter,
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.magazine {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1;
        color: #004f68;
        letter-spacing: normal;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        margin: 82px 20px 0;
        padding: unset; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.app-nav-main-item-link:active, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.delimitter:active,
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.magazine:active, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.app-nav-main-item-link:focus, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.delimitter:focus,
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.magazine:focus, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.app-nav-main-item-link:hover, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.delimitter:hover,
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.magazine:hover {
          opacity: 0.7; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.app-nav-main-item-link:focus, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.delimitter:focus,
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.magazine:focus {
          outline: 2px solid #ea3797;
          outline-offset: 5px; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.app-nav-main-item-link .caret, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.delimitter .caret, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list a.magazine .caret {
          display: inline-block;
          width: 0;
          height: 0;
          margin-left: 7px;
          vertical-align: middle;
          border-top: 8px dashed;
          border-top: 8px solid \9;
          border-right: 6.5px solid transparent;
          border-left: 6.5px solid transparent; }
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list .dynamic-menu {
        top: 120px;
        bottom: unset; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list .dynamic-menu .js-dropdown-dynamic .app-nav-main-item-link, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list .dynamic-menu .js-dropdown-dynamic .delimitter,
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list .dynamic-menu .js-dropdown-dynamic .magazine {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 14px;
          font-size: 0.875rem;
          line-height: 1;
          color: #004f68;
          letter-spacing: normal;
          margin: 0 0 20px; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list .dynamic-menu .js-dropdown-dynamic:last-child .app-nav-main-item-link, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list .dynamic-menu .js-dropdown-dynamic:last-child .delimitter,
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .dropdown.dynamic_more_list .dynamic-menu .js-dropdown-dynamic:last-child .magazine {
          margin: 0; }
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container {
        padding-top: 49px; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container .primary-button {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 21px;
          font-size: 1.3125rem;
          line-height: 1.24;
          color: #ffffff;
          letter-spacing: normal;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          outline: unset;
          background-color: #d4264b;
          padding: 10px 29.5px 11px;
          margin-right: 16px; }
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container .primary-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container .primary-button:active, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container .primary-button:focus, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container .primary-button:hover {
            opacity: 0.7; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container .secondary-button {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 21px;
          font-size: 1.3125rem;
          line-height: 1.24;
          color: #d4264b;
          letter-spacing: normal;
          transition: all 0.2s ease-in-out ;
          -webkit-transition: all 0.2s ease-in-out ;
          -moz-transition: all 0.2s ease-in-out ;
          -ms-transition: all 0.2s ease-in-out ;
          -o-transition: all 0.2s ease-in-out ;
          outline: unset;
          border: solid 2px #d4264b;
          background-color: white;
          margin-right: 23px;
          width: 120px; }
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container .secondary-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container .secondary-button:active, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container .secondary-button:focus, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary #app-nav-primary-block .row.collapse.navbar-collapse .cta-button-container .secondary-button:hover {
            opacity: 0.7; }

.marketing-app-nav-bar-main-container .marketing-global-nav-items-container {
  display: flex;
  flex-wrap: nowrap;
  float: left;
  overflow: hidden;
  margin: 82px 0 0 32px;
  max-width: 470px; }
  .marketing-app-nav-bar-main-container .marketing-global-nav-items-container .marketing-global-nav-config {
    min-width: max-content; }

@media only screen and (max-width: 1199px) {
  .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header {
    min-height: 100px;
    margin: 0; }
    .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .menu-icon-block {
      padding: 10px;
      margin: 0;
      display: flex;
      align-items: center; }
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .menu-icon-block .nav-header-item.nav-menu-icon {
        margin: 0;
        flex-direction: column;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .menu-icon-block .nav-header-item.nav-menu-icon:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .menu-icon-block .nav-header-item.nav-menu-icon:active, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .menu-icon-block .nav-header-item.nav-menu-icon:focus, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .menu-icon-block .nav-header-item.nav-menu-icon:hover {
          opacity: 0.7;
          outline-offset: 5px; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .menu-icon-block .nav-header-item.nav-menu-icon .icon-bar {
          background-color: #004f68;
          width: 40px;
          height: 4px; }
          .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .menu-icon-block .nav-header-item.nav-menu-icon .icon-bar + .icon-bar {
            margin-top: 8px; }
    .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .search-logo-block {
      padding-top: 0;
      margin: 0;
      margin-right: auto;
      width: 189px; }
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .search-logo-block .magazine-logo-tablet-mobile {
        width: 189px;
        height: 69px;
        background: url("../../images/globalNav/mbw-logo-d-new.png") no-repeat center;
        display: inline-block;
        background-size: contain;
        margin-top: 0; }
    .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .profile-icon-block {
      padding: 10px;
      margin: 0; }
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .profile-icon-block .primary-button {
        display: inline-block;
        margin: 0;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47;
        color: #ffffff;
        letter-spacing: normal;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset;
        text-decoration: unset;
        padding: 11px 26px 12px;
        background-color: #d4264b; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .profile-icon-block .primary-button:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .profile-icon-block .primary-button:active, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .profile-icon-block .primary-button:focus, .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .profile-icon-block .primary-button:hover {
          opacity: 0.7; }
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .profile-icon-block .secondary-button {
        display: none; }
  .marketing-app-nav-bar-main-container .marketing-global-nav-items-container {
    display: none; }
  .marketing-app-nav-bar-main-container .pop-over-menu-div {
    background-color: #ffffff;
    box-shadow: #adadad -2px -5px 5px 0px inset; }
    .marketing-app-nav-bar-main-container .pop-over-menu-div .nav-menu-close-btn:before, .marketing-app-nav-bar-main-container .pop-over-menu-div .nav-menu-close-btn:after {
      background: #004f68; }
    .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu {
      padding: 30px 0 0;
      margin-top: 0; }
      .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .secondary-button {
        display: block !important;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #d4264b;
        letter-spacing: normal;
        transition: all 0.2s ease-in-out ;
        -webkit-transition: all 0.2s ease-in-out ;
        -moz-transition: all 0.2s ease-in-out ;
        -ms-transition: all 0.2s ease-in-out ;
        -o-transition: all 0.2s ease-in-out ;
        outline: unset;
        border: solid 2px #d4264b;
        background-color: white;
        width: 180px;
        height: 50px;
        padding: 0;
        margin: 0 25px 30px; }
        .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .secondary-button:focus {
          box-shadow: 0 0 0 2px white, 0 0 0 4px black; }
        .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .secondary-button:active, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .secondary-button:focus, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .secondary-button:hover {
          opacity: 0.7; }
      .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list {
        width: 275px;
        min-width: 275px;
        padding: 0 0 25px;
        margin: 0 25px; }
        .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown {
          padding: 0; }
          .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .app-nav-main-item-link, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .delimitter,
          .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .magazine {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            color: #004f68;
            letter-spacing: 0.56px;
            line-height: normal;
            transition: all .2s ease-in-out;
            -webkit-transition: all .2s ease-in-out;
            -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
            -o-transition: all .2s ease-in-out;
            padding: 15px 0; }
            .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .app-nav-main-item-link:active, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .delimitter:active,
            .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .magazine:active, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .app-nav-main-item-link:focus, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .delimitter:focus,
            .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .magazine:focus, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .app-nav-main-item-link:hover, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .delimitter:hover,
            .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .magazine:hover {
              opacity: 0.7; }
            .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .app-nav-main-item-link .caret, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .delimitter .caret, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic .magazine .caret {
              display: inline-block;
              width: 0;
              height: 0;
              margin-left: 7px;
              vertical-align: middle;
              border-top: 8px dashed;
              border-top: 8px solid \9;
              border-right: 6.5px solid transparent;
              border-left: 6.5px solid transparent; }
          .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.dropdown .dropdown-menu {
            display: none !important; }
          .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .app-nav-main-item-link, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .delimitter,
          .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .magazine {
            background-color: unset; }
          .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .dropdown-menu {
            display: block !important;
            position: unset;
            border: none;
            box-shadow: none;
            -webkit-box-shadow: none;
            float: none;
            padding: 0 0 2.5px 20px;
            width: 100%;
            margin: 0; }
            .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .dropdown-menu li {
              padding: 12.5px 0; }
              .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .dropdown-menu li a {
                font-family: "sofia-pro-soft";
                font-weight: 400;
                font-size: 16px;
                font-size: 1rem;
                color: #004f68;
                letter-spacing: 0.25px;
                line-height: normal;
                transition: all .2s ease-in-out;
                -webkit-transition: all .2s ease-in-out;
                -moz-transition: all .2s ease-in-out;
                -ms-transition: all .2s ease-in-out;
                -o-transition: all .2s ease-in-out;
                padding: 0; }
                .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .dropdown-menu li a:active, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .dropdown-menu li a:focus, .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .dropdown-menu li a:hover {
                  opacity: 0.7;
                  outline: unset; }
            .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .dropdown-menu li:first-child {
              padding: 10px 0 12.5px; }
            .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list .dropdown.js-dropdown-dynamic.open .dropdown-menu li:last-child {
              padding: 12.5px 0 15px; }
        .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list:nth-child(2) .dropdown:nth-child(2) {
          border-top: 1px solid #d9dbde;
          padding: 25px 0 0; } }

@media only screen and (max-width: 767.5px) {
  .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header {
    min-height: 60px; }
    .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .menu-icon-block .nav-header-item.nav-menu-icon .icon-bar {
      width: 26px;
      height: 2px; }
      .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .menu-icon-block .nav-header-item.nav-menu-icon .icon-bar + .icon-bar {
        margin-top: 4px; }
    .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .search-logo-block .has-authorable-logo img {
      height: 45px; }
    .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .search-logo-block .magazine-logo-tablet-mobile {
      width: 108px;
      height: 40px;
      background: url("../../images/globalNav/mbw-logo-m-new.png") no-repeat center;
      background-size: contain; }
    .marketing-app-nav-bar-main-container .navbar-default .app-nav-primary .app-nav-header .profile-icon-block .primary-button {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.43;
      color: #ffffff;
      letter-spacing: normal;
      padding: 7.5px 13px; }
  .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .secondary-button {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.43;
    color: #d4264b;
    letter-spacing: normal;
    width: 120px;
    height: 35px;
    margin: 0 20px 30px; }
  .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list {
    width: 185px;
    min-width: 185px;
    margin: 0 20px; }
    .marketing-app-nav-bar-main-container .pop-over-menu-div .js-nav-menu .menu-list:nth-child(2) .dropdown:nth-child(2) {
      padding: 15px 0 0; } }

.marketing-app-hero-banner .app-banner-content .app-banner-details .banner-title {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 52px;
  font-size: 3.25rem;
  line-height: 1.15;
  color: #ffffff;
  letter-spacing: -0.2px;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  padding-right: 40px; }

.marketing-app-hero-banner .app-banner-content .app-banner-details .banner-desc {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.4;
  color: #143051;
  letter-spacing: 0.1px;
  width: auto; }

.marketing-app-hero-banner .app-banner-content .app-banner-details .button-container .primary-button {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  color: #ffffff;
  letter-spacing: normal;
  background: #ea3797;
  display: inline-block; }

.marketing-app-hero-banner .app-banner-content .app-banner-details .button-container .app-login .login-class {
  color: inherit; }

.marketing-app-hero-banner .app-banner-content .app-banner-details .button-container .app-login span {
  font-family: "sofia-pro";
  font-weight: 500;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.05;
  color: #ffffff;
  letter-spacing: normal; }
  .marketing-app-hero-banner .app-banner-content .app-banner-details .button-container .app-login span a {
    color: inherit; }

.marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-big-play-button {
  background: url("../mybigworld-core/styles/core/icons/Icons-MBW-new.png") no-repeat;
  background-color: none;
  border: 0;
  background-position: -401px -816px;
  width: 88px;
  height: 86px; }
  @media only screen and (max-width: 767.5px) {
    .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-big-play-button {
      background-position: -584px -1068px;
      width: 52px;
      height: 54px; } }
  .marketing-app-hero-banner .brightcoveplayer .brightcoveComponent-container .brightcovePlayer-Placeholder .brightcove-container .video-js .vjs-big-play-button .vjs-icon-placeholder::before {
    display: none; }

.marketing-app-hero-banner .arrow-image {
  background: url("../../images/CM-Marketing/down_arrows.png") no-repeat center;
  background-size: 100%; }

@media only screen and (max-width: 991.5px) {
  .marketing-app-hero-banner .app-banner-content::after {
    clear: both; }
  .marketing-app-hero-banner .app-banner-content::before {
    display: table;
    content: " "; }
  .marketing-app-hero-banner .app-banner-content .app-banner-details .banner-title {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.21;
    color: #ffffff;
    padding-right: 0; }
  .marketing-app-hero-banner .app-banner-content .app-banner-details .banner-desc {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.18;
    color: #143051;
    letter-spacing: 0.1px; }
  .marketing-app-hero-banner .app-banner-content .app-banner-details .button-container .primary-button {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    color: #ffffff;
    letter-spacing: 0.5px; } }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .marketing-app-hero-banner .app-banner-details .banner-title {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 48px;
    font-size: 3rem;
    line-height: 0.92;
    color: #ffffff; }
  .marketing-app-hero-banner .app-banner-details .banner-desc {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1;
    color: #143051; } }

.marketing-app-tdi-component .app-tdi-header {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1;
  color: #004f68;
  letter-spacing: normal; }
  .marketing-app-tdi-component .app-tdi-header p, .marketing-app-tdi-component .app-tdi-header b {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 1;
    color: #004f68;
    letter-spacing: normal; }

.marketing-app-tdi-component.contentTile {
  padding-bottom: 37px; }
  .marketing-app-tdi-component.contentTile .app-tdi-content.app-tdi-description-center {
    margin-top: 0;
    min-height: auto; }

.marketing-app-tdi-component .app-tdi-content.app-tdi-description-center {
  margin-top: -35px;
  min-height: 35px; }

.marketing-app-tdi-component .app-tdi-content p, .marketing-app-tdi-component .app-tdi-content b {
  font-family: "sofia-pro";
  font-weight: 600;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.1;
  color: #ffffff;
  letter-spacing: normal; }

.marketing-app-tdi-component .app-description .desc {
  font-family: "sofia-pro";
  font-weight: 700;
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.29;
  color: #004f68;
  letter-spacing: normal; }
  .marketing-app-tdi-component .app-description .desc p {
    display: inline-block;
    margin: 0; }

.marketing-app-tdi-component .app-description .secondary-button {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1;
  color: #ffffff;
  letter-spacing: normal;
  background: #ea3797;
  border-radius: 100px;
  padding: 8px 15px 10px 14px; }
  .marketing-app-tdi-component .app-description .secondary-button.border-button {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.09;
    color: #e81c8a;
    letter-spacing: normal;
    border: solid 3px #e81c8a;
    border-radius: 100px;
    padding: 5px 17px 6px; }

.marketing-app-tdi-component.whatYouGet .app-tdi-content.app-tdi-description-center {
  margin: 0;
  min-height: unset; }

.marketing-app-tdi-component.whatYouGet .app-tdi-banner-image {
  margin-top: 114px; }

@media only screen and (max-width: 767.5px) {
  .marketing-app-tdi-component .app-tdi-header {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2;
    color: #004f68; }
    .marketing-app-tdi-component .app-tdi-header p, .marketing-app-tdi-component .app-tdi-header b {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.2;
      color: #004f68; }
  .marketing-app-tdi-component .app-tdi-content p {
    font-family: "sofia-pro";
    font-weight: 500;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.42;
    color: #ffffff; }
    .marketing-app-tdi-component .app-tdi-content p a {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.42;
      color: #ea4677; }
  .marketing-app-tdi-component .app-description .desc {
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.35;
    color: #004f68; }
  .marketing-app-tdi-component .app-description .secondary-button {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.6;
    color: #ffffff;
    letter-spacing: 0.5px;
    margin-top: 13px; }
    .marketing-app-tdi-component .app-description .secondary-button.border-button {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.6;
      color: #ffffff;
      letter-spacing: 0.5px; }
  .marketing-app-tdi-component.CategoryPageHeader .app-tdi-header {
    margin: 55px 0 30px; }
  .marketing-app-tdi-component.CategoryPageHeader .app-tdi-content.app-tdi-description-center, .marketing-app-tdi-component.mobileCarousel .app-tdi-content.app-tdi-description-center {
    min-height: unset;
    margin: 0; } }

.buttonContainerFullWidth .btn {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 32px;
  font-size: 2rem;
  line-height: 0.63;
  color: #ea3797;
  letter-spacing: normal;
  text-transform: initial; }

.buttonContainerFullWidth .description-text {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 0.77;
  color: #ffffff;
  letter-spacing: 2px; }
  .buttonContainerFullWidth .description-text + .btn {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    color: #0074d3;
    letter-spacing: 1px;
    background: #fff03c; }

@media only screen and (max-width: 767.5px) {
  .buttonContainerFullWidth .description-text {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1;
    color: #ffffff;
    letter-spacing: 1.5px; }
    .buttonContainerFullWidth .description-text + .btn {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1;
      color: #0074d3;
      letter-spacing: 1.8px; } }

.marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.magazine-title {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
  color: #004f68;
  letter-spacing: normal; }

.marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper span.view-all-magazine {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 0.88;
  color: #ea3797;
  letter-spacing: 0.6px; }

.marketing-scholastic-magazine-wrapper .scholastic-magazine-content .magazine-title-wrapper .sw-icon.sw-icon.right-arrow {
  background: url("../../images/CM-Marketing/mbw-right-arrow.png") no-repeat center;
  background-size: 75% 100%; }

.marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-subtitle a {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.15;
  color: #004f68;
  letter-spacing: 0.5px; }

.marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-desc {
  font-family: "sofia-pro";
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.22;
  color: #000000;
  letter-spacing: normal; }
  .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-desc b {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.22;
    color: #000000;
    letter-spacing: normal; }

@media only screen and (max-width: 767.5px) {
  .marketing-scholastic-magazine-wrapper .scholastic-magazine-content .content-container .magazine-content .magazine-content-cntr .magazine-subtitle a {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    color: #004f68;
    letter-spacing: 0.5px; } }

.online-resources .online-resources-head {
  font-family: "kg-second-chances-solid";
  font-weight: 400;
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 1;
  color: #004f68;
  letter-spacing: normal; }

.online-resources .online-resources-description {
  font-family: "sofia-pro";
  font-weight: 600;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.1;
  color: #000000;
  letter-spacing: normal;
  margin-top: 8px; }

.online-resources .illustration-img {
  padding: 0 20px; }

.online-resources .marketing-video-game-content {
  overflow: hidden;
  margin: 0 auto;
  max-width: unset; }
  .online-resources .marketing-video-game-content .online-resources-head-image {
    margin-top: 49px; }
  @media only screen and (min-width: 992px) and (max-width: 1440px) {
    .online-resources .marketing-video-game-content {
      max-width: 794px; } }
  @media only screen and (min-width: 992px) and (max-width: 1440px) and (min-width: 1200px) {
    .online-resources .marketing-video-game-content {
      max-width: 994px; } }
  @media only screen and (min-width: 1441px) {
    .online-resources .marketing-video-game-content {
      padding: 0 15%; } }

.online-resources .marketing-video-game-container {
  border: solid 1px #64b4c7;
  border-image: none; }
  .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title span {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.21;
    color: #004f68;
    letter-spacing: normal; }
  @media only screen and (max-width: 767.5px) {
    .online-resources .marketing-video-game-container .marketing-video-container .marketing-content-tile-container .row.game-video-wrapper .video-play-icon .video_play span.sw-icon {
      background: url("../mybigworld-core/styles/core/icons/Icons-MBW-new.png") no-repeat;
      background-position: -584px -1068px;
      width: 52px;
      height: 54px; } }
  .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title span {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.21;
    color: #004f68;
    letter-spacing: normal; }

@media only screen and (max-width: 767.5px) and (max-width: 767.5px) {
  .online-resources .marketing-video-game-container .marketing-game-container .content-module .content-module-container .content-one-up .img-container .popup-img-icon span.sw-icon {
    background: url("../mybigworld-core/styles/core/icons/Icons-MBW-new.png") no-repeat;
    background-position: -660px -1066px;
    width: 52px;
    height: 54px; } }

@media only screen and (max-width: 767.5px) {
  .online-resources .online-resources-head {
    font-family: "kg-second-chances-solid";
    font-weight: 400;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.2;
    color: #004f68;
    max-width: 335px;
    padding: 0 16px; }
  .online-resources .online-resources-description {
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.08;
    color: #000000;
    letter-spacing: normal;
    font-weight: 600;
    margin: 5px auto 0;
    max-width: 335px; }
  .online-resources .online-resources-head-image {
    margin-top: 42px; }
  .online-resources .marketing-video-game-container .marketing-video-container .marketing-video-container-title span {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.21;
    color: #004f68; }
  .online-resources .marketing-video-game-container .marketing-game-container .marketing-game-container-title span {
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.21;
    color: #004f68; } }

.google-forms-container {
  margin: 25px 30px 0 5px; }
  .google-forms-container .google-forms-section .google-forms-section-title {
    font-family: "neo-sans";
    font-weight: 500;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.25;
    color: #2c7aec;
    letter-spacing: 1px;
    margin-bottom: 0; }
  .google-forms-container .google-forms-section .google-forms-section-description {
    font-family: "lato";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.38;
    color: #111111;
    letter-spacing: 0.5px;
    margin-top: 8px;
    margin-bottom: 0; }
  .google-forms-container .google-forms-section .download-quiz-btn {
    padding-right: 0; }
    .google-forms-container .google-forms-section .download-quiz-btn:focus {
      outline: 2px solid #0023aa; }
  .google-forms-container .google-forms-section .open-quiz-btn, .google-forms-container .google-forms-section .download-quiz-btn {
    font-family: "lato";
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.43;
    color: #000000;
    letter-spacing: normal;
    border: 2px solid #ecf0f5;
    width: 175px;
    min-height: 32px;
    border-radius: 3px;
    margin-top: 12px;
    padding-top: 4px;
    text-align: left;
    padding-left: 7px;
    padding-right: 7px;
    display: block;
    white-space: normal; }
    .google-forms-container .google-forms-section .open-quiz-btn span, .google-forms-container .google-forms-section .download-quiz-btn span {
      vertical-align: middle;
      bottom: 1px;
      position: relative; }
    .google-forms-container .google-forms-section .open-quiz-btn:focus, .google-forms-container .google-forms-section .download-quiz-btn:focus {
      outline: 2px solid #0023aa; }
  .google-forms-container .google-forms-section .google-drive-icon {
    margin-right: 4px;
    margin-left: -3px; }
  .google-forms-container .google-forms-section .google-form-download-icon {
    margin-right: 7px; }
  .google-forms-container .btn {
    background: transparent; }

.google-forms-tile-container .title {
  word-break: break-word; }
  .google-forms-tile-container .title:focus {
    outline: none; }

.google-forms-tile-container .content-tile-body .content-tile-image-wrapper .content-image {
  width: 100%;
  cursor: pointer; }

.google-forms-tile-container .content-tile-body .content-tile-image-wrapper a:focus {
  outline: none; }

.google-forms-tile-container .content-tile-body .icons-row {
  padding-left: 16px; }
  .google-forms-tile-container .content-tile-body .icons-row .open-quiz-btn {
    font-family: "lato";
    font-weight: 700;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.43;
    color: #000000;
    letter-spacing: normal;
    border: 2px solid #ecf0f5;
    width: calc(100% - 16px);
    white-space: normal;
    max-width: 151px;
    min-height: 32px;
    border-radius: 3px;
    background-color: transparent;
    padding: 4px 2px 6px; }
    .google-forms-tile-container .content-tile-body .icons-row .open-quiz-btn span {
      margin-right: 4px;
      vertical-align: middle;
      bottom: 1px;
      position: relative; }
    .google-forms-tile-container .content-tile-body .icons-row .open-quiz-btn:focus {
      outline: none; }

@media only screen and (max-width: 905px) and (min-width: 768px) {
  .google-forms-tile-container .content-tile-body .icons-row {
    padding-left: 12px; }
    .google-forms-tile-container .content-tile-body .icons-row .open-quiz-btn {
      font-family: "lato";
      font-weight: 700;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.43;
      color: #000000;
      letter-spacing: normal;
      width: calc(100% - 12px); } }

.google-form-modal .modal-dialog {
  width: 398px;
  min-height: 375px;
  border-radius: 4px; }
  .google-form-modal .modal-dialog .modal-content {
    border: none;
    box-shadow: none;
    width: 100%; }
    .google-form-modal .modal-dialog .modal-content .modal-header {
      border-bottom: 0;
      padding: 0; }
      .google-form-modal .modal-dialog .modal-content .modal-header .close-modal-btn {
        cursor: pointer;
        position: absolute;
        right: 12px;
        top: 12px;
        z-index: 1; }
        .google-form-modal .modal-dialog .modal-content .modal-header .close-modal-btn:focus {
          box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0023aa; }
      .google-form-modal .modal-dialog .modal-content .modal-header .google-form-image {
        position: relative; }
        .google-form-modal .modal-dialog .modal-content .modal-header .google-form-image img {
          width: 100%;
          height: 226px;
          border-radius: 4px; }
        .google-form-modal .modal-dialog .modal-content .modal-header .google-form-image .checkmark-icon {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          z-index: 1; }
    .google-form-modal .modal-dialog .modal-content .modal-body {
      text-align: center;
      padding: 0; }
      .google-form-modal .modal-dialog .modal-content .modal-body .google-form-modal-title {
        font-family: "soleil";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1;
        color: #111111;
        letter-spacing: normal;
        line-height: normal;
        margin-bottom: 0;
        margin-top: 9px; }
      .google-form-modal .modal-dialog .modal-content .modal-body .copy-form-section .google-form-modal-description {
        font-family: "soleil";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.33;
        color: #111111;
        letter-spacing: normal;
        padding: 0 42px;
        margin-top: 10px;
        margin-bottom: 0; }
      .google-form-modal .modal-dialog .modal-content .modal-body .edit-form-section {
        margin-top: 11px;
        margin-bottom: 30px; }
        .google-form-modal .modal-dialog .modal-content .modal-body .edit-form-section p {
          font-family: "soleil";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.33;
          color: #111111;
          letter-spacing: normal;
          margin-bottom: 15px; }
        .google-form-modal .modal-dialog .modal-content .modal-body .edit-form-section .view-btn {
          font-family: "soleil";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.11;
          color: #ffffff;
          letter-spacing: 0.4px;
          background: #169ad6;
          width: 130px;
          height: 40px;
          border-radius: 7px; }
        .google-form-modal .modal-dialog .modal-content .modal-body .edit-form-section .close-btn {
          font-family: "soleil";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #8b8a8c;
          letter-spacing: normal;
          line-height: normal;
          margin-left: 20px;
          width: 78px;
          height: 40px; }
      .google-form-modal .modal-dialog .modal-content .modal-body .error-form-section {
        margin-top: 20.5px;
        margin-bottom: 30px; }
        .google-form-modal .modal-dialog .modal-content .modal-body .error-form-section p {
          font-family: "soleil";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.33;
          color: #111111;
          letter-spacing: normal;
          margin-bottom: 15px; }
        .google-form-modal .modal-dialog .modal-content .modal-body .error-form-section .close-btn {
          font-family: "soleil";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #8b8a8c;
          letter-spacing: normal;
          line-height: normal;
          width: 78px;
          height: 40px;
          margin-bottom: 5px; }
        .google-form-modal .modal-dialog .modal-content .modal-body .error-form-section .close-btn:focus {
          box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0023aa; }
    .google-form-modal .modal-dialog .modal-content .modal-footer {
      border-top: 0;
      text-align: center;
      padding: 0; }
      .google-form-modal .modal-dialog .modal-content .modal-footer .copy-form-section {
        margin-top: 20.5px;
        margin-bottom: 30px; }
        .google-form-modal .modal-dialog .modal-content .modal-footer .copy-form-section .btn:focus {
          box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0023aa; }
        .google-form-modal .modal-dialog .modal-content .modal-footer .copy-form-section .copy-btn {
          font-family: "soleil";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.11;
          color: #ffffff;
          letter-spacing: 0.4px;
          background: #169ad6;
          width: 88px;
          height: 40px;
          border-radius: 7px; }
        .google-form-modal .modal-dialog .modal-content .modal-footer .copy-form-section .cancel-btn {
          font-family: "soleil";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1;
          color: #8b8a8c;
          letter-spacing: normal;
          line-height: normal;
          width: 78px;
          margin-left: 20px; }
      .google-form-modal .modal-dialog .modal-content .modal-footer .edit-form-section {
        border-top: unset;
        padding-top: unset;
        margin: 0 24px 30px 22px; }

.google-form-modal .btn {
  background: transparent; }
  .google-form-modal .btn:focus {
    outline: none; }

@media only screen and (max-width: 991.5px) {
  .google-forms-container {
    padding: 35px 0 38px;
    text-align: center;
    margin: 17px 0 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8; }
    .google-forms-container .google-forms-section .google-forms-section-description {
      margin-bottom: 9px;
      padding: 0 19px; }
    .google-forms-container .google-forms-section .download-quiz-btn {
      margin-top: 13px; }
    .google-forms-container .google-forms-section .download-quiz-btn, .google-forms-container .google-forms-section .open-quiz-btn {
      margin-left: auto;
      margin-right: auto; }
  .google-form-modal .modal-dialog {
    width: 286px;
    margin: 130px auto 98px; }
    .google-form-modal .modal-dialog .modal-content .modal-header .close-mobile-modal-btn {
      top: 10px;
      right: 10px;
      cursor: pointer;
      position: absolute;
      z-index: 1; }
    .google-form-modal .modal-dialog .modal-content .modal-header .google-form-image img {
      height: 166px; }
    .google-form-modal .modal-dialog .modal-content .modal-body .google-form-modal-title {
      font-size: 18px;
      font-size: 1.125rem;
      margin-top: 16px; }
    .google-form-modal .modal-dialog .modal-content .modal-body .copy-form-section .google-form-modal-description {
      font-size: 14px;
      font-size: 0.875rem;
      margin-top: 8px;
      padding: 0 18.6px;
      line-height: 1.36; }
    .google-form-modal .modal-dialog .modal-content .modal-body .edit-form-section {
      margin-top: 7px; }
      .google-form-modal .modal-dialog .modal-content .modal-body .edit-form-section p {
        font-size: 14px;
        font-size: 0.875rem;
        margin-bottom: 21px;
        line-height: 1.5; }
      .google-form-modal .modal-dialog .modal-content .modal-body .edit-form-section .view-btn {
        font-size: 15.3px;
        font-size: 0.95625rem;
        width: 110px;
        height: 34px;
        border-radius: 6px; }
      .google-form-modal .modal-dialog .modal-content .modal-body .edit-form-section .close-btn {
        font-size: 15px;
        font-size: 0.9375rem;
        margin-left: 26px;
        width: 66.3px;
        height: 34px;
        padding-top: 4px; }
    .google-form-modal .modal-dialog .modal-content .modal-footer .copy-form-section .copy-btn {
      font-size: 15px;
      font-size: 0.9375rem;
      width: 74.5px;
      height: 34px;
      border-radius: 6px;
      line-height: 1.13; }
    .google-form-modal .modal-dialog .modal-content .modal-footer .copy-form-section .cancel-btn {
      font-size: 15px;
      font-size: 0.9375rem;
      margin-left: 17px;
      width: 74.5px;
      height: 34px;
      padding-top: 4px; }
    .google-form-modal .modal-dialog .modal-content .modal-footer .edit-form-section {
      margin: 0 11px 30px;
      border-top: unset;
      padding-top: unset; } }

.breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-title {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  color: #000000;
  letter-spacing: normal; }

.breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-description {
  font-family: "sofia-pro-soft";
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28;
  color: #000000;
  letter-spacing: normal; }

.breaking-news-banner-component .breaking-news-banner-container .breaking-news-banner-wrapper .breaking-news-banner-button {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 0.86;
  color: #ffffff;
  letter-spacing: normal; }

.breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
  color: #000000;
  letter-spacing: normal; }

.breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-description {
  font-family: "sofia-pro-soft";
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28;
  color: #000000;
  letter-spacing: normal; }

.breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-button {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 0.86;
  color: #ffffff;
  letter-spacing: normal; }

@media (min-width: 768px) and (max-width: 991px) {
  .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title {
    font-size: 24px;
    font-size: 1.5rem; } }

@media (min-width: 320px) and (max-width: 767px) {
  .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title {
    font-size: 18px;
    font-size: 1.125rem; } }

@media (max-width: 319px) {
  .breaking-news-modal-container .breaking-news-modal-dialog .breaking-news-modal-banner-title {
    font-size: 18px;
    font-size: 1.125rem; } }

.lohp-horizontal-cta-container {
  padding: 14px 0 20px 0;
  background-color: #ea3797; }
  .lohp-horizontal-cta-container .lohp-horizontal-cta-button {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.07;
    color: #ffffff;
    letter-spacing: normal; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lohp-horizontal-cta-container {
    padding: 19px 0 11px 0; }
    .lohp-horizontal-cta-container .lohp-horizontal-cta-button {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 0.83;
      color: #ffffff;
      letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .lohp-horizontal-cta-container {
    padding: 15px 0 15px 0; }
    .lohp-horizontal-cta-container .lohp-horizontal-cta-button {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 0.95;
      color: #ffffff;
      letter-spacing: normal; } }

.ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA {
  z-index: 1;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: #d4264b;
  text-transform: none;
  transition: all 0.2s ease-in-out ;
  -webkit-transition: all 0.2s ease-in-out ;
  -moz-transition: all 0.2s ease-in-out ;
  -ms-transition: all 0.2s ease-in-out ;
  -o-transition: all 0.2s ease-in-out ;
  outline: unset; }
  .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

@media only screen and (min-width: 1025px) {
  .ahb-container .ahb-content-box {
    padding-right: 86px; }
    .ahb-container .ahb-content-box .ahb-content-title-slug {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 1.46;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-title-slug b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.46;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-title {
      margin-bottom: 10px;
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 52px;
      font-size: 3.25rem;
      line-height: 1.17;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-title b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 52px;
        font-size: 3.25rem;
        line-height: 1.17;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed {
      margin-bottom: 30px; }
    .ahb-container .ahb-content-box .ahb-content-subhed p {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 1.46;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-subhed p b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.46;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed p:last-child {
      margin-top: 25px;
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 22px;
      font-size: 1.375rem;
      color: #004f68;
      letter-spacing: normal;
      line-height: normal; }
      .ahb-container .ahb-content-box .ahb-content-subhed p:last-child b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 22px;
        font-size: 1.375rem;
        color: inherit;
        letter-spacing: normal;
        line-height: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed p:only-child {
      margin-bottom: 0;
      margin-top: 0;
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 1.46;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-subhed p:only-child b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.46;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.11;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.11;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA {
      width: 265px;
      height: 50px;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.18;
      color: #ffffff;
      letter-spacing: normal;
      margin-bottom: 15px; }
      .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.18;
        color: inherit;
        letter-spacing: normal; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ahb-container .ahb-content-box {
    padding: 0 84px; }
    .ahb-container .ahb-content-box .ahb-content-title-slug {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-title-slug b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-title {
      margin-bottom: 10px;
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 38px;
      font-size: 2.375rem;
      line-height: 1.21;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-title b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 38px;
        font-size: 2.375rem;
        line-height: 1.21;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed {
      margin-bottom: 25px; }
    .ahb-container .ahb-content-box .ahb-content-subhed p {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-subhed p b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed p:last-child {
      margin-top: 15px;
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.44;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-subhed p:last-child b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.44;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed p:only-child {
      margin-bottom: 0;
      margin-top: 0;
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-subhed p:only-child b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.54;
      color: #004f68;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1.54;
        color: inherit;
        letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA {
      margin-bottom: 8px;
      width: 180px;
      height: 35px;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 19px;
      font-size: 1.1875rem;
      line-height: 1.47;
      color: #ffffff;
      letter-spacing: normal; }
      .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47;
        color: inherit;
        letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .ahb-container .ahb-content-box .ahb-content-title-slug {
    font-family: "sofia-pro";
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.56;
    color: #004f68;
    letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-title-slug b {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56;
      color: inherit;
      letter-spacing: normal; }
  .ahb-container .ahb-content-box .ahb-content-title {
    margin-bottom: 10px;
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.18;
    color: #004f68;
    letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-title b {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 34px;
      font-size: 2.125rem;
      line-height: 1.18;
      color: inherit;
      letter-spacing: normal; }
  .ahb-container .ahb-content-box .ahb-content-subhed {
    margin-bottom: 30px; }
  .ahb-container .ahb-content-box .ahb-content-subhed p {
    font-family: "sofia-pro";
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.56;
    color: #004f68;
    letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed p b {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56;
      color: inherit;
      letter-spacing: normal; }
  .ahb-container .ahb-content-box .ahb-content-subhed p:last-child {
    margin-top: 20px;
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.44;
    color: #004f68;
    letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed p:last-child b {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.44;
      color: inherit;
      letter-spacing: normal; }
  .ahb-container .ahb-content-box .ahb-content-subhed p:only-child {
    margin-bottom: 0;
    margin-top: 0;
    font-family: "sofia-pro";
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.56;
    color: #004f68;
    letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-subhed p:only-child b {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56;
      color: inherit;
      letter-spacing: normal; }
  .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p {
    font-family: "sofia-pro";
    font-weight: 500;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.43;
    color: #004f68;
    letter-spacing: normal; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper .ahb-content-rte-below-button p b {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.43;
      color: inherit;
      letter-spacing: normal; }
  .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA {
    width: 250px;
    height: 40px;
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    color: #ffffff;
    letter-spacing: normal;
    line-height: normal; }
    .ahb-container .ahb-content-box .ahb-content-button-wrapper .lohp-CTA b {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      color: inherit;
      letter-spacing: normal;
      line-height: normal; } }

.lohp-titleParsys-main-wrapper .parsys-content .parsys-article-title {
  font-family: "sofia-pro-soft";
  font-weight: 700;
  font-size: 41px;
  font-size: 2.5625rem;
  line-height: 1.2;
  color: #004f68;
  letter-spacing: normal; }

.lohp-titleParsys-main-wrapper .parsys-content .parsys-description {
  font-family: "sofia-pro-soft";
  font-weight: 400;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.42;
  color: #004f68;
  letter-spacing: normal;
  margin: 20px 218px 40px 220px; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-description b {
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.42;
    color: #004f68;
    letter-spacing: normal; }

.lohp-titleParsys-main-wrapper .parsys-content .parsys-snippet-flex-container .parsys-html-snippet {
  padding-bottom: 50px; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-article-title {
    padding-top: 46px;
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.27;
    color: #004f68;
    letter-spacing: normal; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-description {
    margin: 20px 109px 40px;
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #004f68;
    letter-spacing: normal; }
    .lohp-titleParsys-main-wrapper .parsys-content .parsys-description b {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5;
      color: #004f68;
      letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-article-title {
    padding-top: 50px;
    font-family: "sofia-pro";
    font-weight: 700;
    font-size: 27px;
    font-size: 1.6875rem;
    line-height: 1.3;
    color: #004f68;
    letter-spacing: normal; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-description {
    margin: 19px 38px 25px 37px;
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #004f68;
    letter-spacing: normal; }
    .lohp-titleParsys-main-wrapper .parsys-content .parsys-description b {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5;
      color: #004f68;
      letter-spacing: normal; }
  .lohp-titleParsys-main-wrapper .parsys-content .parsys-snippet-flex-container .parsys-html-snippet {
    padding-bottom: 50px; } }

.product-marketing-container .table-container table .cell-wrap {
  border-color: #c2edf7 !important; }
  .product-marketing-container .table-container table .cell-wrap .pm-cta {
    transition: all 0.2s ease-in-out ;
    -webkit-transition: all 0.2s ease-in-out ;
    -moz-transition: all 0.2s ease-in-out ;
    -ms-transition: all 0.2s ease-in-out ;
    -o-transition: all 0.2s ease-in-out ;
    outline: unset; }
    .product-marketing-container .table-container table .cell-wrap .pm-cta:focus {
      box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

@media only screen and (min-width: 1025px) {
  .product-marketing-container {
    padding-bottom: 50px; }
    .product-marketing-container .title-rte {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 41px;
      font-size: 2.5625rem;
      line-height: 1.2;
      color: #004f68;
      letter-spacing: normal;
      margin-bottom: 45px; }
      .product-marketing-container .title-rte b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 41px;
        font-size: 2.5625rem;
        line-height: 1.2;
        color: inherit;
        letter-spacing: normal; }
    .product-marketing-container .description-rte {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.42;
      color: #004f68;
      letter-spacing: normal; }
      .product-marketing-container .description-rte b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.42;
        color: inherit;
        letter-spacing: normal; }
    .product-marketing-container .table-container table thead tr .head-description {
      padding-right: 25px;
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.42;
      color: #004f68;
      letter-spacing: normal; }
      .product-marketing-container .table-container table thead tr .head-description b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.42;
        color: inherit;
        letter-spacing: normal; }
    .product-marketing-container .table-container table thead tr .head-prod-A, .product-marketing-container .table-container table thead tr .head-prod-B {
      width: 30.04%; }
      .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte {
        margin-top: 35px;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 1.21;
        color: #004f68;
        letter-spacing: normal;
        font-weight: bold; }
        .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte a,
        .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte b,
        .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte a,
        .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 28px;
          font-size: 1.75rem;
          line-height: 1.21;
          color: inherit;
          letter-spacing: normal;
          font-weight: bold; }
      .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-pricing-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-pricing-rte {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.45;
        color: #004f68;
        letter-spacing: normal;
        margin-bottom: 25px; }
        .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-pricing-rte b,
        .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-pricing-rte b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 1.45;
          color: inherit;
          letter-spacing: normal; }
      .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .pm-cta, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .pm-cta {
        background-color: #d4264b;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.18;
        color: white;
        letter-spacing: 0.25px; }
    .product-marketing-container .table-container table tbody tr .cell-line-desc {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.36;
      color: #004f68;
      letter-spacing: normal; }
      .product-marketing-container .table-container table tbody tr .cell-line-desc b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.36;
        color: inherit;
        letter-spacing: normal; }
    .product-marketing-container .table-container table tbody tr .cell-prod-A, .product-marketing-container .table-container table tbody tr .cell-prod-B {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 1.15;
      color: #004f68;
      letter-spacing: normal;
      font-weight: bold; }
      .product-marketing-container .table-container table tbody tr .cell-prod-A b,
      .product-marketing-container .table-container table tbody tr .cell-prod-B b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.15;
        color: inherit;
        letter-spacing: normal;
        font-weight: bold; }
    .product-marketing-container .body-rte {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56;
      color: #004f68;
      letter-spacing: normal; }
      .product-marketing-container .body-rte a,
      .product-marketing-container .body-rte b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56;
        color: inherit;
        letter-spacing: normal; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .product-marketing-container {
    padding-top: 50px;
    padding-bottom: 50px; }
    .product-marketing-container .title-rte {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.27;
      color: #004f68;
      letter-spacing: normal;
      margin-bottom: 19px; }
      .product-marketing-container .title-rte b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.27;
        color: inherit;
        letter-spacing: normal; }
    .product-marketing-container .description-rte {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5;
      color: #004f68;
      letter-spacing: normal;
      margin-bottom: 29px; }
      .product-marketing-container .description-rte b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: inherit;
        letter-spacing: normal; }
    .product-marketing-container .table-container table {
      margin-bottom: 20px; }
      .product-marketing-container .table-container table thead tr .head-description {
        width: 31, 62%; }
      .product-marketing-container .table-container table thead tr .head-prod-A, .product-marketing-container .table-container table thead tr .head-prod-B {
        width: 34, 18%; }
        .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte {
          margin-top: 26px;
          margin-bottom: 6px;
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 1.36;
          color: #004f68;
          letter-spacing: normal;
          font-weight: bold; }
          .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte a,
          .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte b,
          .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte a,
          .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte b {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 22px;
            font-size: 1.375rem;
            line-height: 1.36;
            color: inherit;
            letter-spacing: normal;
            font-weight: bold; }
        .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-pricing-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-pricing-rte {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.75;
          color: #004f68;
          letter-spacing: normal; }
          .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-pricing-rte b,
          .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-pricing-rte b {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 16px;
            font-size: 1rem;
            line-height: 1.75;
            color: inherit;
            letter-spacing: normal; }
        .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .pm-cta, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .pm-cta {
          background-color: #d4264b;
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 19px;
          font-size: 1.1875rem;
          line-height: 1.47;
          color: white;
          letter-spacing: normal; }
      .product-marketing-container .table-container table tbody tr .cell-line-desc .cell-wrap {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.63;
        color: #004f68;
        letter-spacing: normal; }
        .product-marketing-container .table-container table tbody tr .cell-line-desc .cell-wrap b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 16px;
          font-size: 1rem;
          line-height: 1.63;
          color: inherit;
          letter-spacing: normal; }
      .product-marketing-container .table-container table tbody tr .cell-prod-A .cell-wrap, .product-marketing-container .table-container table tbody tr .cell-prod-B .cell-wrap {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 21px;
        font-size: 1.3125rem;
        line-height: 1.33;
        color: #004f68;
        letter-spacing: normal;
        font-weight: bold; }
        .product-marketing-container .table-container table tbody tr .cell-prod-A .cell-wrap b,
        .product-marketing-container .table-container table tbody tr .cell-prod-B .cell-wrap b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 21px;
          font-size: 1.3125rem;
          line-height: 1.33;
          color: inherit;
          letter-spacing: normal;
          font-weight: bold; }
    .product-marketing-container .body-rte {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.63;
      color: #004f68;
      letter-spacing: normal; }
      .product-marketing-container .body-rte a,
      .product-marketing-container .body-rte b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.63;
        color: inherit;
        letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .product-marketing-container {
    padding-top: 50px;
    padding-bottom: 50px; }
    .product-marketing-container .title-rte {
      margin-bottom: 18px;
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 27px;
      font-size: 1.6875rem;
      line-height: 1.3;
      color: #004f68;
      letter-spacing: normal; }
      .product-marketing-container .title-rte b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 1.3;
        color: inherit;
        letter-spacing: normal; }
    .product-marketing-container .description-rte {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 20x;
      font-size: 1.25rem;
      line-height: 1.5;
      color: #004f68;
      letter-spacing: normal;
      margin-bottom: 24px; }
      .product-marketing-container .description-rte b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: inherit;
        letter-spacing: normal; }
    .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.4;
      color: #004f68;
      letter-spacing: normal;
      font-weight: bold; }
      .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte a,
      .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-title-rte b,
      .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte a,
      .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-title-rte b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: inherit;
        letter-spacing: normal;
        font-weight: bold; }
    .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-pricing-rte, .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-pricing-rte {
      font-family: "sofia-pro";
      font-weight: 500;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.79;
      color: #004f68;
      letter-spacing: normal; }
      .product-marketing-container .table-container table thead tr .head-prod-A .cell-wrap .head-pricing-rte b,
      .product-marketing-container .table-container table thead tr .head-prod-B .cell-wrap .head-pricing-rte b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.79;
        color: inherit;
        letter-spacing: normal; }
    .product-marketing-container .table-container table tbody tr .cell-line-desc .cell-wrap {
      min-height: 0;
      font-family: "sofia-pro";
      font-weight: 500;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.63;
      color: #004f68;
      letter-spacing: normal; }
      .product-marketing-container .table-container table tbody tr .cell-line-desc .cell-wrap b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.63;
        color: inherit;
        letter-spacing: normal; }
      .product-marketing-container .table-container table tbody tr .cell-line-desc .cell-wrap p:first-child {
        padding-top: 15px; }
      .product-marketing-container .table-container table tbody tr .cell-line-desc .cell-wrap p:last-child {
        padding-bottom: 10px; }
    .product-marketing-container .table-container table tbody tr .cell-prod-A .cell-wrap {
      min-height: 66px;
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.44;
      color: #004f68;
      letter-spacing: normal;
      font-weight: bold; }
      .product-marketing-container .table-container table tbody tr .cell-prod-A .cell-wrap b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.44;
        color: inherit;
        letter-spacing: normal;
        font-weight: bold; }
    .product-marketing-container .table-container table tbody tr .cell-prod-B .cell-wrap {
      min-height: 66px;
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.44;
      color: #004f68;
      letter-spacing: normal;
      font-weight: bold; }
      .product-marketing-container .table-container table tbody tr .cell-prod-B .cell-wrap b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.44;
        color: inherit;
        letter-spacing: normal;
        font-weight: bold; }
    .product-marketing-container .pm-cta {
      background-color: #d4264b;
      margin-bottom: 20px;
      padding-bottom: 6px;
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 1.33;
      color: white;
      letter-spacing: normal; }
    .product-marketing-container .body-rte {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.63;
      color: #004f68;
      letter-spacing: normal; }
      .product-marketing-container .body-rte a,
      .product-marketing-container .body-rte b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.63;
        color: inherit;
        letter-spacing: normal; } }

.lohp-iconTitle .lohp-CTA {
  z-index: 1;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: #d4264b;
  text-transform: none;
  transition: all 0.2s ease-in-out ;
  -webkit-transition: all 0.2s ease-in-out ;
  -moz-transition: all 0.2s ease-in-out ;
  -ms-transition: all 0.2s ease-in-out ;
  -o-transition: all 0.2s ease-in-out ;
  outline: unset; }
  .lohp-iconTitle .lohp-CTA:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 4px black; }

@media only screen and (min-width: 1025px) {
  .lohp-iconTitle {
    padding-bottom: 50px; }
    .lohp-iconTitle .title-rte-container {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 41px;
      font-size: 2.5625rem;
      line-height: 1.2;
      color: #004f68;
      letter-spacing: normal;
      margin-bottom: 20px; }
      .lohp-iconTitle .title-rte-container b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 41px;
        font-size: 2.5625rem;
        line-height: 1.2;
        color: inherit;
        letter-spacing: normal; }
    .lohp-iconTitle .desc-rte-container {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.42;
      color: #004f68;
      letter-spacing: normal;
      margin-bottom: 30px; }
      .lohp-iconTitle .desc-rte-container b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.42;
        color: inherit;
        letter-spacing: normal; }
    .lohp-iconTitle .items-container {
      margin-bottom: 30px; }
      .lohp-iconTitle .items-container .item-wrapper {
        max-width: 275px; }
        .lohp-iconTitle .items-container .item-wrapper .item-icon {
          margin-bottom: 20px; }
        .lohp-iconTitle .items-container .item-wrapper .item-rte-headline {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 26px;
          font-size: 1.625rem;
          line-height: 1.15;
          color: #004f68;
          letter-spacing: normal; }
          .lohp-iconTitle .items-container .item-wrapper .item-rte-headline b {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 26px;
            font-size: 1.625rem;
            line-height: 1.15;
            color: inherit;
            letter-spacing: normal; }
        .lohp-iconTitle .items-container .item-wrapper .item-rte-dek {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.56;
          color: #004f68;
          letter-spacing: normal; }
          .lohp-iconTitle .items-container .item-wrapper .item-rte-dek b {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.56;
            color: inherit;
            letter-spacing: normal; }
    .lohp-iconTitle .lohp-CTA {
      height: 50px;
      width: 265px;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.18;
      color: #ffffff;
      letter-spacing: normal; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lohp-iconTitle .title-rte-container {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.27;
    color: #004f68;
    letter-spacing: normal; }
    .lohp-iconTitle .title-rte-container b {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.27;
      color: inherit;
      letter-spacing: normal; }
  .lohp-iconTitle .desc-rte-container {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #004f68;
    letter-spacing: normal;
    margin-bottom: 30px; }
    .lohp-iconTitle .desc-rte-container b {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5;
      color: inherit;
      letter-spacing: normal; }
  .lohp-iconTitle .items-container {
    flex-wrap: wrap;
    margin-bottom: 30px; }
    .lohp-iconTitle .items-container .item-wrapper {
      min-width: 40%; }
      .lohp-iconTitle .items-container .item-wrapper .item-rte-headline {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-iconTitle .items-container .item-wrapper .item-rte-headline b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.4;
          color: inherit;
          letter-spacing: normal; }
      .lohp-iconTitle .items-container .item-wrapper .item-rte-dek {
        max-width: 550px;
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.44;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-iconTitle .items-container .item-wrapper .item-rte-dek b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.44;
          color: inherit;
          letter-spacing: normal; }
  .lohp-iconTitle .items-container .item-wrapper:nth-child(1),
  .lohp-iconTitle .items-container .item-wrapper:nth-child(2) {
    margin: 0 10px 10px 10px; }
  .lohp-iconTitle .items-container .item-wrapper:nth-child(3),
  .lohp-iconTitle .items-container .item-wrapper:nth-child(4) {
    margin: 10px 10px 0 10px; }
  .lohp-iconTitle .lohp-CTA {
    height: 35px;
    width: 180px;
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.47;
    color: #ffffff;
    letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .lohp-iconTitle {
    padding-top: 50px; }
    .lohp-iconTitle .title-rte-container {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 27px;
      font-size: 1.6875rem;
      line-height: 1.3;
      color: #004f68;
      letter-spacing: normal;
      margin-bottom: 20px; }
      .lohp-iconTitle .title-rte-container b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 1.3;
        color: inherit;
        letter-spacing: normal; }
    .lohp-iconTitle .desc-rte-container {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5;
      color: #004f68;
      letter-spacing: normal;
      margin-bottom: 30px; }
      .lohp-iconTitle .desc-rte-container b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: inherit;
        letter-spacing: normal; }
    .lohp-iconTitle .items-container {
      margin-bottom: 40px; }
      .lohp-iconTitle .items-container .item-wrapper {
        margin-bottom: 30px; }
      .lohp-iconTitle .items-container .item-rte-headline {
        font-family: "sofia-pro";
        font-weight: 400;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.21;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-iconTitle .items-container .item-rte-headline b {
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.21;
          color: inherit;
          letter-spacing: normal; }
      .lohp-iconTitle .items-container .item-rte-dek {
        font-family: "sofia-pro";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.44;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-iconTitle .items-container .item-rte-dek b {
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.44;
          color: inherit;
          letter-spacing: normal; }
    .lohp-iconTitle .lohp-CTA {
      height: 40px;
      width: 250px;
      padding-bottom: 6px;
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 1.33;
      color: #ffffff;
      letter-spacing: normal; } }

.lohp-carousel-wrapper .bg-image-container,
.lohp-carousel-wrapper .bg-color-container {
  z-index: 0; }

@media only screen and (min-width: 1025px) {
  .lohp-carousel-wrapper {
    padding: 50px 148px; }
    .lohp-carousel-wrapper .text-container {
      z-index: 1;
      padding-right: 41px; }
      .lohp-carousel-wrapper .text-container .title-rte-container {
        margin-bottom: 20px;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 41px;
        font-size: 2.5625rem;
        line-height: 1.2;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .title-rte-container b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 41px;
          font-size: 2.5625rem;
          line-height: 1.2;
          color: inherit;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .subhed-rte-container {
        margin-bottom: 20px;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.42;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .subhed-rte-container b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.42;
          color: inherit;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .desc-rte-container p:last-child {
        margin-top: 25px;
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.27;
        color: #004f68;
        letter-spacing: 0.25px; }
        .lohp-carousel-wrapper .text-container .desc-rte-container p:last-child b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 22px;
          font-size: 1.375rem;
          line-height: 1.27;
          color: inherit;
          letter-spacing: 0.25px; }
      .lohp-carousel-wrapper .text-container .desc-rte-container p {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .desc-rte-container p b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.56;
          color: inherit;
          letter-spacing: normal; }
    .lohp-carousel-wrapper .lohp-carousel-slides {
      max-width: 450px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.56;
          color: inherit;
          letter-spacing: normal; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .lohp-carousel-wrapper {
    padding: 50px 0; }
    .lohp-carousel-wrapper .text-container {
      z-index: 1; }
      .lohp-carousel-wrapper .text-container .title-rte-container {
        margin-bottom: 20px;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.27;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .title-rte-container b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 30px;
          font-size: 1.875rem;
          line-height: 1.27;
          color: inherit;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .subhed-rte-container {
        margin-bottom: 20px;
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .subhed-rte-container b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.5;
          color: inherit;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .desc-rte-container {
        margin-bottom: 25px; }
        .lohp-carousel-wrapper .text-container .desc-rte-container p:last-child {
          margin-top: 20px;
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.44;
          color: #004f68;
          letter-spacing: 0.2px; }
          .lohp-carousel-wrapper .text-container .desc-rte-container p:last-child b {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.44;
            color: inherit;
            letter-spacing: 0.2px; }
        .lohp-carousel-wrapper .text-container .desc-rte-container p {
          font-family: "sofia-pro-soft";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.44;
          color: #004f68;
          letter-spacing: normal; }
          .lohp-carousel-wrapper .text-container .desc-rte-container p b {
            font-family: "sofia-pro-soft";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.44;
            color: inherit;
            letter-spacing: normal; }
    .lohp-carousel-wrapper .lohp-carousel-slides {
      max-width: 450px; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.44;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container b {
          font-family: "sofia-pro-soft";
          font-weight: 700;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.44;
          color: inherit;
          letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .lohp-carousel-wrapper {
    padding: 50px 0; }
    .lohp-carousel-wrapper .text-container {
      z-index: 1; }
      .lohp-carousel-wrapper .text-container .title-rte-container {
        margin-bottom: 20px;
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 1.3;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .title-rte-container b {
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 27px;
          font-size: 1.6875rem;
          line-height: 1.3;
          color: inherit;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .subhed-rte-container {
        margin-bottom: 20px;
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: #004f68;
        letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .subhed-rte-container b {
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.5;
          color: inherit;
          letter-spacing: normal; }
      .lohp-carousel-wrapper .text-container .desc-rte-container {
        margin-bottom: 25px; }
        .lohp-carousel-wrapper .text-container .desc-rte-container p:last-child {
          margin-top: 20px;
          font-family: "sofia-pro";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.67;
          color: #004f68;
          letter-spacing: normal; }
          .lohp-carousel-wrapper .text-container .desc-rte-container p:last-child b {
            font-family: "sofia-pro";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.67;
            color: inherit;
            letter-spacing: normal; }
        .lohp-carousel-wrapper .text-container .desc-rte-container p {
          font-family: "sofia-pro";
          font-weight: 400;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.56;
          color: #004f68;
          letter-spacing: normal; }
          .lohp-carousel-wrapper .text-container .desc-rte-container p b {
            font-family: "sofia-pro";
            font-weight: 700;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.56;
            color: inherit;
            letter-spacing: normal; }
    .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.56;
      color: #004f68;
      letter-spacing: normal; }
      .lohp-carousel-wrapper .lohp-carousel-slides .slick-slide .lohp-slide-rte-caption-container b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.56;
        color: inherit;
        letter-spacing: normal; } }

.homepage-calendar-container {
  width: 100%;
  height: 100%;
  position: relative; }
  .homepage-calendar-container .homepage-calendar-background {
    position: absolute;
    width: inherit;
    height: inherit;
    z-index: 1; }
    .homepage-calendar-container .homepage-calendar-background.homepage-calendar-desktop-background, .homepage-calendar-container .homepage-calendar-background.homepage-calendar-tablet-background, .homepage-calendar-container .homepage-calendar-background.homepage-calendar-mobile-background {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center; }
  .homepage-calendar-container .homepage-calendar-content {
    position: relative;
    z-index: 2;
    padding: 50px 0; }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container {
      max-width: 1000px;
      margin: 0 auto;
      padding-bottom: 5px;
      text-align: center; }
      .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container {
        margin-top: unset;
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 1.24;
        color: #004f68;
        letter-spacing: normal;
        margin-bottom: 15px; }
        .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container b {
          font-family: "kg-second-chances-solid";
          font-weight: 400;
          font-size: 34px;
          font-size: 2.125rem;
          line-height: 1.24;
          color: inherit;
          letter-spacing: normal; }
      .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container {
        font-family: "sofia-pro";
        font-weight: 400;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.42;
        color: #004f68;
        letter-spacing: normal;
        margin-bottom: 19px; }
        .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container b {
          font-family: "sofia-pro";
          font-weight: 400;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 1.42;
          color: inherit;
          letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container {
      display: flex;
      flex-wrap: wrap;
      width: 960px;
      margin: 0 auto;
      list-style: none;
      padding-inline-start: unset; }
      .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: start;
        width: 300px;
        height: 205px;
        margin: 10px;
        border-radius: 20px;
        border: 5px solid;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
        .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile.no-border {
          border: none !important; }
        .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile .hpc-tile-month {
          font-family: "kg-second-chances-solid";
          font-weight: 400;
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 1.7;
          color: black;
          letter-spacing: normal;
          border-bottom: 5px solid;
          margin: 18px 0 11px; }
        .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile .hpc-tile-topics {
          list-style: none;
          margin-block: unset;
          padding-inline-start: unset; }
          .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile .hpc-tile-topics .hpc-tile-topic {
            font-family: "sofia-pro";
            font-weight: 500;
            font-size: 18px;
            font-size: 1.125rem;
            line-height: 1.44;
            color: #143051;
            letter-spacing: normal; }
  .homepage-calendar-container .hpc-body-container {
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #143051;
    letter-spacing: normal;
    max-width: 1000px;
    margin: 10px auto 0;
    text-align: center; }
    .homepage-calendar-container .hpc-body-container b {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: inherit;
      letter-spacing: normal; }
  .homepage-calendar-container p {
    margin: 0; }

@media only screen and (min-width: 1025px) {
  .homepage-calendar-container .homepage-calendar-background.homepage-calendar-tablet-background, .homepage-calendar-container .homepage-calendar-background.homepage-calendar-mobile-background {
    display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .homepage-calendar-container .homepage-calendar-background.homepage-calendar-desktop-background, .homepage-calendar-container .homepage-calendar-background.homepage-calendar-mobile-background {
    display: none; }
  .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container {
    max-width: 600px; }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 1.36;
      color: #004f68;
      letter-spacing: normal; }
      .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container b {
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.36;
        color: inherit;
        letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5;
      color: #004f68;
      letter-spacing: normal; }
      .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container b {
        font-family: "sofia-pro";
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: inherit;
        letter-spacing: normal; }
  .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container {
    width: 640px; }
    .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile.no-border {
      display: none; } }

@media only screen and (max-width: 767px) {
  .homepage-calendar-container .homepage-calendar-background.homepage-calendar-desktop-background, .homepage-calendar-container .homepage-calendar-background.homepage-calendar-tablet-background {
    display: none; }
  .homepage-calendar-container .homepage-calendar-content {
    padding: 50px calc((100% - 300px)/2); }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container {
      font-family: "kg-second-chances-solid";
      font-weight: 400;
      font-size: 25px;
      font-size: 1.5625rem;
      line-height: 1.36;
      color: #004f68;
      letter-spacing: normal;
      line-height: 1.4;
      margin-bottom: 19px; }
      .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container b {
        font-family: "kg-second-chances-solid";
        font-weight: 400;
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 1.36;
        color: inherit;
        letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5;
      color: #004f68;
      letter-spacing: normal; }
      .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container b {
        font-family: "sofia-pro";
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: inherit;
        letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container {
      width: 300px; }
      .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile {
        margin: 10px 0; }
        .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile.no-border {
          display: none; }
  .homepage-calendar-container .hpc-body-container {
    font-family: "sofia-pro";
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.71;
    color: #143051;
    letter-spacing: normal;
    margin: 5px auto 0; }
    .homepage-calendar-container .hpc-body-container b {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.71;
      color: inherit;
      letter-spacing: normal; } }

@media only screen and (min-width: 1025px) {
  .homepage-calendar-container .homepage-calendar-background.homepage-calendar-tablet-background, .homepage-calendar-container .homepage-calendar-background.homepage-calendar-mobile-background {
    display: none; }
  .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container {
    margin-bottom: 20px;
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 41px;
    font-size: 2.5625rem;
    line-height: 1.2;
    color: #004f68;
    letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container b {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 41px;
      font-size: 2.5625rem;
      line-height: 1.2;
      color: inherit;
      letter-spacing: normal; }
  .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container {
    margin-bottom: 20px;
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.42;
    color: #004f68;
    letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container b {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.42;
      color: inherit;
      letter-spacing: normal; }
  .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile .hpc-tile-month {
    margin: 15px 0 9px;
    font-family: "sofia-pro-soft";
    font-weight: 700;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.8;
    color: black;
    letter-spacing: normal; }
  .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile .hpc-tile-topics .hpc-tile-topic {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.44;
    color: #143051;
    letter-spacing: normal; }
  .homepage-calendar-container .hpc-body-container {
    margin: 15px auto 0;
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #143051;
    letter-spacing: normal; }
    .homepage-calendar-container .hpc-body-container b {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: inherit;
      letter-spacing: normal; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .homepage-calendar-container .homepage-calendar-background.homepage-calendar-desktop-background, .homepage-calendar-container .homepage-calendar-background.homepage-calendar-mobile-background {
    display: none; }
  .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container {
    max-width: 600px; }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container {
      margin-bottom: 20px;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.27;
      color: #004f68;
      letter-spacing: normal; }
      .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container b {
        font-family: "sofia-pro-soft";
        font-weight: 700;
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 1.27;
        color: inherit;
        letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container {
      margin-bottom: 18px;
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5;
      color: #004f68;
      letter-spacing: normal; }
      .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container b {
        font-family: "sofia-pro-soft";
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: inherit;
        letter-spacing: normal; }
  .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container {
    width: 640px; }
    .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile.no-border {
      display: none; }
    .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile .hpc-tile-month {
      margin: 15px 0 8px;
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 1.8;
      color: black;
      letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile .hpc-tile-topics .hpc-tile-topic {
      font-family: "sofia-pro-soft";
      font-weight: 400;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.44;
      color: #143051;
      letter-spacing: normal; }
  .homepage-calendar-container .hpc-body-container {
    font-family: "sofia-pro-soft";
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #143051;
    letter-spacing: normal; }
    .homepage-calendar-container .hpc-body-container b {
      font-family: "sofia-pro-soft";
      font-weight: 700;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5;
      color: inherit;
      letter-spacing: normal; } }

@media only screen and (max-width: 767px) {
  .homepage-calendar-container .homepage-calendar-background.homepage-calendar-desktop-background, .homepage-calendar-container .homepage-calendar-background.homepage-calendar-tablet-background {
    display: none; }
  .homepage-calendar-container .homepage-calendar-content {
    padding: 50px calc((100% - 300px) / 2); }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container {
      font-family: "sofia-pro";
      font-weight: 700;
      font-size: 27px;
      font-size: 1.6875rem;
      line-height: 1.3;
      color: #004f68;
      letter-spacing: normal;
      margin-bottom: 20px; }
      .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-title-container b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 27px;
        font-size: 1.6875rem;
        line-height: 1.3;
        color: inherit;
        letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5;
      color: #004f68;
      letter-spacing: normal;
      margin-bottom: 17px; }
      .homepage-calendar-container .homepage-calendar-content .hpc-title-description-container .hpc-description-container b {
        font-family: "sofia-pro";
        font-weight: 400;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.5;
        color: inherit;
        letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container {
      width: 300px; }
      .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile {
        margin: 10px 0; }
        .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile.no-border {
          display: none; }
        .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile .hpc-tile-month {
          margin: 15px 0 8px;
          font-family: "sofia-pro";
          font-weight: 700;
          font-size: 21px;
          font-size: 1.3125rem;
          line-height: 1.9;
          color: black;
          letter-spacing: normal; }
        .homepage-calendar-container .homepage-calendar-content .hpc-tiles-container .hpc-tile .hpc-tile-topics .hpc-tile-topic {
          font-family: "sofia-pro";
          font-weight: 500;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1.44;
          color: #143051;
          letter-spacing: normal; }
    .homepage-calendar-container .homepage-calendar-content .hpc-body-container {
      font-family: "sofia-pro";
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.71;
      color: #143051;
      letter-spacing: normal;
      margin: 10px auto 0; }
      .homepage-calendar-container .homepage-calendar-content .hpc-body-container b {
        font-family: "sofia-pro";
        font-weight: 700;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.71;
        color: inherit;
        letter-spacing: normal; } }

/*
 * #%L
 * ACS AEM Commons Package
 * %%
 * Copyright (C) 2014 Adobe
 * %%
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * #L%
 */
.acs-commons-resp-colctrl-row {
  box-sizing: border-box;
  margin-left: 0px;
  margin-right: 0px;
  moz-box-sizing: border-box;
  webkit-box-sizing: border-box - 5px;
}
.acs-commons-resp-colctrl-row:after {
  clear: both;
  content: " ";
  display: table;
}
/**
@numOfDivisionsOfContainer -  This variable will divide the container div by that many divisions.
For example, we have taken @numOfDivisionsOfContainer as 100.This would mean, if a columns' width is set as 50, then it will have 50% width of the container.
This value can take any number.
This basically loops and creates that many number of classes
**/
.acs-commons-resp-colctrl-col-100 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-99 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 99%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-98 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 98%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-97 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 97%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-96 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 96%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-95 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 95%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-94 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 94%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-93 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 93%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-92 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 92%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-91 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 91%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-90 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 90%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-89 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 89%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-88 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 88%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-87 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 87%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-86 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 86%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-85 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 85%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-84 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 84%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-83 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 83%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-82 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 82%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-81 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 81%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-80 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 80%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-79 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 79%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-78 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 78%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-77 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 77%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-76 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 76%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-75 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 75%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-74 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 74%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-73 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 73%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-72 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 72%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-71 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 71%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-70 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-69 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 69%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-68 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 68%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-67 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 67%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-66 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 66%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-65 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 65%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-64 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 64%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-63 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 63%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-62 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 62%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-61 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 61%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-60 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 60%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-59 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 59%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-58 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 58%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-57 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 57%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-56 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 56%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-55 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 55%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-54 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 54%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-53 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 53%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-52 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 52%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-51 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 51%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-50 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-49 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 49%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-48 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 48%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-47 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 47%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-46 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 46%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-45 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 45%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-44 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 44%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-43 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 43%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-42 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 42%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-41 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 41%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-40 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 40%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-39 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 39%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-38 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 38%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-37 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 37%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-36 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 36%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-35 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 35%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-34 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 34%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-33 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 33%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-32 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 32%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-31 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 31%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-30 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-29 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 29%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-28 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 28%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-27 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 27%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-26 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 26%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-25 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-24 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 24%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-23 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 23%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-22 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 22%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-21 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 21%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-20 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-19 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 19%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-18 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 18%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-17 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 17%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-16 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 16%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-15 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 15%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-14 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 14%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-13 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 13%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 12%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-11 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 11%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-10 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 10%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-9 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 9%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-8 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 8%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-7 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 7%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-6 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 6%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-5 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-4 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 4%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-3 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-2 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
.acs-commons-resp-colctrl-col-1 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}
@media screen and (max-width: 767px) {
  .acs-commons-resp-colctrl-col-100 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-99 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-98 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-97 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-96 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-95 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-94 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-93 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-92 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-91 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-90 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-89 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-88 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-87 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-86 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-85 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-84 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-83 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-82 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-81 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-80 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-79 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-78 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-77 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-76 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-75 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-74 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-73 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-72 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-71 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-70 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-69 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-68 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-67 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-66 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-65 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-64 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-63 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-62 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-61 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-60 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-59 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-58 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-57 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-56 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-55 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-54 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-53 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-52 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-51 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-50 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-49 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-48 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-47 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-46 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-45 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-44 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-43 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-42 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-41 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-40 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-39 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-38 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-37 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-36 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-35 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-34 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-33 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-32 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-31 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-30 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-29 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-28 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-27 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-26 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-25 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-24 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-23 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-22 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-21 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-20 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-19 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-18 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-17 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-16 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-15 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-14 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-13 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-12 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-11 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-10 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-9 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-8 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-7 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-6 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-5 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-4 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-3 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-2 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .acs-commons-resp-colctrl-col-1 {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
}