@font-face {
  font-family: 'Muli';
  font-weight: 300;
  font-style: normal;
  src: url("../../fonts/Muli-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-weight: 400;
  font-style: normal;
  src: url("../../fonts/Muli-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-weight: 600;
  font-style: normal;
  src: url("../../fonts/Muli-SemiBold.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-weight: 700;
  font-style: normal;
  src: url("../../fonts/Muli-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-weight: 800;
  font-style: normal;
  src: url("../../fonts/Muli-Black.ttf") format("truetype"); }
@font-face {
  font-family: 'Assistant';
  font-weight: 400;
  font-style: normal;
  src: url("../../fonts/Assistant/Assistant-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Assistant';
  font-weight: 600;
  font-style: normal;
  src: url("../../fonts/Assistant/Assistant-SemiBold.ttf") format("truetype"); }
@font-face {
  font-family: 'Assistant';
  font-weight: 700;
  font-style: normal;
  src: url("../../fonts/Assistant/Assistant-Bold.ttf") format("truetype"); }
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0; }

.preloadImages {
  width: 0;
  height: 0;
  overflow: hidden; }

textarea,
input[type="text"],
input[type="button"],
input[type="image"],
input[type="password"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  border: none; }

.SEARCHUI {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  transition: height 0.6s, padding 0.6s;
  width: 100%;
  height: calc(100vh - 30px - 157px);
  box-sizing: border-box;
  background-color: whitesmoke;
  font-family: 'Muli';
  font-size: 12px;
  text-align: center;
  color: #7e758a;
  padding: 0px 40px 20px 40px;
  overflow: hidden; }

.headerHidden .topMenu {
  border-top-width: 0; }
.headerHidden .SEARCHUI {
  height: calc(100vh - 30px - 167px); }

.footerHidden .SEARCHUI {
  height: calc(100vh - 30px); }

.fullScreen .collapsable {
  height: 0; }
.fullScreen .topMenu {
  height: 0; }
.fullScreen .SEARCHUI {
  padding: 0;
  height: 100vh; }
.fullScreen .searchBanner {
  height: 0px; }
.fullScreen .PANEL.level0 {
  margin-top: 0; }
.fullScreen #SEARCH.PANEL.level0 {
  padding: 0px; }
.fullScreen #SEARCH .TAB.level1.addSearchBtn {
  display: none; }

.headerHidden.fullScreen .searchBanner {
  height: 0px; }

button.fullScreenBtn {
  position: absolute;
  width: 35px;
  height: 35px;
  right: 0px;
  top: 0px;
  background: url(../../images/maxmin.svg) 0 50%;
  z-index: 100;
  transition: top 0.5s;
  opacity: 1; }

.fullScreen button.fullScreenBtn {
  background-position-x: -35px; }

.TEMPLATES,
#BUBBLES {
  display: none; }

.downshadow:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 8px;
  top: 40px;
  left: 0;
  z-index: 1000000;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 30%, rgba(0, 0, 0, 0) 100%); }

.downshadow2 {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); }

.closeCrossLarge {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 0;
  right: 0;
  opacity: 0.8;
  cursor: pointer;
  z-index: 100; }
  .closeCrossLarge.onDark {
    background: url("../../images/close-cross-light.svg") 50% no-repeat; }

.TAB {
  display: inline-table;
  vertical-align: top;
  height: 45px;
  width: auto;
  padding: 0 20px 0 20px;
  box-sizing: border-box;
  background-color: #3f3b4f;
  position: relative;
  cursor: pointer;
  letter-spacing: 0.02em;
  color: #eee7e7;
  font-size: 13px;
  font-weight: 400;
  text-align: center; }
  .TAB.clicked {
    border: none;
    background-color: #d2d1d0;
    z-index: 2;
    color: #3f3b4f; }
  .TAB.level0 {
    width: 20%;
    max-width: 128px;
    font-weight: 400;
    padding: 0;
    border-top: 1px solid #3a3649; }
    .TAB.level0 > div span {
      margin-bottom: 3px;
      display: block; }
    .TAB.level0.clicked {
      background-color: #d2d1d0;
      color: #3f3b4f;
      border-top-color: #cccccc;
      font-weight: 700; }
      .TAB.level0.clicked > div span {
        margin-bottom: 2px; }
    .TAB.level0.active {
      background-color: #d2d1d0;
      border-top-color: #cccccc;
      border-bottom: none;
      color: #3f3b4f; }
    .TAB.level0.noticeMe {
      background: #c88551;
      border-color: #c88551;
      color: white; }
  .TAB.level1.clicked {
    background-color: whitesmoke;
    color: #3f3b4f;
    font-weight: 700; }
  .TAB > div {
    display: table-cell;
    vertical-align: middle; }
    .TAB > div span {
      user-select: none;
      -moz-user-select: none; }
  .TAB.appLink {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    float: right;
    height: 40px; }
    .TAB.appLink:last-child {
      margin-left: 5px; }
    .TAB.appLink div {
      background-size: auto 100%;
      background-position: 50%;
      background-repeat: no-repeat; }
    .TAB.appLink#playStore div {
      background-image: url(../../images/homepageimages/google-play-badge.svg);
      width: 136px; }
    .TAB.appLink#appStore div {
      background-image: url(../../images/homepageimages/Download_on_the_App_Store_Badge_US-UK_RGB_wht_092917.svg);
      width: 122px; }
    .TAB.appLink span {
      display: none; }
  .TAB.clicked[id="3DRealtimeSpanish"] ~ .appLinks, .TAB.clicked[id="3DRealtimePortuguese"] ~ .appLinks, .TAB.clicked[id="3DRealtimeGerman"] ~ .appLinks, .TAB.clicked[id="3DRealtimeJapanese"] ~ .appLinks {
    visibility: hidden; }

.appLinks {
  display: flex;
  height: 45px;
  vertical-align: middle;
  float: right;
  align-items: center; }

#WELCOMER .PANEL.level1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px 20px 20px 20px;
  padding: 70px 40px 20px; }
#WELCOMER .content {
  max-width: 900px;
  color: #6d6576; }
#WELCOMER .intro,
#WELCOMER .outro {
  max-width: 824px; }
  #WELCOMER .intro p,
  #WELCOMER .outro p {
    font-size: 16px;
    letter-spacing: -0.015em;
    padding-bottom: 1.5em; }
    #WELCOMER .intro p:last-child,
    #WELCOMER .outro p:last-child {
      padding-bottom: 0; }
  #WELCOMER .intro span,
  #WELCOMER .outro span {
    font-weight: 700;
    color: #5d5771; }
  #WELCOMER .intro a,
  #WELCOMER .outro a {
    color: #c88451; }
#WELCOMER .outro {
  margin-bottom: 60px; }
#WELCOMER h2 {
  font-size: 26px;
  font-weight: 400;
  margin: 0px 0 9px -2px;
  color: #c88451;
  letter-spacing: -0.025em; }
#WELCOMER label.showOption {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 20px;
  font-weight: 600; }
#WELCOMER input[type="checkbox"].gotItCookie {
  opacity: 0;
  margin-left: -4px;
  position: relative; }
#WELCOMER .helpBubble input[type="checkbox"] {
  display: none; }
#WELCOMER input:checked ~ .custom-checkbox {
  background-image: url(../../images/FILTER.svg);
  background-position: -7px 50%; }
#WELCOMER .linkButton {
  margin-top: 10px;
  height: 40px;
  width: 120px; }
#WELCOMER .linkInText {
  color: #e84e0f; }
#WELCOMER .showBeforeTitlesLoaded h2 {
  color: #7e758a;
  font-size: 24px;
  margin: 25px 15px 24px 15px;
  text-align: center;
  line-height: 1.1em; }
#WELCOMER [data-loader='spinnerContent'] {
  margin: 5px auto 50px; }

.welcomer .custom-checkbox {
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 3px;
  margin-right: 6px;
  border: 1px solid #d1c1b2; }
.welcomer .checkbox-box {
  text-align: right;
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center; }

.welcomerTable {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin: 50px 0px 50px 0;
  background: 1px dotted #e6e6e6; }
  .welcomerTable > div {
    width: 270px;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-top: 1px solid lightgray; }
  .welcomerTable .cellTitle {
    font-size: 20px;
    flex: 1 0 125px;
    letter-spacing: -0.025em;
    line-height: 1em;
    font-weight: 600;
    color: #5d5771; }
    .welcomerTable .cellTitle:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      left: 0;
      bottom: 0;
      background: lightgray; }
    .welcomerTable .cellTitle:last-child:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 1px;
      left: 0;
      bottom: 0;
      background: lightgray; }
  .welcomerTable .cellImage {
    flex: 1 1 auto;
    position: relative;
    padding: 12px 10px;
    font-size: 0; }
    .welcomerTable .cellImage img {
      width: 100%;
      border: 1px solid lightgray;
      box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.1); }
  .welcomerTable .cellText {
    flex: 1 1 auto;
    width: calc(100% - 290px);
    padding: 5px 50px 5px 20px; }
    .welcomerTable .cellText p {
      margin: 15px 0 15px 0px;
      line-height: 1.3em; }
      .welcomerTable .cellText p span {
        font-weight: 800;
        color: #c88551;
        font-size: 95%;
        letter-spacing: 0.025em;
        cursor: pointer; }

.TAB.level0.welcomerHighlight:before {
  content: '';
  position: absolute;
  border: 12px solid;
  border-color: rgba(255, 0, 0, 0.7);
  z-index: 10;
  left: -12px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  animation: welcomerFade 2.75s infinite; }
.TAB.level0 .briefHighlight {
  opacity: 0; }

@keyframes welcomerFade {
  0% {
    border-color: rgba(255, 0, 0, 0); }
  18% {
    border-color: rgba(255, 0, 0, 0.7); }
  27% {
    border-color: rgba(255, 0, 0, 0.7); }
  100% {
    border-color: rgba(255, 0, 0, 0); } }
.briefHighlight {
  display: none;
  position: absolute;
  left: 16px;
  right: 28px;
  top: 10px;
  bottom: 0px;
  border: 12px solid rgba(255, 0, 0, 0.7); }

.module .briefHighlight {
  border-width: 12px;
  left: 0;
  right: 0;
  top: 0; }

.searchBox .briefHighlight {
  position: absolute;
  left: -13px;
  right: -13px;
  top: -13px;
  bottom: -13px; }

.modal_not_subscribed,
.modal_titles_not_loaded_yet {
  display: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  top: 30px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  background: rgba(255, 255, 255, 0.9);
  z-index: 3; }
  .modal_not_subscribed > div,
  .modal_titles_not_loaded_yet > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 390px;
    max-width: calc(100% - 40px);
    margin-bottom: 80px;
    padding: 25px 40px 20px 40px;
    box-sizing: border-box;
    background: whitesmoke;
    border: 1px solid lightgray;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
    .modal_not_subscribed > div > *,
    .modal_titles_not_loaded_yet > div > * {
      margin-bottom: 15px; }

.page.loaded .modal_not_subscribed .showBeforeTitlesLoaded {
  display: none; }
.page.loaded .modal_not_subscribed .showAfterTitlesLoad {
  display: flex; }
.page:not(.loaded) .modal_not_subscribed .showBeforeTitlesLoaded {
  display: flex; }
.page:not(.loaded) .modal_not_subscribed .showAfterTitlesLoad {
  display: none; }

.nameGoesHere span {
  font-weight: 800; }

#TITLES .level1.TAB {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 210px;
  text-align: left;
  float: left;
  clear: left;
  z-index: 2;
  margin: 20px 0 8px 0;
  line-height: 1.3em; }
  #TITLES .level1.TAB:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 100%;
    left: 0;
    top: 0; }
  #TITLES .level1.TAB#DiseaseandConditions:before {
    background: #c74f7c; }
  #TITLES .level1.TAB[id='3DAtlas']:before {
    background-color: #f06128; }
  #TITLES .level1.TAB[id='3DRealtime']:before {
    background: #67727e; }
  #TITLES .level1.TAB[id='VirtualReality']:before {
    background-color: #D459AE; }
  #TITLES .level1.TAB#AnatomyandPhysiology:before {
    background: #6983c9; }
  #TITLES .level1.TAB#Quizzing:before {
    background: #028376; }
  #TITLES .level1.TAB#FunctionalAnatomyandTherapy:before {
    background: #f67f80; }
  #TITLES .level1.TAB#Imaging:before {
    background: #00c2cc; }
  #TITLES .level1.TAB[id^='Assessment']:before {
    background: #cdbd0e; }
  #TITLES .level1.TAB#ClinicalSpecialties:before {
    background: #4fa44f; }
  #TITLES .level1.TAB#Therapy:before {
    background: #986650; }
  #TITLES .level1.TAB#LanguageEditions:before {
    background: none; }
  #TITLES .level1.TAB#PerceptualandAdaptiveLearningModules.clicked:before {
    background: #dfa710; }
  #TITLES .level1.TAB#ClinicalSpecialties.clicked:before {
    background: #6bad6b; }
  #TITLES .level1.TAB#Therapy.clicked:before {
    background: #986650; }
  #TITLES .level1.TAB#LanguageEditions.clicked:before {
    background: whitesmoke; }
  #TITLES .level1.TAB#OtherProducts.clicked:before {
    background: whitesmoke; }
  #TITLES .level1.TAB#LegacyProducts.clicked:before {
    background: whitesmoke; }
  #TITLES .level1.TAB.clicked:before {
    width: 14px; }
  #TITLES .level1.TAB ~ .TAB {
    margin-top: 0; }

.productGroupButton.info {
  position: relative;
  width: 26px;
  height: 26px;
  background: #de8378 29px -35px/32px url(../../images/infoDevice4.svg);
  margin: 5px 0 4px 29px;
  cursor: pointer;
  border: 1px solid whitesmoke; }

.PANEL.level1.shown .productGroupButton.info {
  background: #de8378 29px -35px/32px url(../../images/infoDevice4.svg); }

.PANEL.level1 .productGroupButton.info.clicked,
.PANEL.level1.shown .productGroupButton.info.clicked {
  background: #f5f5f5 39px -43px url(../../images/info-close.svg);
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid whitesmoke;
  width: 37px;
  height: 35px;
  margin: 0 0 0 22px; }
  .PANEL.level1 .productGroupButton.info.clicked:after,
  .PANEL.level1.shown .productGroupButton.info.clicked:after {
    content: '';
    position: absolute;
    width: 39px;
    height: 12px;
    background: whitesmoke;
    bottom: -13px;
    background: url(../../images/info-tab-arrow.svg);
    left: -1px;
    background-size: 39px 39px;
    z-index: 2; }

.infoTabsAndPanels {
  display: none;
  overflow: visible;
  margin: 0 0 0 -40px;
  width: calc(100% + 80px);
  overflow: hidden;
  position: relative;
  color: #6a657b; }
  .infoTabsAndPanels.shown {
    display: block; }
  .infoTabsAndPanels .infoTabRow {
    position: relative;
    display: flex;
    position: relative;
    margin: 15px 40px 0px;
    padding: 0;
    z-index: 1; }
  .infoTabsAndPanels .infoTab {
    display: inline-block;
    padding: 0px 31px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #5e5a6d;
    cursor: pointer; }
    .infoTabsAndPanels .infoTab.clicked > div:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 7px;
      background: #de8378;
      left: 0;
      bottom: -8px; }
    .infoTabsAndPanels .infoTab:before {
      position: absolute;
      width: 30px;
      height: 30px;
      background: gray; }
    .infoTabsAndPanels .infoTab > div {
      position: relative;
      padding: 0 0 3px 0; }
  .infoTabsAndPanels #mobileInfo {
    display: none; }

.infoPanelContent {
  display: flex;
  width: 300%;
  box-sizing: border-box;
  position: relative;
  padding: 0px 0 35px 0px;
  transition: background-color 0.6s; }

.infoPanel {
  flex: 1 1 auto;
  width: calc(100% / 3); }
  .infoPanel .shadowBox {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 45px 50px 20px;
    box-sizing: border-box;
    margin: 1px 40px 0;
    background: whitesmoke;
    border-style: solid;
    border-color: lightgray;
    border-width: 1px 1px;
    box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.15);
    border-top-color: #dedede; }
    .infoPanel .shadowBox .footnote {
      font-size: 12px;
      position: relative;
      padding-top: 10px; }
    .infoPanel .shadowBox .asterix {
      position: relative;
      top: -0.3em; }
  .infoPanel.overview .shadowBox {
    max-width: 1080px; }
  .infoPanel.overview .column2 {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end; }
    .infoPanel.overview .column2.forMovie a {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-top: 2px;
      height: 32px;
      margin-right: -4px;
      cursor: pointer; }
  .infoPanel.perfectfor .shadowBox {
    justify-content: flex-start;
    width: 613px; }
    .infoPanel.perfectfor .shadowBox > div {
      display: flex;
      flex-direction: row;
      border-bottom: 1px solid lightgray;
      flex: 1;
      align-items: center; }
      .infoPanel.perfectfor .shadowBox > div:first-child {
        border-top: 1px solid lightgray; }
      .infoPanel.perfectfor .shadowBox > div > *:first-child {
        flex: 1 1 auto;
        margin: 0 20px 0px 0px; }
  .infoPanel.perfectfor h1 {
    font-size: 16px;
    margin: 0 20px 0px 0px;
    font-weight: 400;
    letter-spacing: -0.02em; }
  .infoPanel.perfectfor .iconImage {
    flex: 0 0 170px;
    height: 45px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .infoPanel.perfectfor .iconImage img {
      margin-top: -17px; }
    .infoPanel.perfectfor .iconImage h3 {
      position: relative;
      width: 100%;
      text-align: center;
      bottom: 15px;
      font-size: 10px;
      text-transform: uppercase;
      font-weight: 600;
      font-family: 'Open Sans'; }
      .infoPanel.perfectfor .iconImage h3.mri, .infoPanel.perfectfor .iconImage h3.topics {
        bottom: 18px; }
      .infoPanel.perfectfor .iconImage h3.viewer-3d, .infoPanel.perfectfor .iconImage h3.slides {
        bottom: 12px; }
      .infoPanel.perfectfor .iconImage h3.anim {
        bottom: 15px; }
      .infoPanel.perfectfor .iconImage h3.gallery {
        bottom: 16px; }
      .infoPanel.perfectfor .iconImage h3.quizzes {
        bottom: 11px; }
    .infoPanel.perfectfor .iconImage > div {
      display: flex;
      flex-direction: column;
      align-items: center; }
  .infoPanel.help .shadowBox {
    justify-content: flex-start;
    width: 613px; }
  .infoPanel.help .helpTable {
    max-width: 900px; }
  .infoPanel.shown {
    display: flex; }
  .infoPanel .column1 {
    flex: 1 1 auto;
    max-width: 578px;
    margin: 0 0 0px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1em;
    padding-right: 40px;
    box-sizing: border-box; }
    .infoPanel .column1 span {
      font-weight: 800; }
  .infoPanel .movieIcon {
    flex: 1 0 auto;
    width: 40px;
    height: 40px;
    background: #de8378;
    border-radius: 50%;
    margin: 0 0px 0 12px;
    background-image: url(../../images/movieIcon.svg); }
  .infoPanel.showme {
    flex-direction: row;
    justify-content: flex-start; }
    .infoPanel.showme > div {
      width: 155px;
      margin-right: 70px; }
    .infoPanel.showme .linkImage {
      height: 55px; }
      .infoPanel.showme .linkImage img {
        height: 85px;
        width: auto;
        margin: -20px 0 0 -15px; }
    .infoPanel.showme p {
      font-size: 12px;
      line-height: 1.2em; }
  .infoPanel.help .column1 {
    flex: 0 1 auto;
    margin: 0 0 10px 0; }
  .infoPanel.mobile .column1 {
    max-width: 100%; }
  .infoPanel h1 {
    font-size: 19px; }
  .infoPanel #info-embed img {
    height: 80px;
    margin: -19px 0 0 -8px; }
  .infoPanel .flexRow:first-child {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede; }
  .infoPanel .overviewTable {
    flex: 1 1 auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 260px;
    justify-content: space-around;
    z-index: 1; }
    .infoPanel .overviewTable > div {
      display: flex;
      align-items: center;
      margin-bottom: 7px;
      height: 55px;
      line-height: 1em;
      box-sizing: border-box;
      position: relative; }
      .infoPanel .overviewTable > div.TAB-infoTable {
        position: relative;
        width: 150px;
        background-color: #ddd7d5;
        padding: 0 25px 0 15px;
        cursor: pointer;
        font-weight: 600;
        font-size: 14px; }
        .infoPanel .overviewTable > div.TAB-infoTable.clicked {
          background: #d86b5f;
          color: white; }
      .infoPanel .overviewTable > div.PANEL-infoTable {
        flex: 1 1 auto;
        width: calc(100% - 200px);
        font-size: 14px;
        padding: 8px 15px 8px 20px;
        color: #f4f2f100;
        position: relative;
        opacity: 0; }
        .infoPanel .overviewTable > div.PANEL-infoTable.shown {
          background: white;
          border: 1px solid #d4d4d4;
          border-top-color: #e3e3e3;
          border-width: 0 1px;
          color: #6a657b;
          opacity: 1; }
          .infoPanel .overviewTable > div.PANEL-infoTable.shown:before {
            content: '';
            position: absolute;
            border-width: 1px;
            border-style: solid;
            border-color: #ddd7d5;
            left: -1px;
            top: -13px;
            right: -1px;
            bottom: -13px;
            z-index: -1;
            background: white;
            box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.1); }
          .infoPanel .overviewTable > div.PANEL-infoTable.shown:after {
            content: '';
            position: absolute;
            width: 34px;
            height: 34px;
            right: -34px;
            transform: translateY(-50%);
            top: 50%;
            background-image: url(../../images/help/info-arrow-l.svg);
            background-position: 0 50%;
            background-repeat: no-repeat; }
      .infoPanel .overviewTable > div.TAB-infoTable.clicked:after {
        content: '';
        position: absolute;
        right: -32px;
        transform: translateY(-50%);
        top: 50%;
        border-color: whitesmoke;
        border-width: 16px;
        border-style: solid;
        border-left-color: #d86b5f; }

.PerceptualandAdaptiveLearningModules .infoPanel.perfectfor .shadowBox > div {
  flex: 0;
  padding: 20px 0; }
.PerceptualandAdaptiveLearningModules .infoPanel.perfectfor .iconImage {
  width: 0;
  flex: 0;
  height: 0;
  min-width: 0; }
.PerceptualandAdaptiveLearningModules .infoPanel .overviewTable {
  height: 310px; }
.PerceptualandAdaptiveLearningModules .infoPanel.overview .column2 {
  justify-content: center;
  align-items: center; }

.infoUiImage {
  display: none; }
  .infoUiImage.shown {
    display: block; }
  .infoUiImage img {
    width: auto;
    height: 250px;
    border: 1px solid #d4d4d4; }

h1 {
  font-size: 17px;
  line-height: 1.1em;
  font-weight: 400; }

p {
  margin-bottom: 1.6em; }

ul {
  margin: 0; }

li {
  position: relative;
  margin-bottom: 1.5em;
  font-size: 14px;
  font-weight: 600;
  margin-right: 40px; }
  li:before {
    color: #DE7568;
    font-size: 2em;
    position: absolute;
    left: -1em;
    top: -0.15em; }
  li span {
    font-weight: 700; }

.infoTabsAndPanels .helpTable {
  padding: 0;
  flex-direction: row;
  flex: 1 1 auto;
  align-content: flex-start;
  width: auto; }
  .infoTabsAndPanels .helpTable .tableCellLeftAlign {
    flex: 0 0 199px;
    margin: 20px 55px 10px 0;
    align-items: center; }
  .infoTabsAndPanels .helpTable .helpChoice {
    flex-direction: row-reverse; }
    .infoTabsAndPanels .helpTable .helpChoice:hover {
      color: #6a657b; }
  .infoTabsAndPanels .helpTable .rtHomeTitle {
    padding: 0; }
    .infoTabsAndPanels .helpTable .rtHomeTitle h1 {
      display: flex;
      align-items: center;
      background: #e49d95;
      color: #53443c;
      padding: 0 0 0 62px;
      height: 59px;
      box-sizing: border-box;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: -0.025em; }
      .infoTabsAndPanels .helpTable .rtHomeTitle h1.linkIcon:after {
        left: 6px;
        width: 49px;
        height: 49px;
        background-size: 58px;
        opacity: 0.7; }
      .infoTabsAndPanels .helpTable .rtHomeTitle h1.linkIcon.quickStart:after {
        background-image: url(../../images/quick-start.svg); }
      .infoTabsAndPanels .helpTable .rtHomeTitle h1.linkIcon.interactiveHelp:after {
        background-image: url(../../images/interactive-help.svg); }
      .infoTabsAndPanels .helpTable .rtHomeTitle h1.linkIcon.videoTutorials:after {
        background-image: url(../../images/video-tutorials.svg); }
      .infoTabsAndPanels .helpTable .rtHomeTitle h1.linkIcon.userGuide:after {
        background-image: url(../../images/user-guide.svg); }
  .infoTabsAndPanels .helpTable.forMovie .rtHomeTitle h1 {
    cursor: pointer;
    width: 205px; }
  .infoTabsAndPanels .helpTable .rtHomeInstructions {
    font-size: 12px;
    height: auto;
    font-weight: 600;
    margin: 5px 0 0; }
  .infoTabsAndPanels .helpTable .tutorialThumbnail {
    display: none; }

.flexRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.modalBlock.infoModal {
  display: flex;
  justify-content: center;
  align-items: center; }
.modalBlock .infoContent {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1024px;
  max-height: 768px;
  border: 2px solid lightgray;
  box-shadow: 0 2px 8px 4px rgba(0, 0, 0, 0.1);
  line-height: 0; }
  .modalBlock .infoContent:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: url(../../images/spinner3.svg) 47% 65% no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
  .modalBlock .infoContent.video-single {
    height: auto;
    max-width: 1138px; }
  .modalBlock .infoContent iframe {
    border: none;
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0; }
  .modalBlock .infoContent video {
    width: 100%;
    height: auto; }
  .modalBlock .infoContent object {
    width: 100%;
    height: 100%; }
.modalBlock .closeButton {
  position: absolute;
  width: 40px;
  height: 40px;
  right: -40px;
  top: -40px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8) url(../../images/atv/cross-thin-large-dark.svg) 50%/50px no-repeat;
  opacity: 0.9;
  z-index: 1; }

.videolist .header,
.videolist .footer,
.videolist .footerToggle,
.videolist .helpBack,
.videolist .helpPadding,
.videolist .productThumbnailRight {
  display: none; }
.videolist body[class^="help"] .page {
  padding: 0; }
.videolist .contentTutorials {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 60px; }
.videolist .help-section-title {
  width: 100%;
  max-width: 640px;
  margin-bottom: 10px; }
.videolist .contentTutorials .accordion-container {
  width: 100%;
  max-width: 640px; }
  .videolist .contentTutorials .accordion-container p {
    font-weight: 400; }
.videolist #outerDiv {
  background-color: white; }
  .videolist #outerDiv #closeButtonDiv {
    width: 36px;
    height: 36px;
    top: 0px;
    right: 0px; }

.PANEL {
  display: none;
  position: absolute;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 20px 20px 20px;
  background-color: #d2d1d0;
  overflow: auto;
  user-select: none;
  -moz-user-select: none;
  z-index: 1;
  text-align: left; }
  .PANEL.level0 > h2 {
    display: none; }
  .PANEL > h2 {
    display: none;
    font-size: 18px;
    margin: 30px 0 20px 0; }
  .PANEL.level0 {
    margin-top: 45px;
    padding: 30px 20px 20px 20px;
    overflow: hidden; }
    .PANEL.level0.shown {
      display: block;
      z-index: 2; }
    .PANEL.level0#TITLES:before {
      content: '';
      position: absolute;
      width: 210px;
      height: calc(100% - 50px);
      left: 20px;
      top: 30px;
      background-color: #3f3b4f; }
  .PANEL.level1 {
    margin: 85px 20px 0px 20px;
    background: whitesmoke; }
    .PANEL.level1.SCROLLER {
      display: block;
      padding: 0;
      left: 210px;
      margin: 30px 20px 20px 20px; }
      .PANEL.level1.SCROLLER > .PANEL {
        display: block;
        position: relative;
        width: 100%;
        margin: -1px 0 0;
        padding: 0 40px 30px;
        border: none;
        overflow: hidden;
        transition: background 0.6s; }
        .PANEL.level1.SCROLLER > .PANEL[id="3DRealtime"] .TAB {
          width: auto; }
          .PANEL.level1.SCROLLER > .PANEL[id="3DRealtime"] .TAB.clicked {
            background: #b1875d;
            color: white;
            font-weight: 400; }
        .PANEL.level1.SCROLLER > .PANEL[id="3DRealtime"] .PANEL.level2 {
          position: relative;
          margin: 0;
          padding: 20px 0 0px 0;
          margin-bottom: 0px;
          border-left: none;
          border-right: none;
          border-bottom: none;
          background: none;
          overflow: hidden; }
          .PANEL.level1.SCROLLER > .PANEL[id="3DRealtime"] .PANEL.level2 h2 {
            display: none; }
        .PANEL.level1.SCROLLER > .PANEL[id="3DRealtime"].infoShowing .PANEL.level2 {
          background: white; }
        .PANEL.level1.SCROLLER > .PANEL h2 {
          margin: 0px 0 0px -40px;
          padding: 25px 40px 10px 40px;
          width: 100%;
          color: #544e6a;
          display: flex;
          align-items: center;
          position: relative;
          z-index: 2; }
        .PANEL.level1.SCROLLER > .PANEL.shown h2 {
          color: #544e6a; }
        .PANEL.level1.SCROLLER > .PANEL:last-child {
          min-height: 100%; }
        .PANEL.level1.SCROLLER > .PANEL.infoShowing {
          background: white;
          border-bottom: 2px solid lightgray; }
          .PANEL.level1.SCROLLER > .PANEL.infoShowing h2 {
            overflow: visible;
            border-top: 0px solid #bfbfbf; }
            .PANEL.level1.SCROLLER > .PANEL.infoShowing h2:before {
              content: '';
              width: 100%;
              position: absolute;
              height: 8px;
              top: 0;
              left: 0;
              background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
              border-top: 1px solid #d9d9d9; }
          .PANEL.level1.SCROLLER > .PANEL.infoShowing .helpBubble#gotIt-info {
            margin-top: -13px;
            left: 55px; }
  .PANEL.level2 {
    margin: 124px 40px 0px 40px; }
  .PANEL.level3 {
    margin: 124px 40px 0px 40px; }
  .PANEL.level4 {
    margin: 124px 40px 0px 40px; }
  .PANEL.level5 {
    margin: 124px 40px 0px 40px; }

.main.PANEL {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  border: none;
  background: #3f3b4f;
  padding: 0;
  text-align: center;
  overflow: visible; }
  .main.PANEL.shown {
    display: flex;
    justify-content: center; }

.hideMoreResults {
  width: 40px;
  height: 16px;
  position: absolute;
  right: 20px;
  bottom: 0;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.4s; }

.hideMoreResults.hidden {
  opacity: 0; }

.contracted > .hideMoreResults {
  display: none; }

.exploring .hideMoreResults.hidden {
  opacity: 1;
  display: block; }

.square {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #bab3ab;
  transition: all 0.5s; }

.square.active {
  background-color: #ededed; }

.chevron {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../../images/SHOW-MORE.svg) 50% 50% no-repeat;
  opacity: 1;
  transform: rotate(270deg);
  transition: transform 0.25s linear 0s, opacity 0.25s linear 0s; }

.hidden .chevron {
  opacity: 0;
  transform: rotate(180deg); }

.exploring.contracted .chevron {
  opacity: 0; }
.exploring.contracted .moreCellsNumber {
  opacity: 1; }
.exploring.contracted.noneHidden .hideMoreResults {
  opacity: 0; }

.moreCellsNumber {
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: white;
  letter-spacing: 0.05em;
  line-height: 17px;
  height: 30px;
  width: 40px;
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.moreCellsNumber.active {
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.module {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0px 12px 20px 0;
  width: 144px;
  box-sizing: border-box;
  background: white;
  border: 1px solid #c0c0bf;
  box-shadow: 1px 2px 6px 0px rgba(160, 160, 160, 0.35);
  cursor: pointer;
  overflow: hidden;
  border-bottom-color: #bbbbb9;
  border-top-color: #d2d2d1; }
  .module .title {
    position: relative;
    box-sizing: border-box;
    color: #7e758a;
    line-height: 1.2em;
    font-size: 12px;
    font-weight: 400;
    padding: 9px 7px 8px 8px;
    height: 47px;
    font-family: 'Muli'; }
  .module .image {
    background-color: #ede7d9;
    font-size: 0;
    height: 113px;
    overflow: hidden; }
    .module .image img {
      width: 100%;
      height: auto; }

#AnatomyandPhysiology .module .image {
  height: 84px;
  background-color: white; }
  #AnatomyandPhysiology .module .image img {
    width: 100%; }
#AnatomyandPhysiology .module .title {
  background: #f3ead6;
  color: #6f6977; }
#AnatomyandPhysiology .moduleInfoButton {
  position: absolute;
  width: 32px;
  height: 24px;
  background: no-repeat 50% url(../../images/dotdotdot.svg);
  right: 0px;
  top: 0px;
  opacity: 0.7; }
  #AnatomyandPhysiology .moduleInfoButton:hover {
    background-color: #ecd9b1;
    opacity: .7; }

.moduleInfoBox {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 680px;
  background: #F0EEEB;
  left: 50%;
  top: 50%;
  position: relative;
  transform: translate(-50%, -50%); }
  .moduleInfoBox > div {
    padding: 10px 18px;
    box-sizing: border-box; }
  .moduleInfoBox .moduleInfoTitle {
    background: #6278b6; }
    .moduleInfoBox .moduleInfoTitle h1 {
      color: white;
      font-size: 22px;
      margin: 0; }
  .moduleInfoBox .infomodulediv {
    display: flex;
    flex: 1 1 auto;
    padding: 20px 30px 0px;
    color: #6b6a73;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-bottom: none; }
    .moduleInfoBox .infomodulediv > div {
      flex: 1 1 50%;
      box-sizing: border-box; }
      .moduleInfoBox .infomodulediv > div:first-child {
        padding-right: 10px; }
        .moduleInfoBox .infomodulediv > div:first-child > div {
          font-weight: 700;
          padding-bottom: 10px; }
      .moduleInfoBox .infomodulediv > div:last-child {
        padding: 0 0 20px 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        flex: 0 1 265px; }
    .moduleInfoBox .infomodulediv img {
      border: 1px solid lightgray;
      margin-bottom: 15px; }
    .moduleInfoBox .infomodulediv li {
      line-height: 1.2em;
      padding-bottom: 0.3em;
      list-style-type: disc; }
    .moduleInfoBox .infomodulediv ul {
      margin: 0 0 0 1.2em;
      padding: 0; }
  .moduleInfoBox .infomoduleBottomBar {
    display: flex;
    justify-content: flex-end;
    padding: 0 18px 20px;
    border: 1px solid #e0e0e0;
    border-top: none; }
  .moduleInfoBox .launchButton {
    position: relative;
    width: 148px;
    height: 40px;
    color: white;
    font-size: 15px;
    padding: 10px 0 0px 14px;
    box-sizing: border-box;
    margin-right: 5px;
    border-radius: 8px;
    background: url(../../images/atv/arrow-btn-clip.svg) no-repeat;
    background-position: 100% 0;
    cursor: pointer;
    user-select: none; }

.modalBlock .moduleInfoBox .closeButton {
  position: absolute;
  width: 32px;
  height: 33px;
  background: no-repeat 50%/40px 40px url(../../images/close-light-large.svg);
  right: 0;
  top: 0;
  opacity: 0.9;
  cursor: pointer; }

#TITLES .module:after {
  content: '';
  position: absolute;
  width: 142px;
  height: 47px;
  bottom: 0;
  left: 0;
  background-color: rgba(103, 134, 152, 0.85);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0;
  transform: translate(0, 100%);
  transition: all 0.4s; }
#TITLES .deviceInfoShown .zero1.module:after {
  background-image: url(../../images/notMobile.svg);
  opacity: 1;
  transform: translate(0, 0); }
#TITLES .deviceInfoShown .zero2or3.module:after {
  background-image: url(../../images/Android_Apple_wide2B.svg);
  opacity: 1;
  transform: translate(0, 0); }
#TITLES .deviceInfoShown .module:after {
  opacity: 1;
  transform: translate(0, 0); }
#TITLES .deviceInfoShown .zero1.module:after {
  background-image: url(../../images/notMobile.svg); }
#TITLES .deviceInfoShown[id='3DAtlas'] .module.zero1:after {
  background-image: url(../../images/Android_Apple_wide3A.svg); }
#TITLES .deviceInfoShown[id='3DRealtime'] .module.zero1:after {
  background-image: url(../../images/Android_Apple_wide3A.svg); }
#TITLES .deviceInfoShown[id='3DRealtime'] .module.zero1[data-name="Real-time: Whole Body"]:after, #TITLES .deviceInfoShown[id='3DRealtime'] .module.zero1[data-titleid="483"]:after {
  background-image: url(../../images/Apple_wide2.svg); }
#TITLES .deviceInfoShown[id='3DRealtime'] [id='3DRealtimeJapanese'] .module.zero1:after,
#TITLES .deviceInfoShown[id='3DRealtime'] [id='3DRealtimeGerman'] .module.zero1:after,
#TITLES .deviceInfoShown[id='3DRealtime'] [id='3DRealtimePortuguese'] .module.zero1:after,
#TITLES .deviceInfoShown[id='3DRealtime'] [id='3DRealtimeSpanish'] .module.zero1:after {
  background-image: url(../../images/notMobile.svg); }
#TITLES .deviceInfoShown#FunctionalAnatomyandTherapy .module:after {
  background-image: url(../../images/Android_Apple_wide3A.svg); }
#TITLES .deviceInfoShown#AnatomyandPhysiology .module.notVersioned:after {
  background-image: url(../../images/Android_Apple_wide3A.svg); }
#TITLES .deviceInfoShown#AssessmentPALMs .module.notVersioned:after {
  background-image: url(../../images/Android_Apple_wide3A.svg); }
#TITLES .deviceInfoShown#DiseaseandConditions .module:after {
  background-image: url(../../images/Android_Apple_wide3A.svg); }
#TITLES .deviceInfoShown#Imaging .module.zero2or3:after, #TITLES .deviceInfoShown#ClinicalSpecialties .module.zero2or3:after {
  background-image: url(../../images/Android_Apple_wide3A.svg); }
#TITLES h2 span.mobileCompatibilty {
  font-size: 12px;
  font-weight: 300;
  margin: 0px 0 0px 10px;
  display: inline-block;
  vertical-align: middle;
  padding: 6px 0 0px 28px;
  /* border-radius: 20px; */
  letter-spacing: 0.05em;
  background: url(../../images/mobile-devices.svg) 0px 1px/25px no-repeat;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  transition: width, background-color, color;
  transition-duration: .4s;
  width: 38px;
  background-color: rgba(245, 245, 245, 0);
  height: 26px;
  color: rgba(255, 255, 255, 0); }
  #TITLES h2 span.mobileCompatibilty div {
    width: 180px;
    margin-top: -1px; }
#TITLES .deviceInfoShown h2 span.mobileCompatibilty {
  background-position: 0px -24px;
  margin: 0px 0 0 10px;
  background-color: #5e87a1;
  width: 218px;
  color: #ffffff;
  opacity: 0.8; }
  #TITLES .deviceInfoShown h2 span.mobileCompatibilty:after {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    background: url(../../images/CROSS.svg) 50%/26px no-repeat;
    right: 1px;
    top: 0;
    transform: rotate(45deg);
    opacity: 0.8; }
#TITLES .infoShowing h2 span.mobileCompatibilty {
  margin: 0 0 0 6px; }
#TITLES .palmsSwitchUser {
  display: inline-flex;
  height: 160px;
  padding-left: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 35px;
  box-sizing: border-box; }
  #TITLES .palmsSwitchUser img {
    cursor: pointer;
    margin-top: 8px; }

#BROWSE.TAB.clicked {
  background: #f4f2f1;
  color: #726a7c;
  border-top: 1px solid #e1d9d1;
  z-index: 20; }
#BROWSE .TAB {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 38px;
  float: left;
  clear: left;
  text-align: left;
  padding: 0 0 0 10px;
  background: #f4f2f1;
  color: #5a5362;
  font-weight: 600;
  font-size: 13px;
  transition: height 0.35s; }
  #BROWSE .TAB:hover {
    background: #f0eaea; }
    #BROWSE .TAB:hover:after {
      opacity: 1;
      background-position-x: -30px; }
  #BROWSE .TAB:after {
    display: inline-block;
    flex-basis: 36px;
    content: '';
    height: 100%;
    background: url(../../images/BROWSE-NEXT2.svg) 0 50%;
    opacity: 0.2;
    background-size: 60px; }
  #BROWSE .TAB.active {
    background-color: #e9e2e2; }
    #BROWSE .TAB.active:after {
      opacity: 0.7; }
    #BROWSE .TAB.active:hover:after {
      opacity: 1;
      background-position-x: 0; }
  #BROWSE .TAB.spanHovered {
    background-color: #f4f2f1; }
    #BROWSE .TAB.spanHovered:after {
      opacity: 0.15; }
    #BROWSE .TAB.spanHovered:hover:after {
      opacity: 0.15; }
  #BROWSE .TAB.LAST:after {
    background-size: 26px;
    opacity: 0.8;
    background: none; }
  #BROWSE .TAB.LAST:hover {
    background-color: #f4f2f1; }
    #BROWSE .TAB.LAST:hover div span {
      color: white;
      z-index: 2;
      background: #958e9d; }
  #BROWSE .TAB > div {
    display: flex;
    flex-grow: 1;
    width: calc(100% - 50px);
    line-height: 1.2em;
    position: relative;
    z-index: 2; }
    #BROWSE .TAB > div > span {
      position: relative;
      display: inline-block;
      padding: 6px 10px; }
      #BROWSE .TAB > div > span:hover {
        color: white;
        z-index: 2;
        background: #c88551; }
#BROWSE.PANEL.level0 {
  padding: 45px 0 20px 0;
  bottom: unset;
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.3);
  background-color: #f4f2f1;
  right: unset;
  z-index: 10;
  margin: 45px auto 0 auto;
  right: 0;
  transition: width 0.35s, left 0.35s; }
#BROWSE .PANEL {
  position: relative;
  margin: 0px 0 0 0px;
  padding: 0px 0 0px 0;
  background: #f4f2f1;
  overflow: hidden; }
  #BROWSE .PANEL.level0 {
    z-index: 0;
    background-color: gray; }
  #BROWSE .PANEL.level1 {
    z-index: -1; }
  #BROWSE .PANEL.level2 {
    display: none;
    z-index: -2; }
    #BROWSE .PANEL.level2.shown {
      display: block; }
    #BROWSE .PANEL.level2 > h2 {
      display: none; }
  #BROWSE .PANEL.level3 {
    z-index: -3; }
    #BROWSE .PANEL.level3.shown {
      display: block; }
  #BROWSE .PANEL.level4 {
    z-index: -4; }
    #BROWSE .PANEL.level4.shown {
      display: block; }
  #BROWSE .PANEL.level5 {
    z-index: -5; }
    #BROWSE .PANEL.level5.shown {
      display: block; }
  #BROWSE .PANEL .END > h2 {
    display: none; }
  #BROWSE .PANEL .MODULE > h2 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 14px 0 20px;
    font-size: 13px;
    font-weight: 600;
    color: #595260;
    width: 100%;
    box-sizing: border-box; }
#BROWSE .MODULE {
  float: left;
  clear: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  height: 38px;
  cursor: pointer;
  transition: height 0.35s; }
  #BROWSE .MODULE:hover {
    z-index: 2;
    background: #c88551; }
    #BROWSE .MODULE:hover h2 {
      color: white; }
  #BROWSE .MODULE:hover > h2 {
    color: white;
    z-index: 2;
    background: #c88551; }
#BROWSE .browseBackButton {
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(../../images/SHOW-MORE.svg) 50% 50% no-repeat;
  top: 13px;
  left: 3px;
  transform: rotate(180deg);
  opacity: 0;
  transition: opacity 0.35s, left 0.35s;
  background-color: #c88551;
  border-radius: 15px;
  margin-left: 14px;
  z-index: 10; }
#BROWSE .TAB {
  width: calc((100vw - 16px) / 6); }
#BROWSE .MODULE {
  width: calc((100vw - 16px) / 6); }
#BROWSE.PANEL.level0 {
  width: calc((100vw - 16px) / 6); }
#BROWSE.PANEL.width1 {
  width: calc(((100vw - 16px) / 6) * 2); }
#BROWSE.PANEL.width2 {
  width: calc(((100vw - 16px) / 6) * 3); }
#BROWSE.PANEL.width3 {
  width: calc(((100vw - 16px) / 6) * 4); }
#BROWSE.PANEL.width4 {
  width: calc(((100vw - 16px) / 6) * 5); }
#BROWSE.PANEL.width5 {
  width: calc(100vw - 16px);
  left: -40px; }
#BROWSE.PANEL.level1 {
  padding: 0 0 0 140px; }

.hideFilterBarButton {
  position: absolute;
  width: 19px;
  height: 30px;
  background: #e4ded7;
  z-index: 20;
  cursor: pointer;
  background-size: 22px;
  border-right: 1px solid white; }
  .hideFilterBarButton:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 30px;
    background: url(../../images/TABCHEVRON.svg) 50% 50%/34px;
    top: 0;
    left: -1px;
    opacity: 0.25;
    transition: transform 0.25s;
    transform: rotate(180deg); }

#SEARCH .searchInitialMessage {
  font-size: 24px;
  margin: 0 0 0 15px;
  font-weight: 300;
  color: #5d5870;
  position: absolute; }
#SEARCH .TAB.level1 {
  float: left;
  padding: 0 0 0 20px;
  color: #726a7c;
  font-weight: 600;
  background-color: #d2d1d0; }
  #SEARCH .TAB.level1.clicked {
    background: white; }
    #SEARCH .TAB.level1.clicked .closeCross {
      display: block;
      height: 20px;
      margin: 0px 2px 0 0;
      opacity: 0.4; }
    #SEARCH .TAB.level1.clicked:only-child .closeCross {
      opacity: 0; }
  #SEARCH .TAB.level1.addSearchBtn {
    background: url(../../images/ADD.svg) 0/90px no-repeat;
    width: 45px;
    height: 45px;
    padding: 0;
    opacity: 0.8; }
    #SEARCH .TAB.level1.addSearchBtn.noticeMe {
      background-color: #c88551;
      background-position: -45px;
      opacity: 1; }
  #SEARCH .TAB.level1.alone .closeCross {
    width: 0; }
  #SEARCH .TAB.level1 .title {
    padding-right: 25px;
    line-height: 1.1em; }
  #SEARCH .TAB.level1 .closeCross {
    display: none;
    position: absolute;
    width: 16px;
    height: 16px;
    margin: 0px 2px 0 0;
    right: 0;
    background: url(../../images/CLOSE-DARK-THIN.svg) 50% 50% no-repeat;
    background-size: 20px; }
#SEARCH.PANEL.level0 {
  display: flex;
  flex-flow: column;
  padding: 20px 20px 20px 20px;
  transition: padding 0.6s, margin 0.6s; }
  #SEARCH.PANEL.level0.multiRowTabs {
    padding: 10px 20px 20px 20px; }
    #SEARCH.PANEL.level0.multiRowTabs .TAB.clicked {
      clear: left;
      margin: 10px 0 0 0; }
    #SEARCH.PANEL.level0.multiRowTabs .TAB.addSearchBtn {
      margin: 10px 0 0; }
    #SEARCH.PANEL.level0.multiRowTabs .TAB.level1:not(.clicked):not(.addSearchBtn) {
      height: 25px; }
  #SEARCH.PANEL.level0 .searchResultsTAB {
    position: relative;
    flex: 0 1 auto; }
  #SEARCH.PANEL.level0 .searchResultsPANEL {
    position: relative;
    flex: 1 1 auto; }
  #SEARCH.PANEL.level0 h2 {
    display: none; }
#SEARCH .PANEL.level1 {
  display: flex;
  flex-flow: column;
  margin: 0;
  padding: 0;
  background: white;
  overflow-y: hidden; }
  #SEARCH .PANEL.level1.shown {
    transform: translate(0, 0); }
  #SEARCH .PANEL.level1:after {
    content: '';
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    background-color: white; }
  #SEARCH .PANEL.level1.scrolled:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    background-color: white;
    border-bottom: 1px solid #e3e3e3;
    top: 0;
    z-index: 15;
    /* box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.05); */ }
#SEARCH .searchResultBanner {
  display: flex;
  flex-direction: column;
  z-index: 20;
  height: 30px;
  width: calc(100% - 40px);
  box-sizing: border-box;
  margin: 0 20px 10px 20px;
  padding-left: 15px;
  overflow: hidden;
  line-height: 30px;
  background-color: #efece7; }
#SEARCH .searchGroups {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 0px 20px 0px;
  padding: 0 0px 0px 0px;
  overflow: hidden; }
  #SEARCH .searchGroups .TAB {
    flex: 0 1 auto;
    height: 30px;
    border: none;
    background-color: #948c84;
    font-weight: 400;
    margin: 0 20px;
    padding: 0;
    box-sizing: border-box;
    line-height: 14px;
    width: calc(100% - 40px);
    text-align: left;
    cursor: default;
    display: flex;
    justify-content: space-between;
    cursor: pointer; }
    #SEARCH .searchGroups .TAB > div {
      height: 30px;
      float: left;
      padding-left: 15px;
      text-align: left;
      box-sizing: border-box;
      font-size: 12px;
      color: white;
      line-height: 30px; }
      #SEARCH .searchGroups .TAB > div.expandArrow {
        position: absolute;
        left: 50%;
        transform: rotate(90deg) translateX(-50%);
        width: 30px;
        background-color: gray;
        background: url(../../images/SHOW-MORE.svg) 50% 50% no-repeat;
        transform-origin: 0;
        transition: transform 0.6s;
        opacity: 0.4; }
    #SEARCH .searchGroups .TAB .searchGroupTitle {
      font-size: 14px;
      line-height: 30px;
      font-weight: 300;
      letter-spacing: 0.035em; }
    #SEARCH .searchGroups .TAB .resultsTotal {
      flex: 1 0 auto;
      padding: 0 20px 0 20px;
      text-align: left;
      font-size: 10px;
      line-height: 30px; }
      #SEARCH .searchGroups .TAB .resultsTotal span {
        font-size: 14px; }
    #SEARCH .searchGroups .TAB .showMore {
      text-align: right;
      min-width: 138px;
      cursor: pointer;
      font-size: 10px;
      padding-left: 20px;
      background: #c88551;
      border-left: 1px solid white;
      opacity: 1;
      transition: opacity 0.6s; }
      #SEARCH .searchGroups .TAB .showMore.active {
        background: #646172; }
      #SEARCH .searchGroups .TAB .showMore span {
        font-size: 14px; }
      #SEARCH .searchGroups .TAB .showMore > div {
        display: inline-block;
        vertical-align: top; }
    #SEARCH .searchGroups .TAB .active .showMoreArrow {
      transform: rotate(90deg); }
    #SEARCH .searchGroups .TAB.contracted.noneHidden .showMore {
      display: none; }
    #SEARCH .searchGroups .TAB .showMoreSquare {
      position: relative;
      width: 30px;
      padding: 0;
      height: 100%;
      display: inline-block; }
      #SEARCH .searchGroups .TAB .showMoreSquare .showMoreArrow {
        position: absolute;
        top: -1px;
        width: 100%;
        height: 100%;
        background: url(../../images/SHOW-MORE.svg) 50% 50% no-repeat;
        transition: transform 0.4s; }
    #SEARCH .searchGroups .TAB .hideGroup {
      position: absolute;
      height: 100%;
      width: 40px;
      background: url(../../images/ARROW-CLOSED.svg) 50% 50% no-repeat;
      top: 0;
      left: 177px;
      opacity: 0.7;
      cursor: pointer;
      transform: rotate(90deg);
      transition: transform .2s;
      right: 0;
      left: unset;
      height: 28px;
      width: 28px; }
    #SEARCH .searchGroups .TAB.active > div.expandArrow {
      transform: rotate(0) translateX(-50%); }
    #SEARCH .searchGroups .TAB.active .showMore {
      display: none; }
    #SEARCH .searchGroups .TAB.active .hideGroup {
      transform: rotate(0); }
  #SEARCH .searchGroups .PANEL.searchGroupPanel {
    position: relative;
    display: block;
    height: auto;
    margin: 10px 0 5px 0;
    padding: 0;
    background: white;
    border: none;
    overflow: hidden;
    transition: margin 0.5s;
    transition: none; }
    #SEARCH .searchGroups .PANEL.searchGroupPanel:after {
      content: ' ';
      position: absolute;
      width: calc(100% - 40px - 20px - 20px);
      height: 1px;
      margin-left: 20px;
      background-color: #e6e6e7;
      bottom: 0px;
      z-index: 1000; }
    #SEARCH .searchGroups .PANEL.searchGroupPanel.contracted:after {
      height: 0; }
    #SEARCH .searchGroups .PANEL.searchGroupPanel.contracted.exploring:after {
      height: 1px;
      width: calc(100% - 40px - 40px); }
    #SEARCH .searchGroups .PANEL.searchGroupPanel.contracted.exploring.noneHidden.contracted:after {
      width: 100%; }
    #SEARCH .searchGroups .PANEL.searchGroupPanel.hidden {
      border-bottom: none;
      margin: 10px 0 0px 0px; }
    #SEARCH .searchGroups .PANEL.searchGroupPanel.contracted {
      height: 222px; }
    #SEARCH .searchGroups .PANEL.searchGroupPanel.expanded {
      height: auto; }
    #SEARCH .searchGroups .PANEL.searchGroupPanel.contracted:last-of-type:after {
      height: 1px;
      width: calc(100% - 40px); }
#SEARCH .filtersShown .PANEL.searchGroupPanel:after {
  margin-left: 20px;
  width: calc(100% - 40px - 20px - 20px); }
#SEARCH .searchScroller {
  position: relative;
  box-sizing: border-box;
  flex: 1 1 auto;
  background: white;
  overflow: auto;
  transition: left 0.5s, width 0.5s; }
#SEARCH .placeHolderDiv {
  padding: 15px 0 5px 0; }
#SEARCH .resultsCount {
  width: 60px;
  height: 196px;
  background: lightgray;
  display: inline-block;
  margin: 2px 16px 0px 0px;
  border-width: 1px; }
#SEARCH .searchCell {
  display: inline-block;
  position: relative;
  vertical-align: top;
  box-shadow: none;
  border-color: #98a5b7;
  margin: 0 0px 0px 20px;
  border-width: 1px;
  border: none;
  background-color: initial;
  transition: opacity 0.5s; }
  #SEARCH .searchCell.filteredOut {
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0; }
  #SEARCH .searchCell .module {
    position: relative;
    display: block;
    margin: 0;
    width: 122px;
    border: none;
    box-shadow: none;
    cursor: default;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    overflow: visible; }
    #SEARCH .searchCell .module .titleBox {
      color: #7f758a;
      background-color: #efece7;
      border-top: 1px solid #dbdbdb;
      padding-bottom: 31px;
      cursor: pointer; }
      #SEARCH .searchCell .module .titleBox .titleHeading {
        font-family: 'Muli';
        font-size: 12px;
        letter-spacing: 0.01em;
        line-height: 1.2em;
        padding: 8px 6px 0px 7px;
        height: 42px;
        overflow: hidden;
        font-weight: 400; }
    #SEARCH .searchCell .module .moduleShadow {
      position: relative;
      margin-bottom: 20px;
      box-shadow: 1px 2px 2px 0px rgba(170, 170, 170, 0.25);
      border: 1px solid lightgray;
      background-color: #efece7; }
  #SEARCH .searchCell.clicked .moduleShadow {
    background-color: #7572a5; }
    #SEARCH .searchCell.clicked .moduleShadow:after {
      position: absolute;
      border: 16px solid transparent;
      border-bottom: 20px solid #7572a5;
      content: '';
      bottom: -23px;
      left: calc(50% - 15px); }
  #SEARCH .searchCell.clicked .titleBox {
    background-color: #7572a5;
    position: relative;
    color: #f8f6f6;
    border-top-color: #7572a5; }
#SEARCH .filteredOut .searchCell.filteredOut {
  display: inline-block;
  width: auto;
  height: auto;
  overflow: visible;
  margin: 0 0px 0px 20px; }
#SEARCH .image {
  background-color: #ffffff;
  height: auto;
  position: relative;
  height: 120px;
  overflow: hidden;
  cursor: pointer; }
#SEARCH .type {
  display: none;
  position: relative;
  border-bottom: 2px solid #cccccc;
  margin-bottom: 11px;
  padding-bottom: 2px;
  margin-right: -30px;
  height: 26px; }
  #SEARCH .type h2 {
    margin: 0;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    color: #999999;
    opacity: 0;
    line-height: 1em;
    font-family: 'Open Sans';
    letter-spacing: -0.01em;
    position: absolute;
    bottom: 4px; }
  #SEARCH .type.shown h2 {
    opacity: 1; }
    #SEARCH .type.shown h2:before {
      position: absolute;
      content: '';
      width: 12px;
      height: 100%;
      background-color: #ededed;
      left: -12px;
      top: 13px; }
  #SEARCH .type.last:after {
    position: absolute;
    content: '';
    width: 28px;
    height: 9px;
    background-color: #ededed;
    right: -10px;
    bottom: -6px; }
#SEARCH .withCookie .searchScroller {
  padding-top: 0; }
#SEARCH .withPlaceholderText:after {
  height: 0; }
#SEARCH .withPlaceholderText .searchScroller {
  left: 0;
  margin: 0; }
#SEARCH .withPlaceholderText .searchGroups {
  margin: 0px 20px 20px 12px; }
  #SEARCH .withPlaceholderText .searchGroups p {
    font-size: 16px; }
#SEARCH .filtersHidden .searchScroller,
#SEARCH .withPlaceholderText .searchScroller {
  left: 0px;
  width: 100%; }
#SEARCH .filtersHidden .exploreContent .exploreTable,
#SEARCH .withPlaceholderText .exploreContent .exploreTable {
  width: calc(100vw - 140px);
  padding: 25px 0 23px 0; }
  #SEARCH .filtersHidden .exploreContent .exploreTable:before,
  #SEARCH .withPlaceholderText .exploreContent .exploreTable:before {
    left: -40px;
    transition: left 0.5s; }
#SEARCH .filtersHidden .filterTAB .filterBAR .resultsTotal,
#SEARCH .withPlaceholderText .filterTAB .filterBAR .resultsTotal {
  color: #a09991; }
#SEARCH .filterHeader {
  height: 30px;
  line-height: 30px;
  border-bottom: none;
  color: #6a6274;
  color: white;
  font-size: 12px;
  border-bottom: 1px solid #ebebeb;
  background-color: #948c84;
  padding-left: 15px; }
  #SEARCH .filterHeader:after {
    height: 0; }
  #SEARCH .filterHeader span {
    font-weight: 700; }
#SEARCH .exploreButton {
  background-color: #edf1f2;
  /* top: 60%; */
  /* height: 40%; */
  /* border-bottom-left-radius: 6px; */
  /* border-bottom-right-radius: 6px; */
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 20px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -13px;
  /* border: 3px solid white; */
  opacity: 1;
  /* box-shadow: 0 2px 2px 0px rgba(80,80,80,0.1); */
  transform: rotate(45deg);
  border: 1px solid #bac3ce; }
  #SEARCH .exploreButton:before {
    /* width: 28px; */
    /* height: 28px; */
    content: '';
    position: absolute;
    border: 1px solid #c0c7d3;
    /* border-radius: 20px; */
    top: -3px;
    left: -3px; }
  #SEARCH .exploreButton.clicked {
    border-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #4b374d;
    top: 63%; }
    #SEARCH .exploreButton.clicked:after {
      content: '';
      position: absolute;
      width: 106px;
      height: 10px;
      background-color: #4a374c;
      bottom: -10px; }
#SEARCH .exploreContent {
  display: none;
  width: 10000px;
  left: -5000px;
  position: relative;
  overflow: hidden;
  margin-bottom: 26px;
  color: white;
  background: #7572a5; }
  #SEARCH .exploreContent .exploreTable {
    display: flex;
    align-items: flex-start;
    position: relative;
    box-sizing: border-box;
    padding: 25px 0 17px 23px;
    width: calc((100vw - 120px) - ((100vw - 120px) * 0.25) - 32px); }
    #SEARCH .exploreContent .exploreTable:before {
      content: '';
      position: absolute;
      width: 20px;
      height: 100%;
      background: white;
      top: 0;
      left: -20px;
      transition: left 0.5s; }
    #SEARCH .exploreContent .exploreTable h1 {
      position: absolute;
      align-self: flex-start;
      width: calc(100% - 340px);
      font-size: 23px;
      font-weight: 300;
      letter-spacing: -0.01em;
      line-height: 1em;
      margin: 0 0 0 261px;
      display: inline-block;
      vertical-align: top;
      transition: margin-left 0.5s;
      background-color: #8380b3;
      z-index: 10;
      padding-bottom: 7px; }
    #SEARCH .exploreContent .exploreTable h2 {
      position: absolute;
      font-size: 12px;
      margin: 0 0 13px 0;
      font-weight: 600;
      font-family: 'Muli';
      letter-spacing: 0.03em;
      border-bottom: 1px solid #cdcfd5;
      padding-bottom: 6px;
      transition: margin 0.5s; }
    #SEARCH .exploreContent .exploreTable .exploreImageDiv {
      width: 240px;
      height: 240px;
      flex: 0 0 auto;
      margin-right: 22px;
      background-color: white;
      transition: margin 0.5s, width 0.5s, height 0.5s; }
      #SEARCH .exploreContent .exploreTable .exploreImageDiv img {
        width: 100%;
        height: auto; }
    #SEARCH .exploreContent .exploreTable .exploreOptions {
      position: relative;
      height: 222px;
      width: 495px;
      box-sizing: border-box;
      margin-top: 55px;
      display: flex;
      align-items: flex-end;
      flex-wrap: wrap;
      color: #e9eaec;
      transition: margin-top 0.5s; }
      #SEARCH .exploreContent .exploreTable .exploreOptions.expanded {
        height: auto;
        flex-grow: 1; }
      #SEARCH .exploreContent .exploreTable .exploreOptions.extrasShown .optionCell.extra {
        opacity: 1; }
      #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell {
        flex-basis: 142px;
        margin-top: 8px;
        box-sizing: border-box; }
        #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.other.orphanOther {
          height: 78px;
          padding: 0 0 0 5px; }
        #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.extra {
          opacity: 0;
          transition: opacity 0.5s; }
        #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle {
          height: 31px;
          margin: 0 0 5px 0;
          font-size: 9px;
          letter-spacing: 0.05em;
          line-height: 1.7em;
          color: white;
          font-weight: 300;
          text-transform: uppercase; }
          #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle span {
            display: block;
            text-transform: none;
            font-size: 13px;
            font-weight: 200;
            letter-spacing: normal;
            color: white; }
            #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle span span {
              display: inline;
              font-size: 9px; }
        #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionModule {
          width: 120px;
          height: 157px;
          box-sizing: border-box;
          background: #f6f3f3; }
          #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .image {
            background: white; }
            #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .image img {
              height: 130px;
              width: auto;
              margin: 9px -8px;
              clip-path: inset(1px 0px 49px 0px); }
          #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .title {
            background: #f3ead6; }
          #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .image {
            height: 120px; }
          #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .title {
            padding: 7px 4px 0px 8px;
            font-size: 11px;
            height: 43px;
            color: #726a7c; }
    #SEARCH .exploreContent .exploreTable .optionCell.other {
      flex-basis: 60px;
      padding: 60px 0 0 5px;
      align-self: center;
      height: 212px; }
      #SEARCH .exploreContent .exploreTable .optionCell.other .optionTitle {
        color: #8c8aa7; }
      #SEARCH .exploreContent .exploreTable .optionCell.other .optionModule {
        width: 60px;
        background: none;
        line-height: 1.1em;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0.05em;
        height: auto; }
        #SEARCH .exploreContent .exploreTable .optionCell.other .optionModule .optionTitle {
          position: relative;
          top: -1px;
          color: white;
          cursor: pointer; }
          #SEARCH .exploreContent .exploreTable .optionCell.other .optionModule .optionTitle:after {
            content: '';
            position: absolute;
            width: 36px;
            height: 36px;
            border: 1px solid rgba(255, 255, 255, 0.6);
            border-radius: 50%;
            background: url("../../images/ADD-SUBTRACT.svg") 5px 50% no-repeat;
            bottom: -45px;
            left: -1px;
            opacity: 0.7; }
          #SEARCH .exploreContent .exploreTable .optionCell.other .optionModule .optionTitle.open:after {
            background-position: -25px 50%; }
#SEARCH .modalExplore img {
  height: 100%; }
#SEARCH .filtersHidden .modalExplore,
#SEARCH .filtersShown .modalExplore {
  position: absolute;
  padding: 0px;
  top: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  z-index: 20; }
  #SEARCH .filtersHidden .modalExplore .exploreContent,
  #SEARCH .filtersShown .modalExplore .exploreContent {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0;
    width: unset;
    overflow: auto; }
    #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable,
    #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable {
      margin-left: 0;
      padding: 20px;
      flex-direction: column; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable h1,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable h1 {
        position: relative;
        width: auto;
        margin: 5px 0 20px 0; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions {
        width: 100%;
        overflow: hidden; }
        #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions.expanded,
        #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions.expanded {
          width: 100%; }
#SEARCH .exploreTitleAndOptions {
  position: relative;
  box-sizing: border-box;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap; }
#SEARCH .clicked .moreOptionsButton {
  background-position-y: -69px; }
#SEARCH .moreOptionsButton {
  display: none;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 31px;
  height: 31px;
  background: url(../../images/SHOWMEMORE.svg) -5px -35px;
  background-repeat: no-repeat; }
  #SEARCH .moreOptionsButton.active {
    opacity: 1;
    background-position: 83px 10px;
    height: 22%;
    z-index: 10;
    width: 100%; }
    #SEARCH .moreOptionsButton.active:hover {
      background-color: rgba(52, 39, 52, 0.8); }
#SEARCH .moreOptionsMenu {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  font-size: 0;
  background-color: rgba(66, 50, 67, 0.85);
  box-shadow: 0 2px 6px 0px rgba(50, 50, 50, 0.2); }
  #SEARCH .moreOptionsMenu.active {
    display: inline-block; }
    #SEARCH .moreOptionsMenu.active .button {
      height: 26%;
      position: relative;
      box-sizing: border-box;
      color: rgba(255, 255, 255, 0.7);
      font-size: 13px;
      font-family: 'Muli';
      letter-spacing: 0.04em;
      border-bottom: 1px solid #735973; }
      #SEARCH .moreOptionsMenu.active .button:hover {
        background-color: rgba(52, 39, 52, 0.8); }
      #SEARCH .moreOptionsMenu.active .button span {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        height: 14px;
        left: 14px;
        padding-bottom: 2px; }
      #SEARCH .moreOptionsMenu.active .button .icon {
        position: absolute;
        right: 1px;
        top: 0;
        opacity: 0.65;
        width: 38px;
        height: 100%;
        background-position: 1px 42%;
        background-repeat: no-repeat; }
      #SEARCH .moreOptionsMenu.active .button.save .icon {
        background-image: url(../../images/SAVE.svg); }
      #SEARCH .moreOptionsMenu.active .button.share .icon {
        background-image: url(../../images/SHARE.svg); }
      #SEARCH .moreOptionsMenu.active .button.embed .icon {
        background-image: url(../../images/EMBED.svg); }
#SEARCH .browseResult {
  display: inline-block;
  padding: 20px;
  background: #e1dcce;
  margin: 8px 8px 0 0;
  font-size: 14px;
  font-weight: 600;
  color: #747086; }

.filtersAndResults {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  padding-top: 30px;
  height: calc(100% - 30px);
  overflow: visible; }

.withCookie .filtersAndResults {
  padding-top: 0; }

.filterBAR {
  flex: 0 0 auto;
  width: 25%;
  box-sizing: border-box;
  position: relative;
  top: 0px;
  transform: translateX(0%);
  bottom: 0px;
  overflow: visible;
  background: rgba(255, 255, 255, 0.95);
  padding: 0 0 0 20px;
  transition: margin-left 0.5s; }
  .filterBAR .filterScroller {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100% - 68px); }
  .filterBAR .btn-reset div {
    background-color: #9f9ea9;
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 11px;
    padding: 6px 15px;
    margin: 5px 0 6px 0;
    display: inline-block;
    letter-spacing: 0.05em;
    cursor: pointer; }

.filtersHidden .hideFilterBarButton {
  margin-left: 0;
  border-right: none;
  background-color: #e4ded7; }
.filtersHidden .filterBAR {
  margin-left: -25%; }
.filtersHidden .PANEL {
  margin-left: 30px; }

.filtersHidden .hideFilterBarButton,
.withPlaceholderText .hideFilterBarButton {
  transform: rotate(180deg);
  background-color: #d2d1d0; }
  .filtersHidden .hideFilterBarButton:after,
  .withPlaceholderText .hideFilterBarButton:after {
    left: -2px; }
.filtersHidden .filterBAR .resultsTotal,
.withPlaceholderText .filterBAR .resultsTotal {
  color: #948c84; }

.filtersShown .no-data {
  margin-left: -140px; }

.filtering-data {
  border: 1px solid lightgray;
  border-top-color: #e6e6e6;
  left: calc(50% + 12px);
  top: 10px; }

.filtersShown .filtering-data {
  left: calc(50% - 128px); }

.filterTAB {
  font-size: 13px;
  font-weight: 600;
  color: #595260;
  letter-spacing: 0.02em;
  background: #bebdbb;
  border-bottom: 1px solid white;
  height: 44px;
  line-height: 44px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  padding: 0px 15px; }
  .filterTAB:after {
    content: '';
    position: absolute;
    width: 44px;
    height: 44px;
    background: url("../../images/TABCHEVRON.svg");
    top: 0;
    right: 0;
    opacity: 0.2;
    transition: transform 0.25s; }
  .filterTAB.clicked:after {
    transform: rotate(90deg); }
  .filterTAB.resultsTotal {
    height: 31px;
    line-height: 30px;
    font-size: 11px;
    font-weight: 400;
    border-bottom: none;
    color: #6a6274;
    color: white;
    border-bottom: 1px solid whitesmoke;
    background-color: #948c84;
    transition: color 0.5s;
    white-space: nowrap; }
    .filterTAB.resultsTotal:after {
      height: 0; }
    .filterTAB.resultsTotal span {
      font-size: 14px; }

.filterPANEL:last-child {
  border-bottom: 1px solid #e4ded7; }
.filterPANEL .filterPANEL {
  padding: 0 0 0 28px; }
  .filterPANEL .filterPANEL:last-child {
    border-bottom: none; }

.filterTable {
  display: table;
  width: 100%;
  position: relative;
  padding: 8px 0 6px;
  background: rgba(255, 255, 255, 0); }
  .filterTable .filterTable {
    padding: 0; }
  .filterTable .filterRow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    font-weight: 600;
    height: 38px;
    width: 100%;
    color: #7c7c82;
    transition: height 0.7s, opacity 0.7s;
    overflow: hidden;
    opacity: 1; }
    .filterTable .filterRow.showing {
      color: #7e758a; }
      .filterTable .filterRow.showing .cell:after {
        background-position: -5px 50%; }
    .filterTable .filterRow.unsuitable {
      color: #cecece; }
      .filterTable .filterRow.unsuitable.inactive {
        height: 38px; }
        .filterTable .filterRow.unsuitable.inactive .cell:after {
          background-position: 20px 50%;
          border: 1px solid #ededed; }
      .filterTable .filterRow.unsuitable .cell:after {
        background-position: 20px 50%;
        background-color: #ededed;
        border-color: #ededed; }
      .filterTable .filterRow.unsuitable .cell:hover {
        background-color: white;
        cursor: default; }
      .filterTable .filterRow.unsuitable span {
        display: none; }
    .filterTable .filterRow.checked .cell:after {
      background-position: -35px 50%;
      background-color: #259825;
      border-color: #259825; }
    .filterTable .filterRow.checked.unsuitable .cell:after {
      background-color: #e0e0e0;
      border-color: #e0e0e0; }
    .filterTable .filterRow.checked.inactive {
      color: #cecece; }
      .filterTable .filterRow.checked.inactive .cell:after {
        background-position: -65px 50%;
        background-color: white;
        border: 1px solid #ebebeb; }
    .filterTable .filterRow.inactive .cell:after {
      background-position: -30px 50%; }
    .filterTable .filterRow.partial .cell:after {
      background-position: -35px 50%;
      background-color: orange;
      border-color: orange; }
    .filterTable .filterRow.withChildren {
      cursor: pointer; }
      .filterTable .filterRow.withChildren:hover span {
        background-color: #cecece;
        opacity: 0.4; }
      .filterTable .filterRow.withChildren.spanHover span {
        background-color: white;
        opacity: 0.2; }
      .filterTable .filterRow.withChildren span {
        content: '';
        position: absolute;
        width: 34px;
        height: 34px;
        background: url(../../images/TABCHEVRON.svg);
        background-position: -5px -5px;
        top: 0;
        right: 4px;
        opacity: 0.2;
        transition: transform 0.25s;
        cursor: pointer;
        border-radius: 50%; }
      .filterTable .filterRow.withChildren.opened span {
        transform: rotate(90deg); }
    .filterTable .filterRow .cell {
      position: relative;
      box-sizing: border-box;
      margin-left: 4px;
      padding: 8px 30px 8px 36px;
      font-size: 12px;
      letter-spacing: 0.02em;
      font-weight: 600;
      cursor: pointer; }
      .filterTable .filterRow .cell:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(../../images/FILTER.svg);
        background-position: 0 50%;
        border: 1px solid lightgray;
        background-color: white; }
      .filterTable .filterRow .cell:hover {
        background-color: #efece7; }

.active .filterTable {
  display: table; }

.filtering-data,
.no-data,
.searchProgress,
.titlesLoading {
  position: absolute;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: 300;
  color: #878593;
  background: #f5f5f5;
  padding: 36px 40px 43px;
  transform: translate(-50%, 0%);
  left: calc(50% + 0px);
  top: 20px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
  transition: left 0.5s;
  box-sizing: border-box;
  min-width: 256px; }

.searchProgress.initialLoading {
  z-index: 0;
  top: 55px;
  background: #413d51;
  color: #acb5c3;
  border: 1px solid #333040;
  box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.2); }
  .searchProgress.initialLoading #apoSpinner {
    box-shadow: none; }
  .searchProgress.initialLoading [data-loader='spinnerContent'] {
    background-color: #ce440d; }

.no-data {
  background: #c88551;
  color: white;
  font-weight: 300;
  width: 512px;
  transition: margin-left 0.5s; }

.searchBanner {
  position: relative;
  width: calc(100vw - 200px);
  height: 80px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: whitesmoke;
  transition: height 0.5s; }
  .searchBanner .searchBox {
    position: relative;
    width: 512px;
    height: 40px;
    display: flex; }
  .searchBanner input[type="text"] {
    flex: 1;
    padding: 10px 35px 10px 15px;
    font-size: 16px;
    font-family: 'Muli';
    background: #8f8d9a;
    color: white;
    vertical-align: middle;
    width: calc(100% - 64px);
    box-sizing: border-box; }
    .searchBanner input[type="text"].noticeMe {
      background: #c88551; }
    .searchBanner input[type="text"]:required {
      box-shadow: none; }
  .searchBanner .searchText::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.9); }
  .searchBanner .searchButton {
    width: 64px;
    box-sizing: border-box;
    background: #706e7c;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer; }
    .searchBanner .searchButton:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-image: url(../../images/SEARCH-ICON.svg);
      background-position: 50% 0px;
      border-left: 1px solid rgba(255, 255, 255, 0.4);
      opacity: 0.85; }
    .searchBanner .searchButton.clickable {
      background: #696774;
      cursor: pointer; }
      .searchBanner .searchButton.clickable:after {
        opacity: 1;
        cursor: pointer; }
      .searchBanner .searchButton.clickable:hover {
        background-color: #3f3b4f; }
      .searchBanner .searchButton.clickable.noHighlight:hover {
        background: #696774; }
  .searchBanner .searchClear {
    position: absolute;
    display: none;
    width: 36px;
    height: 100%;
    background: url(../../images/ADD.svg) -34px 50%/70px no-repeat;
    top: 0;
    left: -36px;
    opacity: 0.9;
    cursor: pointer; }

#SEARCH .exploreContent {
  background: #7572a5; }
  #SEARCH .exploreContent .exploreTable h1 {
    background: none; }
  #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell {
    flex-basis: 120px;
    margin: 10px 22px 0px 0;
    box-sizing: border-box;
    margin-right: 22px;
    cursor: pointer; }
    #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.\33 D .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.Male.Pelvis .optionCellTitle:before {
      background-color: #67727e; }
    #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.bodyplan .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.chemistry .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.cellbiology .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.histology .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.integumentary .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.skeletal .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.muscular .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.nervous .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.specialsenses .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.endocrine .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.blood .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.cardiovascular .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.lymphatic .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.respiratory .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.digestive .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.metabolism .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.urinary .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.fluid .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.reproductive .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.development .optionCellTitle:before {
      background-color: #6983c9; }
    #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.IFA3 .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.Yoga .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.YMCA .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.PilatesF .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.Weights .optionCellTitle:before {
      background-color: #f67f80; }
    #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.MSK.Ultrasound .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.CSAR .optionCellTitle:before {
      background-color: #00c2cc; }
    #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.Head.ENT .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.Dentistry .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.Dental.hygiene .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.Head.Speech .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.head.dentistry .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.PelvicFloorDisorders .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.\33 DHeadAndNeck .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.ChiroSpine .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.Urology2011 .optionCellTitle:before {
      background-color: #4fa44f; }
    #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.\33 DHeadAndNeck .optionModule .title {
      width: 110%; }
    #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.anatomy.trains .optionCellTitle:before, #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.manual.therapies .optionCellTitle:before {
      background-color: #986650; }
    #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle {
      margin: 0;
      color: white;
      width: 120px;
      height: 55px;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.03em;
      box-sizing: border-box;
      position: relative;
      line-height: 1.3em;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      border-bottom: 1px solid white; }
      #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle:before {
        position: absolute;
        content: '';
        top: 19px;
        left: 2px;
        width: 12px;
        height: 33px;
        background: #ff4c05; }
      #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle span {
        padding: 0px 10px 2px 17px;
        overflow: hidden;
        line-height: 1em;
        box-sizing: border-box;
        letter-spacing: 0.01em;
        font-size: 11px;
        color: #645e7d;
        font-weight: 700;
        height: 49px;
        margin-top: 4px;
        text-align: left;
        background: #f1eeee;
        border: 2px solid #f1eeee;
        border-bottom: none;
        display: flex;
        flex-direction: column;
        justify-content: center; }
    #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionModule {
      width: 120px;
      box-sizing: border-box;
      background: none;
      color: white; }
      #SEARCH .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .title {
        padding: 5px 2px 0;
        font-size: 11px;
        height: 37px;
        color: rgba(255, 255, 255, 0.9);
        font-weight: 400;
        background: rgba(255, 255, 255, 0.2);
        background: none;
        letter-spacing: 0.025em; }

#SEARCH .exploreContent .exploreTable .exploreOptions .optionCell.specialsenses .optionCellTitle:before {
  background-color: #6278b6; }

#INDEX .PANEL {
  font-size: 14px;
  line-height: 2.3em;
  padding: 30px 20px 0px 0;
  margin: 35px 0px 0px 30px;
  background: rgba(0, 0, 0, 0); }
  #INDEX .PANEL h2 {
    display: block;
    font-size: 100px;
    font-weight: 200;
    color: #cfa06d;
    margin-top: 0; }
  #INDEX .PANEL a {
    text-decoration: none;
    font-weight: 600;
    color: #524d66; }
#INDEX.PANEL.level0.shown {
  display: flex;
  flex-wrap: nowrap; }
#INDEX .TAB {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: calc(100% / 36);
  height: 35px;
  color: #524d66;
  background: #f0f0f0;
  font-weight: 800; }
  #INDEX .TAB span {
    display: inline-block;
    width: 23px;
    height: 22px;
    line-height: 22px;
    user-select: none;
    -moz-user-select: none; }
  #INDEX .TAB.clicked {
    background-color: #c88551;
    font-weight: 400; }
    #INDEX .TAB.clicked span {
      background: #c88551;
      color: white; }
  #INDEX .TAB.index-tab-disabled {
    color: #bfbec5;
    cursor: default; }
#INDEX > .TAB:first-of-type {
  padding-left: 15px; }
#INDEX > .TAB:last-of-type {
  padding-right: 15px; }
#INDEX > .TAB:nth-child(36) {
  padding-right: 15px; }
#INDEX .filterBAR {
  transition: none; }
#INDEX .indexFilterResults {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  flex: 1 1 auto;
  left: 25%;
  width: 75%;
  right: 0;
  top: 20px;
  bottom: 0px;
  margin: -55px 0 0 0;
  padding: 0px 0 0 20px;
  background: white;
  overflow: auto;
  background-color: #ffffff00; }
#INDEX.filtersHidden .indexFilterResults {
  left: 0px;
  width: 100%;
  padding: 0 0 22px 0; }
#INDEX.filtersHidden .filterBAR {
  margin-left: calc(-25% - 20px); }
#INDEX .index-entry {
  padding-left: 40px;
  line-height: 1.4em;
  padding: 10px 10px 8px 40px;
  position: relative;
  border-top: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  #INDEX .index-entry:last-child {
    border-bottom: 1px solid #e6e6e6; }
  #INDEX .index-entry > span:first-of-type {
    display: none; }
  #INDEX .index-entry > a {
    margin-right: 30px; }
  #INDEX .index-entry:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    margin: -8px 0 0 -40px;
    background-repeat: no-repeat;
    background-position: 0 50%; }
  #INDEX .index-entry.index-entry-movie:before {
    background-image: url("../../images/MOVIE.svg"); }
  #INDEX .index-entry.index-entry-slide:before {
    background-image: url("../../images/SLIDE.svg"); }
  #INDEX .index-entry.index-entry-structure:before {
    background-image: url("../../images/STRUCTURE.svg"); }
  #INDEX .index-entry.index-entry-3D_Views:before {
    background-image: url("../../images/3D-VIEW.svg"); }
  #INDEX .index-entry.index-entry-slideLabel:before {
    background-image: url("../../images/SLIDE-LABEL.svg"); }
  #INDEX .index-entry.index-entry-animation:before {
    background-image: url("../../images/ANIMATION.svg");
    background-size: 72px;
    background-position: -3px 8px; }
#INDEX .index-nav {
  display: none; }

.indexPANEL {
  position: relative;
  width: 100%;
  height: calc(100% - 35px);
  margin-top: 35px;
  background: white; }

.COOKIE {
  position: relative;
  flex: 0 1 auto;
  background: white;
  padding: 5px 0 5px 23px;
  z-index: 20; }
  .COOKIE .cookieCrumb {
    position: relative;
    display: inline-block;
    line-height: 16px;
    padding: 2px 19px 2px 0px;
    font-weight: 600;
    font-size: 11px;
    box-sizing: border-box;
    color: #97969c;
    cursor: pointer; }
    .COOKIE .cookieCrumb:last-of-type {
      padding: 0;
      color: #6b6586;
      cursor: default;
      font-weight: 800; }
      .COOKIE .cookieCrumb:last-of-type:after {
        display: none; }
    .COOKIE .cookieCrumb:after {
      content: '';
      position: absolute;
      width: 12px;
      height: 12px;
      right: 3px;
      top: 4px;
      margin-top: 0;
      margin-left: 0;
      z-index: 2;
      box-sizing: border-box;
      background-image: url(../../images/COOKIE-ARROW.svg);
      opacity: 0.8; }
    .COOKIE .cookieCrumb.active.clicked {
      color: #6a6274; }
    .COOKIE .cookieCrumb.cursorDefault {
      cursor: default; }

.isScrolled:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  border-bottom: 1px solid #d6d6d6;
  bottom: -1px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.05);
  background: white;
  transition: width 0.5s, left 0.5s; }

.COOKIE.isScrolled:before {
  width: 75%;
  left: 25%; }

.filtersHidden .COOKIE.isScrolled:before {
  width: 100%;
  left: 0; }

.filterToolbar {
  position: relative; }
  .filterToolbar.isScrolled:before {
    width: calc(100% + 20px);
    left: -20px; }

.shown {
  display: block; }

.displayNone {
  display: none !important; }

[data-loader='spinner'] {
  width: 45px;
  height: 45px;
  -webkit-animation: spinner 1.2s infinite ease-in-out;
  -o-animation: spinner 1.2s infinite ease-in-out;
  animation: spinner 1.2s infinite ease-in-out;
  background-color: #e84e0f;
  box-shadow: 0 0 10px #fff;
  position: relative;
  margin: 0 auto;
  top: 8px;
  z-index: -1;
  left: -6px; }

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }
@-moz-keyframes spinner {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }
@-o-keyframes spinner {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }
@keyframes spinner {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }
[data-loader='spinnerContent'] {
  width: 45px;
  height: 45px;
  -webkit-animation: spinner 1.2s infinite ease-in-out;
  -o-animation: spinner 1.2s infinite ease-in-out;
  animation: spinner 1.2s infinite ease-in-out;
  background-color: #e84e0f;
  box-shadow: 0 0 10px #fff;
  position: relative;
  margin: 0 auto;
  top: 16px;
  margin-bottom: 20px; }

@-webkit-keyframes spinnerContent {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }
@-moz-keyframes spinnerContent {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }
@-o-keyframes spinnerContent {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }
@keyframes spinnerContent {
  0% {
    -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
    -ms-transform: perspective(120px) rotateX(0) rotateY(0);
    -o-transform: perspective(120px) rotateX(0) rotateY(0);
    transform: perspective(120px) rotateX(0) rotateY(0); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(0);
    transform: perspective(120px) rotateX(-180deg) rotateY(0); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    -o-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg); } }
.ui-widget {
  font-family: 'Muli' !important;
  font-size: 0.9em !important;
  box-sizing: border-box !important; }

.ui-widget-content {
  color: #56545f !important;
  max-width: 512px !important;
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.1); }

.ui-menu-item-wrapper {
  padding: 12px 10px !important; }

.ui-state-active,
.ui-widget-content .ui-state-active {
  border: none !important;
  background-color: #c88551 !important; }

.ui-menu .ui-state-active,
.ui-menu ui-state-focus {
  margin: 0 !important; }

.ui-autocomplete-highlight {
  font-weight: bold; }

.module .title:not(*:root) {
  font-weight: 600; }

#SEARCH .searchCell .module .titleBox .titleHeading:not(*.root) {
  font-weight: 600; }

.hello {
  color: pink; }

@media screen and (max-width: 1360px) {
  #INDEX .PANEL {
    left: 25%; }
  #INDEX .indexFilterResults {
    left: 0;
    width: 100%;
    padding: 0 0 0 0; }
  #INDEX.filtersHidden .PANEL {
    left: 30px; }

  #BROWSE .TAB {
    width: calc((100vw - 16px) / 5); }
  #BROWSE .MODULE {
    width: calc((100vw - 16px) / 5); }
  #BROWSE.PANEL.level0 {
    width: calc((100vw - 16px) / 5); }
  #BROWSE.PANEL.width1 {
    width: calc(((100vw - 16px) / 5) * 2); }
  #BROWSE.PANEL.width2 {
    width: calc(((100vw - 16px) / 5) * 3); }
  #BROWSE.PANEL.width3 {
    width: calc(((100vw - 16px) / 5) * 4); }
  #BROWSE.PANEL.width4 {
    width: calc((((100vw - 16px) / 5) * 5));
    left: -38px; }
  #BROWSE.PANEL.width5 {
    width: calc(((100vw - 16px) / 5) * 6);
    left: calc((((100vw - 16px) / 5) * -1) - 38px); }
    #BROWSE.PANEL.width5 .browseBackButton {
      opacity: 1;
      left: calc((100vw - 16px) / 5); }
  #BROWSE.PANEL.level1 {
    padding: 0 0 0 140px; }

  .infoPanel .shadowBox {
    padding: 45px 30px 20px; }
  .infoPanel .overviewTable > div.TAB-infoTable {
    width: 130px;
    padding: 0 15px 0 15px; }
  .infoPanel .overviewTable > div.PANEL-infoTable {
    font-size: 13px;
    width: calc(100% - 180px); } }
@media screen and (max-width: 1320px) {
  .appLinks {
    float: none;
    margin-top: 18px; } }
@media screen and (max-width: 1300px) {
  #BROWSE .TAB {
    width: calc((100vw - 16px) / 4); }
  #BROWSE .MODULE {
    width: calc((100vw - 16px) / 4); }
  #BROWSE.PANEL.level0 {
    width: calc((100vw - 16px) / 4); }
  #BROWSE.PANEL.width1 {
    width: calc(((100vw - 16px) / 4) * 2); }
  #BROWSE.PANEL.width2 {
    width: calc(((100vw - 16px) / 4) * 3); }
  #BROWSE.PANEL.width3 {
    width: calc(((100vw - 16px) / 4) * 4);
    left: -38px; }
  #BROWSE.PANEL.width4 {
    width: calc((((100vw - 16px) / 4) * 5));
    left: calc((((100vw - 16px) / 4) * -1) - 38px); }
    #BROWSE.PANEL.width4 .browseBackButton {
      opacity: 1;
      left: calc((100vw - 16px) / 4); }
  #BROWSE.PANEL.width5 {
    width: calc(((100vw - 16px) / 4) * 6);
    left: calc((((100vw - 16px) / 4) * -2) - 38px); }
    #BROWSE.PANEL.width5 .browseBackButton {
      opacity: 1;
      left: calc(((100vw - 16px) / 4) * 2); }

  #SEARCH .exploreContent .exploreTable {
    width: calc((100vw - 120px) - ((100vw - 120px) * 0.25) - 20px); }

  .infoPanel.overview .shadowBox {
    width: calc(100% - 80px);
    align-items: center;
    justify-content: flex-start; }
  .infoPanel.overview .column2 {
    margin: 0; }
    .infoPanel.overview .column2.forMovie {
      flex-direction: column;
      min-width: 160px;
      top: 1px; }
      .infoPanel.overview .column2.forMovie a {
        flex-direction: column-reverse;
        margin-right: 0;
        padding: 0;
        flex-direction: column;
        margin-top: 3px; }
  .infoPanel.perfectfor .shadowBox {
    justify-content: flex-start; }
    .infoPanel.perfectfor .shadowBox > div {
      flex: 0 1 auto;
      padding: 20px 0; }
  .infoPanel .flexRow {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 680px; }
    .infoPanel .flexRow:first-child {
      flex-direction: row;
      align-items: flex-start;
      margin-bottom: 20px;
      min-height: 55px; }
  .infoPanel .overviewTable {
    flex-direction: row;
    max-width: unset;
    height: unset;
    justify-content: flex-start; }
    .infoPanel .overviewTable > div.TAB-infoTable {
      margin: 0 2px 10px 0;
      padding: 10px;
      width: calc(25% - 2px);
      height: 50px;
      justify-content: center;
      text-align: center;
      z-index: 15; }
      .infoPanel .overviewTable > div.TAB-infoTable.clicked:after {
        content: '';
        position: absolute;
        border: 16px solid rgba(222, 131, 120, 0);
        left: 50%;
        transform: translateX(-50%);
        border-top-color: #d86b5f;
        bottom: -32px;
        top: auto;
        width: 0px; }
      .infoPanel .overviewTable > div.TAB-infoTable:nth-child(4n) {
        margin-right: 0; }
    .infoPanel .overviewTable > div.PANEL-infoTable {
      display: none;
      padding: 5px 30px;
      width: 100%;
      justify-content: center;
      text-align: center;
      font-size: 15px;
      margin: 0px 50px 10px; }
      .infoPanel .overviewTable > div.PANEL-infoTable.shown {
        display: flex;
        height: 75px;
        box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.1);
        border-width: 1px; }
        .infoPanel .overviewTable > div.PANEL-infoTable.shown:before {
          display: none; }
        .infoPanel .overviewTable > div.PANEL-infoTable.shown:after {
          transform: translate(-50%, 0);
          top: auto;
          bottom: -33px;
          left: 50%;
          background-image: url(../../images/help/info-arrow-t.svg); }
  .infoPanel .movieIcon {
    margin: 4px 0 0 0; }

  .PerceptualandAdaptiveLearningModules .infoPanel .overviewTable {
    height: auto; }
    .PerceptualandAdaptiveLearningModules .infoPanel .overviewTable > div.TAB-infoTable {
      width: calc(20% - 2px); }
      .PerceptualandAdaptiveLearningModules .infoPanel .overviewTable > div.TAB-infoTable:nth-child(4n) {
        margin-right: 2px; }
      .PerceptualandAdaptiveLearningModules .infoPanel .overviewTable > div.TAB-infoTable:nth-child(5n) {
        margin-right: 0; }
  .PerceptualandAdaptiveLearningModules .infoPanel .overview .column2 {
    justify-content: center;
    align-items: center; } }
@media screen and (max-width: 1280px) {
  .filterBAR {
    width: 30%; }

  .filtersHidden .filterBAR {
    margin-left: -30%; }

  .filtersShown .COOKIE.isScrolled:before {
    width: 70%;
    left: 30%; }

  #SEARCH .exploreContent .exploreTable {
    width: calc((100vw - 120px) - ((100vw - 120px) * 0.3) - 20px); }
  #SEARCH .filtersHidden .exploreContent .exploreTable {
    width: calc((100vw - 40px) - 20px); }
  #SEARCH .filtersShown .exploreTitleAndOptions .exploreOptions .optionCell {
    margin-right: 8px; }
    #SEARCH .filtersShown .exploreTitleAndOptions .exploreOptions .optionCell .optionModule {
      width: 94px;
      height: 94px; }

  #INDEX.filtersHidden .filterBAR {
    margin-left: calc(-30% - 20px); }
  #INDEX .PANEL {
    left: 30%; } }
@media screen and (max-width: 1220px) {
  .SEARCHUI {
    padding: 0px 0 0 0; }

  #SEARCH .exploreContent .exploreTable {
    width: calc((100vw - 40px) - ((100vw - 40px) * 0.3) - 20px); }
  #SEARCH .filtersHidden .exploreContent .exploreTable {
    width: calc((100vw - 40px) - 20px); }

  #BROWSE.PANEL.width3 {
    width: calc(((100vw - 16px) / 4) * 4);
    left: 0; }
  #BROWSE.PANEL.width4 {
    width: calc((((100vw - 16px) / 4) * 5));
    left: calc(((100vw - 16px) / 4) * -1); }
    #BROWSE.PANEL.width4 .browseBackButton {
      opacity: 1;
      left: calc((100vw - 16px) / 4); }
  #BROWSE.PANEL.width5 {
    width: calc(((100vw - 16px) / 4) * 6);
    left: calc(((100vw - 16px) / 4) * -2); }
    #BROWSE.PANEL.width5 .browseBackButton {
      opacity: 1;
      left: calc(((100vw - 16px) / 4) * 2); } }
@media screen and (max-width: 1130px) {
  #WELCOME.PANEL.level0 {
    padding-top: 20px; }

  #TITLES.PANEL.level0 {
    padding-top: 20px; }
    #TITLES.PANEL.level0:before {
      height: calc(100% - 40px);
      top: 20px; }
    #TITLES.PANEL.level0 .SCROLLER {
      margin-top: 20px; }

  .infoPanel .column1 {
    width: 100%;
    max-width: unset; }

  .COOKIE {
    padding: 5px 0 5px 9px; }

  .filterTAB.resultsTotal {
    margin-right: 17px; }

  .filtersShown .COOKIE.isScrolled:before {
    width: 60%;
    left: 40%; }

  .hideFilterBarButton {
    width: 29px; }
    .hideFilterBarButton:after {
      width: 30px;
      left: 0px; }

  .filtersHidden .filterBAR {
    margin-left: -40%; }
  .filtersHidden .hideFilterBarButton:after {
    width: 30px;
    left: -1px; }

  .filterBAR {
    position: absolute;
    width: 40%;
    padding: 0 0 0 30px;
    border-right: 1px solid lightgray;
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
    z-index: 10; }
    .filterBAR .filterScroller {
      padding-right: 28px; }

  .filterTAB.resultsTotal {
    margin-right: 28px; }

  .filterToolbar.isScrolled:before {
    width: calc(100% + 30px);
    left: -30px;
    height: 3px; }

  #SEARCH.PANEL.level0 {
    padding: 20px 0 0 0; }
    #SEARCH.PANEL.level0.multiRowTabs {
      padding: 10px 0 0 0; }
      #SEARCH.PANEL.level0.multiRowTabs .title {
        text-align: right;
        line-height: 13px; }
    #SEARCH.PANEL.level0 .searchResultsTAB {
      padding: 0 30px; }
  #SEARCH .filtersHidden .exploreContent .exploreTable,
  #SEARCH .filtersShown .exploreContent .exploreTable {
    width: 100vw;
    padding: 25px 0 23px 0px; }
    #SEARCH .filtersHidden .exploreContent .exploreTable:before,
    #SEARCH .filtersShown .exploreContent .exploreTable:before {
      width: 0; }
  #SEARCH .searchGroups .TAB {
    width: calc(100% - 60px);
    margin: 0 30px; }
  #SEARCH .searchGroups .PANEL.searchGroupPanel:after {
    height: 1px;
    width: calc(100% - 40px - 30px - 30px);
    margin-left: 30px; }
  #SEARCH .searchGroups .PANEL.searchGroupPanel.contracted {
    height: 92px;
    margin: 10px 0 0 0; }
    #SEARCH .searchGroups .PANEL.searchGroupPanel.contracted.exploring {
      margin: 10px 0 20px 0; }
      #SEARCH .searchGroups .PANEL.searchGroupPanel.contracted.exploring.closed {
        margin: 10px 0 0 0; }
  #SEARCH .searchCell {
    width: calc(25% - 38px);
    margin: 0px 0 0px 30px;
    padding: 0; }
    #SEARCH .searchCell .module {
      width: unset; }
      #SEARCH .searchCell .module .moduleShadow {
        display: flex; }
        #SEARCH .searchCell .module .moduleShadow .image {
          flex: 0 0 70px; }
        #SEARCH .searchCell .module .moduleShadow > .image {
          display: table-cell;
          height: 70px;
          font-size: 0;
          border: none; }
          #SEARCH .searchCell .module .moduleShadow > .image img {
            width: 70px; }
      #SEARCH .searchCell .module .titleBox {
        flex: 0 1 200px;
        width: 100%;
        vertical-align: top;
        border: none;
        border-left: 1px solid lightgray;
        padding-right: 5px;
        padding-bottom: 0; }
        #SEARCH .searchCell .module .titleBox.active {
          border-left-color: #7572a5; }
        #SEARCH .searchCell .module .titleBox .titleHeading {
          height: auto;
          padding: 4px 12px 0px 12px;
          margin: 0;
          max-height: 3.6em;
          line-height: 1.2em;
          margin-top: .6em; }
    #SEARCH .searchCell.resultsCountBox {
      display: none; }
  #SEARCH .moreOptionsButton.active {
    background-position: 50% 38px;
    height: 100%;
    width: 18%; }
  #SEARCH .moreOptionsMenu.active .button {
    display: inline-block;
    height: 100%;
    width: 27%;
    text-align: center;
    border-bottom: none;
    border-right: 1px solid #735973;
    font-size: 12px; }
    #SEARCH .moreOptionsMenu.active .button.save {
      width: 71px; }
    #SEARCH .moreOptionsMenu.active .button.share, #SEARCH .moreOptionsMenu.active .button.embed {
      width: calc((100% - 18% - 71px) / 2); }
    #SEARCH .moreOptionsMenu.active .button .icon {
      position: relative;
      width: 100%;
      height: 39px;
      background-position: 50% 4px; }
    #SEARCH .moreOptionsMenu.active .button span {
      position: relative;
      height: 30%;
      width: 100%;
      left: 0; }
  #SEARCH .searchScroller {
    width: 100%;
    left: 0px;
    z-index: 1; }
  #SEARCH .filtersShown .exploreTitleAndOptions .exploreOptions .optionCell {
    margin-right: 16px; }
    #SEARCH .filtersShown .exploreTitleAndOptions .exploreOptions .optionCell .optionModule {
      width: 120px;
      height: 120px; }

  .searchBanner {
    margin-bottom: 0px; }

  .hideMoreResults {
    right: 30px; }

  #INDEX.PANEL.level0 {
    padding: 30px 0 0 0; }
  #INDEX.filtersHidden .filterBAR {
    margin-left: -40%; }
  #INDEX .PANEL {
    left: 40%;
    margin: 35px 0px 0px 0px; }
  #INDEX .filterBAR {
    box-shadow: none;
    border-right-color: white;
    padding-top: 30px; }
  #INDEX .filterToolbar.isScrolled {
    margin-right: 28px; } }
@media screen and (max-width: 1024px) {
  #BROWSE .TAB {
    width: calc(100vw / 4); }
  #BROWSE .MODULE {
    width: calc(100vw / 4); }
  #BROWSE.PANEL.level0 {
    width: calc(100vw / 4); }
  #BROWSE.PANEL.width1 {
    width: calc((100vw / 4) * 2); }
  #BROWSE.PANEL.width2 {
    width: calc((100vw / 4) * 3); }
  #BROWSE.PANEL.width3 {
    width: calc((100vw/ 4) * 4); }
  #BROWSE.PANEL.width4 {
    width: calc((100vw / 4) * 5);
    left: calc((100vw / 4) * -1); }
    #BROWSE.PANEL.width4 .browseBackButton {
      opacity: 1;
      left: calc(100vw / 4); }
  #BROWSE.PANEL.width5 {
    width: calc((100vw / 4) * 6);
    left: calc((100vw / 4) * -2); }
    #BROWSE.PANEL.width5 .browseBackButton {
      opacity: 01;
      left: calc((100vw / 4) * 2); } }
@media screen and (max-width: 1023px) {
  .SEARCHUI {
    flex: 1 1 auto; }

  #TITLES #Quizzing .module:nth-child(3n+1),
  #TITLES #LegacyQuizzes .module:nth-child(3n+1),
  #TITLES #LegacyProducts .module:nth-child(3n+1) {
    margin-right: 2%; }
  #TITLES #Quizzing .module:nth-child(3n+2),
  #TITLES #LegacyQuizzes .module:nth-child(3n+2),
  #TITLES #LegacyProducts .module:nth-child(3n+2) {
    margin-right: 0; }

  #TITLES.TAB.level0:after {
    content: '';
    position: absolute;
    width: 200vw;
    top: 44px;
    left: -150%;
    background: #d2d1d0; }
  #TITLES .level1.TAB {
    padding: 0 25px; }
    #TITLES .level1.TAB:before {
      content: '';
      position: absolute;
      height: calc(100% + 1px);
      left: 0;
      top: 0; }
    #TITLES .level1.TAB.clicked {
      font-weight: 400; }
      #TITLES .level1.TAB.clicked:before {
        width: 15px;
        height: calc(100% + 1px); }
      #TITLES .level1.TAB.clicked#LanguageEditions:before {
        background: none; }
      #TITLES .level1.TAB.clicked#OtherProducts:before {
        background: none; }
      #TITLES .level1.TAB.clicked#QuizzesandActivities:before {
        background: none; }
      #TITLES .level1.TAB.clicked#LegacyProducts:before {
        background: none; }
  #TITLES.PANEL.level0 {
    padding: 0px 0px 0px 0px;
    overflow: auto;
    border-top: 20px solid #d2d1d0; }
    #TITLES.PANEL.level0#TITLES:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 0px;
      top: 45px;
      left: 0;
      z-index: 1000000; }
  #TITLES.PANEL .level1.TAB {
    width: 100%;
    margin: 0;
    background-color: #48445a;
    color: #efece7;
    border-bottom: 1px solid #56505e; }
    #TITLES.PANEL .level1.TAB.clicked {
      box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.35); }
  #TITLES.PANEL .level1.SCROLLER {
    margin: 0px 0px 0px 0px;
    padding: 0;
    left: 0;
    width: 100%;
    overflow-x: hidden;
    bottom: 0; }
    #TITLES.PANEL .level1.SCROLLER > .PANEL {
      position: absolute;
      display: block;
      overflow: hidden;
      transform: translate(100%, 0);
      top: 0;
      height: 0;
      padding: 0 2% 0 2%;
      bottom: unset; }
      #TITLES.PANEL .level1.SCROLLER > .PANEL:last-child {
        min-height: 0; }
      #TITLES.PANEL .level1.SCROLLER > .PANEL.openPadding {
        padding: 15px 2% 10px 2%; }
      #TITLES.PANEL .level1.SCROLLER > .PANEL.shown {
        position: relative;
        transform: translate(0, 0); }
        #TITLES.PANEL .level1.SCROLLER > .PANEL.shown:after {
          content: '';
          position: absolute;
          width: 100%;
          height: 4px;
          bottom: -1px;
          background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0) 100%);
          left: 0; }
      #TITLES.PANEL .level1.SCROLLER > .PANEL.infoShowing:before {
        top: 0;
        margin-left: 0; }
      #TITLES.PANEL .level1.SCROLLER > .PANEL.infoShowing h2 span.mobileCompatibilty {
        margin: 0px 0 0px 9px; }
      #TITLES.PANEL .level1.SCROLLER > .PANEL.infoShowing h2:before {
        display: none; }
      #TITLES.PANEL .level1.SCROLLER > .PANEL h2 {
        margin: 0px 0 10px 0;
        padding: 0px 40px 10px 0px; }
        #TITLES.PANEL .level1.SCROLLER > .PANEL h2 span:not(.productGroupButton):not(.mobileCompatibilty) {
          display: none; }
        #TITLES.PANEL .level1.SCROLLER > .PANEL h2 span.mobileCompatibilty {
          margin: 0px 0 0px 2px; }
      #TITLES.PANEL .level1.SCROLLER > .PANEL.hasInfoPanel h2 span.mobileCompatibilty {
        margin: 0px 0 0px 20px; }
      #TITLES.PANEL .level1.SCROLLER > .PANEL.hasInfoPanel.infoShowing h2 span.mobileCompatibilty {
        margin: 0px 0 0px 9px; }
  #TITLES.PANEL .level2.PANEL {
    position: relative;
    margin: 0 0 0 0; }
  #TITLES .module {
    width: 32%;
    margin: 0px 2% 10px 0;
    height: 70px;
    background-color: white; }
    #TITLES .module:nth-child(3n+1) {
      margin-right: 0; }
    #TITLES .module .image {
      display: inline-block;
      height: 70px;
      vertical-align: middle;
      margin: 0 0px 0 0;
      width: 85px;
      overflow: hidden;
      border-width: 0 1px 0 0;
      border-color: #d2d2d1; }
      #TITLES .module .image img {
        width: 87px;
        height: auto;
        border: none; }
    #TITLES .module .title {
      display: inline-block;
      border: none;
      height: auto;
      white-space: normal;
      margin: auto 0;
      width: calc(100% - 86px);
      vertical-align: middle;
      padding: 0 12px;
      font-size: 13px;
      background: none; }
    #TITLES .module:after {
      right: 0;
      top: 0;
      bottom: 0;
      left: 85px;
      width: auto;
      height: auto; }
  #TITLES .hasInfoPanel > .module:nth-child(3n+1) {
    margin-right: 2%; }
  #TITLES .hasInfoPanel > .module:nth-child(3n+2) {
    margin-right: 0%; }
  #TITLES .welcomerHighlight > .module:nth-child(3n+1) {
    margin-right: 2%; }
  #TITLES .welcomerHighlight > .module:nth-child(3n+2) {
    margin-right: 0%; }
  #TITLES .hasInfoPanel.welcomerHighlight > .module:nth-child(3n+2) {
    margin-right: 2%; }
  #TITLES .hasInfoPanel.welcomerHighlight > .module:nth-child(3n+3) {
    margin-right: 0%; }
  #TITLES .briefHighlight {
    left: 0;
    top: 0px;
    right: 0px;
    border-width: 10px; }
  #TITLES #AnatomyandPhysiology .module {
    background-color: #f3ead6;
    border-color: #dec5c5; }
    #TITLES #AnatomyandPhysiology .module .image {
      height: 70px;
      border-right: 1px solid lightgray; }
      #TITLES #AnatomyandPhysiology .module .image img {
        height: 100%;
        width: auto;
        margin-left: -16px; }
  #TITLES .palmsSwitchUser {
    padding-top: 0;
    height: auto;
    top: -3px;
    position: relative; }

  .productGroupButton {
    margin: 0; }
    .productGroupButton.name {
      display: none; }
    .productGroupButton.info {
      margin: 5px 0 4px 0px; }

  .infoTabsAndPanels {
    top: 1px;
    width: 100%;
    margin: 0; }
    .infoTabsAndPanels .infoTabRow {
      margin: 15px 0 0; }

  .infoPanel .shadowBox {
    margin: 1px 0 0;
    box-shadow: inset 0 0px 3px 0px rgba(0, 0, 0, 0.1); }
  .infoPanel.overview .shadowBox, .infoPanel.perfectfor .shadowBox, .infoPanel.help .shadowBox {
    width: 100%; }

  .PANEL.level1 .productGroupButton.info.clicked,
  .PANEL.level1.shown .productGroupButton.info.clicked {
    margin: 0; }

  .tableCellLeftAlign.pointAndClickLink {
    display: none; }

  #BROWSE .TAB {
    width: calc(100vw / 3); }
  #BROWSE .MODULE {
    width: calc(100vw / 3); }
  #BROWSE.PANEL.level0 {
    width: calc(100vw / 3); }
  #BROWSE.PANEL.width1 {
    width: calc((100vw / 3) * 2); }
  #BROWSE.PANEL.width2 {
    width: calc((100vw / 3) * 3); }
  #BROWSE.PANEL.width3 {
    width: calc((100vw / 3) * 4);
    left: calc((100vw / 3) * -1); }
    #BROWSE.PANEL.width3 .browseBackButton {
      opacity: 1;
      left: calc(100vw / 3); }
  #BROWSE.PANEL.width4 {
    width: calc((100vw / 3) * 5);
    left: calc((100vw / 3) * -2); }
    #BROWSE.PANEL.width4 .browseBackButton {
      opacity: 1;
      left: calc((100vw / 3) * 2); }
  #BROWSE.PANEL.width5 {
    width: calc((100vw / 3) * 6);
    left: calc((100vw / 3) * -3); }
    #BROWSE.PANEL.width5 .browseBackButton {
      opacity: 1;
      left: calc((100vw / 3) * 3); }

  #INDEX.PANEL.level0 {
    flex-direction: column;
    padding-top: 20px;
    margin: 45px 0 0px 0;
    padding-bottom: 0;
    justify-content: space-between; }
    #INDEX.PANEL.level0:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 54px;
      top: 20px;
      background: #f0f0f0; }
  #INDEX .PANEL.level1 {
    margin: 54px 0px 0px 0px;
    padding: 30px 0 0 0;
    width: 60%;
    left: 40%; }
  #INDEX.filtersHidden .PANEL.level1 {
    left: 0;
    width: 100%;
    padding: 30px 30px 0px 30px; }
  #INDEX .TAB {
    height: 27px;
    width: calc(100% / 26); }
    #INDEX .TAB:nth-child(36) {
      padding-right: 0;
      margin-bottom: 6px; }
    #INDEX .TAB span {
      width: unset;
      height: unset;
      line-height: unset; }
    #INDEX .TAB.clicked {
      background: #c88551; }
      #INDEX .TAB.clicked span {
        background: none; }
  #INDEX .indexFilterResults {
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    margin-top: -74px; }
  #INDEX .searchBanner .searchButton:after {
    background-position: 50% -4px; }

  .indexPANEL {
    margin-top: 54px;
    height: calc(100% - 54px); } }
@media screen and (max-width: 860px) {
  .filterBAR {
    width: 50%; }

  .filtersHidden .filterBAR {
    margin-left: -50%; }

  .filtersShown .COOKIE.isScrolled:before {
    width: 50%;
    left: 50%; }

  .welcomerTable > div {
    flex-direction: column;
    width: 140px;
    align-items: flex-start;
    padding: 15px 0 15px 0; }
  .welcomerTable .cellTitle {
    flex: 0 0 auto;
    padding-bottom: 10px;
    font-size: 19px; }
  .welcomerTable .cellImage {
    padding: 0; }
  .welcomerTable .cellText {
    width: calc(100% - 140px);
    padding: 30px 16px 5px 25px; }

  #SEARCH .searchCell {
    width: calc(33.33% - 40px);
    margin: 0px 0 0px 30px; }

  #INDEX.filtersHidden .filterBAR {
    margin-left: -50%; }
  #INDEX .PANEL.level1 {
    width: 50%;
    left: 50%; } }
@media screen and (max-width: 768px) {
  #WELCOMER .PANEL.level1 {
    margin: 20px 0px 0px 0px;
    padding: 70px 0px 20px 0px; }
  #WELCOMER .intro,
  #WELCOMER .outro {
    margin: 0 0 0 25px;
    padding: 0 50px 0 20px; }
    #WELCOMER .intro p,
    #WELCOMER .outro p {
      font-size: 16px; }
  #WELCOMER .outro {
    margin-bottom: 60px; }

  .welcomerTable > div {
    width: 175px;
    padding: 15px 0 20px 40px; }
  .welcomerTable .cellText {
    width: calc(100% - 175px);
    padding: 30px 40px 5px 25px; }
  .welcomerTable .cellTitle {
    font-size: 18px; }

  .modal_not_subscribed {
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0; }

  .searchBanner {
    width: 100vw; }
    .searchBanner .searchBox {
      width: calc(100% - 256px); }

  #TITLES.PANEL .level1.SCROLLER > .PANEL {
    padding: 0 2% 0 2%; }
  #TITLES.PANEL .level2.PANEL {
    padding: 11px 0 0 0; }

  .appLinks {
    margin-top: 8px; }

  .PANEL.level1.SCROLLER > .PANEL[id="3DRealtime"] > .TAB {
    width: 100px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1px;
    margin-right: 0px; }

  .SEARCHUI {
    padding: 0; }

  .TAB.level0.clicked {
    border-top-color: #d2d1d0; }

  #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable,
  #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable {
    padding: 25px 0 0px 30px;
    width: 100vw;
    transition: unset; }
    #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreImageDiv,
    #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreImageDiv {
      width: 260px;
      height: 260px;
      max-width: 260px;
      max-height: 260px; }

  #BROWSE .MODULE {
    width: 50vw;
    box-sizing: border-box; }
  #BROWSE.level0.TAB.clicked {
    border-top-color: #f4f3f2; }
  #BROWSE.level0 .browseBackButton {
    opacity: 1;
    margin-left: 12px;
    transition-duration: 0.7s; }
  #BROWSE.level0.PANEL {
    transition-duration: 0.7s;
    bottom: 0; }
    #BROWSE.level0.PANEL.width0 {
      width: 50vw; }
      #BROWSE.level0.PANEL.width0 .browseBackButton {
        opacity: 0; }
    #BROWSE.level0.PANEL.width1 {
      width: 100vw;
      left: 0; }
      #BROWSE.level0.PANEL.width1 .browseBackButton {
        opacity: 0; }
    #BROWSE.level0.PANEL.width2 {
      width: 150vw;
      left: -50vw; }
      #BROWSE.level0.PANEL.width2 .browseBackButton {
        left: 50vw; }
    #BROWSE.level0.PANEL.width3 {
      width: 200vw;
      left: -100vw; }
      #BROWSE.level0.PANEL.width3 .browseBackButton {
        left: 100vw; }
    #BROWSE.level0.PANEL.width4 {
      width: 250vw;
      left: -150vw; }
      #BROWSE.level0.PANEL.width4 .browseBackButton {
        left: 150vw; }
    #BROWSE.level0.PANEL.width5 {
      width: 300vw;
      left: -200vw; }
      #BROWSE.level0.PANEL.width5 .browseBackButton {
        left: 200vw; }
  #BROWSE.level0 .TAB {
    width: 50vw; }

  #INDEX.filtersShown .index-entry > span:last-of-type {
    margin-left: 0; }
  #INDEX.filtersShown .index-title {
    display: block; }
  #INDEX .PANEL.level1 {
    width: 50%;
    left: 50%; } }
@media screen and (max-width: 680px) {
  #TITLES .module:nth-child(3n+1) {
    margin-right: 2%; }

  #TITLES #Quizzing .module:nth-child(2n+1),
  #TITLES #LegacyQuizzes .module:nth-child(2n+1),
  #TITLES #LegacyProducts .module:nth-child(2n+1) {
    margin-right: 2%; }
  #TITLES #Quizzing .module:nth-child(2n+2),
  #TITLES #LegacyQuizzes .module:nth-child(2n+2),
  #TITLES #LegacyProducts .module:nth-child(2n+2) {
    margin-right: 0%; }

  #TITLES.PANEL .level1.SCROLLER > .PANEL {
    padding: 0 2% 0 2%; }
    #TITLES.PANEL .level1.SCROLLER > .PANEL.openPadding {
      padding: 15px 2% 10px 2%; }
  #TITLES .module {
    width: 49%; }
    #TITLES .module:nth-child(3n+1) {
      margin-right: 2%; }
    #TITLES .module:nth-child(2n+1) {
      margin-right: 0%; }
  #TITLES .welcomerHighlight > .module:nth-child(3n+1) {
    margin-right: 0%; }
  #TITLES .welcomerHighlight > .module:nth-child(2n+1) {
    margin-right: 2%; }
  #TITLES .welcomerHighlight > .module:nth-child(3n+2) {
    margin-right: 2%; }
  #TITLES .welcomerHighlight > .module:nth-child(2n+2) {
    margin-right: 0%; }
  #TITLES .hasInfoPanel > .module:nth-child(2n+1) {
    margin-right: 2%; }
  #TITLES .hasInfoPanel > .module:nth-child(2n+2) {
    margin-right: 0%; }
  #TITLES .hasInfoPanel > .module:nth-child(2n+2) {
    margin-right: 0%; }
  #TITLES .hasInfoPanel.welcomerHighlight > .module:nth-child(2n+2) {
    margin-right: 2%; }
  #TITLES .hasInfoPanel.welcomerHighlight > .module:nth-child(2n+3) {
    margin-right: 0%; }
  #TITLES .palmsSwitchUser {
    padding: 15px 0 0 0; }

  .moduleInfoBox {
    max-width: 360px;
    width: 100%;
    max-height: 100vh;
    overflow: auto; }
    .moduleInfoBox .infomodulediv {
      flex-direction: column;
      padding: 20px 20px 0px; }
      .moduleInfoBox .infomodulediv > div:first-child {
        padding-right: 0;
        order: 2; }
      .moduleInfoBox .infomodulediv > div:last-child {
        width: auto;
        flex: 0 1 auto;
        order: 1;
        padding: 5px 0 10px 0px; }
      .moduleInfoBox .infomodulediv img {
        width: 61px;
        height: 61px; }

  #SEARCH .searchCell {
    width: calc(50% - 45px);
    margin: 0px 0 0px 30px; }

  .searchBanner .searchBox {
    width: calc((100vw / 8) * 6); }
  .searchBanner .searchButton {
    width: calc(100vw / 8); }

  .filterBAR {
    width: 100%; }

  .filtersHidden .filterBAR {
    margin-left: -100%; }
  .filtersHidden .COOKIE.isScrolled:before {
    width: 100%;
    left: auto;
    right: 0; }

  .filtersShown .COOKIE.isScrolled:before {
    width: 0%;
    right: 0%;
    left: auto; }

  #INDEX.filtersHidden .filterBAR {
    margin-left: -100%; }
  #INDEX .filterToolbar.isScrolled {
    margin-right: 0; } }
@media screen and (max-width: 580px) {
  #WELCOMER .intro,
  #WELCOMER .outro {
    padding: 0 50px 0 10px; }

  .welcomerTable > div {
    width: 140px;
    padding: 15px 0 20px 30px; }
  .welcomerTable .cellTitle {
    font-size: 18px; }
  .welcomerTable .cellText {
    width: calc(100% - 140px);
    padding: 30px 26px 0 23px; }
    .welcomerTable .cellText p {
      font-size: 13px; }

  .infoTabsAndPanels .helpTable.forMovie .rtHomeTitle h1 {
    margin-top: 10px; }

  .infoPanel .overviewTable > div.TAB-infoTable {
    font-size: 12px;
    margin: 0 0 10px; }
  .infoPanel.perfectfor h1 {
    max-width: unset;
    min-width: calc(100% - 170px); }
  .infoPanel.perfectfor .iconImage {
    min-width: 170px; }
  .infoPanel .column1 {
    font-size: 14px;
    padding-right: 0;
    padding-bottom: 5px; }
  .infoPanel .flexRow:first-child {
    flex-direction: column;
    padding-bottom: 12px;
    margin-bottom: 15px; }
  .infoPanel.overview .column2.forMovie {
    width: 100%;
    flex-direction: row;
    justify-content: flex-end; }
    .infoPanel.overview .column2.forMovie a {
      flex-direction: row; }
  .infoPanel .movieIcon {
    margin: 4px 0 0 8px;
    width: 32px;
    height: 32px;
    background-position: 50%;
    background-size: 30px; }

  #BROWSE.level0 .TAB {
    width: 100vw;
    padding: 0 0px 0 6px; }
    #BROWSE.level0 .TAB:after {
      opacity: 1; } }
@media screen and (max-width: 520px) {
  .infoTabsAndPanels .infoTab > div > span {
    display: none; }

  .TAB.level0 > div span {
    font-size: 12px; }

  #WELCOMER .intro,
  #WELCOMER .outro {
    padding: 0px 50px 0 5px; }
    #WELCOMER .intro p,
    #WELCOMER .outro p {
      font-size: 14px; }

  .welcomerTable > div {
    width: 120px; }
  .welcomerTable .cellTitle {
    font-size: 17px; }
  .welcomerTable .cellText {
    width: calc(100% - 120px);
    padding: 30px 20px 0 20px; }
    .welcomerTable .cellText p {
      font-size: 12px; }

  #SEARCH .searchGroups .TAB > div {
    padding-left: 10px; }
  #SEARCH .searchGroups .TAB .resultsTotal {
    padding-left: 15px;
    padding-right: 0px; }
  #SEARCH .searchGroups .TAB .showMore {
    padding-left: 0; }
  #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable,
  #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable {
    overflow: auto;
    padding: 15px 30px 0px;
    width: 100vw;
    height: 100%; }
    #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable h1,
    #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable h1 {
      box-sizing: border-box;
      width: 100%;
      font-size: 20px;
      flex-grow: 0;
      margin: 5px 0px 15px 0;
      padding-right: 20px; }
    #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreImageDiv,
    #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreImageDiv {
      width: 50%;
      height: auto;
      font-size: 0;
      min-height: calc(50vw - 20px);
      background: #f2f2f2; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreImageDiv img,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreImageDiv img {
        width: 100%;
        height: auto;
        background-color: white; }
    #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions,
    #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions {
      overflow: hidden;
      flex: 0 0 288px;
      display: block;
      margin: 2px 0 25px;
      width: 100%;
      height: auto; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions.expanded,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions.expanded {
        height: unset;
        width: 100%; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell {
        margin-bottom: 12px;
        width: 100%;
        display: flex;
        align-items: flex-end;
        flex-basis: unset;
        width: 100%; }
        #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle,
        #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle {
          height: 65px;
          width: calc(50% - 48px);
          border-bottom: 0; }
          #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle:before,
          #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle:before {
            height: 44px; }
          #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle > span,
          #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionCellTitle > span {
            display: flex;
            margin-right: 0;
            background: #f2f2f2;
            border-color: #f2f2f2; }
        #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule,
        #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule {
          width: calc(50% + 48px);
          height: auto; }
          #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .tile,
          #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .tile {
            display: flex;
            flex-direction: row;
            align-items: center; }
            #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .tile .image,
            #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .tile .image {
              flex: 0 0 auto;
              width: 48px;
              height: 48px; }
            #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .tile .title,
            #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .tile .title {
              font-size: 13px;
              height: auto;
              padding: 0 13px 0 10px;
              line-height: 1.2em; }
          #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .tile,
          #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .tile {
            background-color: #ebe7d8; }
          #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .image,
          #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .image {
            width: 57px;
            height: 48px;
            border-right: 1px solid #e6e6e6; }
            #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .image img,
            #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .image img {
              width: 80px;
              height: auto;
              clip-path: inset(2px 0 29px 0);
              margin: 1px -9px; }
        #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.other,
        #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.other {
          width: 50%;
          height: 45px;
          margin: 15px 0;
          padding: 0;
          text-align: right;
          margin-bottom: 8px; }
          #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.other .optionModule,
          #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.other .optionModule {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 90px; }
            #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.other .optionModule .optionTitle,
            #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.other .optionModule .optionTitle {
              margin-right: 0;
              text-align: left;
              padding: 0; }
              #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.other .optionModule .optionTitle:after,
              #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.other .optionModule .optionTitle:after {
                right: -45px;
                top: -7px;
                left: unset; }
    #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable.showingMoreOptions,
    #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable.showingMoreOptions {
      display: block; }

  .modalExplore .optionModule .image img {
    width: auto;
    height: 100%; } }
@media screen and (max-width: 480px) {
  .searchBanner {
    height: 60px; }
    .searchBanner .searchBox {
      width: calc(100vw - 20vw);
      height: 36px; }
    .searchBanner .searchButton {
      width: calc(100vw / 10); }
      .searchBanner .searchButton:after {
        background-position: 50% 1px;
        background-size: 55px; }

  .fullScreen .searchBanner,
  .fullScreen .headerHidden .searchBanner {
    height: 0; }

  .TAB.level0 > div span {
    font-size: 11px; }

  .searchBox .briefHighlight {
    border-width: 8px;
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px; }

  .infoPanel .shadowBox {
    padding: 35px 25px 20px; }
  .infoPanel.perfectfor .shadowBox {
    padding: 35px 25px 20px; }
  .infoPanel.overview .column2.forMovie {
    justify-content: center; }
  .infoPanel .overviewTable > div.PANEL-infoTable.shown {
    margin: 0 0 10px; }

  .PerceptualandAdaptiveLearningModules .infoPanel .overviewTable > div.TAB-infoTable {
    width: calc(20% - 2px);
    color: rgba(0, 0, 0, 0);
    height: 40px;
    max-width: 40px;
    font-size: 13px;
    background-image: url(../../images/atv/infoPlus.svg); }
    .PerceptualandAdaptiveLearningModules .infoPanel .overviewTable > div.TAB-infoTable.clicked {
      max-width: unset;
      width: calc(100% - (4 * 42px));
      color: white;
      background-image: none; }

  .infoUiImage img {
    width: 100%;
    height: auto; } }
@media screen and (max-width: 440px) {
  #TITLES .module {
    width: 100%;
    margin-bottom: 6px;
    height: 50px;
    border-width: 1px 1px 1px 1px;
    border-color: #cfcfcf;
    overflow: visible; }
    #TITLES .module:first-of-type:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 10px;
      left: 0;
      top: 0;
      background: -webkit-linear-gradient(top, rgba(59, 52, 86, 0.3) 0%, rgba(49, 34, 103, 0.1) 30%, rgba(0, 0, 0, 0) 100%);
      z-index: 1; }
    #TITLES .module:last-of-type {
      border-bottom: none; }
    #TITLES .module:after {
      display: none; }
    #TITLES .module .image {
      height: 48px;
      width: 57px;
      border: 1px solid #d1d1d1;
      border-right: 1px solid #e1e1e0; }
      #TITLES .module .image img {
        width: 100%; }
    #TITLES .module .title {
      font-size: 14px; }
  #TITLES.PANEL .level2.PANEL .module {
    margin-right: 0; }
  #TITLES #AnatomyandPhysiology .module .image {
    height: 48px;
    border-width: 0;
    position: static; }
    #TITLES #AnatomyandPhysiology .module .image img {
      margin-left: -12px; }
  #TITLES #AnatomyandPhysiology .module .title {
    width: calc(100% - 80px); }
  #TITLES #AnatomyandPhysiology .moduleInfoButton {
    top: 10px; }

  .infoPanel.perfectfor .shadowBox > div {
    flex-direction: column-reverse;
    justify-content: flex-end;
    padding: 25px 0 0; }
    .infoPanel.perfectfor .shadowBox > div > *:first-child {
      margin: 0;
      padding-top: 15px;
      text-align: center; }
  .infoPanel.perfectfor .iconImage {
    flex: 0;
    min-width: unset;
    margin-top: -10px; }

  #SEARCH .searchGroups .PANEL.searchGroupPanel {
    margin: 10px 0% 14px 0px; }
    #SEARCH .searchGroups .PANEL.searchGroupPanel:after {
      width: calc(100% - 90px); }
    #SEARCH .searchGroups .PANEL.searchGroupPanel.contracted {
      margin: 10px 0% 0px 0px;
      padding: 0; }
      #SEARCH .searchGroups .PANEL.searchGroupPanel.contracted:last-of-type:after {
        width: 100%; }
    #SEARCH .searchGroups .PANEL.searchGroupPanel .hideMoreResults {
      right: 20px; }
  #SEARCH .searchCell {
    display: inline-block;
    width: calc(100% - 60px);
    margin: 0px 0 0px 30px; }

  .TAB.level0 {
    font-size: 12px; } }
@media screen and (max-height: 900px) and (min-width: 480px) {
  #TITLES.PANEL.level0 {
    padding: 20px 20px 20px 20px; }
    #TITLES.PANEL.level0:before {
      height: calc(100% - 40px);
      top: 20px; }
  #TITLES .SCROLLER {
    margin-top: 20px; }

  #BROWSE.PANEL.level0 {
    padding: 35px 0 20px 0px; }
  #BROWSE .browseBackButton {
    top: 9px; }

  .searchBanner,
  .headerHidden .searchBanner {
    height: 60px;
    margin-bottom: 0px; }
    .searchBanner .searchButton:after,
    .headerHidden .searchBanner .searchButton:after {
      background-position: 50% -3px;
      background-size: 65px; } }
@media screen and (max-height: 900px) {
  .searchBanner,
  .headerHidden .searchBanner {
    height: 60px; }
    .searchBanner .searchBox,
    .headerHidden .searchBanner .searchBox {
      height: 36px; }

  .fullScreen .searchBanner,
  .fullScreen .headerHidden .searchBanner {
    height: 0; }

  .TAB.level0 {
    height: 35px; }
    .TAB.level0 > div span {
      margin-bottom: 1px; }

  .TAB.level2,
  .appLinks {
    height: 37px; }

  .PANEL.level0 {
    margin-top: 35px; }

  #BROWSE.PANEL.level0 {
    margin: 35px auto 0 auto; } }
@media screen and (max-height: 768px) {
  .searchBanner,
  .headerHidden .searchBanner {
    height: 50px; }
    .searchBanner .searchBox,
    .headerHidden .searchBanner .searchBox {
      width: 384px; } }
@media screen and (max-height: 830px) {
  #TITLES.PANEL.level0 {
    display: flex;
    flex-direction: column; }
    #TITLES.PANEL.level0:before {
      height: calc(100% - 40px);
      top: 20px; } }
@media screen and (max-height: 700px) and (min-width: 480px) {
  .fullScreen .searchBanner,
  .fullScreen .headerHidden .searchBanner {
    height: 0; }

  .TAB.level0 {
    flex: 1 1 25%; }

  #TITLES.PANEL.level0 {
    display: flex;
    flex-direction: column; }
    #TITLES.PANEL.level0:before {
      height: calc(100% - 40px);
      top: 20px; } }
@media only screen and (max-width: 767px) and (orientation: portrait) {
  .main {
    display: flex; }

  #BROWSE .TAB {
    font-size: 17px;
    font-weight: 400; }
  #BROWSE .PANEL .MODULE > h2 {
    font-size: 17px;
    font-weight: 400;
    padding: 0 14px 0 16px; }
  #BROWSE .MODULE {
    width: 100vw;
    box-sizing: border-box; }
  #BROWSE.level0.TAB.clicked {
    border-top-color: #f4f3f2; }
  #BROWSE.level0 .browseBackButton {
    opacity: 1;
    margin-left: 12px; }
  #BROWSE.level0.PANEL {
    bottom: 0; }
    #BROWSE.level0.PANEL.width0 {
      width: 100vw; }
      #BROWSE.level0.PANEL.width0 .browseBackButton {
        opacity: 0; }
    #BROWSE.level0.PANEL.width1 {
      width: 200vw;
      left: -100vw; }
      #BROWSE.level0.PANEL.width1 .browseBackButton {
        left: 100vw;
        opacity: 1; }
    #BROWSE.level0.PANEL.width2 {
      width: 300vw;
      left: -200vw; }
      #BROWSE.level0.PANEL.width2 .browseBackButton {
        left: 200vw; }
    #BROWSE.level0.PANEL.width3 {
      width: 400vw;
      left: -300vw; }
      #BROWSE.level0.PANEL.width3 .browseBackButton {
        left: 300vw; }
    #BROWSE.level0.PANEL.width4 {
      width: 500vw;
      left: -400vw; }
      #BROWSE.level0.PANEL.width4 .browseBackButton {
        left: 400vw; }
    #BROWSE.level0.PANEL.width5 {
      width: 600vw;
      left: -500vw; }
      #BROWSE.level0.PANEL.width5 .browseBackButton {
        left: 500vw; }
  #BROWSE.level0 .TAB {
    width: 100vw; }

  #INDEX.PANEL.level0 {
    padding: 0;
    border-top-width: 20px; }
    #INDEX.PANEL.level0 .indexFilterResults:before {
      height: 100%;
      width: 60px;
      right: 0;
      top: 0;
      left: unset;
      background: #f0f0f0;
      z-index: 1; }
    #INDEX.PANEL.level0:before {
      width: 60px;
      height: auto;
      top: 20px;
      right: 0;
      bottom: 0;
      z-index: 1; }
  #INDEX.PANEL .PANEL.level1 {
    width: 100%;
    left: 0;
    padding: 0 70px 0px 30px;
    margin-top: 0; }
  #INDEX .TAB {
    height: calc(100% / 26);
    width: 32px;
    font-size: 11px;
    z-index: 2;
    background: #f0f0f0;
    color: #3f3b4f;
    font-weight: 800; }
    #INDEX .TAB.index-tab-disabled {
      color: #aaa9b2;
      font-weight: 600; }
  #INDEX.filtersHidden .PANEL.level1 {
    padding: 30px 70px 0px 30px;
    margin: 0; }
  #INDEX .filterBAR {
    transition: transform 0.5s; }
  #INDEX .indexFilterResults {
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    margin-top: 0;
    top: 0;
    flex-wrap: wrap-reverse; }

  .indexPANEL {
    margin-top: 20px;
    height: calc(100% - 20px); }

  #SEARCH.PANEL.level0 .searchResultsTAB {
    display: flex;
    padding: 0; }
  #SEARCH .TAB.level1:not(.addSearchBtn) {
    float: none;
    margin-right: 30px;
    width: calc(50% - 30px);
    flex: 0 0 auto; }
  #SEARCH .TAB.level1:first-of-type:not(.addSearchBtn) {
    margin: 0 0 0 30px; }
  #SEARCH .TAB.level1.addSearchBtn {
    margin-left: 0; }
  #SEARCH.maxTabsReached .TAB.level1.addSearchBtn {
    display: none; }

  .closeCrossLarge.onDark {
    height: 38px;
    background-size: 37px;
    width: 30px; }

  button.fullScreenBtn {
    top: 11px;
    right: -3px; }

  .fullScreen button.fullScreenBtn {
    background-position-x: -35px;
    top: -3px; } }
@media screen and (max-height: 520px) and (orientation: landscape) {
  .fullScreen .footerHidden .SEARCHUI {
    height: 100vh; }

  #SEARCH.PANEL.level0 .searchResultsTAB {
    padding: 5px 25px 0; }
  #SEARCH .TAB.level1:nth-child(3) {
    display: none; }
  #SEARCH .closeCrossLarge.onDark {
    height: 40px;
    background-size: 37px; }
  #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable,
  #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable {
    flex-direction: row;
    padding: 26px 0 0px 30px; }
    #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable h1,
    #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable h1 {
      position: absolute;
      margin: 0 45px 0 261px;
      font-size: 19px; }
    #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreImageDiv,
    #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreImageDiv {
      width: 240px;
      height: 240px;
      flex: 0 0 auto;
      margin-right: 22px;
      background-color: white;
      transition: margin 0.5s, width 0.5s, height 0.5s; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreImageDiv img,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreImageDiv img {
        width: 100%;
        height: auto; }
    #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions,
    #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions {
      position: relative;
      height: 222px;
      width: 495px;
      box-sizing: border-box;
      margin-top: 55px;
      display: flex;
      align-items: flex-end;
      flex-wrap: wrap;
      color: #e9eaec;
      transition: margin-top 0.5s; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions.expanded,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions.expanded {
        height: auto;
        flex-grow: 1; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions.extrasShown .optionCell.extra,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions.extrasShown .optionCell.extra {
        opacity: 1; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.other.orphanOther,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.other.orphanOther {
        height: 78px;
        padding: 0 0 0 5px; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.extra,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell.extra {
        opacity: 0;
        transition: opacity 0.5s; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .image,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .image {
        background: white; }
        #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .image img,
        #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .image img {
          height: 130px;
          width: auto;
          margin: 9px -8px;
          clip-path: inset(1px 0px 49px 0px); }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .title,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule.hap .title {
        background: #f3ead6; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .title,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .title {
        padding: 6px 0 0 0;
        font-size: 12px; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .image,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .exploreOptions .optionCell .optionModule .image {
        height: 120px; }
    #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .optionCell.other,
    #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .optionCell.other {
      flex-basis: 60px;
      padding: 60px 0 0 5px;
      align-self: center;
      height: 212px; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .optionCell.other .optionTitle,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .optionCell.other .optionTitle {
        color: #8c8aa7; }
      #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .optionCell.other .optionModule,
      #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .optionCell.other .optionModule {
        width: 60px;
        background: none;
        line-height: 1.1em;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0.05em;
        height: auto; }
        #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .optionCell.other .optionModule .optionTitle,
        #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .optionCell.other .optionModule .optionTitle {
          position: relative;
          top: -1px;
          color: white;
          cursor: pointer; }
          #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .optionCell.other .optionModule .optionTitle:after,
          #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .optionCell.other .optionModule .optionTitle:after {
            content: '';
            position: absolute;
            width: 36px;
            height: 36px;
            border: 1px solid rgba(255, 255, 255, 0.6);
            border-radius: 50%;
            background: url("../../images/ADD-SUBTRACT.svg") 5px 50% no-repeat;
            bottom: -45px;
            left: -1px;
            opacity: 0.7; }
          #SEARCH .filtersHidden .modalExplore .exploreContent .exploreTable .optionCell.other .optionModule .optionTitle.open:after,
          #SEARCH .filtersShown .modalExplore .exploreContent .exploreTable .optionCell.other .optionModule .optionTitle.open:after {
            background-position: -25px 50%; } }
@media (max-width: 1240px) {
  .modalBlock .closeButton {
    top: -40px;
    right: -6px; } }
@media (max-height: 680px) {
  .modalBlock .closeButton {
    top: -2px;
    right: -40px; } }
@media (max-width: 1240px), (max-height: 860px) {
  .modalBlock .infoContent {
    position: static; }
  .modalBlock .closeButton {
    top: 5px;
    right: 5px;
    background-color: rgba(255, 255, 255, 0.7); } }
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0; }

textarea,
input[type="text"],
input[type="button"],
input[type="image"],
input[type="password"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

body {
  position: relative;
  font-family: 'Muli', sans-serif;
  color: #726a7c;
  background-color: #fafafa;
  height: 100%;
  min-height: 100vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column; }
  body.logout, body.login {
    max-width: unset; }
  body.temporaryerror {
    background-color: white; }
    body.temporaryerror .content {
      text-align: center;
      position: relative;
      padding: 40px 20px 40px;
      width: 100%;
      max-width: 510px;
      box-sizing: border-box; }
      body.temporaryerror .content > div:first-of-type {
        margin-bottom: -20px; }
      body.temporaryerror .content > div img {
        width: 192px;
        height: auto; }
    body.temporaryerror h2 {
      font-size: 18px;
      letter-spacing: -0.02em;
      line-height: 1.2em;
      margin-bottom: 1em; }
    body.temporaryerror p {
      margin-bottom: 1em; }

.ieWrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh; }

h1 {
  font-size: 28px;
  font-weight: 300;
  letter-spacing: -0.03em;
  margin-bottom: 10px; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.flexCenterCol {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center; }

.faded {
  opacity: 0.1; }

#pageFade {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(247, 247, 248, 0.8);
  z-index: 10;
  left: 0;
  top: 0; }

.headerPrimal {
  border-top: 12px solid #e84e0f;
  background-color: white;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto; }

.collapsable {
  display: flex;
  flex-direction: column;
  height: 0;
  overflow: hidden; }

.headerShown.fullScreen .collapsable {
  height: 0; }

.fullScreen .collapsable {
  height: 0; }

.bannerBox {
  display: none; }

.continueBtn {
  display: none; }

.loginContactWrapper {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.login .continueBtn .forTitles {
  display: none; }

.noAccess {
  text-align: center;
  margin: 20px 0 10px;
  transition: margin 0.6s; }
  .noAccess h1 {
    font-size: 22px;
    margin-bottom: 10px; }
  .noAccess a {
    display: inline-block;
    width: 140px;
    padding: 10px 15px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 400;
    background: #756c93;
    color: white;
    transition: padding 0.6s; }
    .noAccess a:hover {
      color: white; }

.titles .continueBtn .forLogin,
.atvsearch .continueBtn .forLogin {
  display: none; }
.titles.login .continueBtn .forLogin,
.atvsearch.login .continueBtn .forLogin {
  display: block; }

body.titles .page:before {
  content: '';
  width: 0;
  background: none; }
body.resources .page, body.help .page, body.faq .page, body.cookiepolicy .page {
  padding: 40px;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: white; }
body.resources .open-content {
  background: #dad2e0; }
body.maxlogin .page .logout {
  max-height: 440px; }
  body.maxlogin .page .logout h1 {
    margin-bottom: 25px; }
  body.maxlogin .page .logout p {
    margin-bottom: 12px; }
    body.maxlogin .page .logout p:last-of-type {
      margin-bottom: 30px; }
body[class*="help"] .page {
  justify-content: flex-start;
  align-items: flex-start;
  background-color: white;
  padding: 40px 0 0; }
body[class*="help"].videolist .page {
  height: 100vh;
  padding-top: 0; }
body.changepassword .page {
  justify-content: center; }
  body.changepassword .page > div {
    width: auto; }
body.login .page, body.logout .page, body.resetpassword .page, body.sendpassword .page, body.maxlogin .page, body.nosubscription .page, body.myaccount .page, body.updatepassword .page, body.savenewpassword .page, body.palms .page, body.temporaryerror .page, body.updateuser .page {
  padding: 15px 0; }
body .page {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity 0.25s;
  min-height: 450px;
  box-sizing: border-box; }
  body .page:before {
    position: absolute;
    box-sizing: border-box;
    width: 260px;
    height: 200px;
    content: 'Loading...';
    font-size: 24px;
    font-weight: 300;
    letter-spacing: -0.02em;
    color: #8f9099;
    padding: 24px 80px 150px;
    background: url(../../images/spinner3.svg) 47% 65% no-repeat;
    margin-left: 1px;
    margin-top: -50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.5s; }
  body .page.loaded:before {
    opacity: 0; }
  body .page .react-root {
    flex: 1 1 100%;
    display: flex;
    width: auto;
    flex-direction: column;
    justify-content: center; }
body .loginSignup {
  display: flex;
  align-items: center;
  flex-direction: column; }
body .logout {
  max-height: 240px; }
  body .logout input[type="submit"] {
    margin: 25px 5px 20px; }
body .updateuser .page .resetPassword {
  max-height: unset;
  flex: 0 1 auto; }
body .page .notfoundcenter {
  background: #fafafa;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding: 0 20px 20px;
  text-align: center; }
  body .page .notfoundcenter > div {
    position: relative;
    padding-top: 10px; }
    body .page .notfoundcenter > div.proportionalImage {
      position: absolute;
      width: 100vw;
      max-width: 800px;
      padding-bottom: 48%; }
    body .page .notfoundcenter > div:before {
      content: '404';
      position: absolute;
      font-weight: 800;
      color: rgba(0, 0, 0, 0.06);
      font-size: 250px;
      margin-top: -65px;
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
      letter-spacing: -0.03em; }
  body .page .notfoundcenter h1 {
    font-size: 66px;
    margin-bottom: 0;
    color: #e84e0f;
    margin-left: 7px; }
  body .page .notfoundcenter h2 {
    font-size: 21px;
    font-weight: 600;
    margin-top: 0.6em;
    margin-bottom: 42px; }
  body .page .notfoundcenter p {
    font-size: 16px; }
  body .page .notfoundcenter a.linkButton.arrowButton {
    margin-top: 50px; }
  body .page .notfoundcenter.noAccess {
    background: none; }
    body .page .notfoundcenter.noAccess > div {
      max-width: 650px;
      padding-top: 0px;
      margin-top: 48px; }
      body .page .notfoundcenter.noAccess > div:before {
        display: none; }
    body .page .notfoundcenter.noAccess h2 {
      margin-top: 74px;
      margin-bottom: 10px; }
    body .page .notfoundcenter.noAccess a.linkButton.arrowButton {
      margin-top: 39px; }

.noAccessImage {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 428px;
  height: 0;
  margin-top: -90px;
  padding-bottom: 50%;
  max-width: calc(100vw - 80px);
  max-height: 100%;
  background: #fafafa; }
  .noAccessImage > div {
    width: 100%;
    background: url(../../images/atv/no-access.svg) 0 0/100% 100% no-repeat;
    height: 100%;
    position: absolute; }

a.linkButton {
  display: inline-block;
  width: 140px;
  border-radius: 40px;
  height: 48px;
  background: #e84e0f;
  color: white;
  margin: 0 5px 0;
  cursor: pointer;
  font-size: 16px;
  font-family: 'Muli';
  font-weight: 400;
  text-decoration: none; }
  a.linkButton.arrowButton {
    height: 36px;
    line-height: 35px;
    width: 100px;
    position: relative;
    border-radius: 6px 0 0 6px;
    padding-right: 12px;
    box-sizing: border-box;
    background: url(../../images/atv/arrow-btn-clip.svg) 100% 50% no-repeat;
    margin: 24px 0px 0 12px; }
  a.linkButton:hover {
    color: white; }

.notfound a.linkButton.arrowButton {
  margin-top: 100px; }

.brochures {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }

.headerHidden .topMenu .menu-btn.headerToggle {
  background-position: 50% 0;
  background-color: #e6e9f0; }
  .headerHidden .topMenu .menu-btn.headerToggle > div {
    transform: rotate(-180deg); }
.headerHidden .collapsable {
  height: 0 !important; }
.headerHidden.resources .page {
  height: auto; }

#iribbon-container {
  background: #e1e6ef;
  color: #fff;
  font-size: 13px;
  min-height: 35px;
  line-height: 18px;
  position: relative;
  transition: height 0, min-height 0; }

.logoBar {
  position: relative;
  padding: 15px 20px 10px 35px;
  width: 100%;
  box-sizing: border-box;
  height: 110px;
  overflow: hidden; }
  .logoBar .logoATV {
    position: relative;
    float: left;
    background-image: url(../../images/atv/anatomy-tv-powered.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 60px;
    width: 243px;
    max-width: 90%; }
    .logoBar .logoATV a {
      padding: 0;
      outline: none;
      display: block;
      height: 100%;
      text-indent: -999em; }
      .logoBar .logoATV a.atv-logo {
        height: 58%; }
      .logoBar .logoATV a.poweredBy-logo {
        height: 42%; }
  .logoBar .loginUser {
    float: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    height: calc(100% + 2px);
    width: 300px;
    text-align: right;
    margin-top: -2px; }
    .logoBar .loginUser p {
      font-size: 11px;
      padding-right: 1px; }
      .logoBar .loginUser p span {
        display: block;
        margin-top: -1px; }
        .logoBar .loginUser p span:first-of-type {
          font-weight: 800; }
    .logoBar .loginUser .loginImg {
      min-width: 40px;
      height: 40px;
      margin-top: 10px;
      background: url(../../images/atv/avatar6.svg) 100% 100% no-repeat; }
      .logoBar .loginUser .loginImg img {
        height: 100%;
        width: auto;
        border: none; }

[class^="help"] .page:before {
  display: none; }

a {
  color: #000; }

h5 {
  font-size: 16px;
  color: #e84e0f;
  padding-bottom: 4px; }

.topMenu {
  display: flex;
  margin: 0 auto;
  height: 30px;
  position: relative;
  padding: 0 0 0 40px;
  line-height: initial;
  background-color: #cbd1dc;
  transition: height 0.6s; }
  .topMenu .section {
    flex: 1 1 33.33%;
    display: flex; }
    .topMenu .section.left {
      justify-content: flex-start; }
      .topMenu .section.left .menu-btn:last-child {
        border-width: 0 1px 0 1px; }
    .topMenu .section.center {
      justify-content: center;
      padding-right: 40px; }
    .topMenu .section.right {
      justify-content: flex-end; }
  .topMenu .logo {
    display: block;
    float: left;
    padding: 10px 20px;
    text-decoration: none; }
  .topMenu .menu-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 60px;
    height: 100%;
    user-select: none;
    box-sizing: border-box;
    text-align: center;
    background-color: #c6cbd7;
    border-color: #f0f1f5;
    border-width: 0 0 0 1px;
    border-style: solid; }
    .topMenu .menu-btn.help {
      position: static;
      background-image: url(../../images/atv/help-btn.svg);
      background-position: 50% 0;
      background-size: 63px; }
      .topMenu .menu-btn.help.clicked {
        background-position: 50% -32px; }
    .topMenu .menu-btn.getInTouch {
      border-width: 0 1px; }
      .topMenu .menu-btn.getInTouch a {
        height: 100%;
        width: 100%;
        background-image: url(../../images/getintouch2.svg);
        background-repeat: no-repeat;
        background-position: 50%;
        padding-bottom: 0; }
        .topMenu .menu-btn.getInTouch a:active {
          background-color: #e6e9f0; }
      .topMenu .menu-btn.getInTouch span {
        display: none; }
    .topMenu .menu-btn.logInOut, .topMenu .menu-btn.personal {
      width: 90px;
      background-color: #474356;
      border-width: 1px 0 0px 1px;
      border-top-color: #949494; }
      .topMenu .menu-btn.logInOut.out, .topMenu .menu-btn.personal.out {
        background-color: #e84e0f;
        border-left-color: #c2c9d6; }
        .topMenu .menu-btn.logInOut.out a, .topMenu .menu-btn.personal.out a {
          font-weight: 600;
          width: 100%;
          line-height: 12px;
          font-size: 11px; }
      .topMenu .menu-btn.logInOut a, .topMenu .menu-btn.personal a {
        color: #f3f4f7;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 0.07em;
        text-decoration: none;
        padding-top: 1px; }
    .topMenu .menu-btn.personal {
      width: 138px;
      background: #367d36;
      border-width: 1px 0 0 1px;
      border-left-color: #f0f1f5;
      border-top-color: #8f8f8f;
      padding-bottom: 1px; }
      .topMenu .menu-btn.personal a {
        color: #f3f4f7;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 400;
        letter-spacing: 0.07em;
        text-decoration: none;
        line-height: 1.1em;
        padding: 0 10px; }
    .topMenu .menu-btn.clicked {
      background-color: #e6e9f0; }
      .topMenu .menu-btn.clicked .navicon {
        background: rgba(110, 110, 110, 0); }
        .topMenu .menu-btn.clicked .navicon:before {
          top: 0;
          transform: rotate(-45deg);
          background: #71727f; }
        .topMenu .menu-btn.clicked .navicon:after {
          top: 0;
          transform: rotate(45deg);
          background: #71727f; }
    .topMenu .menu-btn.headerToggle {
      background-position: 50% -29px;
      cursor: default; }
      .topMenu .menu-btn.headerToggle > div {
        background-image: url(../../images/ATV/header-open-close2.svg);
        width: 30px;
        height: 30px;
        cursor: pointer;
        background-position: 50% 0px;
        transform: rotate(0deg);
        transition: transform 0.9s; }
  .topMenu .navicon {
    background: #71727f;
    display: block;
    height: 3px;
    transition: background .2s ease-out;
    width: 18px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
    .topMenu .navicon:before {
      background: #71727f;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      transition: all .2s ease-out;
      width: 100%;
      top: 6px; }
    .topMenu .navicon:after {
      background: #71727f;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      transition: all .2s ease-out;
      width: 100%;
      top: -6px; }
  .topMenu .menu {
    display: flex;
    opacity: 0;
    position: absolute;
    top: 30px;
    left: -1px;
    background: white;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
    z-index: 100; }
  .topMenu ul {
    display: flex;
    flex-direction: column;
    min-width: 240px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    padding: 8px 0; }
  .topMenu li {
    width: 240px; }
    .topMenu li a {
      display: block;
      padding: 16px 20px 16px 60px;
      text-decoration: none;
      font-weight: 600;
      background-position: 0 50%;
      background-repeat: no-repeat;
      height: 100%;
      box-sizing: border-box; }
      .topMenu li a:hover {
        background-color: #e6e9f0;
        color: #524d66; }
    .topMenu li.mm-home a {
      background-image: url(../../images/atv/home.svg); }
    .topMenu li.mm-myaccount a {
      background-image: url(../../images/atv/myaccount.svg); }
    .topMenu li.mm-resources a {
      background-image: url(../../images/atv/resources.svg); }
    .topMenu li.mm-faculty a {
      background-image: url(../../images/atv/faculty.svg); }
    .topMenu li.mm-faq a {
      background-image: url(../../images/atv/faq.svg); }

.menu-btn.help .menu,
.help .page .helpChoice .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  left: 40px;
  right: 39px;
  justify-content: center;
  padding: 20px 22px 0px;
  z-index: 99; }
.menu-btn.help h1,
.help .page .helpChoice h1 {
  text-align: left;
  width: 100%;
  font-size: 1.8em; }
.menu-btn.help h2,
.help .page .helpChoice h2 {
  width: 100%;
  text-align: left;
  font-size: 16px;
  margin: 0;
  border-bottom: 1px dashed lightgray;
  padding: 0 0 8px; }
.menu-btn.help ul,
.help .page .helpChoice ul {
  max-width: 1000px;
  display: block;
  width: 100%;
  padding: 20px 0;
  list-style: none; }
.menu-btn.help li,
.help .page .helpChoice li {
  float: left;
  height: 200px;
  width: 240px; }
  .menu-btn.help li:first-child .helpLinkImage img,
  .help .page .helpChoice li:first-child .helpLinkImage img {
    border: 1px solid #c7cad1; }
  .menu-btn.help li a,
  .help .page .helpChoice li a {
    padding: 16px 30px 16px 30px;
    display: block; }
    .menu-btn.help li a > div,
    .help .page .helpChoice li a > div {
      display: flex;
      flex-direction: column-reverse;
      height: 100%; }
    .menu-btn.help li a p,
    .help .page .helpChoice li a p {
      flex: 1;
      padding: 0 0 8px 0;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.15em;
      color: #71778e; }
.menu-btn.help .helpLinkImage,
.help .page .helpChoice .helpLinkImage {
  font-size: 0;
  flex: 3; }
.menu-btn.help img,
.help .page .helpChoice img {
  width: 100%;
  border: 1px solid #e0e0e0; }

.help .page .helpChoice {
  width: 100%; }
  .help .page .helpChoice .menu {
    padding-left: 10px; }
  .help .page .helpChoice h1 {
    font-size: 28px; }
  .help .page .helpChoice h2 {
    font-size: 17px;
    margin-top: -2px; }
  .help .page .helpChoice ul {
    max-width: 100%;
    background: white;
    position: relative;
    margin: 0; }
  .help .page .helpChoice li {
    width: 260px;
    height: 220px; }
    .help .page .helpChoice li a {
      height: 100%;
      box-sizing: border-box; }
      .help .page .helpChoice li a:hover {
        background-color: #e6e9f0;
        color: #524d66; }

.headerShown .topMenu .menu-btn .topMenu {
  border-top: none; }
.headerShown .topMenu .menu-btn.logInOut {
  border-width: 0 0 0 1px; }

.shibboleth .logInOut {
  display: none; }

.sectionGrey {
  background-color: #E5E5E7;
  color: gray;
  border-top: 1px solid #DAD7D7;
  border-bottom: 1px solid #DAD7D7; }
  .sectionGrey.menuDivider {
    height: 4px; }

.user-details {
  background-repeat: no-repeat;
  min-height: 48px;
  font-size: 12px;
  font-weight: 600;
  color: gray;
  background-image: url(../../images/PP-symbol-48px.png);
  box-sizing: border-box;
  padding: 7px 16px 0px 61px; }
  .user-details p {
    font-size: 12px; }

#lbl4.lblGroup.selected {
  border-left-color: #ef6127; }

#lbl11.lblGroup.selected {
  border-left-color: #78797b; }

#lbl10.lblGroup.selected {
  border-left-color: #f67f80; }

#lbl19.lblGroup.selected {
  border-left-color: #80a5d1; }

#lbl24.lblGroup.selected {
  border-left-color: #9378bb; }

#lbl7.lblGroup.selected {
  border-left-color: #6bad6b; }

#lbl2.lblGroup.selected {
  border-left-color: #d39478; }

#lbl6.lblGroup.selected {
  border-left-color: #a3b2c9; }

#lbl3.lblGroup.selected {
  border-left-color: #e6548b; }

#lbl9.lblGroup.selected {
  border-left-color: #17a99a; }

.flexReversed {
  display: flex;
  position: relative; }
  .flexReversed.column {
    flex-direction: column-reverse; }

.loggingInIndicator {
  position: absolute;
  z-index: 9999;
  /* opacity: 0.7; */
  left: 0;
  top: 0;
  right: 0;
  background: #e3e7ed;
  height: 100%; }
  .loggingInIndicator .loadingSpinner {
    background-color: rgba(0, 0, 0, 0);
    top: 0;
    background-position: center 100%;
    height: 140px;
    background-image: url(../../images/spinner3.svg);
    margin-bottom: 30px; }
    .loggingInIndicator .loadingSpinner div {
      font-size: 24px; }

.page .login,
.page .logout,
.page .resetPassword,
.page .changePassword,
.page .cookiesBlockMsg,
.page .palms,
.page .shibboleth {
  position: relative;
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 380px;
  max-height: 450px;
  margin: 30px 0 15px;
  padding: 30px 35px 20px;
  box-sizing: border-box;
  background: #e3e7ed;
  border: 1px solid #cdd2dc;
  box-shadow: none;
  text-align: center;
  color: #5b5f71;
  z-index: 1;
  border-top: none; }
  .page .login:before,
  .page .logout:before,
  .page .resetPassword:before,
  .page .changePassword:before,
  .page .cookiesBlockMsg:before,
  .page .palms:before,
  .page .shibboleth:before {
    width: calc(100% + 2px);
    height: 15px;
    content: '';
    background: #938ea4;
    top: -15px;
    position: absolute;
    left: -1px; }
  .page .login form,
  .page .login > div:not(.picBox),
  .page .logout form,
  .page .logout > div:not(.picBox),
  .page .resetPassword form,
  .page .resetPassword > div:not(.picBox),
  .page .changePassword form,
  .page .changePassword > div:not(.picBox),
  .page .cookiesBlockMsg form,
  .page .cookiesBlockMsg > div:not(.picBox),
  .page .palms form,
  .page .palms > div:not(.picBox),
  .page .shibboleth form,
  .page .shibboleth > div:not(.picBox) {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center; }
  .page .login .extraWidth,
  .page .logout .extraWidth,
  .page .resetPassword .extraWidth,
  .page .changePassword .extraWidth,
  .page .cookiesBlockMsg .extraWidth,
  .page .palms .extraWidth,
  .page .shibboleth .extraWidth {
    width: calc(100% + 30px); }
  .page .login h1,
  .page .logout h1,
  .page .resetPassword h1,
  .page .changePassword h1,
  .page .cookiesBlockMsg h1,
  .page .palms h1,
  .page .shibboleth h1 {
    font-size: 25px;
    font-weight: 300;
    line-height: 1.15em;
    letter-spacing: -0.02em;
    box-sizing: border-box;
    width: 100%; }
  .page .login h3,
  .page .logout h3,
  .page .resetPassword h3,
  .page .changePassword h3,
  .page .cookiesBlockMsg h3,
  .page .palms h3,
  .page .shibboleth h3 {
    position: relative;
    font-weight: 300;
    color: #524c67;
    font-size: 18px;
    line-height: 1.1em;
    width: 100%; }
  .page .login p,
  .page .logout p,
  .page .resetPassword p,
  .page .changePassword p,
  .page .cookiesBlockMsg p,
  .page .palms p,
  .page .shibboleth p {
    font-size: 14px;
    line-height: 1.2em; }
    .page .login p.wide,
    .page .logout p.wide,
    .page .resetPassword p.wide,
    .page .changePassword p.wide,
    .page .cookiesBlockMsg p.wide,
    .page .palms p.wide,
    .page .shibboleth p.wide {
      margin: 15px 0 15px; }
  .page .login p.errorMessage,
  .page .login .field-validation-error,
  .page .logout p.errorMessage,
  .page .logout .field-validation-error,
  .page .resetPassword p.errorMessage,
  .page .resetPassword .field-validation-error,
  .page .changePassword p.errorMessage,
  .page .changePassword .field-validation-error,
  .page .cookiesBlockMsg p.errorMessage,
  .page .cookiesBlockMsg .field-validation-error,
  .page .palms p.errorMessage,
  .page .palms .field-validation-error,
  .page .shibboleth p.errorMessage,
  .page .shibboleth .field-validation-error {
    position: relative;
    background: #e3e7ed;
    padding: 0px 40px;
    bottom: 0;
    z-index: 100;
    margin-bottom: 15px;
    width: calc(100% + 50px);
    box-sizing: border-box;
    line-height: 1.2em;
    color: #5b5f71;
    font-weight: 600;
    font-size: 15px; }
    .page .login p.errorMessage:before, .page .login p.errorMessage:after,
    .page .login .field-validation-error:before,
    .page .login .field-validation-error:after,
    .page .logout p.errorMessage:before,
    .page .logout p.errorMessage:after,
    .page .logout .field-validation-error:before,
    .page .logout .field-validation-error:after,
    .page .resetPassword p.errorMessage:before,
    .page .resetPassword p.errorMessage:after,
    .page .resetPassword .field-validation-error:before,
    .page .resetPassword .field-validation-error:after,
    .page .changePassword p.errorMessage:before,
    .page .changePassword p.errorMessage:after,
    .page .changePassword .field-validation-error:before,
    .page .changePassword .field-validation-error:after,
    .page .cookiesBlockMsg p.errorMessage:before,
    .page .cookiesBlockMsg p.errorMessage:after,
    .page .cookiesBlockMsg .field-validation-error:before,
    .page .cookiesBlockMsg .field-validation-error:after,
    .page .palms p.errorMessage:before,
    .page .palms p.errorMessage:after,
    .page .palms .field-validation-error:before,
    .page .palms .field-validation-error:after,
    .page .shibboleth p.errorMessage:before,
    .page .shibboleth p.errorMessage:after,
    .page .shibboleth .field-validation-error:before,
    .page .shibboleth .field-validation-error:after {
      content: '';
      position: absolute;
      border-width: 13px;
      border-color: rgba(0, 0, 0, 0);
      border-style: solid;
      top: 50%;
      transform: translateY(-50%); }
    .page .login p.errorMessage:before,
    .page .login .field-validation-error:before,
    .page .logout p.errorMessage:before,
    .page .logout .field-validation-error:before,
    .page .resetPassword p.errorMessage:before,
    .page .resetPassword .field-validation-error:before,
    .page .changePassword p.errorMessage:before,
    .page .changePassword .field-validation-error:before,
    .page .cookiesBlockMsg p.errorMessage:before,
    .page .cookiesBlockMsg .field-validation-error:before,
    .page .palms p.errorMessage:before,
    .page .palms .field-validation-error:before,
    .page .shibboleth p.errorMessage:before,
    .page .shibboleth .field-validation-error:before {
      border-left-color: #e84e0f;
      left: 0; }
    .page .login p.errorMessage:after,
    .page .login .field-validation-error:after,
    .page .logout p.errorMessage:after,
    .page .logout .field-validation-error:after,
    .page .resetPassword p.errorMessage:after,
    .page .resetPassword .field-validation-error:after,
    .page .changePassword p.errorMessage:after,
    .page .changePassword .field-validation-error:after,
    .page .cookiesBlockMsg p.errorMessage:after,
    .page .cookiesBlockMsg .field-validation-error:after,
    .page .palms p.errorMessage:after,
    .page .palms .field-validation-error:after,
    .page .shibboleth p.errorMessage:after,
    .page .shibboleth .field-validation-error:after {
      border-right-color: #e84e0f;
      right: 0; }
    .page .login p.errorMessage.defaultColor,
    .page .login .field-validation-error.defaultColor,
    .page .logout p.errorMessage.defaultColor,
    .page .logout .field-validation-error.defaultColor,
    .page .resetPassword p.errorMessage.defaultColor,
    .page .resetPassword .field-validation-error.defaultColor,
    .page .changePassword p.errorMessage.defaultColor,
    .page .changePassword .field-validation-error.defaultColor,
    .page .cookiesBlockMsg p.errorMessage.defaultColor,
    .page .cookiesBlockMsg .field-validation-error.defaultColor,
    .page .palms p.errorMessage.defaultColor,
    .page .palms .field-validation-error.defaultColor,
    .page .shibboleth p.errorMessage.defaultColor,
    .page .shibboleth .field-validation-error.defaultColor {
      color: #5b5f71; }
    .page .login p.errorMessage a,
    .page .login .field-validation-error a,
    .page .logout p.errorMessage a,
    .page .logout .field-validation-error a,
    .page .resetPassword p.errorMessage a,
    .page .resetPassword .field-validation-error a,
    .page .changePassword p.errorMessage a,
    .page .changePassword .field-validation-error a,
    .page .cookiesBlockMsg p.errorMessage a,
    .page .cookiesBlockMsg .field-validation-error a,
    .page .palms p.errorMessage a,
    .page .palms .field-validation-error a,
    .page .shibboleth p.errorMessage a,
    .page .shibboleth .field-validation-error a {
      text-decoration: none;
      font-weight: 700;
      color: #ce440d; }
  .page .login .formFields,
  .page .logout .formFields,
  .page .resetPassword .formFields,
  .page .changePassword .formFields,
  .page .cookiesBlockMsg .formFields,
  .page .palms .formFields,
  .page .shibboleth .formFields {
    width: 100%;
    margin-bottom: 15px; }
  .page .login .field-validation-error,
  .page .logout .field-validation-error,
  .page .resetPassword .field-validation-error,
  .page .changePassword .field-validation-error,
  .page .cookiesBlockMsg .field-validation-error,
  .page .palms .field-validation-error,
  .page .shibboleth .field-validation-error {
    display: block;
    color: red;
    font-weight: 600;
    margin-top: 4px;
    left: -25px;
    letter-spacing: -0.02em;
    text-align: center;
    font-size: 15px; }
    .page .login .field-validation-error:before, .page .login .field-validation-error:after,
    .page .logout .field-validation-error:before,
    .page .logout .field-validation-error:after,
    .page .resetPassword .field-validation-error:before,
    .page .resetPassword .field-validation-error:after,
    .page .changePassword .field-validation-error:before,
    .page .changePassword .field-validation-error:after,
    .page .cookiesBlockMsg .field-validation-error:before,
    .page .cookiesBlockMsg .field-validation-error:after,
    .page .palms .field-validation-error:before,
    .page .palms .field-validation-error:after,
    .page .shibboleth .field-validation-error:before,
    .page .shibboleth .field-validation-error:after {
      top: -27px; }
  .page .login a.boxTextLink,
  .page .logout a.boxTextLink,
  .page .resetPassword a.boxTextLink,
  .page .changePassword a.boxTextLink,
  .page .cookiesBlockMsg a.boxTextLink,
  .page .palms a.boxTextLink,
  .page .shibboleth a.boxTextLink {
    text-decoration: none;
    margin: 10px 0 0 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5em;
    color: #e84e0f;
    border-bottom: 1px dotted rgba(230, 76, 15, 0); }
    .page .login a.boxTextLink:hover,
    .page .logout a.boxTextLink:hover,
    .page .resetPassword a.boxTextLink:hover,
    .page .changePassword a.boxTextLink:hover,
    .page .cookiesBlockMsg a.boxTextLink:hover,
    .page .palms a.boxTextLink:hover,
    .page .shibboleth a.boxTextLink:hover {
      border-bottom: 1px dotted rgba(230, 76, 15, 0.35); }
    .page .login a.boxTextLink.larger,
    .page .logout a.boxTextLink.larger,
    .page .resetPassword a.boxTextLink.larger,
    .page .changePassword a.boxTextLink.larger,
    .page .cookiesBlockMsg a.boxTextLink.larger,
    .page .palms a.boxTextLink.larger,
    .page .shibboleth a.boxTextLink.larger {
      font-size: 15px; }
  .page .login a p,
  .page .logout a p,
  .page .resetPassword a p,
  .page .changePassword a p,
  .page .cookiesBlockMsg a p,
  .page .palms a p,
  .page .shibboleth a p {
    padding-top: 3px; }
  .page .login .fieldsContainer,
  .page .logout .fieldsContainer,
  .page .resetPassword .fieldsContainer,
  .page .changePassword .fieldsContainer,
  .page .cookiesBlockMsg .fieldsContainer,
  .page .palms .fieldsContainer,
  .page .shibboleth .fieldsContainer {
    margin-top: 20px; }
  .page .login .loginsGraphic,
  .page .logout .loginsGraphic,
  .page .resetPassword .loginsGraphic,
  .page .changePassword .loginsGraphic,
  .page .cookiesBlockMsg .loginsGraphic,
  .page .palms .loginsGraphic,
  .page .shibboleth .loginsGraphic {
    width: 70px;
    height: 70px;
    display: inline-block;
    background: #cbd1dc url("../../images/logins.svg") 50% no-repeat;
    margin-bottom: 13px; }
  .page .login input,
  .page .logout input,
  .page .resetPassword input,
  .page .changePassword input,
  .page .cookiesBlockMsg input,
  .page .palms input,
  .page .shibboleth input {
    display: inline-block; }
    .page .login input::placeholder,
    .page .logout input::placeholder,
    .page .resetPassword input::placeholder,
    .page .changePassword input::placeholder,
    .page .cookiesBlockMsg input::placeholder,
    .page .palms input::placeholder,
    .page .shibboleth input::placeholder {
      color: #cdd2dc;
      font-weight: 300;
      font-size: 15px; }
    .page .login input:-ms-input-placeholder,
    .page .logout input:-ms-input-placeholder,
    .page .resetPassword input:-ms-input-placeholder,
    .page .changePassword input:-ms-input-placeholder,
    .page .cookiesBlockMsg input:-ms-input-placeholder,
    .page .palms input:-ms-input-placeholder,
    .page .shibboleth input:-ms-input-placeholder {
      color: #cdd2dc !important;
      padding-top: 2px; }
    .page .login input::-ms-input-placeholder,
    .page .logout input::-ms-input-placeholder,
    .page .resetPassword input::-ms-input-placeholder,
    .page .changePassword input::-ms-input-placeholder,
    .page .cookiesBlockMsg input::-ms-input-placeholder,
    .page .palms input::-ms-input-placeholder,
    .page .shibboleth input::-ms-input-placeholder {
      color: #cdd2dc !important;
      padding-top: 2px; }
  .page .login input[type="submit"],
  .page .login a.linkButton,
  .page .logout input[type="submit"],
  .page .logout a.linkButton,
  .page .resetPassword input[type="submit"],
  .page .resetPassword a.linkButton,
  .page .changePassword input[type="submit"],
  .page .changePassword a.linkButton,
  .page .cookiesBlockMsg input[type="submit"],
  .page .cookiesBlockMsg a.linkButton,
  .page .palms input[type="submit"],
  .page .palms a.linkButton,
  .page .shibboleth input[type="submit"],
  .page .shibboleth a.linkButton {
    flex: none;
    display: inline-block;
    width: 140px;
    border-radius: 40px;
    height: 48px;
    background: #e84e0f;
    color: white;
    margin: 0 5px 0;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Muli';
    font-weight: 400;
    text-decoration: none;
    transition: height 0.6s; }
    .page .login input[type="submit"].arrowButton,
    .page .login a.linkButton.arrowButton,
    .page .logout input[type="submit"].arrowButton,
    .page .logout a.linkButton.arrowButton,
    .page .resetPassword input[type="submit"].arrowButton,
    .page .resetPassword a.linkButton.arrowButton,
    .page .changePassword input[type="submit"].arrowButton,
    .page .changePassword a.linkButton.arrowButton,
    .page .cookiesBlockMsg input[type="submit"].arrowButton,
    .page .cookiesBlockMsg a.linkButton.arrowButton,
    .page .palms input[type="submit"].arrowButton,
    .page .palms a.linkButton.arrowButton,
    .page .shibboleth input[type="submit"].arrowButton,
    .page .shibboleth a.linkButton.arrowButton {
      height: 36px;
      line-height: 35px;
      width: 100px;
      position: relative;
      border-radius: 6px 0 0 6px;
      padding-right: 12px;
      box-sizing: border-box;
      background: url(../../images/atv/arrow-btn-clip.svg) 100% 50% no-repeat;
      margin: 24px 0px 0 12px; }
      .page .login input[type="submit"].arrowButton.narrow,
      .page .login a.linkButton.arrowButton.narrow,
      .page .logout input[type="submit"].arrowButton.narrow,
      .page .logout a.linkButton.arrowButton.narrow,
      .page .resetPassword input[type="submit"].arrowButton.narrow,
      .page .resetPassword a.linkButton.arrowButton.narrow,
      .page .changePassword input[type="submit"].arrowButton.narrow,
      .page .changePassword a.linkButton.arrowButton.narrow,
      .page .cookiesBlockMsg input[type="submit"].arrowButton.narrow,
      .page .cookiesBlockMsg a.linkButton.arrowButton.narrow,
      .page .palms input[type="submit"].arrowButton.narrow,
      .page .palms a.linkButton.arrowButton.narrow,
      .page .shibboleth input[type="submit"].arrowButton.narrow,
      .page .shibboleth a.linkButton.arrowButton.narrow {
        line-height: 28px;
        height: 28px; }
      .page .login input[type="submit"].arrowButton.thin,
      .page .login a.linkButton.arrowButton.thin,
      .page .logout input[type="submit"].arrowButton.thin,
      .page .logout a.linkButton.arrowButton.thin,
      .page .resetPassword input[type="submit"].arrowButton.thin,
      .page .resetPassword a.linkButton.arrowButton.thin,
      .page .changePassword input[type="submit"].arrowButton.thin,
      .page .changePassword a.linkButton.arrowButton.thin,
      .page .cookiesBlockMsg input[type="submit"].arrowButton.thin,
      .page .cookiesBlockMsg a.linkButton.arrowButton.thin,
      .page .palms input[type="submit"].arrowButton.thin,
      .page .palms a.linkButton.arrowButton.thin,
      .page .shibboleth input[type="submit"].arrowButton.thin,
      .page .shibboleth a.linkButton.arrowButton.thin {
        height: 31px;
        line-height: 31px;
        width: 140px;
        border-radius: 8px;
        font-size: 13px;
        left: 4px;
        padding-right: 12px; }
    .page .login input[type="submit"].narrow,
    .page .login a.linkButton.narrow,
    .page .logout input[type="submit"].narrow,
    .page .logout a.linkButton.narrow,
    .page .resetPassword input[type="submit"].narrow,
    .page .resetPassword a.linkButton.narrow,
    .page .changePassword input[type="submit"].narrow,
    .page .changePassword a.linkButton.narrow,
    .page .cookiesBlockMsg input[type="submit"].narrow,
    .page .cookiesBlockMsg a.linkButton.narrow,
    .page .palms input[type="submit"].narrow,
    .page .palms a.linkButton.narrow,
    .page .shibboleth input[type="submit"].narrow,
    .page .shibboleth a.linkButton.narrow {
      line-height: 28px;
      height: 28px;
      font-size: 13px; }
    .page .login input[type="submit"].go,
    .page .login a.linkButton.go,
    .page .logout input[type="submit"].go,
    .page .logout a.linkButton.go,
    .page .resetPassword input[type="submit"].go,
    .page .resetPassword a.linkButton.go,
    .page .changePassword input[type="submit"].go,
    .page .changePassword a.linkButton.go,
    .page .cookiesBlockMsg input[type="submit"].go,
    .page .cookiesBlockMsg a.linkButton.go,
    .page .palms input[type="submit"].go,
    .page .palms a.linkButton.go,
    .page .shibboleth input[type="submit"].go,
    .page .shibboleth a.linkButton.go {
      background: #2e852e; }
    .page .login input[type="submit"]:focus,
    .page .login a.linkButton:focus,
    .page .logout input[type="submit"]:focus,
    .page .logout a.linkButton:focus,
    .page .resetPassword input[type="submit"]:focus,
    .page .resetPassword a.linkButton:focus,
    .page .changePassword input[type="submit"]:focus,
    .page .changePassword a.linkButton:focus,
    .page .cookiesBlockMsg input[type="submit"]:focus,
    .page .cookiesBlockMsg a.linkButton:focus,
    .page .palms input[type="submit"]:focus,
    .page .palms a.linkButton:focus,
    .page .shibboleth input[type="submit"]:focus,
    .page .shibboleth a.linkButton:focus {
      border: 0px solid white; }
    .page .login input[type="submit"].altColor1,
    .page .login a.linkButton.altColor1,
    .page .logout input[type="submit"].altColor1,
    .page .logout a.linkButton.altColor1,
    .page .resetPassword input[type="submit"].altColor1,
    .page .resetPassword a.linkButton.altColor1,
    .page .changePassword input[type="submit"].altColor1,
    .page .changePassword a.linkButton.altColor1,
    .page .cookiesBlockMsg input[type="submit"].altColor1,
    .page .cookiesBlockMsg a.linkButton.altColor1,
    .page .palms input[type="submit"].altColor1,
    .page .palms a.linkButton.altColor1,
    .page .shibboleth input[type="submit"].altColor1,
    .page .shibboleth a.linkButton.altColor1 {
      background: #308d30; }
  .page .login a.linkButton,
  .page .logout a.linkButton,
  .page .resetPassword a.linkButton,
  .page .changePassword a.linkButton,
  .page .cookiesBlockMsg a.linkButton,
  .page .palms a.linkButton,
  .page .shibboleth a.linkButton {
    padding-top: 14px;
    box-sizing: border-box; }
  .page .login label,
  .page .logout label,
  .page .resetPassword label,
  .page .changePassword label,
  .page .cookiesBlockMsg label,
  .page .palms label,
  .page .shibboleth label {
    width: 110px;
    display: inline-block;
    color: #5b5f71;
    text-align: left; }
    .page .login label.formLabelSmall,
    .page .logout label.formLabelSmall,
    .page .resetPassword label.formLabelSmall,
    .page .changePassword label.formLabelSmall,
    .page .cookiesBlockMsg label.formLabelSmall,
    .page .palms label.formLabelSmall,
    .page .shibboleth label.formLabelSmall {
      width: 0;
      overflow: hidden;
      font-size: 15px;
      font-weight: 400;
      opacity: 1;
      transition: opacity 0.3s, top 0.3s, left 0.3s, color 0.3s;
      position: absolute;
      top: 29px;
      left: 10px;
      color: #bfc4d0;
      letter-spacing: 0; }
  .page .login input[type="text"],
  .page .login input[type="password"],
  .page .logout input[type="text"],
  .page .logout input[type="password"],
  .page .resetPassword input[type="text"],
  .page .resetPassword input[type="password"],
  .page .changePassword input[type="text"],
  .page .changePassword input[type="password"],
  .page .cookiesBlockMsg input[type="text"],
  .page .cookiesBlockMsg input[type="password"],
  .page .palms input[type="text"],
  .page .palms input[type="password"],
  .page .shibboleth input[type="text"],
  .page .shibboleth input[type="password"] {
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 0 2px 10px;
    font-family: 'Muli';
    font-size: 16px;
    color: #eaeef5;
    background: #545065;
    position: relative;
    margin-top: 10px;
    transition: height 0.6s; }
    .page .login input[type="text"]::placeholder,
    .page .login input[type="password"]::placeholder,
    .page .logout input[type="text"]::placeholder,
    .page .logout input[type="password"]::placeholder,
    .page .resetPassword input[type="text"]::placeholder,
    .page .resetPassword input[type="password"]::placeholder,
    .page .changePassword input[type="text"]::placeholder,
    .page .changePassword input[type="password"]::placeholder,
    .page .cookiesBlockMsg input[type="text"]::placeholder,
    .page .cookiesBlockMsg input[type="password"]::placeholder,
    .page .palms input[type="text"]::placeholder,
    .page .palms input[type="password"]::placeholder,
    .page .shibboleth input[type="text"]::placeholder,
    .page .shibboleth input[type="password"]::placeholder {
      position: relative;
      top: -7px; }
    .page .login input[type="text"]:-ms-input-placeholder,
    .page .login input[type="password"]:-ms-input-placeholder,
    .page .logout input[type="text"]:-ms-input-placeholder,
    .page .logout input[type="password"]:-ms-input-placeholder,
    .page .resetPassword input[type="text"]:-ms-input-placeholder,
    .page .resetPassword input[type="password"]:-ms-input-placeholder,
    .page .changePassword input[type="text"]:-ms-input-placeholder,
    .page .changePassword input[type="password"]:-ms-input-placeholder,
    .page .cookiesBlockMsg input[type="text"]:-ms-input-placeholder,
    .page .cookiesBlockMsg input[type="password"]:-ms-input-placeholder,
    .page .palms input[type="text"]:-ms-input-placeholder,
    .page .palms input[type="password"]:-ms-input-placeholder,
    .page .shibboleth input[type="text"]:-ms-input-placeholder,
    .page .shibboleth input[type="password"]:-ms-input-placeholder {
      color: #cdd2dc !important;
      padding-top: 2px; }
    .page .login input[type="text"]::-ms-input-placeholder,
    .page .login input[type="password"]::-ms-input-placeholder,
    .page .logout input[type="text"]::-ms-input-placeholder,
    .page .logout input[type="password"]::-ms-input-placeholder,
    .page .resetPassword input[type="text"]::-ms-input-placeholder,
    .page .resetPassword input[type="password"]::-ms-input-placeholder,
    .page .changePassword input[type="text"]::-ms-input-placeholder,
    .page .changePassword input[type="password"]::-ms-input-placeholder,
    .page .cookiesBlockMsg input[type="text"]::-ms-input-placeholder,
    .page .cookiesBlockMsg input[type="password"]::-ms-input-placeholder,
    .page .palms input[type="text"]::-ms-input-placeholder,
    .page .palms input[type="password"]::-ms-input-placeholder,
    .page .shibboleth input[type="text"]::-ms-input-placeholder,
    .page .shibboleth input[type="password"]::-ms-input-placeholder {
      color: #cdd2dc !important; }
    .page .login input[type="text"]:valid + .formLabelSmall, .page .login input[type="text"]:focus + .formLabelSmall,
    .page .login input[type="password"]:valid + .formLabelSmall,
    .page .login input[type="password"]:focus + .formLabelSmall,
    .page .logout input[type="text"]:valid + .formLabelSmall,
    .page .logout input[type="text"]:focus + .formLabelSmall,
    .page .logout input[type="password"]:valid + .formLabelSmall,
    .page .logout input[type="password"]:focus + .formLabelSmall,
    .page .resetPassword input[type="text"]:valid + .formLabelSmall,
    .page .resetPassword input[type="text"]:focus + .formLabelSmall,
    .page .resetPassword input[type="password"]:valid + .formLabelSmall,
    .page .resetPassword input[type="password"]:focus + .formLabelSmall,
    .page .changePassword input[type="text"]:valid + .formLabelSmall,
    .page .changePassword input[type="text"]:focus + .formLabelSmall,
    .page .changePassword input[type="password"]:valid + .formLabelSmall,
    .page .changePassword input[type="password"]:focus + .formLabelSmall,
    .page .cookiesBlockMsg input[type="text"]:valid + .formLabelSmall,
    .page .cookiesBlockMsg input[type="text"]:focus + .formLabelSmall,
    .page .cookiesBlockMsg input[type="password"]:valid + .formLabelSmall,
    .page .cookiesBlockMsg input[type="password"]:focus + .formLabelSmall,
    .page .palms input[type="text"]:valid + .formLabelSmall,
    .page .palms input[type="text"]:focus + .formLabelSmall,
    .page .palms input[type="password"]:valid + .formLabelSmall,
    .page .palms input[type="password"]:focus + .formLabelSmall,
    .page .shibboleth input[type="text"]:valid + .formLabelSmall,
    .page .shibboleth input[type="text"]:focus + .formLabelSmall,
    .page .shibboleth input[type="password"]:valid + .formLabelSmall,
    .page .shibboleth input[type="password"]:focus + .formLabelSmall {
      width: 100%;
      opacity: 1;
      font-size: 11px;
      color: rgba(255, 255, 255, 0.6);
      top: 17px;
      left: 10px;
      letter-spacing: 0.03em;
      color: rgba(255, 255, 255, 0.6); }
    .page .login input[type="text"]:-webkit-autofill + .formLabelSmall,
    .page .login input[type="password"]:-webkit-autofill + .formLabelSmall,
    .page .logout input[type="text"]:-webkit-autofill + .formLabelSmall,
    .page .logout input[type="password"]:-webkit-autofill + .formLabelSmall,
    .page .resetPassword input[type="text"]:-webkit-autofill + .formLabelSmall,
    .page .resetPassword input[type="password"]:-webkit-autofill + .formLabelSmall,
    .page .changePassword input[type="text"]:-webkit-autofill + .formLabelSmall,
    .page .changePassword input[type="password"]:-webkit-autofill + .formLabelSmall,
    .page .cookiesBlockMsg input[type="text"]:-webkit-autofill + .formLabelSmall,
    .page .cookiesBlockMsg input[type="password"]:-webkit-autofill + .formLabelSmall,
    .page .palms input[type="text"]:-webkit-autofill + .formLabelSmall,
    .page .palms input[type="password"]:-webkit-autofill + .formLabelSmall,
    .page .shibboleth input[type="text"]:-webkit-autofill + .formLabelSmall,
    .page .shibboleth input[type="password"]:-webkit-autofill + .formLabelSmall {
      width: 100%;
      opacity: 1;
      font-size: 11px;
      color: rgba(255, 255, 255, 0.6);
      top: 17px;
      left: 10px;
      letter-spacing: 0.03em;
      color: rgba(255, 255, 255, 0.6); }
    .page .login input[type="text"]:-webkit-autofill,
    .page .login input[type="password"]:-webkit-autofill,
    .page .logout input[type="text"]:-webkit-autofill,
    .page .logout input[type="password"]:-webkit-autofill,
    .page .resetPassword input[type="text"]:-webkit-autofill,
    .page .resetPassword input[type="password"]:-webkit-autofill,
    .page .changePassword input[type="text"]:-webkit-autofill,
    .page .changePassword input[type="password"]:-webkit-autofill,
    .page .cookiesBlockMsg input[type="text"]:-webkit-autofill,
    .page .cookiesBlockMsg input[type="password"]:-webkit-autofill,
    .page .palms input[type="text"]:-webkit-autofill,
    .page .palms input[type="password"]:-webkit-autofill,
    .page .shibboleth input[type="text"]:-webkit-autofill,
    .page .shibboleth input[type="password"]:-webkit-autofill {
      -webkit-text-fill-color: #e1e6ef;
      -webkit-box-shadow: 0 0 0px 1000px #545065 inset;
      -moz-text-fill-color: #e1e6ef;
      -moz-box-shadow: 0 0 0px 1000px #545065 inset; }
  .page .login .readOnly input[type="text"],
  .page .logout .readOnly input[type="text"],
  .page .resetPassword .readOnly input[type="text"],
  .page .changePassword .readOnly input[type="text"],
  .page .cookiesBlockMsg .readOnly input[type="text"],
  .page .palms .readOnly input[type="text"],
  .page .shibboleth .readOnly input[type="text"] {
    background: #cbd1dd;
    cursor: default;
    outline: none;
    color: #615c75; }
    .page .login .readOnly input[type="text"] + .formLabelSmall,
    .page .logout .readOnly input[type="text"] + .formLabelSmall,
    .page .resetPassword .readOnly input[type="text"] + .formLabelSmall,
    .page .changePassword .readOnly input[type="text"] + .formLabelSmall,
    .page .cookiesBlockMsg .readOnly input[type="text"] + .formLabelSmall,
    .page .palms .readOnly input[type="text"] + .formLabelSmall,
    .page .shibboleth .readOnly input[type="text"] + .formLabelSmall {
      width: 100%;
      opacity: 1;
      font-size: 11px;
      top: 17px;
      left: 10px;
      color: #6c6783;
      font-weight: 700;
      letter-spacing: -0.01em; }
  .page .login button,
  .page .logout button,
  .page .resetPassword button,
  .page .changePassword button,
  .page .cookiesBlockMsg button,
  .page .palms button,
  .page .shibboleth button {
    border: none;
    font-size: 20px;
    margin-right: 9px;
    color: #5d6470;
    background: #f3f4f7;
    border-radius: 50%;
    line-height: 18px;
    height: 30px;
    width: 30px;
    cursor: pointer; }
  .page .login hr,
  .page .logout hr,
  .page .resetPassword hr,
  .page .changePassword hr,
  .page .cookiesBlockMsg hr,
  .page .palms hr,
  .page .shibboleth hr {
    width: 100%;
    height: 1px;
    border: none;
    background: #c1c9d9; }
  .page .login:after,
  .page .logout:after,
  .page .resetPassword:after,
  .page .changePassword:after,
  .page .cookiesBlockMsg:after,
  .page .palms:after,
  .page .shibboleth:after {
    height: 0; }
.page .login {
  padding: 30px 35px 0;
  transition: padding 0.6s, max-height 0.6s; }
  .page .login form {
    justify-content: space-between; }
.page .logout input[type="submit"],
.page a.linkButton.personal {
  white-space: normal;
  width: 155px;
  font-size: 15px;
  line-height: 1.1em;
  box-sizing: border-box; }
.page a.linkButton.personal {
  padding: 8px 16px 0;
  line-height: 1em;
  background: #3c8b3c; }
.page .resetPassword {
  max-height: 440px;
  padding: 30px 35px 40px; }
.page .otherLogins p {
  font-size: 12px; }
.page .cookiesBlockMsg {
  justify-content: space-around;
  max-height: 280px; }

.myaccount .centerBox,
.updateuser .centerBox {
  width: 935px;
  display: flex;
  margin: 15px 0 0;
  padding: 30px 15px 0;
  max-height: unset;
  flex: 0 1 auto; }
.myaccount .page .resetPassword h1,
.updateuser .page .resetPassword h1 {
  align-self: flex-start;
  margin: 0 19px 14px;
  width: calc(100% - 38px);
  text-align: left;
  border-bottom: 1px solid #c4c1cd;
  padding: 0 0 10px 0; }
.myaccount .page .resetPassword h3,
.updateuser .page .resetPassword h3 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 15px;
  padding-bottom: 7px;
  color: #615f67; }
.myaccount .page .resetPassword p,
.updateuser .page .resetPassword p {
  margin: 0.5em 0 1em;
  display: flex;
  justify-content: space-between; }
  .myaccount .page .resetPassword p.errorMessage,
  .updateuser .page .resetPassword p.errorMessage {
    width: auto;
    margin: 1em 0;
    padding: 0px 25px; }
    .myaccount .page .resetPassword p.errorMessage.success:after, .myaccount .page .resetPassword p.errorMessage.success:before,
    .updateuser .page .resetPassword p.errorMessage.success:after,
    .updateuser .page .resetPassword p.errorMessage.success:before {
      border: none;
      background: url(../../images/atv/right-wrong.svg);
      width: 26px;
      height: 26px;
      top: 6px; }
.myaccount .page .resetPassword .subsList,
.updateuser .page .resetPassword .subsList {
  padding: 15px 30px 20px;
  box-sizing: border-box;
  order: 3;
  width: calc(100% + 30px);
  flex-direction: column;
  text-align: left;
  margin-left: -15px; }
  .myaccount .page .resetPassword .subsList p,
  .updateuser .page .resetPassword .subsList p {
    border-top: 1px solid #cecdd6;
    margin: 0;
    padding: 10px 0; }
    .myaccount .page .resetPassword .subsList p:last-of-type,
    .updateuser .page .resetPassword .subsList p:last-of-type {
      border-bottom: 1px solid #cecdd6; }
.myaccount .page .resetPassword a.linkButton.arrowButton.thin,
.updateuser .page .resetPassword a.linkButton.arrowButton.thin {
  margin-top: -5px; }
.myaccount .page .resetPassword input[type="submit"],
.updateuser .page .resetPassword input[type="submit"] {
  margin: 5px; }
  .myaccount .page .resetPassword input[type="submit"] .arrowButton.large,
  .updateuser .page .resetPassword input[type="submit"] .arrowButton.large {
    width: 136px;
    margin: 5px 0;
    font-size: 13px;
    background-image: url(../../images/atv/arrow-btn-large.svg);
    height: 41px;
    position: relative;
    left: 8px;
    padding-right: 11px; }
.myaccount .page .resetPassword form,
.updateuser .page .resetPassword form {
  align-items: flex-start;
  margin-top: 5px; }
  .myaccount .page .resetPassword form > div,
  .updateuser .page .resetPassword form > div {
    display: flex;
    flex-direction: row;
    width: 100%; }
    .myaccount .page .resetPassword form > div:nth-child(2),
    .updateuser .page .resetPassword form > div:nth-child(2) {
      flex-direction: column; }
    .myaccount .page .resetPassword form > div:last-of-type,
    .updateuser .page .resetPassword form > div:last-of-type {
      width: 100%;
      height: 30px;
      align-items: center;
      order: 2; }
    .myaccount .page .resetPassword form > div > div,
    .updateuser .page .resetPassword form > div > div {
      flex: 15;
      padding: 0 20px;
      box-sizing: border-box; }
      .myaccount .page .resetPassword form > div > div:first-child,
      .updateuser .page .resetPassword form > div > div:first-child {
        flex-direction: column;
        text-align: left;
        flex: 14; }
      .myaccount .page .resetPassword form > div > div:last-child,
      .updateuser .page .resetPassword form > div > div:last-child {
        flex: 8;
        padding: 5px 30px 0 20px; }

.cookiesblocked .page {
  justify-content: center; }

.cookiesBlockMsg a {
  width: 248px;
  word-break: break-all;
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 8px; }

.otherLogins {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 35px 5px 16px 9px;
  align-items: flex-end;
  background-color: #e1e6ef;
  margin-top: 10px;
  box-sizing: border-box;
  width: calc(100% + 5px);
  margin-left: 0px; }
  .otherLogins > p {
    position: absolute;
    top: 0;
    margin: 0;
    display: block;
    font-weight: 600;
    text-align: left;
    padding-bottom: 5px;
    left: 10px;
    right: 25px;
    margin-bottom: 0px;
    border-bottom: 3px solid #d0d7e1; }
  .otherLogins a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none; }
    .otherLogins a > div {
      display: flex; }
      .otherLogins a > div.shibbolethImg, .otherLogins a > div.athensImg {
        flex: 0 0 auto;
        background-image: url(../../images/shibboleth_logo2.png);
        width: 28px;
        height: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: -1px;
        left: 8px;
        background-position: 50%;
        display: none; }
      .otherLogins a > div.athensImg {
        background-image: url(../../images/eduserv-athens-logo.png);
        width: 26px; }
  .otherLogins > div {
    flex: 1 1 auto;
    text-align: left;
    box-sizing: border-box;
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
    margin-right: 10px;
    border-radius: 8px;
    justify-content: flex-start;
    overflow: visible;
    background: url(../../images/atv/arrow-btn-clip.svg) no-repeat;
    background-position: 100% 0;
    transition: height 0.6s, background-position 0.6s; }
    .otherLogins > div p {
      color: rgba(255, 255, 255, 0.8);
      margin: 0;
      position: relative;
      left: 7px;
      padding-top: 4px;
      letter-spacing: 0.02em;
      padding-left: 5px;
      width: 120px; }
    .otherLogins > div:after {
      position: absolute;
      width: 0px;
      height: 0;
      top: 0;
      right: 0px;
      transform: translateX(100%);
      border-style: solid;
      border-width: 23px;
      border-color: rgbA(225, 230, 239, 0);
      border-left-color: #78718d; }
    .otherLogins > div:last-child {
      margin-left: 10px; }

.centerBox.login {
  min-height: 360px;
  max-height: 480px; }
  .centerBox.login h1 {
    font-size: 24px;
    margin-bottom: 30px; }
.centerBox.logout {
  max-height: 240px; }
  .centerBox.logout > div > h1,
  .centerBox.logout > div > div {
    width: 100%; }
.centerBox.shibboleth-login {
  max-height: 260px;
  min-height: 0;
  padding: 40px 35px; }
  .centerBox.shibboleth-login select {
    width: 100%;
    font-family: 'Muli';
    font-size: 15px;
    color: #726a7c;
    padding: 10px 5px;
    border: 1px solid lightgray;
    margin-bottom: 15px; }

.palms .login {
  min-height: 380px;
  max-height: 480px;
  padding: 30px 35px 30px; }
  .palms .login .formFields {
    margin: 0; }
  .palms .login h1 {
    margin-bottom: 10px; }
  .palms .login a.boxTextLink {
    display: inline-block; }
  .palms .login a.linkButton.arrowButton {
    margin-top: 10px;
    padding-top: 0; }
.palms.register .login {
  max-height: 520px;
  min-height: 480px; }
  .palms.register .login h1 {
    margin: 5px 0 16px; }
  .palms.register .login a.linkButton.arrowButton:after {
    border-left-color: #e84e0f; }
.palms.register .loginSignup {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin: 15px 10px 0 0; }
  .palms.register .loginSignup a.linkButton.arrowButton {
    margin: 0 0 0 -15px; }
.palms.resetchildaccountpassword .login {
  max-height: 380px;
  min-height: 320px; }
  .palms.resetchildaccountpassword .login h1 {
    margin: 0; }
  .palms.resetchildaccountpassword .login .fieldsContainer {
    margin-top: 0; }
.palms.changechildaccountpassword .login {
  max-height: 380px;
  min-height: 320px; }
.palms.changechildaccountpassword h1 {
  margin: 0; }
.palms.errorpage .page:before {
  display: none; }
.palms.errorpage .page .login {
  max-height: 360px;
  min-height: 300px;
  align-items: center;
  justify-content: space-around; }
  .palms.errorpage .page .login:before {
    background: #c52626; }
.palms.errorpage .page h1 {
  margin: 0; }
.palms.errorpage .page a.boxTextLink {
  font-size: 16px;
  color: #c52626; }
.palms.resetPassword {
  max-height: 390px;
  padding: 20px 40px; }
  .palms.resetPassword.done {
    max-height: 240px; }
.palms .formTickBox label {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 700; }

.picBox {
  width: 100px;
  height: 100px; }
  .picBox.error {
    background: #c52626; }
  .picBox.success {
    background: #308d30; }
  .picBox.question {
    background: #b5366b; }
  .picBox img {
    width: 100%;
    height: auto; }

.footerToggle {
  display: block;
  position: absolute;
  background: #d2d1d0 url(../../images/atv/header-open-close2.svg) 50% -4px/40px 60px no-repeat;
  z-index: 4;
  width: 40px;
  height: 21px;
  cursor: pointer;
  right: 0;
  bottom: 0;
  transition: background-color 0.6s, bottom 0.6s; }

.footer.infoHidden p {
  opacity: 0; }

.altColor1 {
  background: #308d30; }

.bannerBox {
  display: none;
  background-color: white;
  box-sizing: border-box;
  background: #e8ecf3;
  position: relative;
  height: 120px;
  font-size: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  text-align: center; }
  .bannerBox iframe {
    width: 100%;
    height: 100%; }

.login.headerShown .collapsable,
.titles.headerShown .collapsable,
.welcomer.headerShown .collapsable,
.atvsearch.headerShown .collapsable {
  height: 287px; }
.login.headerShown.noBanner .collapsable,
.titles.headerShown.noBanner .collapsable,
.welcomer.headerShown.noBanner .collapsable,
.atvsearch.headerShown.noBanner .collapsable {
  height: 157px; }
.login.headerShown.fullScreen .collapsable,
.titles.headerShown.fullScreen .collapsable,
.welcomer.headerShown.fullScreen .collapsable,
.atvsearch.headerShown.fullScreen .collapsable {
  height: 0; }
.login.tryGoogleTranslateBannerShown .collapsable,
.titles.tryGoogleTranslateBannerShown .collapsable,
.welcomer.tryGoogleTranslateBannerShown .collapsable,
.atvsearch.tryGoogleTranslateBannerShown .collapsable {
  height: 400px; }
.login .bannerBox,
.titles .bannerBox,
.welcomer .bannerBox,
.atvsearch .bannerBox {
  display: block; }

.inlineImage .info.productGroupButton {
  display: inline-block;
  vertical-align: middle;
  margin: 4px 4px; }

.headerShown .collapsable {
  height: 157px; }

.bannerBox {
  height: 130px; }

.announcementBanner.leftRight {
  height: 131px; }
  .announcementBanner.leftRight .bannerLeft {
    width: calc(50% - 256px); }
  .announcementBanner.leftRight .titlesAndButtons {
    height: 100%;
    padding: 18px 40px 16px;
    text-align: left; }
  .announcementBanner.leftRight .titles {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .announcementBanner.leftRight .mainTitle {
    font-size: 24px;
    padding: 0; }
    .announcementBanner.leftRight .mainTitle + .surOrSubTitle {
      top: -5px; }
    .announcementBanner.leftRight .mainTitle span {
      font-size: 99%;
      font-weight: 700; }
  .announcementBanner.leftRight .surOrSubTitle {
    font-size: 75%;
    font-weight: 400;
    position: relative; }
    .announcementBanner.leftRight .surOrSubTitle.small .button-text {
      display: inline-block;
      border-radius: 16px;
      width: auto;
      padding: 4px 14px 6px;
      margin: 0 1px 0 -1px;
      letter-spacing: 0.03em;
      background-color: #00000059;
      cursor: pointer; }
      .announcementBanner.leftRight .surOrSubTitle.small .button-text a {
        font-weight: 600; }
  .announcementBanner.leftRight.dandc a:hover {
    color: #ede7d9; }
  .announcementBanner.leftRight.dandc .bannerRight {
    background: #067389; }
    .announcementBanner.leftRight.dandc .bannerRight:before {
      border-right-color: #067389; }
  .announcementBanner.leftRight.dandc .surOrSubTitle.small button-link {
    background: #4a3880; }

#logged-out-text {
  display: none; }

#logged-in-text {
  display: inline-block; }

.login #logged-out-text {
  display: inline-block;
  background: none;
  padding: 0;
  margin: 0;
  letter-spacing: normal; }
  .login #logged-out-text.mobile {
    display: none; }
.login #logged-in-text {
  display: none; }

.bannerButton {
  cursor: pointer; }
  .bannerButton div {
    min-width: 132px;
    text-align: center;
    border-radius: 24px;
    background-color: rgba(239, 231, 231, 0.85);
    border: 1px solid rgba(239, 231, 231, 0.65);
    padding: 11px 12px;
    /* border-top-color: hsla(0, 0%, 88%, 1); */
    /* border-bottom-color: hsla(0, 0%, 85%, 1); */
    /* box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.15); */
    font-size: 15px;
    font-weight: 800;
    /* letter-spacing: 0.041em; */
    user-select: none;
    display: inline-block;
    margin-top: 12px;
    box-sizing: border-box;
    margin-left: -4px; }
    .bannerButton div:after, .bannerButton div:before {
      content: '';
      position: absolute;
      width: 43%;
      height: 25%;
      z-index: -3;
      background-color: rgba(0, 0, 255, 0);
      bottom: 4px;
      border-radius: 50%;
      transition: all 0.4s; }
    .bannerButton div:after {
      right: 14px;
      transform: rotate(13deg); }
    .bannerButton div:before {
      left: 14px;
      transform: rotate(-13deg); }

.tryGoogleTranslateBanner {
  position: relative;
  flex: 1 1 auto;
  background-color: #e8e8e8;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .tryGoogleTranslateBanner .translateContainer {
    max-width: 670px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 40px;
    line-height: 1.2em;
    font-size: 14px; }
  .tryGoogleTranslateBanner .translateMessageText {
    width: 100%; }
    .tryGoogleTranslateBanner .translateMessageText a {
      padding-bottom: 0;
      border-bottom: none; }
      .tryGoogleTranslateBanner .translateMessageText a:hover {
        border-bottom: none; }
  .tryGoogleTranslateBanner .translateImage {
    position: absolute;
    opacity: 0.125;
    background-size: 100%;
    width: 100px;
    height: 100px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%; }
    .tryGoogleTranslateBanner .translateImage.image1 {
      background-image: url(../../images/banners/noun_Globe_29357.svg);
      margin-left: -380px; }
    .tryGoogleTranslateBanner .translateImage.image2 {
      background-image: url(../../images/banners/noun_analyzing_2651373.svg);
      margin-left: 380px;
      width: 85px;
      height: 85px;
      margin-top: 2px; }
  .tryGoogleTranslateBanner a {
    border-bottom: 2px dotted #bfbfbf;
    font-size: 15px; }
    .tryGoogleTranslateBanner a span {
      font-weight: 700;
      user-select: none;
      cursor: pointer; }
    .tryGoogleTranslateBanner a:hover {
      border-bottom: 2px solid #ec906a; }

.dotContainer {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 2px 0;
  box-sizing: border-box;
  height: 100%;
  justify-content: space-evenly;
  align-items: center;
  right: 20px;
  z-index: 100; }
  .dotContainer .dot {
    width: 14px;
    height: 14px;
    background: rgba(255, 255, 255, 0);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    cursor: pointer;
    font-size: 0px;
    color: white; }
    .dotContainer .dot.active {
      background: rgba(255, 255, 255, 0.3);
      border-width: 2px;
      border: 1px solid rgba(255, 255, 255, 0.5);
      width: 16px;
      height: 16px; }

.playPause {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 300;
  top: 50%;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transform: translateY(-50%);
  margin-left: 2vw;
  cursor: pointer;
  background-image: url(../../images/atv/play-pause-light.svg);
  right: 50px;
  margin-top: 1px;
  background-position-x: -30px; }
  .playPause.dark {
    background-image: url(../../images/atv/play_pause_dark.svg);
    border-color: rgba(89, 84, 84, 0.35); }
  .playPause.paused {
    background-position-x: 0; }

.narrowPage {
  position: relative;
  background: white;
  border-top: 1px dashed lightgray;
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 30px; }
  .narrowPage > div {
    max-width: 1000px;
    flex: 0 0 auto;
    width: 100%; }

.cookiepolicy h2 {
  font-size: 24px;
  font-weight: 300;
  margin: 2em 0 .2em; }
.cookiepolicy h3 {
  font-size: 15px;
  margin: 1.3em 0 0.3em;
  color: #585260;
  font-weight: 700; }
.cookiepolicy p {
  font-size: 16px;
  margin-bottom: 1em;
  line-height: 1.3em; }
.cookiepolicy a.canRunOver {
  word-break: break-all; }

.standard-table {
  margin: 2em 0;
  text-align: left;
  width: 100%;
  font-size: 14px; }
  .standard-table caption {
    border-bottom: 1px solid #bfbfbf;
    float: none;
    padding-bottom: 0.5em;
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.02em;
    font-weight: 700; }
  .standard-table thead {
    background: #e7e6ea; }
    .standard-table thead th:first-child {
      width: 30%; }
  .standard-table td,
  .standard-table th {
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #e7e7e7; }
  .standard-table th {
    border-bottom: 1px solid #d9d9d9;
    color: #4e4e4e; }
    .standard-table th::first-child {
      width: 30%; }
  .standard-table td {
    padding: 8px 10px 0 10px;
    vertical-align: top;
    border-bottom: 1px solid #e7e7e7; }
  .standard-table p {
    font-size: 14px; }
  .standard-table.singleRows td {
    border-bottom: 1px solid #e7e7e7;
    padding: 10px; }
    .standard-table.singleRows td:first-child {
      word-break: break-all; }
  .standard-table tr:last-of-type td {
    border-bottom: 1px solid #cccccc; }
  .standard-table a {
    word-break: break-all; }

.modalBlock {
  position: fixed;
  display: block;
  z-index: 100;
  background: rgba(255, 255, 255, 0.95);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 300; }

.flexCenter {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 301; }

.welcomeBox {
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 20px);
  max-height: 430px;
  width: 510px;
  box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.1);
  margin-top: 20px; }
  .welcomeBox h1 {
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.25em;
    font-size: 26px;
    background: #3f3b4f;
    padding: 40px 30px;
    color: rgba(255, 255, 255, 0.95);
    letter-spacing: -0.02em; }
    .welcomeBox h1 span {
      font-weight: 700;
      color: #ff7137;
      font-size: 26px;
      letter-spacing: -0.005em; }
  .welcomeBox p {
    position: relative;
    margin: 0 0 15px 0;
    font-size: 14px;
    color: #3a3842; }
    .welcomeBox p.larger {
      font-size: 17px;
      color: #504d5b;
      font-weight: 600;
      line-height: 1.2em; }
    .welcomeBox p.note {
      font-size: 12px; }
      .welcomeBox p.note:before {
        position: absolute;
        content: '*';
        left: -8px;
        font-size: 13px;
        top: -3px; }
    .welcomeBox p:last-of-type {
      margin-bottom: 0; }
    .welcomeBox p span {
      font-weight: 700; }
  .welcomeBox a {
    color: #e84e0f;
    text-decoration: none;
    font-weight: 700; }
  .welcomeBox .welcomeBody {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background: white;
    border: 1px solid #d9d9d9;
    border-top: none;
    padding: 24px 46px 10px 30px;
    box-sizing: border-box; }
  .welcomeBox .controls {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .welcomeBox .tickBox {
    position: relative; }
    .welcomeBox .tickBox:before {
      content: '';
      position: absolute;
      width: 20px;
      height: 20px;
      left: 0px;
      top: 50%;
      transform: translateY(-50%);
      background-image: url(../../images/FILTER.svg);
      background-position: -35px 50%;
      border: 1px solid lightgray;
      background-color: white; }
    .welcomeBox .tickBox.clicked:before {
      background-position: -5px 50%; }
    .welcomeBox .tickBox p {
      margin: 0 0 0 32px;
      font-size: 12px;
      user-select: none; }
  .welcomeBox .linkButton {
    display: inline-block;
    width: 140px;
    border-radius: 40px;
    height: 48px;
    background: #e84e0f;
    color: white;
    margin: 10px 5px 15px -2px;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Muli';
    font-weight: 400;
    text-decoration: none;
    line-height: 48px;
    text-align: center; }

.welcomeInfoButton {
  width: 40px;
  height: 40px;
  position: absolute;
  box-sizing: border-box;
  background: #79748f url(../../images/info.svg) -1px -1px;
  right: 50%;
  cursor: pointer;
  z-index: 250;
  transform: translate(50%, 0px);
  border-radius: 30px;
  border: 1px solid #79748f;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 10px;
  background-repeat: no-repeat;
  overflow: hidden;
  top: -20px; }
  .welcomeInfoButton.clicked {
    background-color: #cbd1dc;
    background-position: 50% -45px;
    border-color: #f0f1f5;
    height: 30px;
    width: 52px;
    border-radius: 0px;
    border-width: 0px 0 0 1px;
    top: 0px;
    right: 115px;
    left: unset;
    border-right-color: #e0e2eb; }
  .welcomeInfoButton p {
    color: #79748f;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 11px;
    left: 30px;
    position: relative;
    top: -1px;
    white-space: nowrap;
    letter-spacing: 0.025em; }
    .welcomeInfoButton p span {
      font-size: 16px;
      top: 1px;
      position: relative; }

.faq .accordion-content a {
  font-weight: 700;
  cursor: pointer; }

body.footerHidden .footer {
  height: 0; }
  body.footerHidden .footer .footerCenter .pharmaIntelligence {
    transform: translate(0, 200%); }
body:not(.footerHidden) .footerToggle {
  bottom: 146px;
  background: #786f8d url(../../images/atv/header-open-close-light.svg) 50% -29px/40px 60px no-repeat; }

.footer {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #3f3b4f;
  color: #9ba0a8;
  letter-spacing: 0.015em;
  height: 167px;
  width: 100%;
  transition: height 0.6s;
  overflow: hidden; }
  .footer .footerCenter {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
    height: 100%; }
    .footer .footerCenter > div:first-child {
      text-align: left;
      max-width: 740px;
      padding-right: 20px;
      box-sizing: border-box;
      width: calc(100% - 250px); }
    .footer .footerCenter .pharmaIntelligence {
      position: absolute;
      width: 260px;
      height: 70px;
      background: url(../../images/atv/pharma-intelligence-w.svg) 0 0/100%;
      right: 30px;
      bottom: 20px;
      transition: transform 0.6s; }
  .footer .footerMenu {
    flex: 0 0 30px;
    width: 100%;
    display: flex;
    justify-content: center;
    background: #78708d;
    margin: 0;
    max-width: 100%;
    padding: 0 40px 0px 20px;
    box-sizing: border-box; }
    .footer .footerMenu .centerMenu {
      display: flex;
      justify-content: space-around;
      width: 100%;
      max-width: 640px;
      background: #78708d;
      align-items: center; }
    .footer .footerMenu li {
      list-style: none;
      text-align: center;
      height: auto;
      width: auto;
      float: none; }
    .footer .footerMenu a {
      color: #dde0e8;
      font-size: 13px;
      font-weight: 400;
      padding: 0; }
      .footer .footerMenu a:hover {
        border-bottom: 1px dotted #acb5c3; }
  .footer p {
    font-size: 11px;
    margin: 10px 0;
    line-height: 1.3em;
    font-weight: 600; }
    .footer p a {
      color: #a8acb3;
      font-weight: 600;
      border-bottom: 1px dotted #726c89;
      padding-bottom: 1px; }
      .footer p a:hover {
        color: #c1c4cb;
        border-color: #8a909e; }
    .footer p .copyright {
      font-size: 13px;
      position: relative;
      top: 1px; }
  .footer a {
    text-decoration: none; }
  .footer footerCopyright {
    position: absolute;
    right: 0;
    bottom: -8px; }
  .footer .anInformaBusiness {
    position: absolute;
    right: 0;
    bottom: 0; }

.dvRT,
#dvRT,
#dvRTforIphone {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: space-around;
  padding: 0 10px; }
  .dvRT.vrLaunchInstall,
  #dvRT.vrLaunchInstall,
  #dvRTforIphone.vrLaunchInstall {
    padding: 5px 10px 0 0; }
    .dvRT.vrLaunchInstall > div:first-child,
    #dvRT.vrLaunchInstall > div:first-child,
    #dvRTforIphone.vrLaunchInstall > div:first-child {
      padding-right: 5px; }
    .dvRT.vrLaunchInstall .btn-rec,
    #dvRT.vrLaunchInstall .btn-rec,
    #dvRTforIphone.vrLaunchInstall .btn-rec {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }

.btn-rec {
  user-select: none;
  background: #e84e0f;
  border: none;
  color: white;
  text-align: center;
  font-family: 'Muli';
  padding: 22px 0px;
  box-sizing: border-box;
  height: 40px;
  width: 140px;
  font-size: 15px; }
  .btn-rec:last-child {
    margin-left: 15px;
    background: #3f3b4f; }

.fancybox-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 26px;
  height: 25px;
  cursor: pointer;
  z-index: 8040;
  background: url(../../images/atv/close.svg) 50%;
  padding: 0; }

a.flexCenterContent,
p.flexCenterContent,
div.flexCenterContent {
  display: flex;
  justify-content: center;
  align-items: center; }
a.flexEndContent,
p.flexEndContent,
div.flexEndContent {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end; }

.bannerMessage {
  border: 1px dashed #bfbfbf;
  padding: 30px 70px 22px 25px;
  margin-bottom: 20px;
  background: white;
  max-width: 924px;
  box-sizing: border-box; }
  .bannerMessage h1 {
    font-size: 19px;
    color: #3f3a4e;
    font-weight: 400; }
  .bannerMessage p {
    font-size: 15px;
    font-weight: 400;
    color: #3f3a4e; }
  @media screen and (max-width: 767px) {
    .bannerMessage {
      padding: 30px 25px 22px; } }

.smallSpace {
  margin-left: 0.15em; }

.announcementBanner.leftRight .mainTitle .smallSpace {
  font-weight: initial; }
.announcementBanner.leftRight .mainTitle .shyBreak {
  font-weight: initial; }

.popup-iframe {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 301;
  width: 100%;
  height: 100%; }

@media (min-width: 3000px) {
  .topMenu ul {
    width: 100%; }

  .topMenu li {
    float: left; }

  .topMenu li a {
    padding: 13px 25px 13px 0px; }

  .topMenu .menu {
    max-height: none;
    position: absolute;
    bottom: 0; }

  .topMenu .menu li {
    float: left;
    padding: 0px;
    border: none; }

  .topMenu .menu li:first-of-type {
    padding-left: 25px; }

  .topMenu .menu-btn:checked ~ .menu {
    border: none;
    box-shadow: none;
    position: absolute;
    bottom: 0; } }
@media screen and (max-width: 1220px) {
  #header {
    padding: 16px 20px 0; }

  .logoBar {
    padding-left: 20px; }

  .topMenu {
    padding: 0 0 0 22px; }
    .topMenu .section.center {
      padding: 0 22px 0 0px; }
    .topMenu .help .menu {
      left: 0;
      right: 0; }

  .footerToggle {
    height: 20px; }

  .footer .footerCenter {
    padding: 0 23px; }
    .footer .footerCenter .pharmaIntelligence {
      right: 5px; } }
@media screen and (max-width: 1024px) {
  .topMenu .section.center {
    padding: 0;
    justify-content: flex-end; }
  .topMenu .section.right {
    flex: 0 1 auto; }
  .topMenu .menu-btn.headerToggle {
    background-position: 50% 0;
    background-repeat: no-repeat; }
  .topMenu .menu-btn.getInTouch {
    border-width: 0 0px 0 1px; }
  .topMenu .menu-btn.logInOut.out, .topMenu .menu-btn.personal.out {
    border-left-color: #d1d6e0; }
  .topMenu .help .menu {
    padding: 15px 20px 10px; }
    .topMenu .help .menu h1 {
      font-size: 28px; }
    .topMenu .help .menu h2 {
      font-size: 15px;
      border-bottom: 1px dashed lightgray;
      padding: 0 0 8px; }
  .topMenu .help ul {
    max-width: 745px; }
  .topMenu .help li {
    width: 180px;
    height: 160px;
    margin: 0 0 0 -3px; }
    .topMenu .help li a {
      font-size: 13px;
      padding: 13px 15px; }
      .topMenu .help li a p {
        padding: 6px 0;
        font-size: 13px; }
  .topMenu.logInOut {
    width: 64px; }
    .topMenu.logInOut a {
      color: rgba(0, 0, 0, 0); }
      .topMenu.logInOut a:after {
        content: '';
        position: absolute;
        background-image: url(../../images/log-off-gtv.svg);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        left: 0;
        top: 0;
        z-index: 100;
        background-position: 50%;
        opacity: 0.95; }

  .footer .footerMenu .centerMenu {
    max-width: 600px; }

  .footerToggle {
    width: 32px;
    background-color: rgba(88, 83, 110, 0.5);
    background-image: url(../../images/atv/header-open-close-light.svg); } }
@media screen and (max-width: 1023px) {
  .page .login p.errorMessage,
  .page .logout p.errorMessage,
  .page .resetPassword p.errorMessage,
  .page .changePassword p.errorMessage,
  .page .cookiesBlockMsg p.errorMessage,
  .page .palms p.errorMessage {
    background: none; }
  .page .login .readOnly input[type="text"],
  .page .logout .readOnly input[type="text"],
  .page .resetPassword .readOnly input[type="text"],
  .page .changePassword .readOnly input[type="text"],
  .page .cookiesBlockMsg .readOnly input[type="text"],
  .page .palms .readOnly input[type="text"] {
    background: #d7dce5; }

  .topMenu .menu-btn.logInOut.out {
    background: #e84e0f url(../../images/atv/log-off-atv.svg) 50% no-repeat; }
    .topMenu .menu-btn.logInOut.out a {
      color: rgba(255, 255, 255, 0); }

  .tryGoogleTranslateBanner .translateImage.image1 {
    margin-left: -350px; }
  .tryGoogleTranslateBanner .translateImage.image2 {
    margin-left: 350px; }

  .myaccount .page .resetPassword form {
    justify-content: space-between; }
    .myaccount .page .resetPassword form > div {
      flex-wrap: wrap;
      justify-content: flex-end; }
      .myaccount .page .resetPassword form > div:last-of-type {
        height: unset; }
      .myaccount .page .resetPassword form > div > div {
        flex: 0 1 50%; }
        .myaccount .page .resetPassword form > div > div:first-child, .myaccount .page .resetPassword form > div > div:last-child {
          flex: 0 1 50%; }
          .myaccount .page .resetPassword form > div > div:first-child > div, .myaccount .page .resetPassword form > div > div:last-child > div {
            flex-direction: column;
            display: flex;
            align-items: center; }
  .myaccount .centerBox {
    width: 100%;
    height: 100%;
    margin: 0;
    max-height: 100%;
    padding: 10% 45px 10%;
    background: #fafafa; }
    .myaccount .centerBox:before {
      height: 0; } }
@media screen and (max-width: 1023px) and (-ms-high-contrast: active), screen and (max-width: 1023px) and (-ms-high-contrast: none) {
  .topMenu .help .helpLinkImage {
    height: 94px; } }
@media screen and (max-width: 810px) {
  .SEARCHUI,
  .headerHidden .SEARCHUI {
    height: calc(100vh - 30px - 212px); }

  .footer {
    height: 212px; }
    .footer .footerCenter {
      padding: 15px 23px 0px;
      flex-direction: column; }
      .footer .footerCenter .pharmaIntelligence {
        right: 5px;
        bottom: 10px; }
      .footer .footerCenter > div:first-child {
        width: 100%; }

  body:not(.footerHidden) .footerToggle {
    bottom: 191px; }
  body.tryGoogleTranslateBannerShown .translateImage.image1 {
    width: 80px;
    height: 80px;
    margin-left: -340px; }
  body.tryGoogleTranslateBannerShown .translateImage.image2 {
    width: 70px;
    height: 70px;
    margin-left: 340px; } }
@media screen and (max-width: 768px) {
  body.myaccount .page {
    padding: 0; }

  .bannerButton {
    margin-left: 0;
    right: 40px; }

  .topMenu {
    padding: 0; }
    .topMenu .menu-btn {
      width: 64px; }
    .topMenu .menu-btn {
      width: 64px; }
      .topMenu .menu-btn.logInOut {
        width: 66px;
        padding-left: 2px; }
        .topMenu .menu-btn.logInOut a {
          font-size: 9px; }

  .welcomeInfoButton.clicked {
    right: 97px;
    width: 64px;
    top: 0px; }

  .centerBox.resetPassword {
    padding: 10% 25px 10%; }

  .myaccount .centerBox {
    border-bottom: none; }

  .footer .footerMenu .centerMenu {
    max-width: 540px; } }
@media screen and (max-width: 767px) and (orientation: portrait) {
  .logoBar {
    padding: 10px 0px 0px;
    height: 80px;
    background: white;
    transition: margin-left 0.8s; }
    .logoBar .logoATV {
      height: 50px;
      width: 184px;
      margin-left: 12px; }
    .logoBar .loginUser {
      position: relative;
      height: auto;
      padding: 0;
      flex-wrap: wrap;
      box-sizing: border-box;
      padding-left: 20px;
      width: calc(100% - 196px);
      padding-right: 10px; }
      .logoBar .loginUser p {
        padding-top: 1px;
        line-height: 1.1em;
        box-sizing: border-box;
        text-align: right; }
        .logoBar .loginUser p span {
          padding-bottom: 0.6em; }
      .logoBar .loginUser .loginImg {
        display: none; }

  .headerPrimal {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: calc(100% - 12px - 35px); }

  .login,
  .titles,
  .atvsearch,
  .welcomer {
    background-color: white; }
    .login.headerShown .collapsable, .login.headerShown.noBanner .collapsable,
    .titles.headerShown .collapsable,
    .titles.headerShown.noBanner .collapsable,
    .atvsearch.headerShown .collapsable,
    .atvsearch.headerShown.noBanner .collapsable,
    .welcomer.headerShown .collapsable,
    .welcomer.headerShown.noBanner .collapsable {
      height: 100%;
      display: flex;
      flex-direction: column; }
    .login .ieWrapper,
    .titles .ieWrapper,
    .atvsearch .ieWrapper,
    .welcomer .ieWrapper {
      width: 200vw;
      flex-wrap: wrap;
      left: 0vw;
      position: relative;
      box-sizing: border-box;
      transition: margin-top 0.8s, height 0.8s, left 0.8s;
      height: calc(100% - 74px);
      min-height: unset; }
    .login .header,
    .titles .header,
    .atvsearch .header,
    .welcomer .header {
      width: 100vw;
      height: 100%;
      position: relative;
      z-index: 100; }
    .login.noBanner .continueBtn,
    .titles.noBanner .continueBtn,
    .atvsearch.noBanner .continueBtn,
    .welcomer.noBanner .continueBtn {
      bottom: unset;
      top: 50%; }
    .login .collapsable,
    .titles .collapsable,
    .atvsearch .collapsable,
    .welcomer .collapsable {
      overflow: visible; }
    .login .topMenu,
    .titles .topMenu,
    .atvsearch .topMenu,
    .welcomer .topMenu {
      position: absolute;
      left: 0;
      top: 127px;
      width: 100vw;
      height: 35px;
      transition: top 0.8s, left 0.8s, height 0.8s;
      z-index: 20; }
      .login .topMenu .menu,
      .titles .topMenu .menu,
      .atvsearch .topMenu .menu,
      .welcomer .topMenu .menu {
        top: 35px;
        width: 100vw;
        box-sizing: border-box; }
    .login.fullScreen.headerHidden .topMenu,
    .titles.fullScreen.headerHidden .topMenu,
    .atvsearch.fullScreen.headerHidden .topMenu,
    .welcomer.fullScreen.headerHidden .topMenu {
      height: 0;
      overflow: hidden; }
    .login .bannerBox,
    .titles .bannerBox,
    .atvsearch .bannerBox,
    .welcomer .bannerBox {
      flex: 1;
      padding-top: 35px;
      display: flex;
      flex-direction: row;
      width: 100vw; }
      .login .bannerBox iframe,
      .titles .bannerBox iframe,
      .atvsearch .bannerBox iframe,
      .welcomer .bannerBox iframe {
        width: 1px;
        min-width: 100vw; }
      .login .bannerBox.collapsed,
      .titles .bannerBox.collapsed,
      .atvsearch .bannerBox.collapsed,
      .welcomer .bannerBox.collapsed {
        display: block;
        width: 100vw;
        overflow: hidden; }
    .login .footer,
    .titles .footer,
    .atvsearch .footer,
    .welcomer .footer {
      width: 100vw; }

  .login.headerHidden .ieWrapper,
  .titles.headerHidden .ieWrapper,
  .atvsearch.headerHidden .ieWrapper,
  .welcomer.headerHidden .ieWrapper {
    left: -100vw;
    margin-top: -127px;
    height: calc(100% + 53px); }
  .login.headerHidden #iribbon-container,
  .titles.headerHidden #iribbon-container,
  .atvsearch.headerHidden #iribbon-container,
  .welcomer.headerHidden #iribbon-container {
    margin-left: 100vw; }
  .login.headerHidden .collapsable,
  .titles.headerHidden .collapsable,
  .atvsearch.headerHidden .collapsable,
  .welcomer.headerHidden .collapsable {
    height: calc(100vh + 74px) !important;
    transition: height 0.8s !important; }
  .login.headerHidden .logoBar,
  .titles.headerHidden .logoBar,
  .atvsearch.headerHidden .logoBar,
  .welcomer.headerHidden .logoBar {
    margin-left: 100vw; }
  .login.headerHidden .topMenu,
  .titles.headerHidden .topMenu,
  .atvsearch.headerHidden .topMenu,
  .welcomer.headerHidden .topMenu {
    left: 100vw; }
    .login.headerHidden .topMenu .menu-btn.headerToggle > div,
    .titles.headerHidden .topMenu .menu-btn.headerToggle > div,
    .atvsearch.headerHidden .topMenu .menu-btn.headerToggle > div,
    .welcomer.headerHidden .topMenu .menu-btn.headerToggle > div {
      transform: rotate(-90deg); }
  .login.headerHidden .bannerBox,
  .titles.headerHidden .bannerBox,
  .atvsearch.headerHidden .bannerBox,
  .welcomer.headerHidden .bannerBox {
    display: block;
    width: 100vw;
    overflow: hidden; }
  .login.headerHidden .footerToggle,
  .titles.headerHidden .footerToggle,
  .atvsearch.headerHidden .footerToggle,
  .welcomer.headerHidden .footerToggle {
    right: 0; }

  .titles.fullScreen .topMenu {
    height: 0;
    overflow: hidden; }

  body.login .page {
    height: calc(100% - 212px);
    padding: 127px 0 0; }
  body.login, body.titles, body.atvsearch, body.welcomer {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    body.login .page, body.titles .page, body.atvsearch .page, body.welcomer .page {
      border-top: 35px solid #e1e6ef;
      transition: height 0.8s, padding-top 0.8s;
      width: 100vw;
      padding-top: 127px; }
      body.login .page:after, body.titles .page:after, body.atvsearch .page:after, body.welcomer .page:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 12px;
        background-color: #e84e0f;
        transition: height 0.8s; }
  body.atvsearch .page, body.titles .page, body.login .page, body.welcomer .page {
    transition: height 0.8s, padding-top 0.8s; }
  body.atvsearch.headerHidden .page, body.titles.headerHidden .page, body.login.headerHidden .page, body.welcomer.headerHidden .page {
    padding-top: 127px; }
  body.atvsearch.fullScreen .page, body.titles.fullScreen .page, body.login.fullScreen .page, body.welcomer.fullScreen .page {
    padding-top: 92px; }
  body:not(.login):not(.titles):not(.welcomer) .ieWrapper {
    width: 100vw; }
  body.tryGoogleTranslateBannerShown.login .announcementBanner.atvWelcome .bannerRight .titlesAndButtons, body.tryGoogleTranslateBannerShown.titles .announcementBanner.atvWelcome .bannerRight .titlesAndButtons, body.tryGoogleTranslateBannerShown.welcomer .announcementBanner.atvWelcome .bannerRight .titlesAndButtons {
    padding: 10px 10px 110px 10px; }
  body.tryGoogleTranslateBannerShown.login .announcementBanner.atvWelcome .mainTitle, body.tryGoogleTranslateBannerShown.titles .announcementBanner.atvWelcome .mainTitle, body.tryGoogleTranslateBannerShown.welcomer .announcementBanner.atvWelcome .mainTitle {
    font-size: 21px; }
  body.tryGoogleTranslateBannerShown.login .announcementBanner.atvWelcome .surOrSubTitle.small span, body.tryGoogleTranslateBannerShown.titles .announcementBanner.atvWelcome .surOrSubTitle.small span, body.tryGoogleTranslateBannerShown.welcomer .announcementBanner.atvWelcome .surOrSubTitle.small span {
    padding: 4px 20px; }
  body.tryGoogleTranslateBannerShown.login .announcementBanner.leftRight.dandc .surOrSubTitle.small span, body.tryGoogleTranslateBannerShown.titles .announcementBanner.leftRight.dandc .surOrSubTitle.small span, body.tryGoogleTranslateBannerShown.welcomer .announcementBanner.leftRight.dandc .surOrSubTitle.small span {
    padding: 8px 18px; }
  body.tryGoogleTranslateBannerShown.login .announcementBanner.leftRight.dandc .bannerRight .titlesAndButtons, body.tryGoogleTranslateBannerShown.titles .announcementBanner.leftRight.dandc .bannerRight .titlesAndButtons, body.tryGoogleTranslateBannerShown.welcomer .announcementBanner.leftRight.dandc .bannerRight .titlesAndButtons {
    height: calc(50% - (130px / 2) + 20px);
    padding: 2% 20px 0%; }
  body.tryGoogleTranslateBannerShown.login .announcementBanner.leftRight .bannerLeft, body.tryGoogleTranslateBannerShown.titles .announcementBanner.leftRight .bannerLeft, body.tryGoogleTranslateBannerShown.welcomer .announcementBanner.leftRight .bannerLeft {
    top: calc(50% + 20px); }
  body.tryGoogleTranslateBannerShown .playPause {
    bottom: 15px; }
  body.tryGoogleTranslateBannerShown .dotContainer {
    bottom: 12px; }
  body.tryGoogleTranslateBannerShown .continueBtn {
    bottom: calc(25% - 30px); }
  body.tryGoogleTranslateBannerShown .translateImage.image1 {
    margin-left: 0;
    top: 10px;
    transform: translate(0, 0);
    left: 10px; }
  body.tryGoogleTranslateBannerShown .translateImage.image2 {
    margin-left: 0;
    right: 10px;
    top: 10px;
    transform: translate(0, 0);
    left: auto; }

  .tryGoogleTranslateBanner {
    position: relative;
    height: 200px;
    flex: 0; }
    .tryGoogleTranslateBanner .translateContainer {
      padding: 10px 20px 60px 20px;
      font-size: 14px;
      line-height: 1.1em;
      max-width: 500px; }

  .mm-faculty {
    display: none; } }
@media screen and (max-width: 767px) and (orientation: portrait) {
  .topMenu ul {
    width: 100vw; }
  .topMenu .help ul {
    max-width: 560px; }

  .logoBar .loginUser .loginLogo {
    display: none; } }
@media screen and (max-width: 767px) and (max-height: 800px) {
  body.tryGoogleTranslateBannerShown.login .continueBtn, body.tryGoogleTranslateBannerShown.titles .continueBtn, body.tryGoogleTranslateBannerShown.welcomer .continueBtn {
    bottom: calc(25% + 10px); }
  body.tryGoogleTranslateBannerShown.login .announcementBanner.leftRight.dandc .bannerRight .titlesAndButtons, body.tryGoogleTranslateBannerShown.titles .announcementBanner.leftRight.dandc .bannerRight .titlesAndButtons, body.tryGoogleTranslateBannerShown.welcomer .announcementBanner.leftRight.dandc .bannerRight .titlesAndButtons {
    height: calc(75% - 40px);
    max-height: 220px; }
  body.tryGoogleTranslateBannerShown.login .bannerLeft, body.tryGoogleTranslateBannerShown.titles .bannerLeft, body.tryGoogleTranslateBannerShown.welcomer .bannerLeft {
    display: none; } }
@media screen and (max-width: 680px) {
  .topMenu {
    padding: 0; }
    .topMenu .menu-btn {
      width: calc(100vw / 8); }
      .topMenu .menu-btn.headerToggle, .topMenu .menu-btn.logInOut {
        width: calc(100vw / 8); }

  body.tryGoogleTranslateBannerShown .translateImage.image1 {
    left: 0px;
    bottom: 2px;
    margin: 0;
    transform: translate(0, 0);
    top: auto; }
  body.tryGoogleTranslateBannerShown .translateImage.image2 {
    right: 10px;
    bottom: 10px;
    margin: 0;
    transform: translate(0, 0);
    left: auto;
    top: auto; }

  .welcomeInfoButton.clicked {
    position: relative;
    left: 0;
    right: 0;
    margin: 0;
    flex: 0 0 auto;
    transform: none; }

  .centerBox.resetPassword {
    padding: 10% 5% 10%; }

  .announcementBanner.leftRight .mainTitle {
    font-size: 23px; } }
@media screen and (max-width: 640px) {
  .footer .footerMenu {
    padding: 0 60px 0 24px; }
    .footer .footerMenu .centerMenu {
      max-width: 100%;
      justify-content: space-between; } }
@media screen and (max-width: 580px) {
  .topMenu .help .menu {
    height: calc(100vh - 162px);
    overflow-y: scroll;
    justify-content: flex-start; }
  .topMenu .help ul {
    max-width: 372px; }
  .topMenu .help li:nth-child(4) {
    clear: none; }

  .headerHidden .topMenu .help .menu {
    height: calc(100vh - 30px); }

  .logoBar .loginUser .loginImg {
    display: none; }

  .myaccount .page .centerBox {
    max-height: calc(100vh - 30px); }
    .myaccount .page .centerBox.resetPassword {
      padding: 10% 15px 10%;
      max-width: 100%;
      max-height: calc(100vh - 30px); }
      .myaccount .page .centerBox.resetPassword a.boxTextLink {
        margin: 0; }
      .myaccount .page .centerBox.resetPassword form {
        max-height: 100%; }
        .myaccount .page .centerBox.resetPassword form > div {
          flex-direction: column;
          justify-content: flex-start; }
          .myaccount .page .centerBox.resetPassword form > div > div {
            min-width: 340px; }
            .myaccount .page .centerBox.resetPassword form > div > div:last-child > div {
              flex-direction: row;
              justify-content: center; }
              .myaccount .page .centerBox.resetPassword form > div > div:last-child > div > div {
                justify-content: center; }
          .myaccount .page .centerBox.resetPassword form > div:last-of-type > div:first-child {
            display: none; }

  body.notfound .page .notfoundcenter h1 {
    font-size: 54px;
    margin-top: -65px; }
  body.notfound .page .notfoundcenter:before {
    font-size: 210px;
    margin-left: -5px; }
  body.tryGoogleTranslateBannerShown .translateImage.image1 {
    width: 70px;
    height: 70px; }
  body.tryGoogleTranslateBannerShown .translateImage.image2 {
    width: 60px;
    height: 60px; }

  .announcementBanner.leftRight .bannerRight .titlesAndButtons,
  .titles .announcementBanner.leftRight .bannerRight .titlesAndButtons {
    padding: 20px 20px 15px; }

  .footer .footerCenter .pharmaIntelligence {
    width: 220px;
    height: 55px; } }
@media screen and (max-width: 480px) {
  body.login .page {
    height: calc(100% - 190px); }
  body.resources .page, body.faq .page, body.cookiepolicy .page {
    padding: 40px 30px; }
  body .page .react-root {
    width: 100vw; }
  body.logout .topMenu .section.left .menu-btn:last-child, body.login .topMenu .section.left .menu-btn:last-child {
    border-width: 0 1px; }

  #iribbon-detail ul {
    margin-top: 15px; }
  #iribbon-detail li {
    margin-bottom: 0.95em; }
  #iribbon-detail p {
    font-size: 12px;
    line-height: 1.3em; }

  .topMenu .menu-btn.mainMenu, .topMenu .menu-btn.help, .topMenu .menu-btn.headerToggle, .topMenu .menu-btn.getInTouch, .topMenu .menu-btn.logInOut {
    width: calc(100vw / 5); }
  .topMenu .section.left .menu-btn:last-child {
    border-width: 0 1px 0 1px; }
  .topMenu .help ul {
    max-width: auto;
    max-width: 100%; }
  .topMenu .help li {
    width: 100%;
    height: 80px;
    margin: 0; }
    .topMenu .help li a {
      padding: 0 0 10px 0; }
      .topMenu .help li a > div {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: flex-end; }
  .topMenu .help .helpLinkImage {
    width: 100px;
    margin-right: 16px;
    flex: 0 0 auto; }

  .login .topMenu .section.left .menu-btn:last-child {
    border-width: 0 1px; }

  .loggingInIndicator {
    background-color: #ffffff; }

  .welcomeBox {
    width: calc(100% - 0px);
    height: 100%;
    max-height: 100%;
    margin-top: 0; }
    .welcomeBox h1 {
      line-height: 1.1em;
      justify-content: flex-end;
      padding: 50px 30px 23px; }
    .welcomeBox .welcomeBody {
      justify-content: flex-start;
      padding: 44px 31px 34px; }
      .welcomeBox .welcomeBody > p {
        margin: 0 0 25px 0; }
        .welcomeBox .welcomeBody > p:last-of-type {
          margin: 0 0 50px 0; }
    .welcomeBox .controls {
      margin-top: 20px;
      flex-direction: column-reverse; }
    .welcomeBox .tickBox {
      left: -5px; }
    .welcomeBox .linkButton {
      margin-bottom: 35px; }
    .welcomeBox .welcomeInfoButton {
      margin-top: 32px;
      right: 32px; }

  .welcomeInfoButton.clicked {
    width: 40px; }

  .helpBubble#gotIt-headerToggle {
    left: -115px; }
    .helpBubble#gotIt-headerToggle:before {
      margin-left: 20px; }

  .titles .announcementBanner.atvWelcome .surOrSubTitle,
  .announcementBanner.atvWelcome .surOrSubTitle {
    font-size: 16px; }
    .titles .announcementBanner.atvWelcome .surOrSubTitle.small span,
    .announcementBanner.atvWelcome .surOrSubTitle.small span {
      font-size: 80%; }

  .titles .announcementBanner.dandc .bannerRight .titlesAndButtons,
  .announcementBanner.dandc .bannerRight .titlesAndButtons {
    padding: 10px 31px 5px; }

  .page .logout,
  .page .login,
  .page .resetPassword,
  .page .updatepassword,
  .page .changePassword,
  .centerBox .logout,
  .centerBox .login,
  .centerBox .resetPassword,
  .centerBox .updatepassword,
  .centerBox .changePassword {
    height: 100%;
    max-height: 100%;
    width: 100%;
    margin: 0;
    justify-content: center;
    background: none;
    border: none;
    padding: 10%; }
    .page .logout:before,
    .page .login:before,
    .page .resetPassword:before,
    .page .updatepassword:before,
    .page .changePassword:before,
    .centerBox .logout:before,
    .centerBox .login:before,
    .centerBox .resetPassword:before,
    .centerBox .updatepassword:before,
    .centerBox .changePassword:before {
      height: 0; }

  .centerBox.login {
    padding: 10% 10% 0 10%; }

  .page .login form {
    max-height: 480px; }
  .page .logout form {
    max-height: 200px; }
  .page .resetPassword form {
    max-height: 400px; }
  .page .login p.errorMessage,
  .page .login .field-validation-error,
  .page .logout p.errorMessage,
  .page .logout .field-validation-error,
  .page .resetPassword p.errorMessage,
  .page .resetPassword .field-validation-error,
  .page .changePassword p.errorMessage,
  .page .changePassword .field-validation-error,
  .page .updatepassword p.errorMessage,
  .page .updatepassword .field-validation-error,
  .page .cookiesBlockMsg p.errorMessage,
  .page .cookiesBlockMsg .field-validation-error,
  .page .palms p.errorMessage,
  .page .palms .field-validation-error {
    background: none; }

  .noAccess {
    margin: 20px 0 40px; }

  .otherLogins {
    background: none; }

  .footer {
    height: 280px; }
    .footer .footerMenu {
      flex: 0 0 60px;
      padding: 8px 60px 8px 24px; }
      .footer .footerMenu .centerMenu {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center; }
      .footer .footerMenu li {
        flex: 1 1 33.33%;
        text-align: left; }
      .footer .footerMenu a {
        font-size: 11px; }

  body:not(.footerHidden) .footerToggle {
    bottom: 166px;
    background-color: #3f3b4f; }

  .login .footer,
  .titles .footer,
  .welcomer .footer,
  * .footer {
    flex-direction: row;
    height: 190px; }
  .login.footerHidden .footerToggle,
  .titles.footerHidden .footerToggle,
  .welcomer.footerHidden .footerToggle,
  *.footerHidden .footerToggle {
    bottom: 0;
    background-color: #3f3b4fa3; }

  .footer .footerMenu {
    padding: 8px 0px 8px 17px;
    background: #3f3b4f;
    height: 100%;
    flex: 0 0 92px; }
    .footer .footerMenu .centerMenu {
      background: #3f3b4f;
      flex-direction: column;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: space-between; }
  .footer p {
    font-size: 10px; }
    .footer p a {
      font-size: 10px; }
  .footer li {
    background: #3f3b4f;
    display: flex;
    align-items: center; }
  .footer a {
    font-size: 11px; }
  .footer .footerCenter {
    padding: 5px 0px 0px 0px;
    max-width: 270px; }
    .footer .footerCenter > div:first-child {
      padding-right: 0; }
    .footer .footerCenter .pharmaIntelligence {
      width: 170px;
      height: 40px;
      right: 2px;
      bottom: 12px; }

  .footerShown .page .login {
    padding: 10px 10% 0px; }
  .footerShown .otherLogins > div {
    height: 32px;
    background-position-y: 50%; }
  .footerShown .noAccess {
    margin: 0 0 15px; }
    .footerShown .noAccess a {
      padding: 6px 15px; } }
@media screen and (max-width: 420px) {
  .TAB.level0 {
    font-size: 11px; }

  .announcementBanner.dandc .bannerRight .titlesAndButtons,
  .titles .announcementBanner.dandc .bannerRight .titlesAndButtons {
    padding: 10px 20px 5px; } }
@media screen and (max-width: 364px) {
  #header h5 {
    max-width: 100%; }

  .login h1,
  .logout h1,
  .resetPassword h1,
  .changePassword h1 {
    font-size: 19px; }
  .login a.linkButton,
  .logout a.linkButton,
  .resetPassword a.linkButton,
  .changePassword a.linkButton {
    margin-top: 0; }
    .login a.linkButton:first-of-type,
    .logout a.linkButton:first-of-type,
    .resetPassword a.linkButton:first-of-type,
    .changePassword a.linkButton:first-of-type {
      margin-top: 25px; }
  .login p,
  .logout p,
  .resetPassword p,
  .changePassword p {
    margin: 10px 0 10px; } }
@media screen and (max-height: 800px) and (max-width: 768px) {
  .footerShown .page .login input[type="submit"] {
    padding-bottom: 1px;
    height: 30px; } }
@media screen and (max-height: 720px) and (min-width: 1px) {
  .myaccount .page .centerBox.resetPassword h1 {
    padding: 0 0 5px 0;
    margin: 0 19px 5px; }
  .myaccount .page .centerBox.resetPassword p {
    margin: 0.25em 0 0.6em; }
    .myaccount .page .centerBox.resetPassword p.errorMessage {
      margin: 0.3em 0; }
  .myaccount .page .centerBox.resetPassword form > div > div {
    margin-bottom: 5px; } }
@media screen and (max-height: 580px) and (min-width: 1px) {
  body.login .page, body.logout .page, body.maxlogin .page, body.resetpassword .page, body.changepassword .page {
    height: auto; }

  .TAB {
    height: 35px; }
    .TAB.level0 > div span {
      margin-bottom: 0px; }

  .PANEL.level0 {
    margin-top: 35px; }

  #TITLES.PANEL.level0 {
    border-top: 10px solid #d2d1d0; }
  #TITLES .level1.TAB {
    height: 45px; }

  #BROWSE.PANEL.level0 {
    margin-top: 35px; }

  #INDEX.PANEL.level0 {
    margin: 35px 0 0 0;
    padding: 10px 0 0 0; }

  #SEARCH.PANEL.level0 {
    padding: 0; }
    #SEARCH.PANEL.level0 .searchResultsTAB {
      padding: 5px 30px 0; }
  #SEARCH .TAB.level1.addSearchBtn {
    height: 35px; }

  .searchBanner {
    height: 40px; }
    .searchBanner .searchBox {
      height: 32px; }
    .searchBanner .searchButton:after {
      background-position: 50% -4px; }

  .searchBox .briefHighlight {
    border-width: 4px;
    left: -4px;
    right: -4px;
    top: -4px;
    bottom: -4px; }

  .headerHidden .searchBanner {
    height: 40px; } }
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi) {
  body.login .page, body.logout .page, body.maxlogin .page, body.resetpassword .page, body.changepassword .page {
    height: auto; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .otherLogins > div p {
    padding-top: 0; } }
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
  .otherLogins > div p {
    padding-top: 0; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .announcementBanner.helpImprovements a.linkButton {
    width: auto;
    height: auto; }

  .collapsable {
    transition: none !important; }

  .footer {
    transition: none; }

  .dotContainer {
    justify-content: space-around;
    padding: 12px 0; }

  .topMenu li a {
    font-weight: 400; }

  .page {
    transition: none; }
    .page:before {
      transform: translate(-50%, 0%);
      margin-top: -60 px;
      background: url(../../images/spinner.gif) 45% 20px no-repeat; }
    .page .login form,
    .page .logout form,
    .page .resetPassword form,
    .page .changePassword form {
      justify-content: space-around; }
      .page .login form > h1,
      .page .login form > h3,
      .page .login form > p,
      .page .logout form > h1,
      .page .logout form > h3,
      .page .logout form > p,
      .page .resetPassword form > h1,
      .page .resetPassword form > h3,
      .page .resetPassword form > p,
      .page .changePassword form > h1,
      .page .changePassword form > h3,
      .page .changePassword form > p {
        width: 100%; }

  body .page {
    min-height: 600px; }

  .searchBanner .searchClear {
    display: none !important; }
  .searchBanner input[type='text'] {
    padding: 10px 5px 10px 15px; }

  .PANEL.level0#TITLES {
    display: flex;
    flex-direction: column; }

  body.palms .page {
    height: 100vh; }

  .palms .login {
    min-height: 380px; }

  .footer {
    transition: none; } }
@media screen and (-ms-high-contrast: active) and (max-width: 1300px), screen and (-ms-high-contrast: none) and (max-width: 1300px) {
  .infoPanel .overviewTable {
    height: auto; } }
@supports (-ms-ime-align: auto) {
  .dotContainer {
    justify-content: space-around;
    padding: 12px 0; }

  .topMenu li a {
    font-weight: 400; }

  .page:before {
    background: url(../../images/spinner.gif) 47% 65% no-repeat; }
  .page .login form,
  .page .logout form,
  .page .resetPassword form,
  .page .changePassword form {
    justify-content: space-around; }
  .page .login input[type='text'], .page .login input[type='password'],
  .page .logout input[type='text'],
  .page .logout input[type='password'],
  .page .resetPassword input[type='text'],
  .page .resetPassword input[type='password'],
  .page .changePassword input[type='text'],
  .page .changePassword input[type='password'] {
    padding-top: 2px; }
    .page .login input[type='text']:valid, .page .login input[type='text']:focus, .page .login input[type='password']:valid, .page .login input[type='password']:focus,
    .page .logout input[type='text']:valid,
    .page .logout input[type='text']:focus,
    .page .logout input[type='password']:valid,
    .page .logout input[type='password']:focus,
    .page .resetPassword input[type='text']:valid,
    .page .resetPassword input[type='text']:focus,
    .page .resetPassword input[type='password']:valid,
    .page .resetPassword input[type='password']:focus,
    .page .changePassword input[type='text']:valid,
    .page .changePassword input[type='text']:focus,
    .page .changePassword input[type='password']:valid,
    .page .changePassword input[type='password']:focus {
      padding-top: 16px; }

  .searchBanner .searchClear {
    display: none !important; }
  .searchBanner input[type='text'] {
    padding: 10px 5px 10px 15px; }

  .footer {
    transition: none; } }
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  p {
    font-weight: 600; } }
@-moz-document url-prefix() {
  .topMenu li a {
    font-weight: 400; }

  .page .login input[type='text'], .page .login input[type='password'],
  .page .logout input[type='text'],
  .page .logout input[type='password'],
  .page .resetPassword input[type='text'],
  .page .resetPassword input[type='password'],
  .page .changePassword input[type='text'],
  .page .changePassword input[type='password'] {
    padding-top: 2px; }
    .page .login input[type='text']:valid, .page .login input[type='text']:focus, .page .login input[type='password']:valid, .page .login input[type='password']:focus,
    .page .logout input[type='text']:valid,
    .page .logout input[type='text']:focus,
    .page .logout input[type='password']:valid,
    .page .logout input[type='password']:focus,
    .page .resetPassword input[type='text']:valid,
    .page .resetPassword input[type='text']:focus,
    .page .resetPassword input[type='password']:valid,
    .page .resetPassword input[type='password']:focus,
    .page .changePassword input[type='text']:valid,
    .page .changePassword input[type='text']:focus,
    .page .changePassword input[type='password']:valid,
    .page .changePassword input[type='password']:focus {
      padding-top: 16px; } }
/*
////////////////////////////////////////////////////////////////////////
///   Supplementary CSS - Informa 'top-bar'                          ///
////////////////////////////////////////////////////////////////////////
*/
/* Informa top ribbon */
#iribbon-container {
  background: #e1e6ef;
  /*    border-bottom: 1px solid #a5acaf;*/
  color: #fff;
  font-size: 13px;
  height: 35px;
  min-height: 35px;
  line-height: 18px;
  position: relative;
  z-index: 1; }

#iribbon-container a {
  color: #272f3a; }

#iribbon-container p {
  color: #272f3a; }

#iribbon-container ul,
#iribbon-container ol {
  margin: 0 0 20px 20px; }

#iribbon-container nav ul,
#iribbon-container nav ul li {
  list-style: outside none none;
  margin: 0;
  padding: 1em 0; }

#iribbon-detail {
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 1.8em;
  transition: max-height 500ms ease-in-out 0s, min-height 500ms ease-in-out 0s;
  background: #e1e6ef; }

#iribbon-detail p {
  margin-bottom: 0; }

#iribbon-detail ul,
#iribbon-detail ul li {
  display: inline-block;
  list-style: outside none none;
  margin: 0;
  padding: 0; }

#iribbon-detail ul li {
  line-height: 1em;
  margin-bottom: 1.25em;
  padding: 0 15px 0 0; }

#iribbon-detail ul li:last-child {
  border: 0 none; }

#iribbon-detail ul li a {
  text-decoration: underline;
  text-transform: uppercase; }

#iribbon-detail ul li:first-child a {
  font-weight: bold;
  text-transform: none; }

#iribbon-detail.ribbon-hide {
  /* script added class */
  max-height: 0; }

#iribbon-detail.ribbon-show {
  /* script added class */
  max-height: 400px; }

#iribbon-right,
#iribbon-left {
  float: left;
  margin: 40px 0;
  max-width: 570px;
  padding: 0 2%;
  width: 45%; }

#iribbon-right {
  border-left: 1px solid #a5acaf;
  float: right;
  padding-left: 2%; }

#iribbon-title {
  background-image: url(../../images/iribbon-logo.png);
  background-image: url(../../images/iribbon-logo.svg), none;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 92px 34px;
  /* background: url(../images/iribbon-logo.gif) no-repeat center top; */
  border: none;
  bottom: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  height: 17px;
  left: 50%;
  margin: 10px auto 10px -46px;
  position: absolute;
  text-indent: -999em;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
  width: 92px;
  background-color: rgba(0, 0, 0, 0); }

@media not all, not all {
  #iribbon-title {
    background: rgba(0, 0, 0, 0) url("../images/iribbon-logo@2x.png") repeat 0 0/92px 34px; } }
#iribbon-title.active {
  /* script added class */
  background-position: center bottom; }

@media screen and (max-width: 768px) {
  #iribbon-container {
    transition: margin-left 0.8s;
    z-index: 30; }

  #iribbon-title {
    left: 10px;
    margin: 10px auto 10px 2px; }

  .headerHidden .login #iribbon-container,
  .headerHidden .titles #iribbon-container {
    margin-left: 100vw; } }
/* end of Informa top ribbon */
@font-face {
  font-family: 'Muli';
  font-weight: 300;
  font-style: normal;
  src: url("../../fonts/Muli-Light.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-weight: 400;
  font-style: normal;
  src: url("../../fonts/Muli-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-weight: 600;
  font-style: normal;
  src: url("../../fonts/Muli-SemiBold.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-weight: 700;
  font-style: normal;
  src: url("../../fonts/Muli-Bold.ttf") format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-weight: 800;
  font-style: normal;
  src: url("../../fonts/Muli-Black.ttf") format("truetype"); }
@font-face {
  font-family: 'Assistant';
  font-weight: 400;
  font-style: normal;
  src: url("../../fonts/Assistant/Assistant-Regular.ttf") format("truetype"); }
@font-face {
  font-family: 'Assistant';
  font-weight: 600;
  font-style: normal;
  src: url("../../fonts/Assistant/Assistant-SemiBold.ttf") format("truetype"); }
@font-face {
  font-family: 'Assistant';
  font-weight: 700;
  font-style: normal;
  src: url("../../fonts/Assistant/Assistant-Bold.ttf") format("truetype"); }
.bottom {
  position: absolute;
  bottom: 0; }

#faqContainer ol {
  counter-reset: li;
  margin-left: 0.2em;
  padding-left: 0px;
  list-style: outside decimal; }

#main #faqContainer ol > li {
  position: relative;
  margin: 0 0 6px 1.1em;
  padding: 4px 8px;
  list-style: none; }

#main #faqContainer ol > li:before {
  content: counter(li) ".";
  counter-increment: li;
  position: absolute;
  width: 2em;
  left: -2.2em;
  text-align: right; }

#tut-wrapper {
  width: 1024px; }

#tut-Container {
  margin: 0 0 0 18px;
  overflow: auto; }

.tut-h1 {
  color: #9c1519;
  width: 100%;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.5px;
  margin-bottom: 4px;
  padding-top: 20px; }

.helpPage .accordion-header,
.helpPage .tut-dead-header {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-size: 17px;
  margin: 0;
  padding: 16px 80px 15px 16px;
  border-top: 1px solid #DFDFDF;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  cursor: pointer;
  position: relative;
  line-height: 1.3em;
  transition: background-color .3s, border-color .3s, color .3s; }
.helpPage .active-header {
  color: white;
  background-color: rgba(99, 117, 152, 0.8);
  border: 1px solid rgba(123, 140, 175, 0.8);
  transition: background-color .3s, border-color .3s; }
  .helpPage .active-header .cross {
    transform: scale(1) rotate(45deg); }
    .helpPage .active-header .cross:before, .helpPage .active-header .cross:after {
      background: white; }

.tut-dead-header {
  padding-bottom: 0;
  cursor: default; }

.accordion-header-so {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  color: gray;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 17px;
  margin: 0;
  padding: 16px 36px 15px 16px;
  border-top: 1px solid #DFDFDF;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  cursor: pointer;
  text-transform: none;
  position: relative;
  line-height: 1.3em;
  transition: background-color .3s, border-color .3s; }

.cross {
  width: 22px;
  height: 22px;
  content: " ";
  position: absolute;
  right: 12px;
  top: 16px;
  transform: scale(0.75) rotate(0deg);
  transition: transform 0.3s; }
  .cross:before, .cross:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: #8291ac;
    left: 50%;
    transform: translateX(-50%); }
  .cross:after {
    transform: translateX(-50%) rotate(90deg); }
  .cross.rotate2 {
    transform: scale(1) rotate(45deg); }
    .cross.rotate2:before, .cross.rotate2:after {
      background: white; }

.faqPanel {
  max-width: 635px;
  position: relative;
  overflow: hidden; }
  .faqPanel li sup {
    margin-left: 2px; }
  .faqPanel ul li.spacedOut {
    margin: 4px 0; }
  .faqPanel .footnotes {
    padding: 20px 20px 10px 0; }
    .faqPanel .footnotes p {
      padding-left: 18px;
      position: relative;
      margin-bottom: 1em; }
    .faqPanel .footnotes sup {
      margin-left: -18px;
      margin-right: 7px; }

.faq-content {
  position: absolute;
  width: 100%;
  left: 100%; }
  .faq-content.shown {
    position: relative;
    left: 0; }

.atvFaqs {
  display: flex;
  background: white;
  margin-bottom: 40px; }

.faqTabs {
  margin-right: 60px; }
  .faqTabs h2 {
    padding: 0 0 0 14px;
    margin: 0;
    font-size: 16px;
    height: 55px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    min-width: 160px;
    cursor: pointer; }
    .faqTabs h2.clicked {
      background: #e9e5dd;
      color: #595260; }
      .faqTabs h2.clicked:after {
        position: absolute;
        content: '';
        top: 0;
        left: 100%;
        border-color: rgba(0, 0, 0, 0);
        border-style: solid;
        border-width: 28px;
        border-left-color: #e9e5dd; }

.atvFaqs .accordion-container {
  width: 100%;
  max-width: 800px; }

.accordion-content {
  display: block;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  color: #585260;
  margin: 0;
  padding: 20px 30px 15px 25px;
  border-left: 1px solid white;
  /*border-top:  2px solid white;*/
  /*background-color: yellow;*/
  /*	transform: translate(0, -14px);*/
  border-left: 1px solid white;
  border-right: 1px solid white; }
  .accordion-content:last-child {
    border-bottom: 1px solid #E4E0D0;
    /* background-color: blue; */ }
  .accordion-content xmp {
    font-size: 14px;
    margin: 0 0 1em 0;
    white-space: normal;
    display: inline; }
  .accordion-content a {
    font-weight: 600;
    text-decoration: none;
    color: inherit;
    flex: 0; }
  .accordion-content p {
    margin: 0 0 1em 0;
    font-size: 15px; }
  .accordion-content li:last-of-type {
    margin-bottom: 12px; }

.faq-container .accordion-content {
  display: block; }

.open-content {
  background-color: #f2f2f2;
  box-sizing: border-box; }

.open-content:last-of-type {
  border-bottom: 1px solid #DFDFDF; }

.accordion-open > div {
  padding: 20px 32px 15px 26px; }

.accordion-open .open-content {
  background: none;
  border-left: none;
  border-top: 1px solid lightgray; }

#main .accordion-content .standard-list {
  margin: 0 0 1.5em 3px; }

#main .accordion-content .standard-list li {
  font-size: 14px; }

.resourcesTitle {
  width: 100%;
  font-size: 12px;
  color: #655e6e;
  line-height: 1.2em;
  padding: 8px 10px 12px 1px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.resourcesImage {
  margin-right: 20px;
  border: 2px solid white;
  font-size: 0; }
  .resourcesImage:after {
    position: absolute;
    width: calc(100% + 30px);
    height: 10px;
    background: black;
    left: 0;
    bottom: -3px;
    border-radius: 50%;
    z-index: -1;
    filter: blur(5px);
    opacity: 0.8;
    left: -15px; }
  .resourcesImage.bookmark {
    margin-right: 60px; }

.resources .resourcesItem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 0 130px; }
.resources .resourcesImage {
  height: 140px; }
  .resources .resourcesImage img {
    height: 100%;
    width: auto; }
.resources .landscape .resourcesItem {
  width: 160px; }
.resources .landscape .resourcesImage {
  height: 92px; }
.resources .vids .resourcesItem {
  width: 190px; }
.resources .vids .resourcesImage {
  height: 92px; }
.resources .gifResource .resourcesItem {
  flex: 0 0 155px; }
.resources .gifResource .resourcesImage {
  height: 128px; }

a.resourcesLink {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  flex: 0 0 auto;
  width: 130px; }
  a.resourcesLink.landscape {
    width: 160px; }
  a.resourcesLink.vids {
    width: 180px; }

.vids a.resourcesLink {
  width: 180px; }

.gifResource a.resourcesLink {
  display: block;
  font-size: 14px;
  padding: 8px 14px 7px;
  background-color: #8291ac;
  margin: 8px 0;
  width: 130px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 26px;
  color: white;
  line-height: 1em; }
  .gifResource a.resourcesLink:first-of-type {
    margin-top: 15px; }
  .gifResource a.resourcesLink span {
    display: block;
    font-size: 75%;
    font-weight: 400;
    letter-spacing: 0.05em; }

h2.palmsHelp {
  font-size: 17px;
  font-weight: 400;
  color: #e84e0f;
  margin-top: -2px; }

a.palmsHelpButton {
  position: absolute;
  color: #f66b32;
  font-weight: 600;
  top: 8px;
  right: 54px; }

.linkIcon:after {
  background-image: url(../images/customleaficon.png);
  background-image: url(../images/customleaficon.svg), none;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 24px;
  height: 100%;
  right: -27px;
  top: 1px;
  content: ' ';
  position: absolute; }

.active-header {
  color: #E84D0E;
  background-color: #f6f4ef;
  border: 1px solid #E4E0D0;
  /* border-bottom: 1px dashed #E4E0D0; */ }

.inactive-header,
.tut-dead-header {
  background-position: right 50%; }

.inactive-header:last-of-type {
  border-bottom: 1px solid #DFDFDF; }

.next-inactive-header {
  border-top: 1px solid #E4E0D0; }

.tut-introText {
  color: #575655;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin: 0 90px 24px 0; }

.tut-linkImageTitleText {
  color: #565554;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px; }

.tut-helpTable {
  border-collapse: collapse;
  width: 900px;
  border: 0;
  cellspacing: 0;
  cellpadding: 0;
  padding: 0; }

.tut-helpTable td {
  /*	padding: 0px 70px 0 0;*/
  text-align: top;
  vertical-align: top;
  border: 0px solid black; }

.tut-helpTable td:first-child {
  /*background-color: yellow;*/
  width: 50%; }

.productsCoveredBar {
  width: 281px;
  vertical-align: top; }

.helpTableRow {
  display: table-row; }

.helpTableRow:last-child .tableCellLeftAlign {
  /* padding-bottom: 0px; */ }

.atlasChoice .leftHalf {
  width: 282px;
  margin-left: 100px; }

.atlasChoice .leftHalf:first-of-type {
  margin-left: 0; }

.rightHalf {
  width: 45%;
  height: 100%;
  float: right;
  text-align: left; }

.rtHomeCircle {
  width: 159px;
  height: 159px;
  border-width: 1px;
  border-style: solid;
  border-color: #E8B6A2;
  border-radius: 80px;
  /* margin: 15px auto; */
  position: relative;
  background-size: contain; }

.handImage {
  background: #EAE6D7 url("../images/hand.png") no-repeat left top; }

.footImage {
  background: #EAE6D7 url("../images/foot2.png") no-repeat left top; }

.noBottomBorder {
  border-bottom: none; }

.halfPage {
  display: inline-block;
  width: 48%;
  margin-right: 2%; }

.cross.rotateHidden {
  transform: rotate(0deg); }

.cross.rotate2 {
  transform: rotate(45deg); }

#faqContainer h3 ~ p {
  margin-top: 0; }
#faqContainer p {
  margin-bottom: 1em; }
  #faqContainer p:first-child {
    margin-top: 0.4em; }
#faqContainer .standard-list {
  list-style: outside disc;
  margin: 0 0 1.5em 1.4em; }
  #faqContainer .standard-list li {
    margin-bottom: 0.5em;
    padding-left: 0;
    text-indent: 0;
    margin-left: 1em; }

span.helpSliderLink {
  font-weight: 700;
  cursor: pointer; }
  span.helpSliderLink:hover {
    color: #e84e0f; }

.multiAccordion {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  background-color: white;
  position: relative; }
  .multiAccordion .accordion-container {
    box-sizing: border-box;
    flex: 0 1 auto;
    width: 50%;
    padding: 0 0 50px 0; }
    .multiAccordion .accordion-container > span {
      font-weight: 700;
      font-size: 19px;
      display: block;
      margin-bottom: 20px; }
  .multiAccordion.two .accordion-container {
    min-width: 680px;
    max-width: 1024px;
    width: calc(50% - 40px); }
    .multiAccordion.two .accordion-container:first-child {
      padding-right: 5px; }
    .multiAccordion.two .accordion-container:last-child {
      padding-left: 5px; }
  .multiAccordion.three {
    width: calc(100% + 40px); }
    .multiAccordion.three .accordion-container {
      min-width: 520px;
      padding: 0 40px 50px 0;
      width: 33.33%; }

h3.palmsHelp {
  text-transform: uppercase;
  margin: 20px 0 15px 0;
  font-size: 15px; }

.helpTable.palmsFaqLayout .rtHomeTitle h1:not(.linkIcon):before {
  display: none; }

@media screen and (max-width: 1599px) {
  .multiAccordion.three .accordion-container {
    width: 50%; } }
@media screen and (max-width: 1439px) {
  .multiAccordion.two .accordion-container:first-child {
    padding: 0;
    margin-bottom: -1px; } }
@media screen and (max-width: 1049px) {
  .multiAccordion.three .accordion-container {
    width: 100%;
    min-width: unset; } }
@media screen and (max-width: 768px) {
  .multiAccordion.two .accordion-container {
    width: 100%;
    min-width: unset; } }
@media screen and (max-width: 767px) {
  .atvFaqs {
    flex-direction: column; }

  .faqTabs {
    max-width: 635px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-right: 0; }
    .faqTabs h2 {
      flex: 1 1 auto;
      width: calc(50% - 20px);
      padding: 0 14px;
      min-width: 0;
      text-decoration: underline; }
      .faqTabs h2.clicked:after {
        border: none;
        text-decoration: none; }
      .faqTabs h2:nth-child(odd) {
        margin-right: 20px; }
      .faqTabs h2 :nth-child(even) {
        margin-left: 20px; } }
@media screen and (max-width: 540px) {
  .faqTabs h2:nth-child(odd) {
    margin-right: 0; }
  .faqTabs h2 :nth-child(even) {
    margin-left: 0; } }
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  text-decoration: none;
  border: none;
  color: inherit;
  font-weight: 700;
  padding-bottom: 2px; }
  a:hover {
    color: #E84E0F; }
  a img {
    border: 0px; }

h2 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 6px; }

.helpPage h2 {
  font-size: 17px;
  font-weight: 700;
  margin-top: -2px; }

.strong {
  color: inherit;
  font-weight: 600; }

table {
  width: 938px;
  border: 0;
  border-collapse: collapse;
  margin-bottom: 30px; }

table p {
  margin-top: 0; }

tbody {
  border: 0; }

.termsTable tr {
  height: 40px;
  min-height: 40px;
  border-top: 1px solid #f6b89f;
  border-bottom: 1px solid #f6b89f; }

.termsTable th {
  background-color: #ededed;
  text-align: left;
  vertical-align: bottom;
  padding: 0px 10px 5px 10px;
  color: #4f5252;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  height: 46px; }

.termsTable td {
  padding: 13px 10px 15px 10px;
  vertical-align: top; }

.termsTable td:first-child {
  width: 200px; }

#page {
  /* background-color: beige; */
  min-height: 100%;
  height: auto !important;
  /* This line and the next line are not necessary unless you need IE6 support */
  height: 100%;
  margin: 0 auto -120px;
  /* the bottom margin is the negative value of the footer's height */ }

#pageTopBar {
  position: absolute;
  /* left: 0; */
  top: 158px;
  height: 34px;
  background-color: white;
  display: block;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.075);
  border-bottom: 1px solid #DEDAD9;
  /* background-color: #F7F5F5; */
  /* border-top: 1px solid #E7E4E4; */ }

#pageWrapper {
  width: 1022px;
  margin-left: 24px;
  margin-right: auto;
  padding: 41px 0 0 0;
  /* overflow: auto; */
  box-sizing: border-box;
  background-color: #ffffff;
  min-height: calc(100vh - 313px); }

#pageNoMin {
  width: 100%;
  background-color: #f0edee;
  height: auto; }

#contentCentre {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white; }

#content {
  position: relative;
  background-color: #FFFFFF;
  margin: 0 auto -120px;
  /* height: calc(100vh - 134px); */
  width: 1024px;
  min-height: 100%;
  display: block; }

/*#contentFullPage {
	: relative;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 1024px;
	border-left: 1px solid #BFBFBF;
	border-right: 1px solid #BFBFBF;
	box-shadow: 0px 0px 10px #DBDADA;
	-webkit-box-shadow: 0px 0px 10px #DBDADA;
}*/
/*.heightCropped {
	height: 967px;
}*/
.innerContent {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-top: 1px solid #f5af93;
  padding: 30px 260px 24px 52px; }

#headerFullWidth {
  position: absolute;
  background-color: white;
  border-top: 14px solid #e84d0e;
  height: 177px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.075);
  border-bottom: 1px solid #DEDAD9; }

.headerSubMenu {
  position: absolute;
  z-index: 10;
  text-align: left;
  background-color: white;
  display: none;
  border: 1px solid lightgray;
  border-top: 6px solid #bfc6d3;
  border-bottom: 6px solid #bfc6d3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -13px;
  /* margin-top: -14px; */
  -webkit-box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.15); }

#topMenu {
  /* background-color: #F7F5F5; */
  box-sizing: border-box;
  display: block;
  position: relative;
  /* width: auto; */
  height: 34px;
  border-bottom: 1px solid #DEDAD9;
  z-index: 100;
  padding: 3px 24px 0 11px;
  /* overflow: hidden; */
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.075);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  /* border-top: 1px solid #E7E4E4; */ }

.topMenuItem {
  position: relative;
  box-sizing: border-box;
  float: left;
  display: inline;
  margin: 8px 32px 0px 14px;
  cursor: pointer;
  color: #787776;
  font-weight: 600;
  text-decoration: none;
  padding-bottom: 4px;
  background-color: rgba(0, 0, 0, 0); }

.selectedOrange {
  color: #e84d0e;
  border-bottom: 5px solid #e84d0e;
  background-color: rgba(0, 0, 0, 0);
  box-sizing: border-box; }

.selectedOrange p {
  border-bottom: 4px solid #e84d0e; }

.topMenuLink {
  position: relative;
  box-sizing: border-box;
  float: right;
  display: inline;
  margin: 0px 5px 0px 22px;
  cursor: pointer;
  color: #787776;
  font-weight: 600;
  text-decoration: none;
  padding-bottom: 6px;
  /* background-color: #DFDFDF; */
  display: inline; }

#iframeDiv {
  background-color: white;
  /*	display: block;*/
  height: calc(100% - 328px);
  box-sizing: border-box; }

#ifrm {
  padding: 0px;
  border: none;
  width: 1024px;
  height: 785px;
  overflow: hidden;
  margin-left: -25px;
  margin-top: -15px; }

.homeWrapper {
  width: 1024px; }

#iframeDivInner {
  position: absolute;
  float: left;
  background-color: white;
  display: inline;
  width: 802px;
  height: 100%;
  left: 221px;
  box-sizing: border-box;
  /*	background-color: red;*/ }

#leftMenu {
  background-color: #e4e3e4;
  padding-top: 18px;
  float: left;
  display: block;
  width: 221px;
  height: calc(100% + 3px);
  border-top: 1px solid #f5af93;
  border-bottom: 1px solid #f5af93;
  border-right: 1px solid #cccccc;
  -ms-transform: translate(0px, -2px);
  /*IE 9*/
  -webkit-transform: translate(0px, -2px);
  /*Safari*/
  transform: translate(0px, -2px);
  z-index: 1;
  box-shadow: 3px 0px 3px -3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 0px 3px -3px rgba(0, 0, 0, 0.2);
  position: absolute;
  box-sizing: border-box; }

.buttonDiv {
  width: 220px;
  box-sizing: border-box;
  height: 55px;
  /*border-right: 1px solid #C3C3C3;*/
  margin-left: auto;
  margin-right: auto;
  background-color: #e4e3e4;
  padding: 4px 14px 4px 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.buttonDiv p {
  font-weight: 400;
  font-size: 14px;
  color: #4f5252;
  padding: 14px 9px 0 4px; }

.mainTab {
  font-family: 'Open Sans';
  float: left;
  display: inline;
  font-weight: 400;
  font-size: 14px;
  background-color: #F1EDE0;
  border: 1px solid #F1EDE0;
  padding: 12px 20px 12px 20px;
  color: #797672;
  margin-right: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mainTabSelected {
  background-color: #565554;
  border: 1px solid #565554;
  padding: 12px 70px 12px 70px;
  color: #f4f2ef; }

.comingSoon div {
  position: absolute;
  color: #818386;
  font-size: 15px;
  text-align: center;
  line-height: 197px;
  text-transform: uppercase;
  font-weight: 600;
  box-sizing: border-box;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: default;
  /*    background-color: rgba(243, 243, 243, 0.5);*/ }

.halfOpacity {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }

.comingSoon img {
  opacity: 0.1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; }

.linkNotActive {
  cursor: Default !important; }

.leftHalf .tutorialThumbnail {
  position: relative;
  display: inline-block;
  margin: 5px 0 15px;
  top: 0;
  border: 1px solid lightgray; }

.pageContent {
  /*	display: none;*/
  width: 100%;
  /* overflow: auto; */
  box-sizing: border-box;
  margin-left: 24px;
  margin-top: 41px;
  /* width: 976px; */ }

#helpLoading {
  display: none; }

.hiddenItem {
  display: hidden; }

.rightAlign {
  position: absolute;
  right: 0px;
  top: 10px; }

.bottomRightAlign {
  position: absolute;
  right: 27px;
  bottom: 12px; }

.bottomLeftAlign {
  position: absolute;
  left: 23px;
  bottom: 10px; }

#anatomyContentDiv {
  padding: 0;
  margin: 0px;
  width: 803px;
  background-color: white; }

#tabBar {
  height: 36px;
  width: 803px;
  box-sizing: border-box;
  border-bottom: 1px solid #f6d1c2;
  background-color: #ededed;
  box-shadow: 3px 0px 3px -3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 0px 3px -3px rgba(0, 0, 0, 0.2); }

#moduleDiv {
  padding: 15px 0 0 0;
  width: 750px;
  margin-left: auto;
  margin-right: auto; }

#tabButtonContainer {
  position: relative;
  height: 100%;
  background-color: none;
  margin-left: 12px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.anatomyButton {
  box-sizing: border-box;
  background-color: #ededed;
  display: inline-block;
  height: 100%;
  color: #eb6027;
  width: 123px;
  margin-left: 23px;
  font-weight: 800;
  font-size: 11px;
  padding-top: 10px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer; }

.languageButton {
  box-sizing: border-box;
  background-color: #ededed;
  display: inline-block;
  height: 100%;
  color: #eb6027;
  width: 81px;
  margin-left: 10px;
  font-weight: 700;
  font-size: 11px;
  padding-top: 10px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  transform: translate(13px, 0px); }

#anatomyiFrameDiv {
  position: relative;
  float: left;
  padding: 0px;
  margin: 0;
  width: 803px;
  height: 784px;
  display: block;
  clear: both;
  overflow: hidden;
  background-color: none; }

#blueSearchBar {
  width: 803px;
  position: relative;
  box-sizing: border-box;
  background-color: #99b1d3;
  height: 90px;
  padding: 8px 0px 8px 46px;
  border-top: 1px solid #7c90b0;
  border-top: 1px solid #8ea8ce;
  margin-top: 15px;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); }

.inputTextBox {
  box-sizing: border-box;
  display: inline;
  float: left;
  width: 396px;
  height: 32px;
  color: #6f6e6e;
  padding-left: 11px;
  border: none;
  margin-left: 2px;
  font-weight: 300;
  margin-bottom: 10px;
  font-size: 12px; }

.leftInlineButton {
  display: inline;
  padding: 0px;
  margin: 0px;
  float: left;
  cursor: pointer; }

/*.searchFilter {
	display: table;
	width: 800px;
	padding-top: 8px;
}*/
#productTitleContainer {
  padding-top: 9px;
  width: 744px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  /*	padding: 18px 0px 0px 50px;*/
  /*	background-color: grey;*/
  background-color: none; }

.productTitles {
  box-sizing: border-box;
  width: 176px;
  height: 178px;
  background-color: #ebe7d8;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  padding: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

.productTitles p {
  font-family: 'Open Sans';
  font-weight: 500;
  font-size: 14px;
  color: #4f5252;
  margin: 0; }

input[type=checkbox].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

input[type=checkbox].css-checkbox + label.css-label {
  padding-left: 25px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-: 0 0;
  font-size: 12px;
  font-weight: 700;
  color: white;
  vertical-align: middle;
  cursor: pointer; }

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-: 0 -20px; }

label.css-label {
  background-image: url("../assets/images/checkbox.png");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#searchTable {
  width: 572px; }

#searchTable tr {
  height: 26px; }

#searchTable td {
    /*	border: 1px solid blue;
	background-color: grey;*/
  width: 13%;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
  border: none; }

#searchTable td:last-child {
    /*	border: 1px solid blue;
	background-color: grey;*/
  width: 20%; }

#searchTable p {
  color: white;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

#blueModalBar {
  position: relative;
  width: 803px;
  display: block;
  box-sizing: border-box;
  background-color: #99b1d3;
  height: 45px;
  padding: 7px 24px 8px 21px;
  box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.05);
  color: #ffffff;
  font-size: 19px;
  border: 1px solid #9fb5d5;
  z-index: 10; }

#whiteModalBar {
  width: 803px;
  display: block;
  box-sizing: border-box;
  background-color: white;
  height: 34px;
  padding: 16px 24px 0px 21px;
  color: #ed713f;
  font-size: 14px;
  font-weight: 600; }

#modalBottomBar {
  width: 803px;
  height: 46px;
  background-color: #F3F3F3;
  text-align: right;
  font-weight: 600;
  box-sizing: border-box;
  color: #ed713f;
  font-size: 16px;
  display: table;
  position: absolute;
  margin-top: 620px;
  z-index: 2000;
  border-top: 1px solid #bfbdbb;
  table-layout: fixed;
  float: left; }

.middleRight {
  display: inline;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  height: 46px;
  text-align: right;
  letter-spacing: -0.5px; }

/*#videoModal {
     width:976px;
     height: 660px;
     margin: 20px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}*/
/*body {
     height:100%;
     margin:0;
     padding:0;
}*/
#modalOuterDiv {
  opacity: 1;
  position: relative;
  background-color: white;
  width: 803px;
  height: 742px;
  border: 1px solid grey;
  margin-left: auto;
  margin-right: auto;
  margin-top: 105px;
  -webkit-box-shadow: 0px 0px 6px 5px rgba(3, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 6px 5px rgba(3, 0, 0, 0.05);
  box-shadow: 0 0 6px 5px rgba(3, 0, 0, 0.1);
  z-index: 1000;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  user-select: none; }

#iFrameModules {
  width: 803px;
  height: 746px; }

#modalBlock {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 500;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

#moduleTableDiv {
  position: absolute;
  box-sizing: border-box;
  text-align: left;
  width: 100%;
  height: auto;
    /*background-color: red;
	opacity: 0.25;*/
  padding: 9px 0 0 20px; }

.moduleCell {
  position: relative;
  background-color: rgba(255, 255, 255, 0);
  width: 122px;
  margin: 0 12px 4px 16px;
  height: 109px;
  display: inline-block;
  cursor: pointer; }

.checked {
  background-image: url(../assets/images/moduleTickIcon.png);
  background-repeat: no-repeat;
  background-: right 2px top 1px;
  background-color: rgba(255, 255, 255, 0); }

.moduleTickDiv {
  background-color: yellow;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px; }

input[type=checkbox].module-checkbox {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

input[type=checkbox].module-checkbox + label.module-label {
  padding-left: 25px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  background-repeat: no-repeat;
  background-: 0 0;
  font-size: 12px;
  font-weight: 700;
  color: white;
  vertical-align: middle;
  cursor: pointer; }

input[type=checkbox].module-checkbox:checked + label.module-label {
  background-: 0 -20px; }

label.module-label {
  background-image: url("../assets/images/checkbox.png");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.indexHolder {
  display: inline-block;
  background-color: none;
  width: auto;
  height: 34px;
  margin-top: 2px;
  transform: translate(-16px, 0); }

.indexButton {
  box-sizing: border-box;
  width: 26px;
  height: 28px;
  color: white;
  display: inline-block;
  background-color: none;
  text-align: center;
  font-weight: 800;
  cursor: pointer;
  padding-top: 4px;
  margin-top: 2px;
  margin-left: 3px;
  margin-bottom: 6px; }

.pickModules {
  position: absolute;
  display: inline-block;
  background-color: none;
  height: 26px;
  right: 27px;
  bottom: 7px;
  color: white;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer; }

.nonSelectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.searchResults {
  width: 680px;
  background-color: none;
  color: #6F6E6E;
  line-height: 24px;
  margin-left: 47px;
  margin-top: 17px; }

a.faqLink:link {
  text-decoration: none;
  border: none;
  font-weight: bolder;
  color: #ED4807;
  font-size: 13px;
  font-family: "Open Sans", sans-serif; }

a.faqLink:visited {
  color: #ED4807; }

.linkImageTitleText {
  color: #565554;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px; }

.faqBullet {
  list-style-position: outside;
  margin-left: 1.2em; }

ul {
  margin: 0 0 0 1.2em;
  padding: 0; }

.atvBody {
  color: #797672;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 90px 61px 0; }

.arrowDiv {
  width: 6px;
  height: 11px;
  background-color: blue;
  display: inline;
  float: right;
  background-image: url("../../images/smallArrow.png");
  position: relative;
  margin: 8px 9px 0px 0px; }

.arrowRight {
  font-size: 18px;
  margin: 0 0 0px 4px;
  line-height: 22px;
  padding-top: 1px;
  display: inline-block; }

/*END - USER GUIDE*/
.productThumbnail {
  margin-left: 59px;
  margin-top: -1px;
  float: left; }

#stepLinkDivert {
  display: block;
  position: absolute;
  left: 514px;
  top: 151px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 280px;
  height: 280px;
  z-index: 100;
  cursor: pointer; }

#resourceiFrame {
  width: 1015px;
  height: 727px;
  border: none;
  margin-left: -25px; }

#rtHelpiFrame {
  width: 1015px;
  height: 795px;
  border: none;
  /* transform: translate(0px, 6px); */ }

#helpiFrame {
  width: 1015px;
  height: 814px;
  border: none;
  transform: translate(0px, 6px); }

#homeiFrame {
  width: 974px;
  height: 720px;
  border: none;
  border: 1px solid #D5D1D1;
  -webkit-box-shadow: 0px 4px 18px -1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 4px 18px -1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 16px -1px rgba(0, 0, 0, 0.15); }

#AandPSG {
  float: left;
  width: 325px;
  height: 194px; }

.subtleBold {
  font-weight: 700;
  font-size: 95%; }

.buttonArrowRight {
  width: 20px;
  height: 21px;
  background-image: url(../../images/arrow-right.png);
  background-image: url(../../images/arrow-right.svg), none;
  vertical-align: bottom;
  fill: orange; }

[class^="help"] .chevron {
  display: inline-block;
  width: 30px;
  height: 36px;
  background-image: url(../../images/CHEVRON.png);
  background-image: url(../../images/CHEVRON.svg), none; }

.floatRight {
  float: right; }

.link-fix .floatRight {
  margin-top: -4px; }

.titleLink {
  font-size: 15px;
  color: inherit;
  vertical-align: bottom;
  padding-bottom: 5px;
  margin-bottom: 5px;
  position: relative; }

.graphicLinkBlock {
  float: left;
  padding-right: 26px;
  /* display: inline; */ }

.graphicLinkBlock:hover {
  color: #e84d0e; }

.block {
  display: block;
  overflow: auto;
  width: 100%; }

.no-border {
  border: none !important; }

/*
#userGuideContent {
	text-align: left;
	padding-left: 22px;
	width: 660px;
	position: relative;
}
*/
.allCapsSubHeading {
  text-transform: uppercase;
  color: #E84E0F;
  border-bottom: 1px solid #FFAF8E;
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: 600;
  clear: left;
  margin-top: 40px;
  margin-bottom: 10px; }

.col-1-userGuide {
  width: 370px;
  float: left; }

.col-2-userGuide {
  width: 270px;
  float: left; }

.linkGraphic {
  border: 1px solid lightgray;
  margin-top: 3px;
  margin-bottom: 26px;
  -webkit-box-shadow: 4px 4px 5px 0px rgba(102, 102, 102, 0.3);
  -moz-box-shadow: 4px 4px 5px 0px rgba(102, 102, 102, 0.3);
  box-shadow: 4px 4px 5px 0px rgba(102, 102, 102, 0.3);
  margin-bottom: 25px; }

.cursorDefault {
  cursor: default; }

.about .findOutMore a {
  height: 76px;
  padding: 9px 11px;
  font-size: 15px;
  /* line-height: 1.2em; */ }

img.palmsHelpImage {
  max-width: 600px;
  margin: 18px 0 30px 0;
  border: 1px solid lightgray; }

.inlineHelpImage {
  width: 62px;
  height: 62px;
  display: inline-block;
  vertical-align: middle; }

.inlineHelpImage.embed {
  width: 49px;
  height: 62px;
  background: #28303b url(../../images/embed-icon.png) -1px 50%/52px; }

.inlineHelpImage.code {
  background: url(../../images/code-icon.png) 50% -2px/71px; }

.inlineHelpImage.copy {
  background: url(../../images/copy-icon.png) 50% -6px/71px; }

ol.withIcons li {
  padding: 1.2em 0 1.2em 0.6em; }

ol.withIcons li.withIcon {
  padding: 0.2em 0 0.2em .6em; }

.displayIsNone {
  display: none !important; }

p {
  font-size: 14px; }

button {
  border: none;
  -webkit-appearance: none;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  font-family: 'Muli'; }
  button:active {
    outline: none !important; }
  button:focus {
    outline: none !important; }

.welcomeTable {
  display: table;
  width: 100%; }

.welcomeTableCell {
  background-color: #dfdbe6;
  letter-spacing: -0.015em;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  padding: 12px 12px 10px 11px;
  color: #6a7481; }
  .welcomeTableCell:first-child {
    border-right: 4px solid white; }
  .welcomeTableCell:last-child {
    border-left: 4px solid white; }
  .welcomeTableCell:hover {
    background-color: #eae3ce;
    color: #5f6a77; }
  .welcomeTableCell p {
    font-size: 11px;
    padding: 10px 0px 2px 0px;
    font-weight: 600;
    margin: 0;
    line-height: 1.1em;
    opacity: 0.95;
    color: #627084; }

.findOutMore {
  padding-top: 2px;
  width: 272px; }
  .findOutMore h1 {
    padding: 13px 0 7px; }
  .findOutMore a {
    height: 64px;
    background-color: #c9c2d6;
    padding: 7px 10px 10px 8px;
    font-size: 14px;
    color: #556172;
    font-weight: 400; }
    .findOutMore a:hover {
      background-color: #eae2cd;
      color: #5f6a77; }

.titleBar {
  padding: 0 20px;
  height: 64px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: #c9c2d6;
  color: #556172; }
  .titleBar h1 {
    font-size: 24px;
    margin: 0; }
  .titleBar .rtHomeTitle {
    padding: 0;
    margin: 0;
    font-size: 22px;
    color: #494950; }

.welcomeBody h1,
.welcomeHeader h1 {
  font-weight: 400;
  /* font-size: 15px; */
  line-height: 1.2em;
  margin: 0;
  padding: 23px 0 11px;
  letter-spacing: -.02em; }

span.semiBold {
  font-size: inherit;
  display: inline;
  font-weight: 600;
  color: inherit; }

#closeButtonDiv {
  position: absolute;
  width: 26px;
  height: 26px;
  right: 7px;
  top: 6px;
  cursor: pointer;
  background-image: url(../../images/atv/cross.svg);
  z-index: 20; }

.helpPage {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  background: white;
  overflow: hidden; }
  .helpPage.no-slider {
    padding: 0 40px;
    box-sizing: border-box; }

.helpWindow {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
  width: 100vw; }

.helpContentAll {
  flex: 1 1 auto;
  width: 300%;
  display: flex;
  transition: margin-left 0.5s;
  font-size: 0; }

.helpBack {
  position: relative;
  height: 25px;
  box-sizing: border-box;
  background-color: rgba(99, 117, 152, 0.8);
  color: #ffffff;
  padding: 3px 8px;
  top: -4px;
  font-size: 14px;
  user-select: none;
  cursor: pointer; }
  .helpBack:hover {
    color: #d8dce1; }
  .helpBack :before {
    width: 25px;
    height: 25px;
    content: '';
    border: 12px solid rgba(255, 255, 255, 0);
    position: absolute;
    border-right: 12px solid rgba(99, 117, 152, 0.8);
    box-sizing: border-box;
    left: -25px;
    top: 0; }

.sliderLHS,
.sliderRHS {
  position: relative;
  display: inline-block;
  width: 100vw;
  padding: 0 40px;
  box-sizing: border-box;
  vertical-align: top;
  transition: opacity 0.3s; }
  .sliderLHS > p,
  .sliderRHS > p {
    padding: 0 0 10px;
    font-size: 16px; }
    .sliderLHS > p:first-of-type,
    .sliderRHS > p:first-of-type {
      align-self: flex-start;
      padding: 3px 0 10px;
      width: calc(100% - 282px);
      max-width: 500px; }

.sliderRHS {
  display: none;
  opacity: 0; }

.help-section-subTitle {
  align-self: flex-start; }

.contentTutorials {
  position: relative; }
  .contentTutorials .accordion-container {
    width: calc(100% - 360px);
    border-bottom: 1px solid #E4E0D0;
    max-width: 840px; }
    .contentTutorials .accordion-container p {
      margin: 5px 0 40px;
      font-size: 16px; }
  .contentTutorials .accordion-content {
    display: block;
    background-color: #e7e6ea;
    padding: 20px 20px 15px 26px; }
    .contentTutorials .accordion-content ul li {
      font-size: 15px;
      padding: 0 0 0.8em 0;
      text-indent: 0;
      margin-left: 1.2em;
      list-style: disc;
      line-height: 1.2em; }
    .contentTutorials .accordion-content ul.close li {
      padding: 0 0 2px; }

.productThumbnailRight {
  height: 180px;
  position: absolute;
  right: 0px;
  top: 42px; }
  .productThumbnailRight img {
    height: 100%;
    width: auto; }

.helpPadding {
  padding: 0 40px;
  width: 100%;
  box-sizing: border-box; }
  .helpPadding p {
    padding-top: 4px; }

.helpIframe {
  position: relative;
  /*  opacity: .25;*/ }

.helpContributors {
  position: absolute;
  width: calc(100% - 40px);
  max-width: 673px;
  height: calc(100% - 32px);
  background: white;
  border: 1px solid lightgray;
  margin: 15px 0 0 0;
  overflow: hidden;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
  left: 50%;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box; }
  .helpContributors .welcomeBody {
    padding: 20px;
    box-sizing: border-box;
    transition: opacity .25s;
    color: #6e6e6e;
    overflow: auto;
    height: calc(100% - 64px); }
    .helpContributors .welcomeBody p {
      color: inherit;
      padding: 0 0 15px; }
    .helpContributors .welcomeBody li {
      padding: 0 0 15px;
      font-weight: 600;
      font-size: 15px;
      margin-left: 1.2em; }
      .helpContributors .welcomeBody li span {
        font-size: 13px;
        display: block;
        line-height: 1.2em;
        padding-top: 2px;
        font-weight: 400;
        color: #8a8a8a; }
  .helpContributors h1 {
    padding: 0 0 .1em;
    position: relative;
    font-weight: 600; }
  .helpContributors p {
    padding: .1em 0 1em;
    margin: 0; }
  .helpContributors #closeButtonDiv {
    background-image: url(../../images/atv/cross-thin-large-dark.svg);
    background-size: 38px;
    background-position: 50%; }

.productsCoveredRight {
  width: 282px;
  position: absolute;
  vertical-align: top;
  right: 40px;
  top: 40px;
  z-index: 10; }
  .productsCoveredRight.expanded {
    box-shadow: 1px 1px 4px 1px rgba(200, 200, 200, 0.4); }
  .productsCoveredRight .expandTab {
    font-size: 13px;
    background-color: rgba(99, 117, 152, 0.8);
    padding: 17px 0px 17px 13px;
    color: white;
    cursor: pointer;
    user-select: none;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid white; }
  .productsCoveredRight .expandButton {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 10px;
    top: 14px;
    padding: 0;
    transform: rotate(0deg);
    background-image: url(../../images/crossLight.png);
    background-image: url(../../images/crossLight.svg), none;
    opacity: 0.75;
    transform: scale(0.8) rotate(0deg);
    transition: all .5s; }
  .productsCoveredRight .downloadButton {
    position: absolute;
    width: 28px;
    height: 28px;
    right: 10px;
    top: 13px;
    padding: 0;
    background-image: url(../../images/download.png);
    background-image: url(../../images/download.svg), none;
    opacity: 0.75; }
  .productsCoveredRight .expandTabBody {
    display: none;
    border: 1px solid #E4E0D0;
    background-color: #ffffff;
    padding: 16px 11px 20px;
    border-top: none;
    font-size: 13px;
    height: 318px;
    box-sizing: border-box;
    overflow: auto;
    line-height: 1.8em; }
  .productsCoveredRight .rotate {
    transform: scale(1.1) rotate(45deg);
    opacity: 1;
    filter: alpha(opacity=0); }
  .productsCoveredRight .rotate2 {
    transform: rotate(0deg);
    transition: .5s;
    opacity: 1; }
  .productsCoveredRight .rotateHidden {
    transform: rotate(-45deg);
    transition: .5s;
    opacity: 0;
    filter: alpha(opacity=0); }

.help-section-title {
  width: 100%;
  font-size: 16px;
  border-bottom: 1px solid #DFDFDF;
  font-family: "Open Sans", Verdana, sans-serif;
  font-weight: 400;
  box-sizing: border-box;
  padding-bottom: 5px;
  padding-top: 4px;
  margin-bottom: 2px;
  position: relative; }

#EV-Faq .help-section-title {
  color: #e84e0f;
  font-size: 21px; }

.help-section-title.link-fix {
  position: absolute;
  width: 945px;
  margin-top: 12px;
  z-index: 10;
  height: 24px;
  margin-left: 24px; }

.tut-title-wrapper {
  display: flex;
  justify-content: space-between;
  overflow: auto;
  cursor: pointer;
  padding: 8px 0;
  font-size: 15px; }
  .tut-title-wrapper .tut-title:first-child {
    padding-right: 30px; }
  .tut-title-wrapper .tut-time {
    text-align: right;
    font-size: 14px; }

.link-fix:before {
  width: 110px;
  height: 30px;
  position: absolute;
  background-color: white;
  display: block;
  content: '';
  right: 0;
  top: -7px; }

.helpTable {
  width: calc(100% + 40px);
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap; }
  .helpTable.palmsFaqLayout {
    display: block; }
  .helpTable.contributors {
    padding: 10px 0; }
    .helpTable.contributors.dc > p {
      padding: 10px 20px 20px 0; }
    .helpTable.contributors .intro {
      max-width: 510px;
      padding-right: calc(100% - 550px);
      border-bottom: 1px dashed #d4d4d4;
      margin-bottom: 20px; }
      .helpTable.contributors .intro p {
        margin-bottom: 10px;
        font-size: 15px; }
        .helpTable.contributors .intro p:last-child {
          margin-bottom: 13px; }
    .helpTable.contributors > p {
      flex: 0 1 305px;
      padding: 10px 20px 10px 0;
      box-sizing: border-box;
      font-size: 12px;
      line-height: 1.4em; }
      .helpTable.contributors > p strong {
        font-weight: 800; }
  .helpTable.contentFaq .help-section-title {
    border: none; }
  .helpTable.transitionGuides {
    width: calc(100% + 80px); }
  .helpTable .title {
    font-weight: 400;
    margin: 0 70px 5px 0;
    color: #969491;
    margin-left: 1px;
    font-size: 16px;
    margin-bottom: 10px; }
  .helpTable hr {
    border: none;
    background: #d6d6d6;
    height: 1px; }
  .helpTable .tableCellLeftAlign {
    position: relative;
    flex: 0 0 259px;
    margin: 0 48px 36px 0; }
  .helpTable.transitionGuides .tableCellLeftAlign {
    margin-right: 80px; }
  .helpTable .helpChoice {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    font-size: 15px;
    cursor: pointer; }
    .helpTable .helpChoice:hover {
      color: #e84d0e; }
    .helpTable .helpChoice.about {
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
  .helpTable .rtHomeInstructions {
    font-size: 14px;
    height: 55px;
    font-weight: 600;
    margin: 10px 0 0; }
  .helpTable .rtHomeTitle {
    position: relative; }
    .helpTable .rtHomeTitle h1 {
      display: inline-block;
      font-size: 23px;
      font-weight: 300;
      letter-spacing: -0.04em;
      color: #E84E0F;
      line-height: .9em;
      position: relative;
      margin-bottom: 0; }
      .helpTable .rtHomeTitle h1:not(.linkIcon):after {
        content: '';
        width: 26px;
        background-image: url(../../images/help/chevron-pp.svg);
        background-position: 50% -1px;
        background-repeat: no-repeat;
        opacity: 0.8;
        height: 30px;
        position: absolute;
        top: -3px;
        right: -26px;
        background-size: 30px; }
  .helpTable.palmsFaqLayout .rtHomeTitle h1:not(.linkIcon):after {
    display: none; }
  .helpTable .about .rtHomeTitle h1 {
    margin: 12px 0 8px; }
    .helpTable .about .rtHomeTitle h1:after {
      display: none; }
  .helpTable .tutorialThumbnail {
    margin-top: 10px;
    padding: 5px;
    height: 180px;
    box-shadow: 1px 1px 4px 1px rgba(200, 200, 200, 0.4);
    border: 1px solid #dedede;
    display: inline-block;
    position: relative; }
    .helpTable .tutorialThumbnail img {
      height: 100%;
      width: auto; }
  .helpTable .tutorialThumbnailRight {
    right: 10px;
    top: 46px;
    position: absolute; }
  .helpTable .evHelp .tutorialThumbnail {
    padding: 0;
    height: 202px; }

.help-ev .helpTable .tutorialThumbnail {
  padding: 0; }

.linkIcon:after {
  content: '';
  position: absolute;
  background-image: url(../../images/help/customleaficon.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 24px;
  height: 12px;
  right: -27px;
  top: 50%;
  transform: translateY(-50%); }
.linkIcon.multiLine:after {
  content: none; }
.linkIcon.multiLine span {
  position: relative; }
  .linkIcon.multiLine span:after {
    content: '';
    position: absolute;
    background-image: url(../../images/help/customleaficon.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 24px;
    height: 12px;
    right: -26px;
    bottom: 0.3em; }

.icon-chevron-thin-right {
  display: none; }
  .icon-chevron-thin-right :before {
    content: '';
    width: 26px;
    background-image: url(../../images/help/chevron-pp.svg), none;
    background-image: url(../../images/help/chevron-pp.png);
    background-position: 50% -1px;
    background-repeat: no-repeat;
    padding-left: 0;
    opacity: 0.8;
    height: 100%;
    position: absolute;
    top: -3px;
    margin-left: -3px; }

.icon-chevron-thin-left-ipad:before {
  content: '';
  width: 30px;
  height: 30px;
  background-image: url("../../images/chevron-pp.svg"), none;
  background-image: url("../../images/chevron-pp.png");
  background-position: 50%;
  background-repeat: no-repeat;
  top: 0;
  padding-left: 1px;
  opacity: 0.8; }

#harPointAndClickIF,
#rtPointAndClickIF,
#hapPointAndClickIF,
#evPointAndClickIF,
#arPointAndClickIF,
#ngPointAndClickIF {
  position: relative;
  visibility: hidden;
  width: 990px;
  height: 760px; }

#evPointAndClickIF {
  width: 945px;
  left: -38px; }

#arPointAndClickIF {
  margin-left: -20px; }

#hapPointAndClickIF {
  width: 995px;
  left: 3px; }

#ngPointAndClickIF {
  width: 1024px; }

#Atlas-iFrame.lineFix:after, #Atlas-iFrame.lineFix:before {
  opacity: 0; }

#PandC-Parent {
  border: none;
  background: none;
  padding: 0;
  text-align: center; }

#NG-PointAndClick #PandC-Parent {
  width: 1024px; }

.helpLoading {
  width: 1010px; }

.loadingSpinner {
  background: url(../../images/atv/ajax-loader-pk.gif) no-repeat center;
  text-align: center;
  width: 300px;
  height: 160px;
  margin: 0 auto;
  position: relative;
  top: 100px;
  background-color: white; }
  .loadingSpinner div {
    font-size: 19px;
    font-weight: 300; }

.flex2col {
  display: flex;
  justify-content: flex-start; }
  .flex2col > div {
    flex: 1 1 50%;
    padding: 0 120px 0 0; }

.styleForRT #outerDiv {
  position: absolute; }
  .styleForRT #outerDiv #videoTitleDiv,
  .styleForRT #outerDiv .btnFullScreen {
    align-items: center; }
  .styleForRT #outerDiv .movieButton.next, .styleForRT #outerDiv .movieButton.previous {
    display: none; }

.forPalms.modalBlock .infoContent.videolist {
  max-height: calc(100% - 110px);
  max-width: 760px; }
.forPalms .helpTable:first-child {
  display: none; }
.forPalms .helpPage {
  height: 100vh;
  overflow-y: auto; }
  .forPalms .helpPage > h1 {
    display: none; }

.videolist .helpPage {
  overflow: auto;
  padding-top: 35px; }

#outerDiv {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  text-align: left;
  background: #f4f3f7 url(../../images/spinner.gif) 50% no-repeat;
  z-index: 1000;
  padding: 10px 0;
  box-sizing: border-box; }
  #outerDiv #surround {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 40px 20px 40px;
    max-width: calc(1024px + 80px);
    box-sizing: border-box;
    max-height: 100%;
    overflow: hidden;
    height: 100%; }
  #outerDiv #vidWrap {
    opacity: 0;
    font-size: 0;
    max-height: calc(100% - 108px);
    overflow: visible;
    position: relative;
    max-width: calc(100% - 90px);
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center; }
    #outerDiv #vidWrap video {
      width: auto;
      height: 100%;
      box-shadow: 0 0px 0px 4px rgba(50, 50, 50, 0.5); }
  #outerDiv #videoTitleDiv {
    box-sizing: border-box;
    padding: 10px 0px 15px;
    font-weight: 400;
    color: #4e4d58;
    font-size: 17px;
    flex: 1 0 60px;
    display: flex;
    align-items: flex-end;
    height: 40px; }
  #outerDiv #closeButtonDiv {
    position: absolute;
    width: 52px;
    height: 52px;
    right: 6px;
    top: 6px;
    cursor: pointer;
    background: url(../../images/atv/cross-thin-large-dark.svg) 50%/99% no-repeat;
    opacity: 0.8; }
  #outerDiv .movieButton {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 47%;
    opacity: 0.8;
    cursor: pointer; }
    #outerDiv .movieButton.next {
      right: -40px;
      background-image: url(../../images/atv/chevron-thin-large-dark.svg); }
    #outerDiv .movieButton.previous {
      left: -40px;
      background-image: url(../../images/atv/chevron-thin-large-dark.svg);
      transform: rotate(180deg); }
  #outerDiv .btnFullScreen {
    background-color: rgba(0, 0, 0, 0);
    font-family: 'Muli';
    font-weight: 700;
    color: #4e4d58;
    padding: 15px 0 15px;
    flex: 1 0 40px;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    box-sizing: border-box;
    cursor: pointer; }

.displayIsBlock {
  display: inline-block; }
  .displayIsBlock.pointAndClick {
    display: inline-flex;
    overflow: hidden;
    flex-direction: column;
    align-items: center; }

.tabContent {
  display: none;
  opacity: 0;
  transition: opacity 0.5s; }

.tabVisible {
  display: inline-block; }

.accordion-pointAndClick {
  width: 945px;
  margin-top: 20px;
  width: 100%;
  max-width: 1024px; }
  .accordion-pointAndClick .open-content {
    background-color: #f9f8f5; }
  .accordion-pointAndClick .accordion-content {
    display: block; }
    .accordion-pointAndClick .accordion-content.last {
      border-bottom: 1px solid #E4E0D0; }
    .accordion-pointAndClick .accordion-content h3 {
      font-size: 15px;
      margin: 0 0 5px; }

.lineFix {
  position: relative;
  min-height: 760px;
  overflow: hidden; }
  .lineFix:after {
    content: '';
    width: calc(100% - 23px);
    height: 1px;
    border-color: white;
    border-width: 3px 0 14px;
    background: #DFDFDF;
    position: absolute;
    top: 32px;
    left: 23px;
    z-index: 50;
    border-style: solid; }
  .lineFix:before {
    content: '';
    width: 24px;
    height: 10px;
    position: absolute;
    background: white;
    right: 0;
    top: 30px;
    z-index: 20; }

.subTabContainer {
  position: relative;
  left: -5px;
  z-index: 10; }
  .subTabContainer .subTab {
    position: relative;
    font-family: 'Open Sans';
    font-weight: 600;
    border-radius: 30px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background-color: #F1EDE0;
    background-repeat: no-repeat;
    color: #6D6760;
    padding: 18px 20px 18px 46px;
    cursor: pointer;
    user-select: none;
    margin-right: 7px;
    transition: padding 0.5s, background-color 0.5s; }
    .subTabContainer .subTab p {
      padding: 0;
      font-size: 15px; }
    .subTabContainer .subTab.iPad {
      background-image: url(../../images/help/apple.svg);
      background-position: 6px 0; }
    .subTabContainer .subTab.android {
      background-image: url(../../images/help/android.svg);
      background-position: 6px 0; }
    .subTabContainer .subTab.subTabSelected {
      background-color: #E84E0F;
      padding: 18px 70px;
      background-position-y: -57px; }
      .subTabContainer .subTab.subTabSelected p {
        color: #f4f2ef; }
      .subTabContainer .subTab.subTabSelected:before {
        transform: translate(-50%, 100%);
        border-top-color: #e84e0f; }
    .subTabContainer .subTab:before {
      content: '';
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, 50%);
      width: 0px;
      height: 0;
      border-style: solid;
      border-color: rgba(0, 0, 0, 0);
      border-top-color: #f1ede0;
      border-width: 15px;
      transition: transform 0.5s, border-top-color 0.5s; }

.accessTypeButtonWrapper {
  padding: 25px 0;
  border-top: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  margin: 20px 0 34px 0; }
  .accessTypeButtonWrapper .atvSubButton {
    color: white;
    font-weight: 300;
    line-height: 1.1em;
    background-color: #927f94;
    padding: 20px 44px 20px 16px;
    font-size: 19px;
    display: inline-block;
    margin: 4px 10px 4px 0;
    position: relative;
    text-align: left; }
    .accessTypeButtonWrapper .atvSubButton:last-child {
      margin-right: 0; }
    .accessTypeButtonWrapper .atvSubButton:after {
      content: ' ';
      position: absolute;
      background-image: url(../../images/help/linkicon.svg);
      background-size: 24px;
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: 32px;
      width: 48px;
      height: 100%;
      right: 0px;
      top: 1px;
      opacity: 0.5; }
    .accessTypeButtonWrapper .atvSubButton:hover {
      background: #7c7288; }

#contentAndroidAccessGuide .accessTypeButtonWrapper .atvSubButton {
  background: #838daa; }
  #contentAndroidAccessGuide .accessTypeButtonWrapper .atvSubButton:hover {
    background: #657195; }

.contentFaq {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }
  .contentFaq.ev-pointAndClick {
    width: 945px; }
  .contentFaq .helpTable:last-child {
    flex: 1 1 auto; }
  .contentFaq .helpTable .tableCellLeftAlign {
    margin-right: 0; }
  .contentFaq .accordion-content {
    padding: 25px 40px 20px 30px; }
    .contentFaq .accordion-content p {
      margin: 0 0 12px 0;
      font-size: 14px;
      padding: 0; }
  .contentFaq .open-content {
    display: block;
    background-color: #e7e6ea; }
  .contentFaq ol {
    margin-left: 1em; }
  .contentFaq li {
    margin-bottom: 1em;
    line-height: 1.15em;
    font-size: 14px;
    padding-left: 0.5em; }

.bottomBorder {
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 5px; }

.accordionPage.bottomBorder:after,
#accordionPage.bottomBorder:after {
  content: '';
  position: absolute;
  width: 40px;
  height: 10px;
  background: white;
  right: 0;
  bottom: -5px; }

.helpBubble {
  display: none;
  flex-direction: column;
  position: absolute;
  background: #ffe2c2;
  z-index: 200;
  padding: 15px 14px 30px 15px;
  color: #514a43;
  box-shadow: 0px 3px 6px 0px rgba(66, 29, 0, 0.2);
  border-radius: 7px 7px 7px;
  font-weight: 600;
  font-size: 12px;
  border: 1px solid #cecece;
  border-bottom-color: #bfbfbf;
  text-align: left;
  box-sizing: border-box;
  line-height: 1.4em;
  letter-spacing: normal;
  cursor: default; }
  .helpBubble:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: #ffe6cc;
    background: url(../../images/atv/bubble-arrow-b.svg);
    left: 50%;
    transform: translate(-50%, -100%);
    top: 0; }
  .helpBubble.arrowTop:before {
    height: 20px;
    background: url(../../images/atv/bubble-arrow-b.svg);
    top: 0;
    transform: translate(-50%, -100%); }
  .helpBubble.arrowLeft:before {
    width: 20px;
    background: url(../../images/atv/bubble-arrow-r.svg);
    top: 50%;
    transform: translate(-100%, -50%);
    left: 0; }
  .helpBubble.arrowRight:before {
    width: 20px;
    background: url(../../images/atv/bubble-arrow-l.svg);
    top: 50%;
    transform: translate(100%, -50%);
    left: auto;
    right: 0; }
  .helpBubble.arrowRight#gotIt-welcomerOptionInput {
    width: 220px;
    margin: -30px 0px 0 -245px;
    padding: 13px 8px 30px 15px; }
    .helpBubble.arrowRight#gotIt-welcomerOptionInput:before {
      top: 21px; }
    .helpBubble.arrowRight#gotIt-welcomerOptionInput .closeCross {
      left: 2px;
      top: 2px; }
    .helpBubble.arrowRight#gotIt-welcomerOptionInput p.tipHeading {
      margin: 0 10px 0 0; }
  .helpBubble.arrowBottom:before {
    height: 20px;
    background: url(../../images/atv/bubble-arrow-t.svg);
    top: 50%;
    transform: translate(-100%, -50%);
    left: 0; }
  .helpBubble#gotIt-headerToggle {
    width: 275px;
    top: 42px; }
  .helpBubble#gotIt-info {
    width: calc(100vw - 64px);
    max-width: 340px;
    left: 48px;
    margin-top: -18px; }
    .helpBubble#gotIt-info:before {
      top: 30px; }
  .helpBubble#gotIt-mobileCompatibilty {
    width: 340px;
    top: 44px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -7px; }
  .helpBubble .checkbox-box {
    text-align: right;
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    background: #bdcae1;
    padding: 3px 15px;
    border-radius: 14px;
    font-size: 13px;
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #b5b5b5;
    border-top-color: #c2c2c2;
    border-bottom-color: #adadad; }
  .helpBubble .custom-checkbox {
    display: none;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 3px;
    margin-right: 6px;
    border: 1px solid #d1c1b2; }
  .helpBubble input[type="checkbox"] {
    opacity: 0;
    margin-left: -14px;
    position: relative; }
  .helpBubble input:checked ~ .custom-checkbox {
    background-image: url(../../images/FILTER.svg);
    background-position: -7px 50%; }
  .helpBubble label {
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 10px; }
  .helpBubble p {
    font-size: 13px;
    margin-bottom: 15px; }
    .helpBubble p.tipHeading {
      font-weight: 800;
      text-transform: uppercase;
      font-size: 90%;
      margin-bottom: 3px; }

.closeCross {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 2px;
  top: 3px;
  cursor: pointer;
  background: url(../../images/atv/cross-thin-large-dark.svg) 50%/100% no-repeat;
  opacity: 0.7; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .helpBubble#gotIt-headerToggle {
    left: 50%;
    transform: translateX(-50%); } }
.pointAndClickLink .blocker,
.pointAndClick .blocker,
.interactive .blocker {
  display: none;
  position: absolute;
  flex-direction: column;
  align-items: center;
  background-color: white;
  border: 1px solid #e6e6e6;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 10px;
  opacity: 0.95; }

.pointAndClickLink .blocker {
  flex-direction: column-reverse;
  justify-content: flex-end; }
.pointAndClickLink .noEntry {
  margin-top: 25px; }

.pointAndClick .blocker,
.interactive .blocker {
  position: relative;
  margin: 40px 0 20px;
  max-width: 340px;
  padding: 40px;
  height: 220px;
  text-align: center;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
  background-color: whitesmoke; }
  .pointAndClick .blocker h1,
  .interactive .blocker h1 {
    color: #e84e0f; }

.noEntry {
  width: 140px;
  height: 140px;
  background-image: url(../../images/atv/no-entry.svg);
  background-size: 100%;
  position: relative;
  opacity: 0.3; }

@media screen and (max-width: 1220px) {
  .sliderLHS,
  .sliderRHS,
  .helpPadding {
    padding: 0 25px; }

  .helpTable.contributors .intro {
    margin-right: 0px;
    padding-right: calc(100% - 590px); } }
@media screen and (max-width: 1024px) {
  .modalBlock .infoContent.videolist {
    border: none; } }
@media screen and (max-width: 1023px) {
  .pointAndClickLink .blocker,
  .interactive .blocker {
    display: flex; }
    .pointAndClickLink .blocker .rtHomeTitle,
    .interactive .blocker .rtHomeTitle {
      opacity: 0.7; }
  .pointAndClickLink iframe,
  .interactive iframe {
    display: none; }
  .pointAndClickLink .helpChoice .rtHomeTitle,
  .interactive .helpChoice .rtHomeTitle {
    opacity: 0; }
  .pointAndClickLink .helpChoice .tutorialThumbnail,
  .interactive .helpChoice .tutorialThumbnail {
    box-shadow: none; }
  .pointAndClickLink .helpChoice img,
  .interactive .helpChoice img {
    box-shadow: none; }

  .modalBlock .infoContent {
    max-height: 100%;
    max-width: 100%;
    border: none; }

  .interactive .blocker {
    margin: 0;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    opacity: 1; }
    .interactive .blocker p {
      line-height: 1.3em; }

  .pointAndClick .blocker {
    display: flex; }
  .pointAndClick .lineFix {
    display: none; }
  .pointAndClick > p {
    display: none; }

  .helpTable .pointAndClickLink .rtHomeTitle h1:after {
    opacity: 0; }

  .contentTutorials .accordion-container {
    width: 100%;
    max-width: unset; }
    .contentTutorials .accordion-container p {
      margin: 5px 0 20px;
      max-width: 680px; }

  .productThumbnailRight {
    position: relative;
    top: auto;
    margin-bottom: 20px; }

  #PandC-Parent {
    display: none; } }
@media screen and (max-width: 960px) {
  .helpTable {
    flex-direction: column;
    width: 100%; }
    .helpTable.contributors {
      flex-direction: row; }
      .helpTable.contributors p {
        flex: 0 1 50%;
        margin-bottom: 10px; }
    .helpTable .tableCellLeftAlign {
      flex: 0;
      width: 100%;
      margin: 0 0 20px 0; }
    .helpTable .helpChoice {
      flex-direction: row-reverse;
      justify-content: flex-end; }
    .helpTable .tutorialThumbnail {
      flex: 0 0 auto;
      margin: 0 20px 0 0;
      width: 164px;
      height: 123px; }
      .helpTable .tutorialThumbnail img {
        width: 100%;
        height: auto; }
    .helpTable .rtHomeTitle {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
    .helpTable .rtHomeInstructions {
      height: auto; }

  .pointAndClickLink .blocker {
    flex-direction: row;
    justify-content: flex-start; }
  .pointAndClickLink .noEntry {
    flex: 0 0 auto;
    width: 160px;
    height: 100%;
    background-size: 90px;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-top: 0;
    margin-right: 28px; }

  .infoPanel .helpTable .tableCellLeftAlign.pointAndClickLink {
    display: none; }
  .infoPanel .helpTable .rtHomeTitle {
    align-items: stretch; }

  .helpBubble.arrowRight#gotIt-welcomerOptionInput {
    margin: -30px 0px 0 -226px;
    width: 203px; } }
@media screen and (max-width: 768px) {
  .sliderLHS > p:first-of-type,
  .sliderRHS > p:first-of-type {
    width: 100%;
    max-width: unset; }

  .productsCoveredRight {
    position: relative;
    right: auto;
    top: auto;
    margin: 10px 0 0 0; } }
@media screen and (max-width: 725px) {
  .helpBubble.arrowRight#gotIt-welcomerOptionInput {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden; } }
@media screen and (max-width: 580px) {
  .sliderLHS,
  .sliderRHS,
  .helpPadding {
    padding: 0 30px; }

  .helpTable.contributors p {
    flex: 0 1 100%; }
  .helpTable .tutorialThumbnail {
    width: 123px;
    height: 92px; }
  .helpTable .pointAndClickLink .noEntry {
    width: 123px;
    height: 92px; } }
@media screen and (max-width: 480px) {
  .sliderLHS,
  .sliderRHS,
  .helpPadding {
    padding: 0 25px; }

  .helpTable .rtHomeTitle h1 {
    font-size: 20px; }
  .helpTable .rtHomeInstructions {
    font-size: 12px; } }
@media screen and (max-width: 1024px) {
  .helpContributors {
    position: fixed;
    width: 100vw;
    height: 100vh;
    max-width: unset;
    max-height: unset;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    margin: 0; } }
@media screen and (max-height: 800px) {
  .helpContributors {
    position: fixed;
    width: 100vw;
    height: 100vh;
    max-width: unset;
    max-height: unset;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    margin: 0; } }
.cc-window {
  position: fixed;
  box-sizing: border-box;
  z-index: 9999;
  transition: opacity 1s ease;
  font-family: 'Muli';
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3em;
  padding: 1.4em 1.6em;
  width: 100%;
  max-width: 640px;
  bottom: 20px;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  transform: translate(-50%, 0);
  left: 50%;
  background-color: #e0e3eb;
  color: #726b85;
  border: 1px solid #c8cdda; }
  .cc-window .cc-message {
    margin-bottom: 1.3em;
    width: 100%;
    text-align: left; }
  .cc-window.cc-invisible {
    opacity: 0; }

.cc-link {
  padding-bottom: 0.1em;
  border-bottom: 1px dotted #afaabb;
  position: absolute;
  bottom: 33px; }
  .cc-link:hover {
    opacity: 1; }

.cc-btn {
  display: block;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  white-space: nowrap;
  background: #e64c0f;
  border: none;
  border-radius: 0;
  padding: 12px 0;
  font-size: 15px;
  font-weight: 400;
  color: white;
  width: 120px;
  cursor: pointer; }
  .cc-btn:hover {
    color: white; }

.pp-layout {
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

@media print {
  .cc-revoke,
  .cc-window {
    display: none; } }
@media screen and (max-width: 639px) {
  .cc-window.cc-bottom {
    border-radius: 0;
    bottom: 0; } }
::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity .25s;
  transition: opacity .25s; }

/* Chrome <=56, Safari < 10 */
:-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity .25s;
  transition: opacity .25s; }

/* FF 4-18 */
::-moz-placeholder {
  opacity: 1;
  -moz-transition: opacity .25s;
  transition: opacity .25s; }

/* FF 19-51 */
:-ms-input-placeholder {
  opacity: 1;
  -ms-transition: opacity .25s;
  transition: opacity .25s; }

/* IE 10+ */
::placeholder {
  opacity: 1;
  transition: opacity .25s; }

/* Modern Browsers */
*:focus::-webkit-input-placeholder {
  opacity: 0; }

/* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder {
  opacity: 0; }

/* FF 4-18 */
*:focus::-moz-placeholder {
  opacity: 0; }

/* FF 19-50 */
*:focus:-ms-input-placeholder {
  opacity: 0; }

/* IE 10+ */
*:focus::placeholder {
  opacity: 0; }

/*# sourceMappingURL=master.css.map */