@import url(notosanssc.css);
@import url(notosanstc.css);
/* Basscss Modules */
/*! Basscss | http://basscss.com | MIT License */
/* Basscss Type Scale */
.h00 { font-size: 4rem }
.h0 { font-size: 3rem }
.h1 { font-size: 2rem }
.h2 { font-size: 1.5rem }
.h3 { font-size: 1.25rem }
.h4 { font-size: 1rem }
.h5 { font-size: 0.875rem }
.h6 { font-size: 0.75rem }
/* Basscss Typography */
.font-family-inherit { font-family: inherit }
.font-size-inherit { font-size: inherit }
.text-decoration-none { text-decoration: none }
.bold    { font-weight: bold; font-weight: 700 }
.regular { font-weight: normal }
.italic  { font-style: italic }
.caps    { text-transform: uppercase; letter-spacing: .2em; }
.left-align   { text-align: left }
.center       { text-align: center }
.right-align  { text-align: right }
.justify      { text-align: justify }
.nowrap { white-space: nowrap }
.break-word { word-wrap: break-word }
.line-height-1 { line-height: 1 }
.line-height-2 { line-height: 1.125 }
.line-height-3 { line-height: 1.25 }
.line-height-4 { line-height: 1.5 }
.list-style-none { list-style: none }
.underline { text-decoration: underline }
.truncate {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-reset {
  list-style: none;
  padding-left: 0;
}
/* Basscss Layout */
.inline       { display: inline }
.block        { display: block }
.inline-block { display: inline-block }
.table        { display: table }
.table-cell   { display: table-cell }
.overflow-hidden { overflow: hidden }
.overflow-scroll { overflow: scroll }
.overflow-auto   { overflow: auto }
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table
}
.clearfix:after { clear: both }
.left  { float: left }
.right { float: right }
.fit { max-width: 100% }
.max-width-1 { max-width: 24rem }
.max-width-2 { max-width: 32rem }
.max-width-3 { max-width: 48rem }
.max-width-4 { max-width: 64rem }
.border-box { -webkit-box-sizing: border-box; box-sizing: border-box }
/* Basscss Align */
.align-baseline { vertical-align: baseline }
.align-top      { vertical-align: top }
.align-middle   { vertical-align: middle }
.align-bottom   { vertical-align: bottom }
/* Basscss Margin */
.m0  { margin:        0 }
.mt0 { margin-top:    0 }
.mr0 { margin-right:  0 }
.mb0 { margin-bottom: 0 }
.ml0 { margin-left:   0 }
.mx0 { margin-left:   0; margin-right:  0 }
.my0 { margin-top:    0; margin-bottom: 0 }
.m1  { margin:        0.5rem }
.mt1 { margin-top:    0.5rem }
.mr1 { margin-right:  0.5rem }
.mb1 { margin-bottom: 0.5rem }
.ml1 { margin-left:   0.5rem }
.mx1 { margin-left:   0.5rem; margin-right:  0.5rem }
.my1 { margin-top:    0.5rem; margin-bottom: 0.5rem }
.m2  { margin:        1rem }
.mt2 { margin-top:    1rem }
.mr2 { margin-right:  1rem }
.mb2 { margin-bottom: 1rem }
.ml2 { margin-left:   1rem }
.mx2 { margin-left:   1rem; margin-right:  1rem }
.my2 { margin-top:    1rem; margin-bottom: 1rem }
.m3  { margin:        2rem }
.mt3 { margin-top:    2rem }
.mr3 { margin-right:  2rem }
.mb3 { margin-bottom: 2rem }
.ml3 { margin-left:   2rem }
.mx3 { margin-left:   2rem; margin-right:  2rem }
.my3 { margin-top:    2rem; margin-bottom: 2rem }
.m4  { margin:        4rem }
.mt4 { margin-top:    4rem }
.mr4 { margin-right:  4rem }
.mb4 { margin-bottom: 4rem }
.ml4 { margin-left:   4rem }
.mx4 { margin-left:   4rem; margin-right:  4rem }
.my4 { margin-top:    4rem; margin-bottom: 4rem }
.mxn1 { margin-left: -0.5rem; margin-right: -0.5rem; }
.mxn2 { margin-left: -1rem; margin-right: -1rem; }
.mxn3 { margin-left: -2rem; margin-right: -2rem; }
.mxn4 { margin-left: -4rem; margin-right: -4rem; }
.m-auto  { margin: auto; }
.mt-auto { margin-top: auto }
.mr-auto { margin-right: auto }
.mb-auto { margin-bottom: auto }
.ml-auto { margin-left: auto }
.mx-auto { margin-left: auto; margin-right: auto; }
.my-auto { margin-top: auto; margin-bottom: auto; }
/* Basscss Padding */
.p0  { padding: 0 }
.pt0 { padding-top: 0 }
.pr0 { padding-right: 0 }
.pb0 { padding-bottom: 0 }
.pl0 { padding-left: 0 }
.px0 { padding-left: 0; padding-right:  0 }
.py0 { padding-top: 0;  padding-bottom: 0 }
.p1  { padding:        0.5rem }
.pt1 { padding-top:    0.5rem }
.pr1 { padding-right:  0.5rem }
.pb1 { padding-bottom: 0.5rem }
.pl1 { padding-left:   0.5rem }
.py1 { padding-top:    0.5rem; padding-bottom: 0.5rem }
.px1 { padding-left:   0.5rem; padding-right:  0.5rem }
.p2  { padding:        1rem }
.pt2 { padding-top:    1rem }
.pr2 { padding-right:  1rem }
.pb2 { padding-bottom: 1rem }
.pl2 { padding-left:   1rem }
.py2 { padding-top:    1rem; padding-bottom: 1rem }
.px2 { padding-left:   1rem; padding-right:  1rem }
.p3  { padding:        2rem }
.pt3 { padding-top:    2rem }
.pr3 { padding-right:  2rem }
.pb3 { padding-bottom: 2rem }
.pl3 { padding-left:   2rem }
.py3 { padding-top:    2rem; padding-bottom: 2rem }
.px3 { padding-left:   2rem; padding-right:  2rem }
.p4  { padding:        4rem }
.pt4 { padding-top:    4rem }
.pr4 { padding-right:  4rem }
.pb4 { padding-bottom: 4rem }
.pl4 { padding-left:   4rem }
.py4 { padding-top:    4rem; padding-bottom: 4rem }
.px4 { padding-left:   4rem; padding-right:  4rem }
/* Basscss Grid */
.col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.col-right {
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.col-1 {
  width: 8.33333%;
}
.col-2 {
  width: 16.66667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333%;
}
.col-5 {
  width: 41.66667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333%;
}
.col-8 {
  width: 66.66667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333%;
}
.col-11 {
  width: 91.66667%;
}
.col-12 {
  width: 100%;
}
@media (min-width: 40em) {

  .sm-col {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .sm-col-right {
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .sm-col-1 {
    width: 8.33333%;
  }

  .sm-col-2 {
    width: 16.66667%;
  }

  .sm-col-3 {
    width: 25%;
  }

  .sm-col-4 {
    width: 33.33333%;
  }

  .sm-col-5 {
    width: 41.66667%;
  }

  .sm-col-6 {
    width: 50%;
  }

  .sm-col-7 {
    width: 58.33333%;
  }

  .sm-col-8 {
    width: 66.66667%;
  }

  .sm-col-9 {
    width: 75%;
  }

  .sm-col-10 {
    width: 83.33333%;
  }

  .sm-col-11 {
    width: 91.66667%;
  }

  .sm-col-12 {
    width: 100%;
  }

}
@media (min-width: 52em) {

  .md-col {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .md-col-right {
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .md-col-1 {
    width: 8.33333%;
  }

  .md-col-2 {
    width: 16.66667%;
  }

  .md-col-3 {
    width: 25%;
  }

  .md-col-4 {
    width: 33.33333%;
  }

  .md-col-5 {
    width: 41.66667%;
  }

  .md-col-6 {
    width: 50%;
  }

  .md-col-7 {
    width: 58.33333%;
  }

  .md-col-8 {
    width: 66.66667%;
  }

  .md-col-9 {
    width: 75%;
  }

  .md-col-10 {
    width: 83.33333%;
  }

  .md-col-11 {
    width: 91.66667%;
  }

  .md-col-12 {
    width: 100%;
  }

}
@media (min-width: 64em) {

  .lg-col {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .lg-col-right {
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .lg-col-1 {
    width: 8.33333%;
  }

  .lg-col-2 {
    width: 16.66667%;
  }

  .lg-col-3 {
    width: 25%;
  }

  .lg-col-4 {
    width: 33.33333%;
  }

  .lg-col-5 {
    width: 41.66667%;
  }

  .lg-col-6 {
    width: 50%;
  }

  .lg-col-7 {
    width: 58.33333%;
  }

  .lg-col-8 {
    width: 66.66667%;
  }

  .lg-col-9 {
    width: 75%;
  }

  .lg-col-10 {
    width: 83.33333%;
  }

  .lg-col-11 {
    width: 91.66667%;
  }

  .lg-col-12 {
    width: 100%;
  }

}
.flex { display: -webkit-box; display: -ms-flexbox; display: flex }
@media (min-width: 40em) {
  .sm-flex { display: -webkit-box; display: -ms-flexbox; display: flex }
}
@media (min-width: 52em) {
  .md-flex { display: -webkit-box; display: -ms-flexbox; display: flex }
}
@media (min-width: 64em) {
  .lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex }
}
.flex-column  { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.flex-wrap    { -ms-flex-wrap: wrap; flex-wrap: wrap }
.items-start    { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.items-end      { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
.items-center   { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline }
.items-stretch  { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.self-start    { -ms-flex-item-align: start; align-self: flex-start }
.self-end      { -ms-flex-item-align: end; align-self: flex-end }
.self-center   { -ms-flex-item-align: center; align-self: center }
.self-baseline { -ms-flex-item-align: baseline; align-self: baseline }
.self-stretch  { -ms-flex-item-align: stretch; align-self: stretch }
.justify-start   { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.justify-end     { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.justify-center  { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.justify-around  { -ms-flex-pack: distribute; justify-content: space-around }
.justify-evenly  { -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly }
.content-start   { -ms-flex-line-pack: start; align-content: flex-start }
.content-end     { -ms-flex-line-pack: end; align-content: flex-end }
.content-center  { -ms-flex-line-pack: center; align-content: center }
.content-between { -ms-flex-line-pack: justify; align-content: space-between }
.content-around  { -ms-flex-line-pack: distribute; align-content: space-around }
.content-stretch { -ms-flex-line-pack: stretch; align-content: stretch }
/* 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0; /* 1 */
  min-height: 0; /* 1 */
}
.flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none }
.order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 }
.order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
.order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 }
.order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 }
.order-last { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999 }
/* Basscss Position */
.relative { position: relative }
.absolute { position: absolute }
.fixed    { position: fixed }
.top-0    { top: 0 }
.right-0  { right: 0 }
.bottom-0 { bottom: 0 }
.left-0   { left: 0 }
.z1 { z-index: 1 }
.z2 { z-index: 2 }
.z3 { z-index: 3 }
.z4 { z-index: 4 }
/* Basscss Border */
.border {
  border-style: solid;
  border-width: 1px;
}
.border-top {
  border-top-style: solid;
  border-top-width: 1px;
}
.border-right {
  border-right-style: solid;
  border-right-width: 1px;
}
.border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.border-left {
  border-left-style: solid;
  border-left-width: 1px;
}
.border-none { border: 0 }
.rounded { border-radius: 0.25rem }
.circle  { border-radius: 50% }
.rounded-top    { border-radius: 0.25rem 0.25rem 0 0 }
.rounded-right  { border-radius: 0 0.25rem 0.25rem 0 }
.rounded-bottom { border-radius: 0 0 0.25rem 0.25rem }
.rounded-left   { border-radius: 0.25rem 0 0 0.25rem }
.not-rounded { border-radius: 0 }
/* Basscss Hide */
.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
@media (max-width: 40em) {
  .xs-hide { display: none !important }
}
@media (min-width: 40em) and (max-width: 52em) {
  .sm-hide { display: none !important }
}
@media (min-width: 52em) and (max-width: 64em) {
  .md-hide { display: none !important }
}
@media (min-width: 64em) {
  .lg-hide { display: none !important }
}
.display-none { display: none !important }
/* Site Theme */
/* Custom media queries */
/*
@custom-media --breakpoint-sm (min-width: 40em);
@custom-media --breakpoint-md (min-width: 52em);
@custom-media --breakpoint-lg (min-width: 64em);
*/
h1,
h3,
.tagline {
  color: #565656;
}
/* Custom properties */
html {
  height: 100%;
}
body {
  font-family: 'Roboto', sans-serif;
  min-height: 100%;
}
[lang=my] body {
  line-height: 1.4rem;
}
html,
body {
  min-width: 768px;
}
footer {
  font-size: 14px;
  font-weight: 300;
}
a,
a:visited,
a:hover {
  text-decoration: none;
  cursor: pointer;
}
svg {
  display: block;
}
[dir='rtl'] .col {
  float: right;
}
.height-1 {
  height: 10%;
}
.height-2 {
  height: 20%;
}
.height-4 {
  height: 30%;
}
.height-6 {
  height: 50%;
}
.height-10 {
  height: 80%;
}
.height-11 {
  height: 90%;
}
.height-12 {
  height: 100%;
}
.height-auto {
  height: auto;
}
.height-97 {
  min-height: 97.5vh;
}
.min-height-2 {
  min-height: 10vh;
}
.min-height-v12 {
  min-height: 12vh;
}
.min-height-3 {
  min-height: 20vh;
}
.min-height-4 {
  min-height: 30vh;
}
.min-height-5 {
  min-height: 40vh;
}
.min-height-6 {
  min-height: 50vh;
}
.min-height-8 {
  min-height: 65vh;
}
.min-height-10 {
  min-height: 80vh;
}
.min-height-11 {
  min-height: 90vh;
}
.min-height-12 {
  min-height: 100vh;
}
@media (max-width: 1242px){
  .min-height {
    min-height: 250px;
  }

  .min-height-8 {
    min-height: 55vh;
  }
}
.min-height-490 {
  min-height: 490px;
}
.max-height-240 {
  max-height: 240px;
}
.max-height-380 {
  max-height: 380px;
}
.max-height-430 {
  max-height: 430px;
}
.max-height-450 {
  max-height: 450px;
}
.max-height-11 {
  max-height: 90vh;
}
.min-width-90 {
  min-width: 90px;
}
.min-width-400 {
  min-width: 400px;
}
.right-minus-1 {
  right: -0.5rem;
}
.right-minus-2 {
  right: -1rem;
}
.left-minus-1 {
  left: -0.5rem;
}
.left-minus-2 {
  left: -1rem;
}
.top-minus-100 {
  top: -100px;
}
.margin-top-minus-5 {
  margin-top: -5px;
}
.margin-top-minus-20 {
  margin-top: -20px;
}
.margin-top-minus-24 {
  margin-top: -24px;
}
.margin-top-minus-33 {
  margin-top: -33px;
}
.margin-top-minus-40 {
  margin-top: -40px;
}
.margin-top-minus-70 {
  margin-top: -70px;
}
.margin-top-minus-100 {
  margin-top: -100px;
}
.margin-top-250 {
  margin-top: 250px;
}
.margin-top-280 {
  margin-top: 280px;
}
.upper-case {
  text-transform: uppercase;
}
.lower-case {
  text-transform: lowercase;
}
.content-max-width {
  max-width: 1150px;
}
.max-width-5 {
  max-width: 80rem;
}
@media (max-width: 1614px) {
  .max-width {
    max-width: 1320px;
  }
}
@media (max-width: 1160px) {
  .max-width {
    max-width: 936px;
  }
}
@media (min-width: 1615px) {
  .max-width {
    max-width: 1620px;
  }
}
.shadow {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
}
.text-shadow {
  text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}
.grayscale {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
}
.grayscale h5 {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.opacity-8 {
  opacity: 0.8;
}
.opacity-6 {
  opacity: 0.6;
}
.opacity-4 {
  opacity: 0.4;
}
.opacity-3 {
  opacity: 0.3;
}
.opacity-2 {
  opacity: 0.2;
}
.opacity-0 {
  opacity: 0;
}
.pill-30 {
  border-radius: 30px;
}
.pointer {
  cursor: pointer;
}
.border-color {
  border-color: #d1d1d1;
}
.border-white {
  border-color: #fff;
}
.border-green {
  border-color: #7faf41;
}
.border-red {
  border-color: #c23b2d;
}
.border-theme {
  border-color: #b4d4e8;
}
.border-gold {
  border-color: #ec9e18;
}
.border-platinum {
  border-color: #2a3393;
}
.border-diamond {
  border-color: #000000;
}
.border-width-2 {
  border-width: 2px;
}
.border-width-4 {
  border-width: 4px;
}
.fill-action-unhighlight {
  fill: #797c7e;
}
.fill-action-highlight {
  fill: #4c88af;
}
.fill-theme-primary {
  fill: #4c88af;
}
.fill-theme-dark {
  fill: #0E2A3B;
}
.fill-discount-badge {
  fill: #FF3B30;
}
.color-dark-grey {
  color: #323232;
}
.color-medium-grey {
  color: #797c7e;
}
.color-darkest {
  color: #333;
}
.color-action-highlight {
  color: #4c88af;
}
.color-action-highlight-transparent {
  color: rgba(76,136,175, 0.8);
}
.color-link {
  color: #0074d9;
}
.bg-standard {
  background-color: #95989a;
}
.bg-header-background {
  background-color: #b4d4e8;
}
.fill-membership-features-locked {
  fill: #112e41;
  color: #112e41;
  opacity: 1;
}
.fill-membership-features {
  fill: #0e2a3b;
  color: #0e2a3b;
  opacity: 1;
}
.fill-standard {
  fill: #95989a;
}
.fill-diamond {
  fill: #000000;
}
.diamond {
  color: #000000;
}
.fill-platinum {
  fill: #2a3393;
}
.platinum {
  color: #2a3393;
}
.gold {
  color: #ec9e18;
}
.fill-gold {
  fill: #ec9e18;
}
.bg-gold {
  background-color: #ec9e18;
}
.bg-gold-tint {
  background-color: #FFFDFA;
}
.bg-gold-alpha-1 {
  background-color: #EC9E181A;
}
.bg-yellow {
  background-color: #ecce45;
}
.bg-green {
  background-color: #7faf41;
  -webkit-print-color-adjust:exact;
}
.bg-platinum {
  background-color: #2a3393;
}
.bg-platinum-tint {
  background-color: #F9F9FD;
}
.bg-platinum-alpha-1 {
  background-color: #2A33931A;
  ;
}
.bg-diamond {
  background-color: #000000;
}
.bg-diamond-tint {
  background-color: #F3F3F3;
}
.bg-diamond-alpha-1 {
  background-color: #f8f8f8;
}
.fill-green {
  fill: #7faf41;
}
.green {
  color: #7faf41;
}
.fill-orange {
  fill: #c78515;
}
.orange {
  color: #c78515;
}
.fill-verify-yellow {
  fill: #ff9c1a;
}
.online {
  width: 20px;
  height: 20px;
  fill: #089c47;
  border-style: solid;
}
.online svg{
  width: 20px;
  height: 20px;
}
.bg-grey {
  background-color: #a19e9e;
}
.bg-grey-alpha-1 {
  background-color: rgba(161, 158, 158, 0.1);
}
.bg-grey-alpha-2 {
  background-color: rgba(161, 158, 158, 0.2);
}
.bg-black-alpha-6 {
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-black-alpha-7 {
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-black-alpha-8 {
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-black-alpha-85 {
  background-color: rgba(0, 0, 0, 0.85);
}
.bg-light-grey {
  background-color: #e9e9e9;
}
.bg-light-silver {
  background-color: #F8F8F8;
}
.bg-dark-grey {
  background-color: #565656;
}
.bg-messages {
  background-color: #f8f8f8;
}
.bg-action-highlight {
  background-color: #4c88af;
}
.bg-discount-badge-red {
  background: #FF3B30;
}
.fill-grey {
  fill: #a19e9e;
}
.fill-font-color {
  fill: #505656;
}
.bg-white {
  background-color: #fff;
}
.bg-red {
  background-color: #c23b2d;
}
.bg-red-brighter {
  background-color: #EF2917;
}
.bg-transparent {
  background-color: transparent;
}
.bg-search {
  background-color: #b4d4e8;
}
.bg-next-step {
  background-color: #b4d4e8;
}
.fill-white {
  fill: #fff;
}
.white {
  color: #fff;
}
.fill-red {
  fill: #c23b2d;
}
.red,
.text-red {
  color: #c23b2d;
}
.red-lighter {
  color: #EF2917;
}
.error {
  background-color: #c23b2d;
  color: #fff;
}
.bg-highlight {
  background-color: rgba(255,65,54, 0.05);
}
.bg-draft-mode {
  background-color: #f8efef;
}
.bg-theme {
  background-color: #4c88af;
}
.bg-theme-alpha-05 {
  background-color: rgba(76,136,175, 0.05);
}
.bg-theme-secondary {
  background-color: #395a72;
  -webkit-print-color-adjust: exact;
}
.bg-transparent {
  background-color: transparent;
}
.theme-color {
  color: #4c88af;
}
.theme-color-secondary {
  color: #395a72;
}
.body-font-color {
  color: #505656;
}
.header-strip-font-color {
  color: #fff;
}
.busy {
  fill: #ff8900;
}
.facebook {
  background-color: #1877F2;
}
.google {
  border: 1px solid #aaa;
}
.btn-bg {
  background-color: #4c88af;
}
.btn-color {
  color: #fff;
}
[disabled].btn-color {
  color: #a19e9e;
}
a.btn-color,
a.btn-color:active,
a.btn-color:visited,
a.btn-color:hover {
  color: #fff;
}
.btn-bg-dark {
  background-color: #b4d4e8;
}
.btn-color-dark {
  color: #222;
}
a.btn-color-dark,
a.btn-color-dark:visited,
a.btn-color-dark:hover {
  color: #222;
}
a.fb-login,
a.fb-login:visited,
a.fb-login:hover {
  color: #fff;
}
.login-btn {
  background-color: #4c88af;
  color: #fff;
  display: block;
  position: relative;
  overflow: hidden;
}
a.login-btn,
a.login-btn:visited,
a.login-btn:hover {
  color: #fff;
}
.diagram-btn {
  background-color: #b4d4e8;
  color: #222;
  position: relative;
  overflow: hidden;
}
a.diagram-btn,
a.diagram-btn:visited,
a.diagram-btn:hover {
  color: #222;
}
a.diagram-btn svg {
  fill: #333;
}
/* list results */
.list-card {
  height: 196px;
}
.unread {
  background-color: #4c88af;
  width: 10px;
}
.unselected {
  background-color: rgba(114, 114, 114, .9);
}
.unselected-transparent {
  background-color: transparent;
}
input ~ .recover {
  background-color: rgba(194, 59, 45, .9);
  display: none;
}
input ~ .recover-transparent {
  background-color: transparent;
}
[type=checkbox]:checked ~ .unselected {
  display: none;
}
[type=checkbox]:checked ~ .recover {
  display: inherit;
}
.card-image-bg-color {
  background-color: #e0e0e0;
}
/* Progress Bar */
.progress-bar-highlight {
  height: 15px;
}
/* iPad hamburger menu */
.show-toggle {
  display: block;
}
@media (min-width: 1439px) {
  .hide-nav {
    display: block;
  }

  .hide-nav-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .show-toggle {
    display: none;
  }
}
@media (max-height: 880px) { /* hide the title and tabs on screens that are not tall enough */
  .hide-tabs {
    display: none;
  }
  .padding-small-screen {
    height: 0;
    padding: 0;
  }
}
/* footer */
.trademark p {
  margin: 0;
}
/* help */
.help svg {
  width: 25px;
  height: 25px;
}
button {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none;
  font-family: inherit;
}
/* Button highlight */
button:focus::after,
.button:focus::after,
button:active::after,
.button:active::after {
  background-color: #000;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  -webkit-animation: button-highlight 500ms;
          animation: button-highlight 500ms;
  pointer-events: none;
}
button:focus,
.button:focus,
button:active,
.button:active {
  outline: 0;
}
/* Button no highlight for streaming*/
[data-streaming-list] button:focus::after,
[data-streaming-list] button.button:focus::after,
[data-streaming-list] buttonbutton:active::after,
[data-streaming-list] button.button:active::after {
  -webkit-animation: none;
          animation: none;
  background-color: transparent;
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events {
  pointer-events: all;
}
/* Images in circle render fix */
.img-fit {
  width: calc(100% + 4px);
}
.bg-img-fit {
  background-size: cover;
  background-position: center;
}
.bg-img-fit-top {
  background-position: 0 0;
}
/* iPad */
@media (max-width : 1024px) {
  .hide-on-iPad {
    display: none;
  }

  footer div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.overlay {
  background-color: rgba(0,0,0,0.5);
}
.overlay-7 {
  background-color: rgba(0,0,0,0.7);
}
.svg-fit {
  width: 100%;
  height: 100%;
}
.line-50 {
  width: 50px;
}
/* results tabs */
.tabs {
  max-width: 998px;
}
.tab-bottom-minus-2 {
  margin-bottom: -2px;
}
.tabs-min-width-768{
  min-width: 768px;
}
/* keeping it the same width as col-10 */
.tabs-max-width-10 {
  max-width: 83.33333%;
}
@media (max-width: 1160px) {
  .tabs-max-width-10 {
    max-width: 100%;
  }
}
.tabs a,
.tabs a:visited,
.tabs a:hover {
  color: #fff;
}
.tabs h4,
.tabs .h4{
  border-width: 4px;
}
.tabs .count[data-badge]::after {
  right: -25px;
}
/* iPad */
@media (max-width: 1050px) {
  .profile-image-46 {
    width: 36px;
    height: 36px;
  }
  [dir="ltr"] .tabs .me4 {
    margin-right: 3.5rem;
  }

  [dir="rtl"] .tabs .me4 {
    margin-left: 3.5rem;
  }
}
.modal-bg-green {
  background-color: #70bb46;
  cursor: pointer;
}
a.modal-bg-green,
a.modal-bg-green:visited,
a.modal-bg-green:hover {
  color: #fff;
}
.rotate-45 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
[dir=rtl] .rotate-90 {
  -ms-transform: rotate(-90deg);
}
.rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
[dir=rtl] .icon-long-arrow.rotate-180 {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
[dir=rtl] .rotate-270 {
  -ms-transform: rotate(-270deg);
}
.top-20 {
  top: 20px;
}
.right-20 {
  right: 20px;
}
.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.flip {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
[dir=rtl] .list-reset {
  padding: 0;
}
.break-word {
-ms-hyphens: auto;
    hyphens: auto;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
}
.pre-line {
  white-space: pre-line;
}
.pre-wrap {
  white-space: pre-wrap;
}
.avoid-clicks {
  pointer-events: none;
}
.grab {
  cursor: move;
  cursor: -webkit-grabbing;
}
/* basscss override */
.caps {
  letter-spacing: 0;
}
.m1-5 {
  margin: 0.75rem;
}
.mx1-5 {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}
.my1-5 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.mt1-5 {
  margin-top: 0.75rem;
}
.mb0-5 {
  margin-bottom: 0.25rem;
}
.mb1-5 {
  margin-bottom: 0.75rem;
}
.mb2-5 {
  margin-bottom: 1.5rem;
}
.p1-5 {
  padding: 0.75rem;
}
.p2-25 {
  padding: 1.25rem;
}
.p2-5 {
  padding: 1.5rem;
}
.sticky {
  position: sticky;
}
.google-btn-bg {
  background-color: #4285f4;
}
.line-through {
  text-decoration: line-through;
}
.google-btn-border {
  border: 1px solid #4285f4;
}
.show-hide {
  top: -1px;
  right: -1px;
  width: 39px;
  height: 39px;
}
[dir=rtl] .show-hide {
  right: auto;
  left: -1px;
}
.pill {
  border-radius: 30px;
}
.pill svg {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.pill a {
  text-decoration: none;
  color: inherit;
}
.rounded-2 { 
  border-radius: 0.5rem;
}
.rounded-5 { 
  border-radius: 1.25rem;
}
.rounded-full { 
  border-radius: 1000px;
}
.responsive-iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
}
/*google sign-in override*/
#google-signin2 .abcRioButton{
  width: auto !important;
}
#google-signin2 .abcRioButtonContents {
  font-size: inherit !important;
  font-weight: inherit;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600;
}
.small-text {
  font-size: 12px;
}
.x-small-text {
  font-size: 10px;
}
.divider {
  height: 2px;
  width: 100%;
}
.noto-color-emoji-regular {
  font-family: "Noto Color Emoji", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.membership-carousel{
  overflow: auto;
  min-width: 100%;
  max-width: 100%;
  scroll-behavior: smooth;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.snap-align-center {
  scroll-snap-align: center;
}
/* Modules */
/* Design not set to a module */
html,
body {
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 1614px) {
  html,
  body {
    font-size: 15px;
  }

  .h3 {
    font-size: 1.15rem;
  }
}
@media (max-width: 1242px) {
  html,
  body {
    font-size: 14px;
  }

  .h3 {
    font-size: 1.20rem;
  }
}
body {
  background-color: #f8f8f8;
  color: #505656;
  margin: 0;
  padding: 0;
}
[lang=ms] *,
[lang=in] *,
[lang=my] * {
  font-family: 'Noto Sans', sans-serif;
}
[lang=zh-Hant] * {
  font-family: 'Noto Sans TC', sans-serif;
  font-weight: 400;
 }
[lang=zh-Hans] * {
  font-family: 'Noto Sans SC Sliced', sans-serif;
  font-weight: 400;
}
[lang=ar] * {
  font-family: 'Tajawal', sans-serif;
}
[lang=ja] * {
  font-family: 'M PLUS 1p';
}
[lang=ko] *,
[lang=km] * {
  font-family: 'Noto Sans KR', sans-serif;
}
html[lang=ko],
[lang=ko] body {
  font-weight: 400;
}
[lang=ja] em,
[lang=vi] em,
[lang=zh-Hans] em,
[lang=zh-Hant] em {
  font-style: inherit;
}
body.returnToMobileHeader {
  min-width: 100%;
}
*[hidden] {
  display: none;
}
h1 {
  color: inherit;
}
h3,
.tagline {
  color: #323232;
}
h2 {
  font-weight: 400;
  color: #395a72;
}
h1,
.profile h3,
.profile .h3,
.header .h3,
.tagline,
.tabs .h4,
.three-dot .h4,
.header-sub-menu {
  font-weight: 300;
}
h2,
.h2,
h3,
.h3 {
  font-weight: 400;
}
[lang=zh-Hant] .header .h3{
  font-weight: 400;
}
[lang=zh-Hans] .header .h3{
  font-weight: 400;
}
[lang=ko] h1,
[lang=ko] h2,
[lang=ko] h3,
[lang=ko] .h3,
[lang=ko] .tagline,
[lang=ko] h4,
[lang=ko] .h4 {
  font-weight: 400;
}
[lang=my] h1,
[lang=my] .h1 {
  line-height: 3.3rem;
}
[lang=km] h1,
[lang=km] .h1 {
  line-height: 5.3rem;
}
[lang=my] h2,
[lang=my] .h2,
[lang=km] h2,
[lang=km] .h2 {
  line-height: 2.3rem;
}
[lang=my] h3,
[lang=my] .h3,
[lang=my] fieldset,
[lang=my] label,
[lang=my] select {
  line-height: 1.9rem;
}
[lang=km] p,
[lang=km] h3,
[lang=km] .h3,
[lang=km] h4,
[lang=km] .h4,
[lang=km] fieldset,
[lang=km] select{
  line-height: 1.4rem;
}
[lang=km] label {
  line-height: 1.9rem;
}
a,
a:visited,
a:hover {
  color: #505656;
}
a.white,
a.white:visited,
a.white:hover {
  color: white;
}
a.color-dark-grey,
a.color-dark-grey:visited,
a.color-dark-grey:hover {
  color: #323232;
}
.highlight-a a,
a.highlight,
.highlight {
  color: #4c88af;
}
.error a{
  color: #fff;
}
.weight-400 {
  font-weight: 400;
}
.fade-in {
  -webkit-animation: fade-in 1s;
          animation: fade-in 1s;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.fade-out {
  -webkit-animation: fade-out 350ms;
          animation: fade-out 350ms;
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.pop-fade-out {
  -webkit-animation: pop-fade-out 1s;
          animation: pop-fade-out 1s;
}
@-webkit-keyframes pop-fade-out {
  0% {
    opacity: 1;
    top: 0;
    left: 10%;
  }

  15% {
    top: -10px;
    left: -15%;
  }

  30% {
    top: -15px;
    left: 40%;
  }

  45% {
    top: -25px;
    left: -50%;
  }

  60% {
    top: -35px;
    left: 15%;
  }

  75% {
    top: -40px;
    left: -60%;
  }

  90% {
    top: -45px;
    left: 40%;
  }

  100% {
    top: -50px;
    left: 0;
    opacity: 0;
  }
}
@keyframes pop-fade-out {
  0% {
    opacity: 1;
    top: 0;
    left: 10%;
  }

  15% {
    top: -10px;
    left: -15%;
  }

  30% {
    top: -15px;
    left: 40%;
  }

  45% {
    top: -25px;
    left: -50%;
  }

  60% {
    top: -35px;
    left: 15%;
  }

  75% {
    top: -40px;
    left: -60%;
  }

  90% {
    top: -45px;
    left: 40%;
  }

  100% {
    top: -50px;
    left: 0;
    opacity: 0;
  }
}
/* pop-fade-out for large animations */
.pop-fade-out-lge {
  -webkit-animation: pop-fade-out-lge 1s;
          animation: pop-fade-out-lge 1s;
}
@-webkit-keyframes pop-fade-out-lge {
  0% {
    opacity: 1;
    top: 0;
    left: 10%;
  }

  15% {
    top: -30px;
    left: -15%;
  }

  30% {
    top: -40px;
    left: 10%;
  }

  45% {
    top: -45px;
    left: -20%;
  }

  60% {
    top: -55px;
    left: 15%;
  }

  75% {
    top: -60px;
    left: -20%;
  }

  90% {
    top: -65px;
    left: 20%;
  }

  100% {
    top: -70px;
    left: 0;
    opacity: 0;
  }
}
@keyframes pop-fade-out-lge {
  0% {
    opacity: 1;
    top: 0;
    left: 10%;
  }

  15% {
    top: -30px;
    left: -15%;
  }

  30% {
    top: -40px;
    left: 10%;
  }

  45% {
    top: -45px;
    left: -20%;
  }

  60% {
    top: -55px;
    left: 15%;
  }

  75% {
    top: -60px;
    left: -20%;
  }

  90% {
    top: -65px;
    left: 20%;
  }

  100% {
    top: -70px;
    left: 0;
    opacity: 0;
  }
}
@-webkit-keyframes button-highlight {
  0% {
    opacity: 0.5;
  }

  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
  }
}
@keyframes button-highlight {
  0% {
    opacity: 0.5;
  }

  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
  }
}
.expand-width {
  -webkit-animation: expand-width 350ms;
          animation: expand-width 350ms;
}
@-webkit-keyframes expand-width {
  0% {
    width: 0;
  }

  100% {
    width: auto;
  }
}
@keyframes expand-width {
  0% {
    width: 0;
  }

  100% {
    width: auto;
  }
}
.fade-in-expand-width {
  -webkit-animation: fade-in-expand-width 350ms;
          animation: fade-in-expand-width 350ms;
}
@-webkit-keyframes fade-in-expand-width {
  0% {
    opacity: 0;
    width: 0;
  }

  100% {
    opacity: 1;
    width: auto;
  }
}
@keyframes fade-in-expand-width {
  0% {
    opacity: 0;
    width: 0;
  }

  100% {
    opacity: 1;
    width: auto;
  }
}
.translating::after {
  content: '';
  color: #000;
  -webkit-animation: dots 1.5s infinite linear;
  animation: dots 1.5s infinite linear;
  -webkit-transform-origin: center;
  transform-origin: center;
  width: 20%;
  height: auto;
}
@-webkit-keyframes dots {
  from {
    content: '.';
  }

  50% {
    content: '..';
  }

  to {
    content: '...';
  }
}
@keyframes dots {
  from {
    content: '.';
  }

  50% {
    content: '..';
  }

  to {
    content: '...';
  }
}
.loading-message::after {
  content: attr(data-loading-message-2);
  -webkit-animation: loading-message-content 2.2s linear;
  animation: loading-message-content 2.2s linear;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes loading-message-content {
  from {
    content: attr(data-loading-message);
  }

  to {
    content: attr(data-loading-message-2);
  }
}
@keyframes loading-message-content {
  from {
    content: attr(data-loading-message);
  }

  to {
    content: attr(data-loading-message-2);
  }
}
.menu-pop {
  -webkit-animation: menu-pop 0.3s ease-out;
          animation: menu-pop 0.3s ease-out;
}
@-webkit-keyframes menu-pop {
  from {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes menu-pop {
  from {
    opacity: 0;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.spinner {
  -webkit-animation: 2s infinite cm-spinY;
  animation: 2s infinite cm-spinY;
}
@-webkit-keyframes cm-spinY {

  0% {
    -webkit-transform: rotateY(0deg);
  }

  100% {
    -webkit-transform: rotateY(360deg);
  }
}
@keyframes cm-spinY {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: .5;
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%);
  -o-transition: .5s ease-in-out;
}
.animate-typing .dot {
  -webkit-animation-name:animate-typing-color;
          animation-name:animate-typing-color;
  -webkit-animation-duration:2.24s;
          animation-duration:2.24s;
  -webkit-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
  -webkit-animation-direction:normal;
          animation-direction:normal;
  margin: 5px;
  width: 10px;
  height: 10px;
  background: #565656;
}
.animate-typing :first-child {
  -webkit-animation-delay:0.45s;
          animation-delay:0.45s;
}
.animate-typing :nth-child(2n) {
  -webkit-animation-delay:1.05s;
          animation-delay:1.05s;
}
.animate-typing :last-child {
  -webkit-animation-delay:1.35s;
          animation-delay:1.35s;
}
@-webkit-keyframes animate-typing-color{
  0%{}

  50%{
    opacity:0.5;
  }

  100%{}
}
@keyframes animate-typing-color{
  0%{}

  50%{
    opacity:0.5;
  }

  100%{}
}
.heartbeat {
  -webkit-animation: heartbeat 1.5s ease-in-out 2 both;
  animation: heartbeat 1.5s ease-in-out 2 both;
}
.single-heartbeat,
[data-modal-virtual-gift]:hover,
[data-sparks-gift]:hover img {
  -webkit-animation: heartbeat 1.5s ease-in-out 1 both;
  animation: heartbeat 1.5s ease-in-out 1 both;
}
.heartbeat-delay {
  -webkit-animation: heartbeat 1.5s ease-in-out 3 both;
  animation: heartbeat 1.5s ease-in-out 3 both;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-11-16 9:30:16
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2019-5-15 11:28:56
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.scale-up-hor-left {
  -webkit-animation: scale-up-hor-left 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-hor-left 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.scale-up-hor-center {
  -webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/**
 * ----------------------------------------
 * animation scale-up-hor-left
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
@keyframes scale-up-hor-left {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
  }
}
/**
 * ----------------------------------------
 * animation scale-up-hor-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
.slide-in-top {
  -webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-1-17 9:35:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slide-in-bottom {
  -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-in-bottom-delay {
  -webkit-animation-delay:2s;
          animation-delay:2s;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-6-25 11:0:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.slide-left {
  -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
  }
}
.slide-right {
  -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/**
 * ----------------------------------------
 * animation slide-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
  }
}
.slide-top {
  -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-358px);
    transform: translateY(-358px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-358px);
    transform: translateY(-358px);
  }
}
.scale-in-center {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-8-17 12:54:52
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.puff-in-center {
  -webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
  animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
/* ----------------------------------------------
* Generated by Animista on 2020-8-17 13:26:33
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
.blur-out {
  -webkit-animation: blur-out 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
  animation: blur-out 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
@-webkit-keyframes blur-out {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
@keyframes blur-out {
  0% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
  100% {
    -webkit-filter: blur(4px);
    filter: blur(4px);
  }
}
.scale-in-bottom {
  -webkit-animation: scale-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2020-8-17 13:46:32
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-bottom {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origipuff-in-centern: 50% 100%;
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    opacity: 1;
  }
}
.scale-height {
  -webkit-animation: scale-height 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-height 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-height {
  0% {
    height: 0px;
  }
  100% {
    height: 50px;
  }
}
@keyframes scale-height {
  0% {
    height: 0px;
  }
  100% {
    height: 50px;
  }
}
.tracking-in-expand-fwd-bottom {
  -webkit-animation: tracking-in-expand-fwd-bottom 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
  animation: tracking-in-expand-fwd-bottom 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
/* ----------------------------------------------
* Generated by Animista on 2020-8-17 14:26:31
* Licensed under FreeBSD License.
* See http://animista.net/license for more info.
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation tracking-in-expand-fwd-bottom
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(500px);
    transform: translateZ(-700px) translateY(500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd-bottom {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px) translateY(500px);
    transform: translateZ(-700px) translateY(500px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0);
    transform: translateZ(0) translateY(0);
    opacity: 1;
  }
}
.text-focus-in {
  -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
  animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-8-28 9:19:54
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
.delay-05 {
  -webkit-animation-delay: .5s;
  animation-delay:  .5s;
}
.delay-1 {
  -webkit-animation-delay: 1s;
  animation-delay:  1s;
}
.delay-1-25 {
  -webkit-animation-delay: 1.25s;
  animation-delay:  1.25s;
}
.delay-1-5 {
  -webkit-animation-delay: 1.5s;
  animation-delay:  1.5s;
}
.delay-2 {
  -webkit-animation-delay: 2s;
  animation-delay:  2s;
}
.delay-2-25 {
  -webkit-animation-delay: 2.25s;
  animation-delay:  2.25s;
}
.delay-2-5 {
  -webkit-animation-delay: 2.5s;
  animation-delay:  2.5s;
}
.delay-3{
  -webkit-animation-delay: 3s;
  animation-delay:  3s;
}
.delay-3-25{
  -webkit-animation-delay: 3.25s;
  animation-delay:  3.25s;
}
.skewed {
  -webkit-transform: skew(-24deg);
          transform: skew(-24deg);
}
.vertical-text {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.scale-in-center {
  -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-8-19 10:0:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.google-load-wraper{
  position: relative;
  height: 40px;
  width: 100%;
  background-color: rgb(211,211,211);
  z-index: 44;
  overflow: hidden;
  border-radius: 5px;
}
.google-load-wraper .activity{
  position: absolute;
  left: -45%;
  height: 100%;
  width: 45%;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(251,251,251, .05)), color-stop(rgba(251,251,251, .3)), color-stop(rgba(251,251,251, .6)), color-stop(rgba(251,251,251, .3)), to(rgba(251,251,251, .05)));
  background-image: linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  background-image: -webkit-linear-gradient(to left, rgba(251,251,251, .05), rgba(251,251,251, .3), rgba(251,251,251, .6), rgba(251,251,251, .3), rgba(251,251,251, .05));
  -webkit-animation: loading 1s infinite;
          animation: loading 1s infinite;
  z-index: 45;
}
@-webkit-keyframes loading {
  0%{
    left: -45%;
  }
  100%{
    left: 100%;
  }
}
@keyframes loading {
  0%{
    left: -45%;
  }
  100%{
    left: 100%;
  }
}
.header {
  height: 46px;
  background-color: #b4d4e8;
  font-weight: 300;
  -webkit-print-color-adjust: exact;
}
.header a,
.header a:hover,
.header a:visited,
.header-color {
  color: #222;
}
.header a.ad-upgrade,
.header a.ad-upgrade:hover,
.header a.ad-upgrade:visited {
  color: #fff;
}
.header-nav-max-width {
  max-width: 900px;
}
.header-nav-min-width {
  min-width: 424px;
}
.header-strip-color {
  color: #fff;
}
.header-strip-svg-color {
  color: #fff;
}
.header-strip-fill {
  fill: #fff;
}
.header-sub-menu a {
  line-height: 120%;
  cursor: pointer;
}
.header-sub-menu a,
.header-sub-menu a:hover,
.header-sub-menu a:visited {
  color: #505656;
}
.header-sub-menu a.switchOff {
  color: #c23b2d;
}
.header .active,
.header a.active,
.header a:hover.active,
.header a:visited.active{
  color: #4c88af;
  font-weight: 400;
}
/* TODO Ross: Not sure if this is used? */
.header-strip {
  min-height: 8px;
  background-color: #4c88af;
  color: #fff;
  font-weight: 300;
  -webkit-print-color-adjust: exact;
}
body.returnToMobileHeader .header-strip {
  min-width: 705px;
}
.header-strip h1,
.header-strip h2,
.header-strip h3 {
  color: #fff;
}
.count {
  position: relative;
}
.count[data-badge]::after {
  border: 1px solid #fff;
  content: attr(data-badge);
  width: 1.7em;
  height: 1.7em;
  text-align: center;
  line-height: 1.7em;
  margin: 0.22rem;
  border-radius: 50%;
  position: absolute;
  top: -11px;
  right: -50px;
  font-size:0.65em;
}
[lang='my'] .count[data-badge]::after {
  top: -3px;
}
.custom-margin-top {
  margin-top: 60px;
}
[dir='rtl'] .count[data-badge]::after {
  left: -50px;
  right: auto;
}
[dir='rtl'][lang='ar'] .count[data-badge]::after {
  font-family: 'Noto Sans', sans-serif;
}
.count-active[data-badge]::after {
  border: none;
  background-color: #b4d4e8;
  color: #222;
}
.header-info .count {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.header-strip .next-step {
  max-width: 340px;
}
@media (max-width : 1242px) {
  .header-strip .next-step {
    max-width: 268px;
  }
}
@media (max-width : 880px) {
  .header-strip .next-step {
    max-width: 172px;
  }
}
.header-strip a.next-step,
.header-strip a.next-step:hover,
.header-strip a.next-step:visited {
  color: #222;
}
.header-circles {
  width: 62px;
  height: 62px;
  border-width: 14px;
}
@media (max-width : 1242px) {
  .header-circles {
    width: 52px;
    height: 52px;
    border-width: 12px;
  }
}
.profile-management  .header-circles {
  width: 25px;
  height: 25px;
  border-width: 8px;
}
.header-circles.border {
  border-color: #275f82;
  opacity: 1;
}
.header-circles svg {
  width: 75%;
  height: auto;
  fill: #0e2a3b;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/*Support for IE 9*/
[dir='rtl'] .header-circles svg {
  -ms-transform: translate(50%, -50%); /* IE 9 */
}
.header-circles-highlight svg {
  opacity: 0.6;
}
.profile-progress {
  width: 90px;
  height: 90px;
}
@media (max-width : 1242px) {
  .profile-progress {
    width: 76px;
    height: 76px;
  }
}
.profile-management .profile-progress {
  width: 40px;
  height: 40px;
}
.profile-progress svg {
  width: 100%;
}
.profile-progress svg {
  fill: #395a72;
  opacity: 1;
  width: 100%;
  height: 100%;
}
.profile-progress {
  fill: #112e41;
}
.icon-holder {
  width: 65px;
  left: 54px;
  bottom: -1px;
}
@media (max-width: 1614px){
  .icon-holder .icon-24 {
    width: 20px;
    height: 20px;
  }
}
[dir='rtl'] .icon-holder {
  right: 54px;
  left: auto;
}
@media (max-width: 1242px){
  .icon-holder {
    left: 46px;
  }
  
  [dir='rtl'] .icon-holder {
    right: 46px;
  }
}
.header-sub-menu ul {
  display: none;
  position: absolute;
  z-index: 4;
  top: 100%;
  left: -50%;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition:all 0.35s ease-out;
  transition:all 0.35s ease-out;
  background: rgba(255, 255, 255, 1);
}
.header-sub-menu ul li {
  width: auto;
  white-space: nowrap;
}
.header-sub-menu li:active,
.header-sub-menu ul li:hover,
.header-sub-menu ul li:active {
  background-color: #f7f7f7;
}
.header-sub-menu .no-hover-highlight:hover {
  background-color: transparent;
}
.header-sub-menu .no-hover-highlight {
  cursor: default;
}
.header-sub-menu .profile-completion a {
  color: #fff;
}
.header-sub-menu li ul {
  display: none;
  position: absolute;
  z-index: 3;
  top: 1rem;
  left: 100%;
  -webkit-transform: translate(0, -35%);
          transform: translate(0, -35%);
  background: rgba(255, 255, 255, 1);
  max-height: 600px;
  overflow: auto;
}
.header-sub-menu ul.menu-pop {
  background: #fff;
  border: 12px solid #fff;
  display: block;
}
.header-sub-menu.profile-icon ul {
  right: 0;
  left: auto;
  width: auto;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.header-sub-menu.settings ul,
.header-sub-menu.three-dot ul{
  left: auto;
  right: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.header-sub-menu.folders ul {
  left: 0;
}
.header-sub-menu:hover li ul,
.header-sub-menu:active li ul {
  display: none;
}
.header-sub-menu li:hover ul,
.header-sub-menu li:active ul {
  display: block;
  z-index: 2;
}
.header .count[data-badge]::after {
  border: none;
  background-color: #4c88af;
  color: #fff;
  right: -30px;
}
@media (max-width: 1400px) {
  .header .count[data-badge]::after {
  right: -22px;
  }
}
@media (max-width: 800px) {
  .header .count[data-badge]::after {
    right: -20px;
  }
}
.header-sub-menu ul .count[data-badge]::after {
  right: -8px;
  top: 8px;
}
.header-sub-menu ul .count[data-badge] {
  padding-right: 1.25rem;
}
[dir='rtl'] .header-sub-menu ul .count[data-badge] {
  padding-left: 1.25rem;
  padding-right: 0.5rem; /* needs to match what the padding is set at using the p classes */
}
.header-sub-menu .border-bottom,
.sub-menu .border-bottom,
.header-sub-menu .border-top,
.sub-menu .border-top{
  border-color: #e9e9e9;
}
.header-sub-menu.profile-icon ul::after {
  border-width: 15px;
  margin-right: auto;
  margin-left: auto;
  left: auto;
  right: 5px;
}
.header-sub-menu.profile-icon ul::before {
  border-width: 21px;
  margin-right: auto;
  margin-left: auto;
  left: auto;
  right: 5px;
}
.header-sub-menu .header-sub-sub-menu {
  right: 0;
  max-height: 200px;
  overflow-y: auto;
}
.header-sub-menu.settings .header-sub-sub-menu {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  left: 0;
  top: 50%;
  right: auto;
}
.header-sub-menu.settings ul::after {
  border-width: 10px;
  margin-left: 39%;
  bottom: 102%;
}
.header-sub-menu.settings ul::before {
  border-width: 12px;
  margin-left: 39%;
  bottom: 102%;
}
.header-sub-menu.profile-icon,
.header-sub-menu.settings {
  cursor: pointer;
}
@media (min-width: 64em) {
  .header-upgrade-ad {
    display: block;
  }
}
@media (min-width: 40em) {
  .header-upgrade-ad {
    display: none;
  }
}
.header .settings-fill {
  fill: #333;
}
.tabs .active {
  position: relative;
}
.tabs .active::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: -32px;
  border: 2px solid #fff;
}
.iconsettings {
  width:25px;
  height:25px;
  margin:7px 0
}
/*Cross Site Promo - Start */
.cross-site-join li:active,
.cross-site-join ul li:hover,
.cross-site-join ul li:active {
  background-color: #fff;
}
.cross-site-join a {
  width:380px;
}
.cross-site-join ul li {
  white-space: normal;
}
.cross-site-join ul li:last-child {
  border-bottom:none;
}
.cross-site-heading {
  color: #395a72;
}
.cross-site-tooltip {
  position: absolute;
  bottom: -80%;
}
.cross-site-tooltip i {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 12px;
  overflow: hidden;
}
.cross-site-tooltip i::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  -webkit-transform: translate(-50%,50%) rotate(45deg);
          transform: translate(-50%,50%) rotate(45deg);
  background-color: #FF3B30;
  border: 1px solid transparent;
}
/*Cross Site Promo - End */
[dir='rtl'] .header-sub-menu.profile-icon ul {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  left: 0;
  right: auto;
}
[dir='rtl'] .header-sub-menu.settings ul {
  left: 0;
  right: auto;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
[dir='rtl'] .header-sub-menu.settings .header-sub-sub-menu {
  -webkit-transform: translateX(119%);
          transform: translateX(119%);
}
/* IE 10 and IE 11 hack */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  [dir='rtl'] .header-sub-menu.settings .header-sub-sub-menu {
    -webkit-transform: translateX(110%);
            transform: translateX(110%);
  }
}
[dir='rtl'] .header .count[data-badge]::after {
  left: -35px;
  right: auto;
}
[dir='rtl'] .header-sub-menu ul .count[data-badge]::after {
  right: auto;
  left: -8px;
}
[dir='rtl'] .header-sub-menu.profile-icon ul::after {
  margin-left: 0;
  left: 5px;
}
[dir='rtl'] .header-sub-menu.profile-icon ul::before {
  margin-left: 0;
  left: 5px;
}
[dir='rtl'] .header-sub-menu.settings ul::after,
[dir='rtl'] .header-sub-menu.settings ul::before {
  margin-left: 0;
  left: -10px;
}
[dir='rtl'] .header-sub-menu .header-sub-sub-menu {
  left: 0;
  right: auto;
}
@media (max-width: 1400px) {
  .header .h3 {
    font-size: 0.9rem;
  }

  .header-strip h1 {
    font-size: 1.5rem;
  }

  .header .max-width-3 {
    max-width: 42rem;
  }
}
.icon-action {
  cursor: pointer;
}
.icon-action svg,
.icon-more svg {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.icon-more svg {
  height: 10px;
}
.icon-action.active {
  background-color: #4c88af;
}
.icon-action.inactive {
  background-color: #797c7e;
}
.icon-action:focus::after,
.icon-action:active::after {
  background-color: #000;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: 6px;
  opacity: 0.15;
}
.icon-action.active:focus::after,
.icon-action.active:active::after,
.icon-action.inactive:focus::after,
.icon-action.inactive:active::after {
  opacity: 0;
}
.icon-action.active:focus,
.icon-action.active:active,
.icon-action.inactive:focus,
.icon-action.inactive:active {
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
}
.profile-photo {
  width: 450px;
  height: 450px;
}
@media (max-width: 1614px){
  .profile-photo {
    width: 400px;
    height: 400px;
  }
}
@media (max-width: 1242px){
  .profile-photo {
    width: 320px;
    height: 320px;
  }
}
@media (max-width: 1042px){
  .profile-photo {
    width: 310px;
    height: 310px;
  }
}
.profile-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-print-color-adjust: exact;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.profile-image-header,
.profile-image-mail {
  border-color: #fff;
  border-width: 2px;
}
.profile-image-header {
  width: 86px;
  height: 86px;
}
.profile-image-switch-off {
  width: 106px;
  height: 106px;
}
@media (max-width: 1242px){
  .profile-image-header {
    width: 72px;
    height: 72px;
  }
}
.profile-image-mail {
  width: 250px;
  height: 250px;
}
@media (max-width: 1614px) {
  .profile-image-mail {
    width: 230px;
    height: 230px;
  }
}
@media (max-width: 1400px) {
  .profile-image-mail {
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 1242px) {
  .profile-image-mail {
    width: 136px;
    height: 136px;
  }
}
.profile-image .icon-holder {
  width: auto;
  right: auto;
  left: auto;
}
.profile-image-header .icon-holder,
.profile-image-mail .icon-holder{
  left: -25px;
  right: auto;
  bottom: 0;
}
[dir='rtl'] .profile-image-header .icon-holder,
[dir='rtl'] .profile-image-mail .icon-holder {
  right: -25px;
  left: auto;
  bottom: 0;
}
.profile-image .online {
  bottom: 10%;
  left: 82%;
}
.profile-image-header .online,
.profile-image-mail .online{
  bottom: 9%;
  left: 81%;
}
.profile-image-mail .diamond{
  bottom: 0;
  left: 93%;
}
[dir='rtl'] .profile-image .online,
[dir='rtl'] .profile-image-header .online,
[dir='rtl'] .profile-image-mail .online{
  left: 5%;
}
.profile-image .icon {
  border-width: 2px;
}
@media (min-width: 64em) {
  .profile-image .icon {
    width: 52px;
    height: 52px;
  }
}
@media (min-width: 40em) {
  .profile-image .icon {
    width: 42px;
    height: 42px;
  }
}
.profile-image-overview {
  width: 50px;
  height: 50px;
  border-color: #fff;
}
.profile-image-messages {
  width: 140px;
  height: 140px;
}
.profile-image-46 {
  width: 46px;
  height: 46px;
  border-color: #fff;
}
.profile-image-36 {
  width: 36px;
  height: 36px;
  border-color: #fff;
}
.profile-image-26 {
  width: 26px;
  height: 26px;
}
.profile-header-image {
  width: 36px;
  height: 36px;
  border-color: #fff;
}
.profile-header-image.mx2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.catchphrase {
  color: #0E2A3B;
}
.catchphrase-bg {
  background-color: #D5E1E9;
}
/*Thumbnail gallery - show and hide depending on desktop/ipad view*/
.thumbnails-hide {
  display:none;
}
.thumbnails-show {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
@media (max-width: 1242px) {
  .thumbnails-hide {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }

  .thumbnails-show {
    display:none;
  }
}
.photo-sample {
  width: 174px;
  height: 174px;
  background-size: cover;
}
.icon-30 {
  width: 30px;
  height: 30px;
}
.icon-30-45 {
  height: 30px;
  width: 45px;
}
.icon-40,
.icon-40-static {
  width: 40px;
  height: 40px;
}
.icon-46 {
  width: 46px;
  height: 46px;
}
.icon-50 {
  height: 50px;
  width: 50px;
}
.icon-56 {
  height: 56px;
  width: 56px;
}
.icon-33 {
  width: 33px;
  height: 33px;
}
.icon-80 {
  width: 80px;
  height: 80px;
}
.icon-90 {
  width: 90px;
  height: 90px;
}
.icon-100 {
  width: 100px;
  height: 100px;
}
.icon-116 {
  width: 116px;
  height: 116px;
}
.icon-max-h-116 {
  max-height: 116px;
}
@media (max-width: 1242px){
  .icon-116 {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 1614px) {
  .card  .icon-30,
  .activity-card .icon-30,
  .mini-modal .icon-30 {
    width: 25px;
    height: 25px;
  }

  .activity-card .icon-56 {
    height: 46px;
    width: 46px;
  }

  .mini-modal .icon-30-45 {
    height: 25px;
    width: 35px;
  }

  .icon-40 {
    width: 30px;
    height: 30px;
  }
}
.icon-120 {
  width: 120px;
  height: 120px;
}
.icon-156 {
  width: 156px;
  height: 156px;
}
.icon-200 {
  width: 200px;
  height: 200px;
}
.icon-400 {
  width: 400px;
}
/* TODO will need to refactor this into the design */
.icon-33 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.icon-reset svg{
  position: relative;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.icon-membership svg {
  width: 14px;
  height: 18px;
}
.icon-verified svg {
  width: 18px;
  height: 18px;
}
.icon-verified-large svg {
  width: 36px;
  height: 36px;
}
.icon-8 {
  width: 8px;
  height: 8px;
}
.icon-10 {
  width: 10px;
  height: 10px;
}
.icon-16 {
  width: 16px;
  height: 16px;
}
.icon-20 {
  width: 20px;
  height: 20px;
}
.icon-24 {
  width: 24px;
  height: 24px;
}
/* only used for Google sign in button, allows for the 2px border*/
.icon-28 {
  width: 28px;
  height: 28px;
}
.card .icon-28,
.activity-card .icon-28,
.mini-modal .icon-28 {
  width: 22px;
  height: 22px;
}
.icon ul svg {
  position: relative;
}
.icon-first,
.icon-last {
  width: 22px;
  height: 20px;
}
.icon-prev,
.icon-next {
  width: 16px;
  height: 20px;
}
.icon-next-button {
  width: 38px;
  height: 40px;
}
.icon-locked {
  width: 10px;
  height: 10px;
  padding: 0.25rem
}
.icon-complete {
  width: 10px;
  height: 10px;
  padding: 0.25rem;
  margin-right: -9px;
  margin-left: 0.25rem;
}
[dir=rtl] .icon-complete {
  margin-right: 0.25rem;;
  margin-left: -9px;
}
.bg-incomplete {
  background-color: #275f82;
  opacity: 1;
}
@media (max-width : 1024px) {
  .icon-complete {
    width: 7px;
    height: 7px;
    padding: 1px;
  }
}
@media (max-width : 1242px) {
  .icon-complete {
    width: 8px;
    height: 8px;
    padding: 2px;
  }
}
.icon-long-arrow {
  height: 40px;
  width: auto;
}
[dir=rtl] .icon-long-arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.icon-plus {
  padding: 4px;
  background-color: #fff;
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
}
.icon-members-online {
  fill: #4c88af;
  margin-left: 0.15rem;
}
[dir='rtl'] .icon-members-online {
  margin-left: 0;
  margin-right: 0.15rem;
}
.icon-padding {
  padding: .75rem;
}
.icon-grade{
  width: 8px;
  height: 8px;
  margin: 0 2px;
}
.icon-handle {
  width: 15px;
  height: auto;
}
.sub-menu::after {
  content: attr(data-badge);
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 0.5em;
  padding: 1rem;
  margin: -.5rem -.46rem;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  font-size: 1em;
}
.sub-menu:hover::after,
.sub-menu:active::after {
  background-color: rgba(0, 0, 0, 0.12);
}
.sub-menu li {
  position: relative;
}
.sub-menu ul {
  display: none;
  position: absolute;
  z-index: 2;
  top: 90%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: rgba(255, 255, 255, 1);
  border: 4px solid #fff;
}
.sub-menu ul li {
  width: auto;
  white-space: nowrap;
}
.sub-menu ul li:hover {
  background-color: #f7f7f7;
}
.sub-menu li svg {
  width: 20px;
  height: 20px;
  fill: #565656;
}
.sub-menu li ul {
  display: none;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 100%;
  -webkit-transform: translate(0, -35%);
          transform: translate(0, -35%);
  background: rgba(255, 255, 255, 1);
  max-height: 600px;
  overflow: auto;
}
.sub-menu:hover ul,
.sub-menu:active ul {
  display: block;
}
.sub-menu ul a {
  color: #9a9d9f;
  line-height: 120%;
}
.sub-menu ul::after,
.sub-menu ul::before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sub-menu ul::after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -15px;
}
.sub-menu ul::before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 21px;
  margin-left: -21px;
}
.sub-menu li ul::after {
  border: 0;
}
.sub-menu li ul::before {
  border: 0;
}
.sub-menu:hover li ul,
.sub-menu:active li ul {
  display: none;
}
.sub-menu li:hover ul,
.sub-menu li:active ul {
  display: block;
  z-index: 2;
}
.header-sub-menu .hover{
  border-radius: 50%;
  padding: 1rem;
  margin: -1rem;
  background-color:rgba(0,0,0,0.4);
}
.header-sub-menu .hover.fill-standard{
  fill: #fff;
}
.images-wrapper {
  height: 320px;
  overflow: hidden;
}
.tile {
  overflow: hidden;
  position: relative;
}
.tile img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
.profile-tile-width-1 {
  width: 80%;
}
.profile-tile-width-2 {
  width: 30%
}
.profile-tile-width-3 {
  width: 28%;
}
.profile-tile-width-4 {
  width: 23%;
}
.profile-tile-width-5 {
  width: 18%;
}
.profile-tile-width-1-ipad {
  width: 100%;
}
.profile-tile-width-2-ipad {
  width: 50%
}
.profile-tile-width-3-ipad {
  width: 33.34%
}
.profile-tile-width-4-ipad,
.profile-tile-width-5-ipad{
  width: 25%;
}
/* Profile Images */
.blur-5 {
  -webkit-filter: blur(5px);
          filter: blur(5px);
  height: 103%;
  min-width: 103%;
}
/* PROFILE */
.profile-text {
  width:60%;
}
.profile .profile-image {
  width: 70px;
  height: 70px;
  border-color: #c7c7c7;
  border-width: 1px;
}
.profile-sticky-header {
  top: 46px;
}
/*Action Buttons*/
.action-buttons {
  min-height:100%;
  width:40%;
  position:absolute;
  bottom:0;
  right:0;
}
.action-lg-buttons {
  position: absolute;
  top:0;
  right:0;
}
.action-sm-buttons {
  position: absolute;
  bottom:0;
  right:0;
}
.action-gallery {
  position: absolute;
  bottom:0;
  right:0;
}
[dir='rtl'] .action-gallery {
  left:0;
  right:auto;
}
[dir='rtl'] .action-buttons {
  float:left;
  width:30%;
  left:0;
  right:auto;
}
[dir='rtl'] .action-lg-buttons {
  left:0;
  right:auto;
}
[dir='rtl'] .action-sm-buttons {
  left:0;
  right:auto;
}
@media (max-width: 1242px) {
  .profile-text {
    width:100%;
    float:none;
  }

  .action-gallery {
    position: inherit;
    bottom:auto;
    right:auto;
  }

  .action-buttons {
    min-height:auto;
    width:100%;
    border-top: 1px solid #d1d1d1;
    margin-top: 1rem;
    position: inherit;
    bottom:auto;
    right:auto;
  }

  .action-lg-buttons {
    position: inherit;
    top: auto;
    right:auto;
    margin-top:7px;
  }

  .action-sm-buttons {
    position: inherit;
    bottom:auto;
    right:auto;
  }

  [dir='rtl'] .action-buttons {
    float:none;
    width:auto;
  }
}
/* Overview Details */
.overview-details-col {
  width:auto;
  border-top: 1px solid #d1d1d1;
}
@media (max-width: 1242px) {
  .overview-details-col {
      width: 100%;
      border: none;
  }
}
.overview-details {
  color: #424848;
  -ms-hyphens: auto;
  hyphens: auto;
}
.overview-details .verified {
  width: 15px;
  height: 18px;
}
.overview-details .row:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.overview-details-bg {
  background-color: rgba(0, 0, 0, 0.04);
}
/*Profile Details*/
.match {
  background-color: rgba(137, 200, 53, 0.25);
  color: #202B12;
}
.nomatch {
  background-color: rgba(235, 105, 105, 0.25);
  color: #452121;
}
.match-key,
.nomatch-key {
  width: 25px;
  height: 25px;
}
/* Similar Members */
.nav-previous:hover,
.nav-next:hover {
  opacity: 1;
}
.add:focus::after {
  background-color: #000;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -10px;
  right: 0;
  bottom: 0;
  opacity: 0.15;
  margin: auto;
}
.card-gallery .card {
  height: auto;
  min-height: 336px;
}
.card-s,
.card-seo,
.card-gallery{
  width: 23%;
  min-width: 235px;
  max-width: 250px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 224px;
      flex-basis: 224px;
}
.card .svg-fit,
.card-seo .svg-fit,
.card-gallery svg-fit{
  width: 235px;
  height: 235px;
}
.card-passport{
  width: 10%;
  height: 188px;
  min-width: 75px;
  max-width: 200px;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
}
.card-passport-footer{
  width: 8.33%;
  height: 188px;
  min-width: 75px;
  -ms-flex-preferred-size: 75px;
      flex-basis: 75px;
}
@media (min-width: 900px) {
  .card-passport-footer{
    min-width: 85px;
    -ms-flex-preferred-size: 85px;
        flex-basis: 85px;
  }
}
@media (min-width: 1024px) {
  .card-passport-footer{
    min-width: 95px;
    -ms-flex-preferred-size: 95px;
        flex-basis: 95px;
  }
}
@media (min-width: 1200px) {
  .card-passport-footer{
    min-width: 110px;
    -ms-flex-preferred-size: 110px;
        flex-basis: 110px;
  }
}
@media (min-width: 1440px) {
  .card-passport-footer{
    min-width: 120px;
    -ms-flex-preferred-size: 120px;
        flex-basis: 120px;
  }
}
@media (min-width: 1614px) {
  .card-passport-footer{
    min-width: 145px;
    -ms-flex-preferred-size: 145px;
        flex-basis: 145px;
  }
}
@media (max-width: 1614px) {
  .card-s,
  .card-seo,
  .card-gallery {
    min-width: 188px;
    -ms-flex-preferred-size: 188px;
        flex-basis: 188px;
  }

  .card .svg-fit,
  .card-seo .svg-fit,
  .card-gallery svg-fit{
    width: 188px;
    height: 188px;
  }
  .card-passport{
    min-width: 170px;
    -ms-flex-preferred-size: 170px;
        flex-basis: 170px;
  }
}
@media (max-width: 1440px) {
  .card-passport{
    min-width: 140px;
    -ms-flex-preferred-size: 140px;
        flex-basis: 140px;
    height: 172px;
  }
}
@media (max-width: 1242px) {
  .card-s,
  .card-seo,
  .card-gallery {
    min-width: 174px;
    -ms-flex-preferred-size: 174px;
        flex-basis: 174px;
  }

  .card .svg-fit,
  .card-seo .svg-fit,
  .card-gallery svg-fit{
    width: 174px;
    height: 174px;
  }
  .card-passport{
    min-width: 130px;
    -ms-flex-preferred-size: 130px;
        flex-basis: 130px;
    height: 162px;
  }
}
@media (max-width: 1024px) {
  .card-passport{
    min-width: 110px;
    -ms-flex-preferred-size: 110px;
        flex-basis: 110px;
    height: 130px;
  }
}
.card-p {
  width: 47.5%;
  min-width: 486px;
  min-height: 405px;
  max-width: 516px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-preferred-size: 464px;
      flex-basis: 464px;
}
@media (max-width: 1614px){
  .card-p {
    min-height: 395px;
  }
}
@media (max-width: 1242px){
  .card-p {
    min-height: 385px;
  }
}
.card-p .svg-fit {
  width: 250px;
  height: 250px;
}
.card-p .tooltip-text {
  margin-right: 0;
  margin-left: -0px;
}
[dir=rtl] .card-p .tooltip-text {
  margin-left: 0;
  margin-right: -0px;
}
@media (max-width: 1614px) {
  .card-p {
    min-width: 392px;
    min-height: 324px;
    -ms-flex-preferred-size: 392px;
        flex-basis: 392px;
  }

  .card-p .svg-fit {
    width: 202px;
    height: 202px;
  }
}
@media (max-width: 1242px) {
  .card-p {
    min-width: 364px;
    min-height: 324px;
    -ms-flex-preferred-size: 364px;
        flex-basis: 364px;
  }

  .card-p .svg-fit {
    width: 190px;
    height: 190px;
  }
}
.card-p .discription-seo {
  height: 260px;
}
.card-p-image {
  width: 62%;
}
.activity-card {
  height: 180px;
}
.activity-card-width {
  min-width: 480px;
  max-width: 640px;
  -ms-flex-preferred-size: 480px;
      flex-basis: 480px;
}
@media (max-width: 1614px) {
  .activity-card-width {
  min-width: 360px;
  -ms-flex-preferred-size: 360px;
      flex-basis: 360px;
  }

  .activity-card {
  height: 150px;
  }
}
.activity-card .h3,
.card .h2 {
  color: #323232;
}
.card-s .std {
  min-width: 235px;
  background-color: #e0e0e0;
}
.card-gallery .std {
  min-width: 235px;
  background-color: #e0e0e0;
}
@media (max-width: 1614px) {
  .card-s .std,
  .card-gallery .std {
    min-width: 174px;
  }
}
.card-s .std::before,
.card-gallery .std::before {
  content:'';
  display: block;
  padding-top: 100%;
}
.card .sdh {
  height: 170px;
}
.card .sdh-crosssite {
  height: 90px;
}
@media (max-width: 1614px){
  .card .sdh {
    height: 160px;
  }
}
.card .sdh-seo {
  height: 216px;
}
.card-gallery .sdh {
  height: auto;
}
@media (max-width: 1614px) {
  .card-gallery .sdh {
    height: 136px;
  }
}
@media (max-width: 1242px) {
  .card-gallery .sdh {
    height: 126px;
  }
}
.max-width-25 {
  max-width: 25%;
}
.max-width-70 {
  max-width: 70%;
}
.max-width-75 {
  max-width: 75%;
}
.max-width-80 {
  max-width: 80%;
}
.max-width-85 {
  max-width: 85%;
}
.max-width-90 {
  max-width: 90%;
}
.max-width-100 {
  max-width: 100%;
}
.min-height-368 {
  min-height: 368px;
}
.activity-profile-image {
  width: 150px;
  height: 150px;
}
@media (max-width: 1614px) {
  .activity-profile-image {
  width: 120px;
  height: 120px;
  }
}
.platinum-online {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -1.8rem;
}
[dir=rtl] .platinum-online {
  right: auto;
  left: 0;
}
.platinum-new-member {
  position: absolute;
  top: 0;
  right: 30px;
  margin-top: -1.8rem;
  padding: 4px;
  font-size: 12px;
}
[dir=rtl] .platinum-new-member {
  right: auto;
  left: 30px;
  margin-top: -2.1rem;
}
.standard-online {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: -10px;
  margin-right: 10px;
}
[dir=rtl] .standard-online {
  right: auto;
  left: 0;
  margin-right: 0;
  margin-left: 10px;
}
.standard-new-member {
  position: absolute;
  bottom: 0;
  right: 38px;
  margin-bottom: -10px;
  padding: 4px;
  font-size: 12px;
}
[dir=rtl] .standard-new-member {
  right: auto;
  left: 38px;
  margin-bottom: -5px;
}
.SEO-new-member {
  position: absolute;
  bottom: 0;
  right: 10px;
  margin-bottom: -10px;
  padding: 4px;
  font-size: 12px;
}
[dir=rtl] .SEO-new-member {
  right: auto;
  left: 10px;
}
.activity-new-member {
  position: absolute;
  bottom: 0;
  padding: 4px;
  font-size: 12px;
}
.background-cover {
  background-size: cover;
}
.background-no-repeat {
  background-repeat: no-repeat;
}
.background-center {
  background-position: center;
}
.card-content-blur {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
.photo-position {
  width: 20px;
  height: 20px;
}
/* tablet portrait overrides */
@media (max-width: 1614px) {
  .card  .me3 {
    -webkit-margin-end: 1rem;
            margin-inline-end: 1rem;
  }

  .card .mx2,
  .activity-card .mx2 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }

  .card .mt2 {
    margin-top: 0.75rem;
  }

  .card .my2 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .card .mb2 {
    margin-bottom: 0.75rem;
  }

  .card .p2 {
    padding: .75rem;
  }

  .card .m2,
  .activity-card .m2 {
    margin: .5rem;
  }

  [dir="ltr"] .activity-card .me3 {
    margin-right: 0.75rem;
  }

  [dir="rtl"] .activity-card .me3 {
    margin-left: 0.75rem;
  }
}
.search {
  background-color: #fff;
  margin-bottom: -60px;
  color: #505656;
}
@media (max-width: 1400px) {
    .search {
    font-size: 0.9rem;
  }
}
.search button {
  background-color: #b4d4e8;
  color: #333;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1032px) {
  .search button {
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
  }
}
.search label {
  color: #323232;
  font-weight: 700;
}
.search input,
.search select,
.search textarea,
.search .accordion {
  color: #505656;
  padding: 0.5rem;
  display: inline-block;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: inherit;
  font-family: inherit;
  outline: 0;
}
[dir='ltr'] .search select {
  padding-right: 1.2rem;
}
[dir='rtl'] .search select {
  padding-left: 1.2rem;
}
.search input:valid,
.search select:valid,
.search textarea:valid,
.search .selectopt:valid {
  border: 0 solid #ccc;
}
.search-age {
  min-width: 96px;
}
.saved-search-card {
  width: 47%
}
/* Ad Space */
.ad-728-90 {
  width: 728px;
  height: 90px;
}
.ad-970-90 {
  min-width: 728px;
  max-width: 970px;
  min-height: 90px;
  max-height: 140px;
}
.ad-970-90-top {
  height: 90px;
}
.ad-336-336 {
  min-height: 336px;
}
.ad-300-600-holder {
  width: 300px;
  height: 619px;
}
.ad-300-600 {
  width: 300px;
  height: 600px;
}
.ad-300-600-sticky {
  top: 50px;
}
.ad-160-600 {
  width: 160px;
  height: 600px;
}
.ad {
  max-width: 998px;
}
.ad-banner-top, .ad-banner-side {
  background-color: #102b44;
}
/* reduced the upgrade ad width on smaller screens */
.ad-upgrade {
  width: auto;
  height: 40px;
  font-size: 13px;
  max-width: 295px;
}
[lang=my] .ad-upgrade {
  font-size: 11px;
  line-height: 1.4rem;
}
@media (max-width: 800px) {
  [lang="ar"] .ad-upgrade {
    font-size: 8px;
  }
  .ad-upgrade {
    font-size: 0.9rem
  }
}
.ad-upgrade p {
  margin: 0;
  padding: 0;
}
.ad-upgrade .long-text {
  display: none;
}
.ad-upgrade .short-text {
  max-width: 114px;
}
@media (min-width: 1350px) {
  .ad-upgrade .long-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .ad-upgrade .short-text {
    display: none;
  }
}
.internal-ad-bg img,
.wrapper-bg-color {
  background-color: #102b44;
}
.slide,
.slide-side,
.slide-wrapper-mrec-internal{
  color: #fff;
}
.slide,
.slide-wrapper{
  min-width: 728px;
  max-width: 970px;
}
.slide-side,
.slide-wrapper-side{
  min-width: 160px;
  max-width: 300px;
}
.slide-mrec,
.slide-wrapper-mrec{
  min-width: 320px;
  max-width: 336px;
}
.slide-height-mrec{
  height: 336px;
}
.slide-content-bottom-mrec {
  height: 220px;
}
.slide,
.slide-wrapper,
.slide-height{
  height: 90px;
}
.slide-side,
.slide-wrapper-side,
.slide-height-side{
  height: 600px;
}
.slide-content {
  width: 75%;
}
.slide-content-side-75 {
  height: 75%;
}
.slide-content-side-40 {
  height: 40%;
}
.slide-content-side-50 {
  height: 50%;
}
.slide-content-side-60 {
  height: 60%;
}
.margin-auto {
  margin: auto;
}
.slide-bg-image {
  background-repeat: no-repeat;
  background-position: right;
}
.slide-side-bg-image {
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}
[dir=rtl] .slide-bg-image {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.slide-bg-skew {
   width: 100%;
 }
.slide-side-bg-skew {
  height: 100%;
}
.slide-bg-skew:after {
  content: " ";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: auto;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: skew(-30deg, 0deg);
  transform: skew(-30deg, 0deg);
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  z-index: -1;
}
.slide-side-bg-skew:after {
  bottom: -92px;
  top: auto;
  -webkit-transform: skew(0deg, -15deg);
          transform: skew(0deg, -15deg);
}
.slide-bg-skew-mrec:after {
  bottom: -175px;
  top: auto;
  -webkit-transform: skew(0deg, -6deg);
          transform: skew(0deg, -6deg);
}
[dir=rtl] .slide-bg-skew:after {
  top: 0;
  right: auto;
  left: 0;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: skew(30deg, 0deg);
  transform: skew(30deg, 0deg);
}
[dir=rtl] .slide-side-bg-skew:after {
  -webkit-transform: skew(0deg, 15deg);
          transform: skew(0deg, 15deg);
}
[dir=rtl] .slide-bg-skew-mrec:after {
  -webkit-transform: skew(0deg, 6deg);
          transform: skew(0deg, 6deg);
}
.slide-content-top {
  height: 191px;
}
/*over ride text set to be red in the cms*/
.slide-wrapper .red,
.slide-wrapper-side .red,
.slide-wrapper-mrec .red{
  color: #fff;
}
.slide-css-override-1 .slide-bg-skew,
 .slide-css-override-1 .slide-bg-skew:after {
   background-color: #2d2139;
 }
.slide-css-override-1 .logo-domain {
  width: 120px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-1 .btn-bg {
  background-color: #7c6792;
}
.slide-css-override-1 .h3 {
  color: #fff;
}
.slide-css-override-1 .site-logo {
  color: #fff;
  fill: #ca8baa;
}
#site-logo-asiandating >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-asiandating >path.logo-dark {
  fill: #ca8baa;
  color: #ca8baa;
}
.slide-css-override-2 .slide-bg-skew,
.slide-css-override-2 .slide-bg-skew:after {
  background-color: #671e24;
}
.slide-css-override-2 .logo-domain {
  width: 130px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-2 .btn-bg {
  background-color: #bf5860;
}
.slide-css-override-2 .h3 {
   color: #fff;
 }
.slide-css-override-2 .site-logo {
  color: #fff;
  fill: #E7BAD7;
}
#site-logo-filipinocupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-filipinocupid >path.logo-dark {
  fill: #E7BAD7;
  color: #E7BAD7;
}
.slide-css-override-3 .slide-bg-skew,
.slide-css-override-3 .slide-bg-skew:after {
  background-color: #261200;
}
.slide-css-override-3 .logo-domain {
  width: 170px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-3 .btn-bg {
  background-color: #b0542a;
}
.slide-css-override-3 .h3 {
  color: #fff;
}
.slide-css-override-3 .site-logo {
  color: #fff;
  fill: #f5e590;
}
#site-logo-afrointroductions >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-afrointroductions >path.logo-dark {
  fill: #f5e590;
  color: #f5e590;
}
.slide-css-override-4 .slide-bg-skew,
.slide-css-override-4 .slide-bg-skew:after {
  background-color: #060d37;
}
.slide-css-override-4 .logo-domain {
  width: 100px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-4 .btn-bg {
  background-color: #7193c5;
}
.slide-css-override-4 .h3 {
  color: #fff;
}
.slide-css-override-4 .site-logo {
  color: #fff;
  fill: #85A5D6;
}
#site-logo-thaicupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-thaicupid >path.logo-dark {
  fill: #85A5D6;
  color: #85A5D6;
}
.slide-css-override-5 .slide-bg-skew,
.slide-css-override-5 .slide-bg-skew:after {
  background-color: #641b1b;
}
.slide-css-override-5 .logo-domain {
  width: 150px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-5 .btn-bg {
  background-color: #bd5c5c;
}
.slide-css-override-5 .h3 {
  color: #fff;
}
.slide-css-override-5 .site-logo {
  color: #f0ccd5;
  fill: #fff;
}
#site-logo-latinamericancupid >path.logo-light {
  fill: #f0ccd5;
  color: #f0ccd5;
}
#site-logo-latinamericancupid >path.logo-dark {
  fill: #fff;
  color: #fff;
}
.slide-css-override-6 .slide-bg-skew,
.slide-css-override-6 .slide-bg-skew:after {
  background-color: #5a61a0;
}
.slide-css-override-6 .logo-domain {
  width: 130px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-6 .btn-bg {
  background-color: #929add;
}
.slide-css-override-6 .h3 {
  color: #fff;
}
.slide-css-override-6 .site-logo {
  color: #fceaf2;
  fill: #fff;
}
#site-logo-koreancupid >path.logo-light {
  fill: #fceaf2;
  color: #fceaf2;
}
#site-logo-koreancupid >path.logo-dark {
  fill: #fff;
  color: #fff;
}
.slide-css-override-7 .slide-bg-skew,
.slide-css-override-7 .slide-bg-skew:after {
  background-color: #613745;
}
.slide-css-override-7 .logo-domain {
  width: 130px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-7 .btn-bg {
  background-color: #BF6E89;
}
.slide-css-override-7 .h3 {
  color: #fff;
}
.slide-css-override-7 .site-logo {
  color: #fff;
  fill: #E19CB2;
}
#site-logo-russiancupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-russiancupid >path.logo-dark {
  fill: #E19CB2;
  color: #E19CB2;
}
.slide-css-override-8 .slide-bg-skew,
.slide-css-override-8 .slide-bg-skew:after {
  background-color: #7b2639;
}
.slide-css-override-8 .logo-domain {
  width: 160px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-8 .btn-bg {
  background-color: #c7657b;
}
.slide-css-override-8 .h3 {
  color: #fff;
}
.slide-css-override-8 .site-logo {
  color: #fff;
  fill: #f7d8d8;
}
#site-logo-internationalcupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-internationalcupid >path.logo-dark {
  fill: #f7d8d8;
  color: #f7d8d8;
}
.slide-css-override-9 .slide-bg-skew,
.slide-css-override-9 .slide-bg-skew:after {
  background-color: #d7effe;
}
.slide-css-override-9 .logo-domain {
  width: 115px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-9 .btn-bg {
  background-color: #60a6d2;
}
.slide-css-override-9 .h2,
.slide-css-override-9 .h3 {
  color: #222;
}
.slide-css-override-9 .site-logo {
  color: #BF519E;
  fill: #306C9A;
}
#site-logo-japancupid >path.logo-light {
  fill: #BF519E;
  color: #BF519E;
}
#site-logo-japancupid >path.logo-dark {
  fill: #306C9A;
  color: #306C9A;
}
.slide-css-override-10 .slide-bg-skew,
.slide-css-override-10 .slide-bg-skew:after {
  background-color: #f1dadd;
}
.slide-css-override-10 .logo-domain {
  width: 150px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-10 .btn-bg {
  background-color: #b15d51;
}
.slide-css-override-10 .h2,
.slide-css-override-10 .h3 {
  color: #222;
}
.slide-css-override-10 .site-logo {
  color: #8a804a;
  fill: #a11d21;
}
#site-logo-chinalovecupid >path.logo-light {
  fill: #8a804a;
  color: #8a804a;
}
#site-logo-chinalovecupid >path.logo-dark {
  fill: #a11d21;
  color: #a11d21;
}
.slide-css-override-11 .slide-bg-skew,
.slide-css-override-11 .slide-bg-skew:after {
  background-color: #bbd5b0;
}
.slide-css-override-11 .logo-domain {
  width: 140px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-11 .btn-bg {
  background-color: #6f9562;
}
.slide-css-override-11 .h2,
.slide-css-override-11 .h3 {
  color: #222;
}
.slide-css-override-11 .site-logo {
  color: #3e4d2d;
  fill: #674f4f;
}
#site-logo-vietnamcupid >path.logo-light {
  fill: #3e4d2d;
  color: #3e4d2d;
}
#site-logo-vietnamcupid >path.logo-dark {
  fill: #674f4f;
  color: #674f4f;
}
.slide-css-override-14 .slide-bg-skew,
.slide-css-override-14 .slide-bg-skew:after {
  background-color: #b4d4e8;
}
.slide-css-override-14 .logo-domain {
  width: 110px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-14 .btn-bg {
  background-color: #4c88af;
}
.slide-css-override-14 .h2,
.slide-css-override-14 .h3 {
  color: #222;
}
.slide-css-override-14 .site-logo {
  color: #2f6282;
  fill: #134461;
}
#site-logo-bbwcupid >path.logo-light {
  fill: #2f6282;
  color: #2f6282;
}
#site-logo-bbwcupid >path.logo-dark {
  fill: #134461;
  color: #134461;
}
.slide-css-override-15 .slide-bg-skew,
.slide-css-override-15 .slide-bg-skew:after {
  background-color: #5c1314;
}
.slide-css-override-15 .logo-domain {
  width: 140px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-15 .btn-bg {
  background-color: #c9708c;
}
.slide-css-override-15 .h3 {
  color: #fff;
}
.slide-css-override-15 .site-logo {
  color: #fff;
  fill: #F1B0C5;
}
#site-logo-singleparentlove >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-singleparentlove >path.logo-dark {
  fill: #F1B0C5;
  color: #F1B0C5;
}
.slide-css-override-16 .slide-bg-skew,
.slide-css-override-16 .slide-bg-skew:after {
  background-color: #601925;
}
.slide-css-override-16 .logo-domain {
  width: 115px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-16 .btn-bg {
  background-color: #b14457;
}
.slide-css-override-16 .h3 {
  color: #fff;
}
.slide-css-override-16 .site-logo {
  color: #fff;
  fill: #cf5066;
}
#site-logo-brazilcupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-brazilcupid >path.logo-dark {
  fill: #cf5066;
  color: #cf5066;
}
.slide-css-override-17 .slide-bg-skew,
.slide-css-override-17 .slide-bg-skew:after {
  background-color: #e2d6ce;
}
.slide-css-override-17 .logo-domain {
  width: 115px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-17 .btn-bg {
  background-color: #9a7e6c;
}
.slide-css-override-17 .h2,
.slide-css-override-17 .h3 {
  color: #222;
}
.slide-css-override-17 .site-logo {
  color: #66574E;
  fill: #42352c;
}
#site-logo-mexicancupid >path.logo-light {
  fill: #66574E;
  color: #66574E;
}
#site-logo-mexicancupid >path.logo-dark {
  fill: #42352c;
  color: #42352c;
}
.slide-css-override-18 .slide-bg-skew,
.slide-css-override-18 .slide-bg-skew:after {
  background-color: #046294;
}
.slide-css-override-18 .logo-domain {
  width: 90px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-18 .btn-bg {
  background-color: #3f9ac9;
}
.slide-css-override-18 .h3 {
  color: #fff;
}
.slide-css-override-18 .site-logo {
  color: #fff;
  fill: #C1E7F3;
}
#site-logo-gaycupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-gaycupid >path.logo-dark {
  fill: #C1E7F3;
  color: #C1E7F3;
}
.slide-css-override-19 .slide-bg-skew,
.slide-css-override-19 .slide-bg-skew:after {
  background-color: #15293d;
}
.slide-css-override-19 .logo-domain {
  width: 140px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-19 .btn-bg {
  background-color: #7397ba;
}
.slide-css-override-19 .h3 {
  color: #fff;
}
.slide-css-override-19 .site-logo {
  color: #fff;
  fill: #C0D3E2;
}
#site-logo-christiancupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-christiancupid >path.logo-dark {
  fill: #C0D3E2;
  color: #C0D3E2;
}
.slide-css-override-20 .slide-bg-skew,
.slide-css-override-20 .slide-bg-skew:after {
  background-color: #450e0d;
}
.slide-css-override-20 .logo-domain {
  width: 150px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-20 .btn-bg {
  background-color: #902f2f;
}
.slide-css-override-20 .h3 {
  color: #fff;
}
.slide-css-override-20 .site-logo {
  color: #fff;
  fill: #F4D6D6;
}
#site-logo-colombiancupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-colombiancupid >path.logo-dark {
  fill: #F4D6D6;
  color: #F4D6D6;
}
.slide-css-override-22 .slide-bg-skew,
.slide-css-override-22 .slide-bg-skew:after {
  background-color: #36465f;
}
.slide-css-override-22 .logo-domain {
  width: 120px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-22 .btn-bg {
  background-color: #70b2d5;
}
.slide-css-override-22 .h3 {
  color: #fff;
}
.slide-css-override-22 .site-logo {
  color: #fff;
  fill: #ADD8EF;
}
#site-logo-militarycupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-militarycupid >path.logo-dark {
  fill: #ADD8EF;
  color: #ADD8EF;
}
.slide-css-override-23 .slide-bg-skew,
.slide-css-override-23 .slide-bg-skew:after {
  background-color: #7ab1b8;
}
.slide-css-override-23 .logo-domain {
  width: 105px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-23 .btn-bg {
  background-color: #568e96;
}
.slide-css-override-23 .h3 {
  color: #fff;
}
.slide-css-override-23 .site-logo {
  color: #fff;
  fill: #2d555d;
}
#site-logo-muslima >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-muslima >path.logo-dark {
  fill: #2d555d;
  color: #2d555d;
}
.slide-css-override-24 .slide-bg-skew,
.slide-css-override-24 .slide-bg-skew:after {
  background-color: #563b72;
}
.slide-css-override-24 .logo-domain {
  width: 170px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-24 .btn-bg {
  background-color: #9a7bbb;
}
.slide-css-override-24 .h3 {
  color: #fff;
}
.slide-css-override-24 .site-logo {
  color: #fff;
  fill: #E2D0E6;
}
#site-logo-indonesiancupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-indonesiancupid >path.logo-dark {
  fill: #E2D0E6;
  color: #E2D0E6;
}
.slide-css-override-25 .slide-bg-skew,
.slide-css-override-25 .slide-bg-skew:after {
  background-color: #fedcd4;
}
.slide-css-override-25 .logo-domain {
  width: 150px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-25 .btn-bg {
  background-color: #d06d47;
}
.slide-css-override-25 .h3 {
  color: #fff;
}
.slide-css-override-25 .h2,
.slide-css-override-25 .h3 {
  color: #222;
}
.slide-css-override-25 .site-logo {
  color: #C65327;
  fill: #145F82;
}
#site-logo-interracialcupid >path.logo-light {
  fill: #C65327;
  color: #C65327;
}
#site-logo-interracialcupid >path.logo-dark {
  fill: #145F82;
  color: #145F82;
}
.slide-css-override-26 .slide-bg-skew,
.slide-css-override-26 .slide-bg-skew:after {
  background-color: #f4d0e2;
}
.slide-css-override-26 .logo-domain {
  width: 100px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-26 .btn-bg {
  background-color: #c86098;
}
.slide-css-override-26 .h2,
.slide-css-override-26 .h3 {
  color: #222;
}
.slide-css-override-26 .site-logo {
  color: #da7fb1;
  fill: #c41a77;
}
#site-logo-pinkcupid >path.logo-light {
  fill: #da7fb1;
  color: #da7fb1;
}
#site-logo-pinkcupid >path.logo-dark {
  fill: #c41a77;
  color: #c41a77;
}
.slide-css-override-27 .slide-bg-skew,
.slide-css-override-27 .slide-bg-skew:after {
  background-color: #5c1314;
}
.slide-css-override-27 .logo-domain {
  width: 170px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-27 .btn-bg {
  background-color: #bb6983;
}
.slide-css-override-27 .h3 {
  color: #fff;
}
.slide-css-override-27 .site-logo {
  color: #fff;
  fill:  #F1B0C5;
}
#site-logo-singaporelovelinks >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-singaporelovelinks >path.logo-dark {
  fill: #F1B0C5;
  color: #F1B0C5;
}
.slide-css-override-28 .slide-bg-skew,
.slide-css-override-28 .slide-bg-skew:after {
  background-color: #3f2f4a;
}
.slide-css-override-28 .logo-domain {
  width: 140px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-28 .btn-bg {
  background-color: #7d5598;
}
.slide-css-override-28 .h3 {
  color: #fff;
}
.slide-css-override-28 .site-logo {
  color: #fff;
  fill:  #8c61a9;
}
#site-logo-ukrainedate >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-ukrainedate >path.logo-dark {
  fill: #8c61a9;
  color: #8c61a9;
}
.slide-css-override-29 .slide-bg-skew,
.slide-css-override-29 .slide-bg-skew:after {
  background-color: #19556a;
}
.slide-css-override-29 .logo-domain {
  width: 150px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-29 .btn-bg {
  background-color: #56adcc;
}
.slide-css-override-29 .h2,
.slide-css-override-29 .h3 {
  color: #fff;
}
.slide-css-override-29 .site-logo {
  color: #fff;
  fill:  #C6E9F6;
}
#site-logo-dominicancupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-dominicancupid >path.logo-dark {
  fill: #C6E9F6;
  color: #C6E9F6;
}
.slide-css-override-32 .slide-bg-skew,
.slide-css-override-32 .slide-bg-skew:after {
  background-color: #c7dae6;
}
.slide-css-override-32 .logo-domain {
  width: 150px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-32 .btn-bg {
  background-color: #a76581;
}
.slide-css-override-32 .h2,
.slide-css-override-32 .h3 {
  color: #222;
}
.slide-css-override-32 .site-logo {
  color: #9D5272;
  fill:  #632540;
}
#site-logo-southafricancupid >path.logo-light {
  fill: #9D5272;
  color: #9D5272;
}
#site-logo-southafricancupid >path.logo-dark {
  fill: #632540;
  color: #632540;
}
.slide-css-override-33 .slide-bg-skew,
.slide-css-override-33 .slide-bg-skew:after {
  background-color: #1b6792;
}
.slide-css-override-33 .logo-domain {
  width: 150px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-33 .btn-bg {
  background-color: #57aedd;
}
.slide-css-override-33 .h3 {
  color: #fff;
}
.slide-css-override-33 .site-logo {
  color: #fff;
  fill:  #C1E7F3;
}
#site-logo-hongkongcupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-hongkongcupid >path.logo-dark {
  fill: #C1E7F3;
  color: #C1E7F3;
}
.slide-css-override-35 .slide-bg-skew,
.slide-css-override-35 .slide-bg-skew:after {
  background-color: #221c1c;
}
.slide-css-override-35 .logo-domain {
  width: 115px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-35 .btn-bg {
  background-color: #b16665;
}
.slide-css-override-35 .h3 {
  color: #fff;
}
.slide-css-override-35 .site-logo {
  color: #fff;
  fill:  #c48382;
}
#site-logo-blackcupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-blackcupid >path.logo-dark {
  fill: #c48382;
  color: #c48382;
}
.slide-css-override-36 .slide-bg-skew,
.slide-css-override-36 .slide-bg-skew:after {
  background-color: #9f222c;
}
.slide-css-override-36 .logo-domain {
  width: 120px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-36 .btn-bg {
  background-color: #da5663;
}
.slide-css-override-36 .h3 {
  color: #fff;
}
.slide-css-override-36 .site-logo {
  color: #fff;
  fill:  #F9CFD2;
}
#site-logo-indiancupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-indiancupid >path.logo-dark {
  fill: #F9CFD2;
  color: #F9CFD2;
}
.slide-css-override-37 .slide-bg-skew,
.slide-css-override-37 .slide-bg-skew:after {
  background-color: #b8d1e7;
}
.slide-css-override-37 .logo-domain {
  width: 130px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-37 .btn-bg {
  background-color: #548ab1;
}
.slide-css-override-37 .h2,
.slide-css-override-37 .h3 {
  color: #222;
}
.slide-css-override-37 .site-logo {
  color: #548ab1;
  fill:  #2f5875;
}
#site-logo-aussiecupid >path.logo-light {
  fill: #548ab1;
  color: #548ab1;
}
#site-logo-aussiecupid >path.logo-dark {
  fill: #2f5875;
  color: #2f5875;
}
.slide-css-override-38 .slide-bg-skew,
.slide-css-override-38 .slide-bg-skew:after {
  background-color: #e9d17e;
}
.slide-css-override-38 .logo-domain {
  width: 140px;
  height: 40px;
}
/*--theme-primary*/
.slide-css-override-38 .btn-bg {
  background-color: #ba4022;
}
.slide-css-override-38 .h2,
.slide-css-override-38 .h3 {
  color: #222;
}
.slide-css-override-38 .site-logo {
  color: #ca4727;
  fill:  #80331a;
}
#site-logo-caribbeancupid >path.logo-light {
  fill: #ca4727;
  color: #ca4727;
}
#site-logo-caribbeancupid >path.logo-dark {
  fill: #80331a;
  color: #80331a;
}
.slide-css-override-39 .slide-bg-skew,
.slide-css-override-39 .slide-bg-skew:after {
  background-color: #a6d4a3;
}
.slide-css-override-39 .logo-domain {
  width: 175px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-39 .btn-bg {
  background-color: #477743;
}
.slide-css-override-39 .h2,
.slide-css-override-39 .h3 {
  color: #222;
}
.slide-css-override-39 .site-logo {
  color: #214B23;
  fill:  #295829;
}
#site-logo-iraniansinglesconnection >path.logo-light {
  fill: #214B23;
  color: #214B23;
}
#site-logo-iraniansinglesconnection >path.logo-dark {
  fill: #295829;
  color: #295829;
}
.slide-css-override-40 .slide-bg-skew,
.slide-css-override-40 .slide-bg-skew:after {
  background-color: #d3e3f1;
}
.slide-css-override-40 .logo-domain {
  width: 125px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-40 .btn-bg {
  background-color: #4684b7;
}
.slide-css-override-40 .h2,
.slide-css-override-40 .h3 {
  color: #222;
}
.slide-css-override-40 .site-logo {
  color: #4684B7;
  fill:  #1E4F76;
}
#site-logo-malaysiancupid >path.logo-light {
  fill: #4684B7;
  color: #4684B7;
}
#site-logo-malaysiancupid >path.logo-dark {
  fill: #1E4F76;
  color: #1E4F76;
}
.slide-css-override-41 .slide-bg-skew,
.slide-css-override-41 .slide-bg-skew:after {
  background-color: #5b5b18;
}
.slide-css-override-41 .logo-domain {
  width: 115px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-41 .btn-bg {
  background-color: #a2a240;
}
.slide-css-override-41 .h3 {
  color: #fff;
}
.slide-css-override-41 .site-logo {
  color: #fff;
  fill:  #D2D27D;
}
#site-logo-kenyancupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-kenyancupid >path.logo-dark {
  fill: #D2D27D;
  color: #D2D27D;
}
.slide-css-override-42 .slide-bg-skew,
.slide-css-override-42 .slide-bg-skew:after {
  background-color: #490c2e;
}
.slide-css-override-42 .logo-domain {
  width: 170px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-42 .btn-bg {
  background-color: #954572;
}
.slide-css-override-42 .h3 {
  color: #fff;
}
.slide-css-override-42 .site-logo {
  color: #fff;
  fill:  #e2c9de;
}
#site-logo-cambodiancupid >path.logo-light {
  fill: #fff;
  color: #fff;
}
#site-logo-cambodiancupid >path.logo-dark {
  fill: #e2c9de;
  color: #e2c9de;
}
.slide-css-override-43 .slide-bg-skew,
.slide-css-override-43 .slide-bg-skew:after {
  background-color: #232E4D;
}
.slide-css-override-43 .logo-domain {
  width: 90px;
  height: 20px;
}
/*--theme-primary*/
.slide-css-override-43 .btn-bg {
  background-color: #D6AD60;
}
.slide-css-override-43 .h3 {
  color: #fff;
}
.slide-css-override-43 .site-logo {
  color: #D6AD60;
  fill:  #D6AD60;
}
#site-logo-elitecupid >path.logo-light {
  fill: #D6AD60;
  color: #D6AD60;
}
#site-logo-elitecupid >path.logo-dark {
  fill: #D6AD60;
  color: #D6AD60;
}
.slide-css-override-44 .slide-bg-skew,
.slide-css-override-44 .slide-bg-skew:after {
  background-color: #001427;
}
.slide-css-override-44 .logo-domain {
  width: 125px;
  height: 16px;
}
/*--theme-primary*/
.slide-css-override-44 .btn-bg {
  background-color: #E00055;
}
.slide-css-override-44 .h3 {
  color: #fff;
}
.slide-css-override-44 .site-logo {
  color: #E9F5FF;
  fill:  #E9F5FF;
}
#site-logo-silverlovecupid >path.logo-light {
  fill: #E9F5FF;
  color: #E9F5FF;
}
#site-logo-silverlovecupid >path.logo-dark {
  fill: #E9D1DA;
  color: #E9D1DA;
}
.slide-css-override-45 .slide-bg-skew,
.slide-css-override-45 .slide-bg-skew:after {
  background-color: #fff
}
.slide-css-override-45 .logo-domain {
  width: 93.9px;
  height: 24.7px;
}
/*--theme-primary*/
.slide-css-override-45 .btn-bg {
  background-color: #C565C7;
}
.slide-css-override-45 .h2,
.slide-css-override-45 .h3 {
  color: #323232;
}
.slide-css-override-45 .site-logo {
  color: #A72BA5;
  fill:  #644DF2;
  width: 52px;
  height: 48px;
}
/* SDV Ads */
.slide-css-override-1001 .slide .white,
.slide-css-override-1001 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1001 .slide-bg-skew,
.slide-css-override-1001 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1001 .logo-domain {
  width: 100px;
  height: 70px;
}
.slide-css-override-1001 .slide-side .logo-domain {
  width: auto;
  height: 90px;
}
.slide-css-override-1001 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1001 .btn-bg {
  background-color: #D4202D;
}
/* Amolatina */
.slide-css-override-1002 .slide .white,
.slide-css-override-1002 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1002 .slide-bg-skew,
.slide-css-override-1002 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1002 .logo-domain {
  width: 100px;
  height: 70px;
}
.slide-css-override-1002 .slide-side .logo-domain {
  width: 76%;
  height: 90px;
}
.slide-css-override-1002 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1002 .btn-bg {
  background-color: #D4202D;
}
/* DateMyAge */
.slide-css-override-1003 .slide .white,
.slide-css-override-1003 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1003 .slide-bg-skew,
.slide-css-override-1003 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1003 .logo-domain {
  width: 114px;
  height: 26px;
}
.slide-css-override-1003 .slide-side .logo-domain {
  width: 76%;
  height: 60px;
}
.slide-css-override-1003 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1003 .btn-bg {
  background-color: #FF5500;
}
/* ZenDate */
.slide-css-override-1004 .slide .white,
.slide-css-override-1004 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1004 .slide-bg-skew,
.slide-css-override-1004 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1004 .logo-domain {
  width: 114px;
  height: 26px;
}
.slide-css-override-1004 .slide-side .logo-domain {
  width: 76%;
  height: 60px;
}
.slide-css-override-1004 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1004 .btn-bg {
  background-color: #CC1F4F;
}
/* YourTravelMates */
.slide-css-override-1005 .slide .white,
.slide-css-override-1005 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1005 .slide-bg-skew,
.slide-css-override-1005 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1005 .logo-domain {
  width: 146px;
  height: 26px;
}
.slide-css-override-1005 .slide-side .logo-domain {
  width: 76%;
  height: 60px;
}
.slide-css-override-1005 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1005 .btn-bg {
  background-color: #4636B2;
}
/* EuroDate */
.slide-css-override-1006 .slide .white,
.slide-css-override-1006 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1006 .slide-bg-skew,
.slide-css-override-1006 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1006 .logo-domain {
  width: 142px;
  height: 33px;
}
.slide-css-override-1006 .slide-side .logo-domain {
  width: 76%;
  height: 60px;
}
.slide-css-override-1006 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1006 .btn-bg {
  background-color: #214D81;
}
/* AsianDate */
.slide-css-override-1007 .slide .white,
.slide-css-override-1007 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1007 .slide-bg-skew,
.slide-css-override-1007 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1007 .logo-domain {
  width: 130px;
  height: 47px;
}
.slide-css-override-1007 .slide-side .logo-domain {
  width: 76%;
  height: 60px;
}
.slide-css-override-1007 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1007 .btn-bg {
  background-color: #B23256;
}
/* RussianBrides */
.slide-css-override-1008 .slide .white,
.slide-css-override-1008 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1008 .slide-bg-skew,
.slide-css-override-1008 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1008 .logo-domain {
  width: 130px;
  height: 47px;
}
.slide-css-override-1008 .slide-side .logo-domain {
  width: 76%;
  height: 60px;
}
.slide-css-override-1008 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1008 .btn-bg {
  background-color: #B80C27;
}
/* Anastasiadate */
.slide-css-override-1009 .slide .white,
.slide-css-override-1009 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1009 .slide-bg-skew,
.slide-css-override-1009 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1009 .logo-domain {
  width: 180px;
  height: 77px;
}
.slide-css-override-1009 .slide-side .logo-domain {
  width: 76%;
  height: 60px;
}
.slide-css-override-1009 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1009 .btn-bg {
  background-color: #004284;
}
/* Hotti */
.slide-css-override-1010 .slide .white,
.slide-css-override-1010 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1010 .slide-bg-skew,
.slide-css-override-1010 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1010 .logo-domain {
  width: 140px;
  height: 45px;
}
.slide-css-override-1010 .slide-side .logo-domain {
  width: 76%;
  height: 60px;
}
.slide-css-override-1010 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1010 .btn-bg {
  background: linear-gradient(260.34deg, #FFDA29 -2.21%, #FF008B 98.44%);
}
/* African Date */
.slide-css-override-1011 .slide .white,
.slide-css-override-1011 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1011 .slide-bg-skew,
.slide-css-override-1011 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1011 .logo-domain {
  width: 150px;
  height: 73px;
}
.slide-css-override-1011 .slide-side .logo-domain {
  width: 76%;
  height: 73px;
}
.slide-css-override-1011 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1011 .btn-bg {
  background-color: #E14318;
}
/* AmalDate */
.slide-css-override-1012 .slide .white,
.slide-css-override-1012 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1012 .slide-bg-skew,
.slide-css-override-1012 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1012 .logo-domain {
  width: 150px;
  height: 73px;
}
.slide-css-override-1012 .slide-side .logo-domain {
  width: 76%;
  height: 73px;
}
.slide-css-override-1012 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1012 .btn-bg {
  background-color: #015B99;
}
/* Pina Date */
.slide-css-override-1014 .slide .white,
.slide-css-override-1014 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1014 .slide-bg-skew,
.slide-css-override-1014 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1014 .logo-domain {
  width: 160px;
  height: 73px;
}
.slide-css-override-1014 .slide-side .logo-domain {
  width: 76%;
  height: 73px;
}
.slide-css-override-1014 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/* Visa Services */
.visa-services .slide-bg-skew,
.visa-services .slide-bg-skew:after {
  background-color: #120A44;
}
.visa-services .btn-color{
  color: #222222;
}
.visa-services .btn-bg {
  background-color: #fff;
}
/*--theme-primary*/
.slide-css-override-1014 .btn-bg {
  background: linear-gradient(266.18deg, #DB5A64 -28.23%, #FF2435 140.05%), linear-gradient(260.34deg, #FFDA29 -2.21%, #FF008B 98.44%);
}
/*--- MREC logo max height ---*/
.slide-wrapper-mrec .logo-domain {
  max-height: 65px;
}
/* OurLove */
.slide-css-override-1015 .slide .white,
.slide-css-override-1015 .slide-side .white  {
  color: #3A3A3A;
}
.slide-css-override-1015 .slide-bg-skew,
.slide-css-override-1015 .slide-bg-skew:after {
  background-color: #fff;
}
.slide-css-override-1015 .logo-domain {
  width: 160px;
  height: 73px;
}
.slide-css-override-1015 .slide-side .logo-domain {
  width: 76%;
  height: 73px;
}
.slide-css-override-1015 .specials-tag {
  border-left: 65px solid transparent;
  border-top: 65px solid #009F83;
  font-size: 12px;
}
/*--theme-primary*/
.slide-css-override-1015 .btn-bg {
  background-color: #F44001;
}
#menuToggle {
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}
#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}
/*
 * Just a quick hamburger
 */
#menuToggle .hamburger {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #fff;
  border-radius: 3px;
  z-index: 1;
  -webkit-transform-origin: 4px 0;
          transform-origin: 4px 0;
  -webkit-transition:
    background 0.5s cubic-bezier(0.49, 0.3, 0.61, 1.06),
    opacity 0.55s ease,
    -webkit-transform 0.5s cubic-bezier(0.49, 0.3, 0.61, 1.06);
  transition:
    background 0.5s cubic-bezier(0.49, 0.3, 0.61, 1.06),
    opacity 0.55s ease,
    -webkit-transform 0.5s cubic-bezier(0.49, 0.3, 0.61, 1.06);
  transition:
    transform 0.5s cubic-bezier(0.49, 0.3, 0.61, 1.06),
    background 0.5s cubic-bezier(0.49, 0.3, 0.61, 1.06),
    opacity 0.55s ease;
  transition:
    transform 0.5s cubic-bezier(0.49, 0.3, 0.61, 1.06),
    background 0.5s cubic-bezier(0.49, 0.3, 0.61, 1.06),
    opacity 0.55s ease,
    -webkit-transform 0.5s cubic-bezier(0.49, 0.3, 0.61, 1.06);
}
#menuToggle .hamburger:first-child {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
#menuToggle .hamburger:nth-last-child(2) {
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}
/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ .hamburger {
  opacity: 1;
  -webkit-transform: rotate(45deg) translate(1px, -1px);
          transform: rotate(45deg) translate(1px, -1px);
}
/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ .hamburger:nth-last-child(3) {
  opacity: 0;
  -webkit-transform: rotate(0deg) scale(0.2, 0.2);
          transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ .hamburger:nth-last-child(2) {
  opacity: 1;
  -webkit-transform: rotate(-45deg) translate(0, 3px);
          transform: rotate(-45deg) translate(0, 3px);
}
#menu {
  z-index: 10; /* hack to fix issue in old theme, remove when all pages are done */
  right: -1rem; /* minus the padding */
  top: 42px;
  opacity: 0;
  width: 0;
  overflow: hidden;
  padding: 0;
  background: #fff;
  list-style-type: none;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}
[dir='rtl'] #menu {
  left: -1rem; /* minus the padding */
  right: auto;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
#menu li {
  width: auto;
  white-space: nowrap;
}
[dir='rtl'] #menu li {
  padding-left: 2rem;
  padding-right: 0.5rem;
}
/*
 * And let's fade it in
 */
#menuToggle input:checked ~ ul {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1;
  width: auto;
  padding: 1rem;
  max-height: 100vh;
  overflow-y: auto;
}
.skeleton .h3 {
  height: 1.25rem
}
.skeleton .h5 {
  height: 0.875rem;
}
.skeleton .bg-skeleton {
  background: -webkit-gradient(linear, left top, right top, from(#e0e0e0), color-stop(#f1f1f1), to(#e0e0e0));
  background: linear-gradient(90deg, #e0e0e0, #f1f1f1, #e0e0e0);
  background-size: 600% 600%;
  -webkit-animation: flash 4s ease infinite;
  animation: flash 4s ease infinite;
}
.skeleton .actions .icon {
  height: 30px;
  width: 30px;
}
@-webkit-keyframes flash {
  0% { background-position: 0 50%; }
  50% { background-position: 100% 51%; }
  100% { background-position: 0 50%; }
}
@keyframes flash {
  0% { background-position: 0 50%; }
  50% { background-position: 100% 51%; }
  100% { background-position: 0 50%; }
}
@media (max-width: 1614px) {
  .skeleton .h3 {
    height: 1.15rem;
  }
  .skeleton .h5 {
    height: 0.875rem;
  }
}
.site-logo {
  color: #134461;
  fill: #2f6282;
}
.site-logo-on-white {
  color: #134461;
  fill: #4c88af;
}
.logo-light {
  fill: #2f6282;
  color: #2f6282;
}
.logo-dark {
  fill: #134461;
  color: #134461;
}
.logo-right-on-white {
  fill: #b4d4e8;
  color: #b4d4e8;
}
.logo-left-on-white {
  fill: #134461;
  color: #134461;
}
.corp-cupid-logo {
  fill: #767273;
  color: #942923;
}
.logo-heart {
  width: 38px;
  height: 34px;
}
.logo-domain {
  width: 110px;
  height: 20px;
}
.logo-domain-eurocupid {
  width: 122px;
  height: 24px;
}
/* iPad */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  .logo-domain {
    width: 110px;
    height: 30px;
  }
}
/* select all class that start with tooltip */
.tooltip-text {
  width: 200px;
  opacity: 0;
  visibility: hidden;
  display: none;
  top: 105%;
  z-index: 2;
  -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.tooltip:hover ~ .tooltip-text {
  display: block;
  opacity: 1;
  visibility: visible;
}
.tooltip:hover ~ .tooltip-text-center {
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}
.tooltip:hover ~ .tooltip-text-left {
  left: 0;
}
.tooltip:hover ~ .tooltip-text-right,
[dir=rtl] .tooltip:hover ~ .tooltip-text-left {
  left: auto;
  right: 0;
}
[dir=rtl] .tooltip:hover ~ .tooltip-text-right {
  left: 0;
  right: auto;
}
.tooltip a {
  color: #fff;
  text-decoration: underline;
}
.tooltip-text-width-auto {
  width: auto;
}
.tooltip:hover ~ .tooltip-text-bottom {
  top: 100%;
}
.tooltip:hover ~ .tooltip-text-top {
  top: 15%;
}
.tooltip:hover ~ .tooltip-text-above {
  top: -130%;
}
/*Profile Tooltip*/
.tooltip-profile-text {
  opacity: 0;
  visibility: hidden;
  top: -105%;
  z-index: 2;
  -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}
.tooltip-profile a {
  color: #fff;
  text-decoration: underline;
}
.tooltip-profile:hover ~ .tooltip-profile-text {
  display: block;
  opacity: 1;
  visibility: visible;
}
.tooltip-profile:hover ~ .tooltip-action-lg-btn {
  left: auto;
  right:0;
  top: 105%;
}
.tooltip-profile:hover ~ .tooltip-action-sm-btn {
  left: auto;
  right: 0;
  top: -105%;
}
[dir=rtl] .tooltip-profile:hover ~ .tooltip-action-lg-btn {
  left: 0;
  right:auto;
  top: 105%;
}
[dir=rtl] .tooltip-profile:hover ~ .tooltip-action-sm-btn {
  left: 0;
  right: auto;
  top: -105%;
}
@media (max-width: 1242px) {
  .tooltip-profile:hover ~ .tooltip-action-lg-btn {
    left: 0;
    right:auto;
    top: -65%;
  }

  .tooltip-profile:hover ~ .tooltip-action-sm-btn {
    left: auto;
    right: 0;
    top: -105%;
  }

  [dir=rtl] .tooltip-profile:hover ~ .tooltip-action-lg-btn {
    left: auto;
    right:0;
    top: -65%;
  }

  [dir=rtl] .tooltip-profile:hover ~ .tooltip-action-sm-btn {
    top: -105%;
  }
}
.cmc {
  right: 1rem;
}
[dir=rtl] .cmc {
  left: 1rem;
  right: auto;
}
.cmc.move-left {
  right: 220px;
}
.cmc-wrap-ch {
  width:  350px;
}
[dir=rtl] .cmc.move-left {
  left: 220px;
  right: auto;
}
.ch {
  background-color: white;
  width: 350px;
  height: 100%;
}
.ch-title {
  background-color: #b4d4e8;
  border-bottom: 0;
  color: #222;
}
.ch-menu a {
  line-height: 120%;
  cursor: pointer;
}
.ch-title-mname a:link,
.ch-title-mname a:visited {
  color: #222;
}
.ch-title-picture-image {
  border: 1px solid #222;
  background-position: center;
  background-size: contain;
}
.ch-msg-reply-messagebg {
  color: #565656;
}
.cl .online,
.ch .online{
  width: 10px;
  height: 10px;
  right: -1px;
  bottom: 4px;
}
.ch .online svg{
  width: 10px;
  height: 10px;
}
.ch-title-buttons {
  fill: #333;
}
.ch-menu {
  top: 100%;
  right: 0;
  left: auto;
  width: auto;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  background-color: #fff;
}
[dir=rtl] .ch-menu {
  right: auto;
  left: 0;
  padding: 0.5rem;
}
.ch-menu li {
  width: auto;
  white-space: nowrap;
}
.ch-title-buttons-more.focus::after {
  background-color: #000;
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: -10px;
  left: -10px;
  opacity: 0.15;
}
.sm-chat-wrap {
  color: #fff;
  fill: #fff;
}
.my-message {
  background-color: #4c88af;
  color: #fff;
}
.ch-messages-messagelist .my-message {
  max-width: 212px; /* Used to force IE to wrap the text correctly */
}
.ch-msg-reply-messagebg::before {
  border-width: 0 10px 10px 0;
  border-color: transparent #e9e9e9 transparent transparent;
  position: absolute;
  top: 0;
  left: -9px;
}
.ch-msg-reply-messagebg {
  background-color: #ffffff;
  border-width: 1px;
  border-color: #d1d1d1;
  border-style: solid;
}
.ch-messages-messagelist {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
.ch-messages-div {
  display: table;
  height: 399px;
  width: 100%;
  -webkit-transition:height 350ms ease-out;
  transition:height 350ms ease-out;
}
.ch-messages {
  height: 400px;
  overflow: auto;
  background-color: #f8f8f8;
  -webkit-transition:height 350ms ease-out;
  transition:height 350ms ease-out;
}
@media (max-height: 700px) {
  .ch-messages {
    height: 300px;
  }
  .ch-messages-div {
    height: 300px;
  }
  .ch-messages[data-imbra] {
    height: 220px;
  }
  [data-imbra] .ch-messages-div {
    height: 220px;
  }
}
@media (max-height: 500px) {
  .ch-messages {
    height: 250px;
  }
  .ch-messages-div {
    height: 250px;
  }
  .ch-messages[data-imbra] {
    height: 150px;
  }
  [data-imbra] .ch-messages-div {
    height: 150px;
  }
}
.ch-title-picture-image-notification-bullet.count[data-badge]::after {
  border: none;
  background-color: #4c88af;
  color: #fff;
  content: attr(data-badge);
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  margin: 0.25rem;
  border-radius: 50%;
  position: absolute;
  top: -11px;
  left: -21px;
  font-size: 0.7em;
}
.ch-input-div textarea,
.ch-input-div textarea:valid {
  resize: none;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ch-input-div textarea:focus {
  outline: 0;
}
.ch-chatMinimized {
  height: 64px;
}
.ch-chatMinimized .ch-title-buttons-minimise {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.cl-ch-sm .truncate {
  max-width: 92px;
}
.ch-messages-messagelist-div-upgrade-chat-reply-blurredMessage {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}
.ch-translate {
  color: #fff;
}
[dir=rtl] .ch-translate {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
/* Slider switch */
/* The switch - the box around the slider */
.ch-translate-button {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 30px;
}
/* Hide default HTML checkbox */
.ch-translate-button input {
  display: block;
}
/* The slider */
.ch-translate-button .slider {
  position: absolute;
  cursor: pointer;
  pointer-events: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #4c88af;
  border: 1px solid #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ch-translate-button .slider::before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 3px;
  background-color: #b4d4e8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.ch-translate-button input:checked + .slider {
  background-color: #b4d4e8;
}
.ch-translate-button input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #4c88af;
          box-shadow: 0 0 1px #4c88af;
}
.ch-translate-button input:checked + .slider::before {
  background-color: #fff;
  left: 24px;
}
.ch-translate-button.ch-translating input:checked + .slider::before{
  background-color: #4c88af;
}
/* Rounded sliders */
.ch-translate-button .slider.round {
  border-radius: 30px;
}
.ch-translate-button .slider.round::before {
  border-radius: 50%;
}
.cml {
  width: 200px; /* needed to fix layout issue on iPad */
  right: 0;
}
[dir=rtl] .cml {
  left: 0;
  right: auto;
}
.cml-table {
  max-height: 500px;
}
.typing-bg {
  background-color: #f8f8f8;
}
.chat-sparks-options {
  height: 90px;
  overflow: hidden;
  background-color: #f8f8f8;
}
.chat-sparks-options.open {
  height: 180px;
  background-color: #fff;
  margin-top: -90px;
  -webkit-box-shadow: 0 -3px 8px 0 rgba(0, 0, 0, 0.10);
  box-shadow: 0 -3px 8px 0 rgba(0, 0, 0, 0.10);
}
.chat-sparks-options.open .rotate-180{
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
#headerouter::before {
  content:"";
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  background-image: url(../jpg/homepage.jpg);
  background-size: cover;
  background-position: 65%;
}
#headerouter.female::before{
  background-image: url(../jpg/landing.jpg);
}
#headerouter.min-height-5::before{
  position: absolute;
}
[dir=rtl] #headerouter::before{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
#headerouter.min-height-5::before{
  background-position: 65% 25%;
}
#headerouter footer,
#headerouter .body-font-color,
.auth label {
  color: #fff;
}
#headerouter footer {
  z-index: 2;
}
.membernav svg {
  fill: #fff;
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
.membernav ul {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.membernav a {
  color: #fff;
  text-decoration: none;
}
.membernav li {
  position: relative;
  background: rgba(0,0,0,0.8);
}
.membernav ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 120%;
  max-height: 80vh;
  overflow-y: auto;
}
.membernav ul ul li {
  width: auto;
  background: rgba(255,255,255,.8);
}
.membernav ul ul li:hover {
  width: auto;
  background: #fff;
}
.membernav ul ul li a {
  color: #565656;
  line-height:120%;
}
.membernav ul li:hover > ul {
  display:block
}
.membernav .arrow svg {
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  width: 15px;
  height: 15px;
}
.membernav li:hover .arrow svg {
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
}
/*Support for IE 9*/
[dir=rtl] .membernav .arrow svg {
  -ms-transform: rotate(-90deg);
}
[dir=rtl] .membernav li:hover .arrow svg {
  -ms-transform: rotate(90deg);
}
/*Support for Microsoft Edge*/
@supports (-ms-ime-align:auto) {
  [dir=rtl] .membernav .arrow svg {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }

  [dir=rtl] .membernav li:hover .arrow svg {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.link-color a,
#logoutPage a {
  color: #4c88af;
  text-decoration: none;
}
.link-color-bold a {
  font-weight: 700;
}
a.btn-color,
a.btn-color:active,
a.btn-color:visited,
a.btn-color:hover {
  color: #fff;
}
/*min-height support for blackscreen overlay - if screen height is over 800px add footer */
.blackscreen-min-height {
  min-height: 85vh;
}
.bg-silver {
  background-color:#F8F8F7;
}
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
label,
label a,
legend,
.unit {
  color:#565656;
}
label a {
  font-weight: bold;
}
label a:active,
label a.active {
  /* set this to theme primary colour */
  color: #93849F;
  font-weight: 500;
}
label.count[data-badge]::after {
  border: none;
  background-color: #4c88af;
  color: #fff;
  right: -35px;
}
label.count.max[data-badge]::after {
  background-color: #ff4136;
}
.invalidMessage {
  color: #c23b2d;
}
[lang=el] .error-message {
  font-size: 0.8rem;
}
.login .invalidMessage {
  color: #fff;
}
input,
select,
textarea,
label.accordion {
  color:#565656;
  padding: 0.5rem;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 3px #ddd;
          box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: inherit;
  font-family: inherit;
  outline:0;
  line-height: inherit;
}
input::-webkit-input-placeholder{
  color: #b5b4b4;
  font-weight: 300;
}
input::-moz-placeholder{
  color: #b5b4b4;
  font-weight: 300;
}
input:-ms-input-placeholder{
  color: #b5b4b4;
  font-weight: 300;
}
input::placeholder{
  color: #b5b4b4;
  font-weight: 300;
}
select.filter {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-right: 1.5rem;
}
[dir=rtl] select.filter {
  padding-right: 0.5rem;
  padding-left: 1.5rem;
}
textarea {
  resize: none;
  max-height: 280px;
}
/*input:invalid,*/
input:focus:invalid,
select:focus:invalid {
  border-color: #c23b2d;
}
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48cGF0aCBmaWxsPSJyZ2IoODYsODYsODYpIiBkPSJNNC45LDQuNmgxNS4ybC03LjYsNy42QzEyLjUsMTIuMSw0LjksNC42LDQuOSw0LjZ6Ii8+PC9zdmc+) no-repeat right bottom;
  background-size: 25px 25px;
}
select::-ms-expand {
  display: none; /* remove default arrow on ie10 and ie11 */
}
select.filter {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjUgMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1Ij48cGF0aCBmaWxsPSJyZ2IoODYsODYsODYpIiBkPSJNNC45LDQuNmgxNS4ybC03LjYsNy42QzEyLjUsMTIuMSw0LjksNC42LDQuOSw0LjZ6Ii8+PC9zdmc+) no-repeat 100% 60%;
}
[dir=rtl] select {
  background-position: left bottom;
}
/*input:empty,*/
/*!*input:focus:empty,*!*/
/*select,*/
/*textarea:empty{*/
/*border-color: #ff851b;*/
/*}*/
input:focus:valid,
select:focus:valid,
.select:focus,
textarea:focus:valid{
  border-color: #129fea;
}
textarea:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
textarea:focus:-ms-input-placeholder { color:transparent; }
/* IE 10+ */
input:valid,
select:valid,
textarea:valid,
.selectopt:valid{
  border: 1px solid #ccc;
}
select:valid.filter {
  border: 0;
}
[disabled],
[disabled]:empty,
.disabled {
  cursor: none;
  opacity: 0.6;
  overflow: hidden;
  border-color: #ccc;
  border-color:transparent;
  background-color: transparent;
}
[disabled] ~ .icon .unchecked,
[disabled] ~ span{
  cursor: none;
}
[type=submit]:valid,
[type=submit]:invalid {
  border: 0;
  cursor: none;
  opacity:1;
}
[type=submit]:valid {
  cursor: pointer;
}
select[disabled]{
  background-image: none;
}
.unit-right {
  right: 1em;
}
.unit-left {
  left: 1em;
}
.form-field {
  margin-top: .18rem;
}
[type=checkbox] ~ .icon,
[type=radio] ~ .icon {
  cursor: pointer;
}
[type=checkbox] ~ .icon, [type=checkbox][disabled] ~ .icon,
[type=checkbox] ~ .icon .unchecked, [type=checkbox][disabled] ~ .icon .unchecked {
  fill: #8c8c8c;
  color: #cdcdcd;
  stroke: none;
  border-radius: 4px;
}
[type=checkbox].indeterminate ~ .icon .indeterminate, [type=checkbox] ~ .icon .unchecked {
  display: block;
}
[type=radio] ~ .icon .unchecked {
  fill: #8c8c8c;
  color: #fff;
  display: block;
}
[type=checkbox],
[type=checkbox]:not(:checked) ~ .icon .checked,
[type=checkbox].indeterminate ~ .icon .unchecked,
[type=checkbox]:checked ~ .icon .unchecked,
[type=checkbox]:checked ~ .icon .indeterminate{
  display: none;
}
[type=radio],
[type=radio]:not(:checked) ~ .icon .checked,
[type=radio]:checked ~ .icon .unchecked {
  display: none;
}
[type=radio]:checked ~ .icon .checked {
  display: block;
}
input[type=checkbox] ~ .icon-medium {
  height: 2rem;
  width: 2rem;
}
[type=checkbox] ~ .blue
{
  color: #fff;
  fill: #2a3393;
}
[type=checkbox] ~ .green
{
  color: #fff;
  fill: #7faf41;
}
[type=checkbox] ~ .theme
{
  color: #fff;
  fill: #4c88af;
}
[type=radio] ~ .radio-blue
{
  color: #2a3393;
  fill: #2a3393;
}
[type=radio] ~ .radio-green
{
  color: #7faf41;
  fill: #7faf41;
}
[type=radio] ~ .radio-theme
{
  color: #4c88af;
  fill: #4c88af;
}
.selectElement .select {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position:relative;
  border: 1px solid #ccc;
  overflow: hidden;
  min-height:35px;
  max-height:200px;
}
.selectElement .select:focus {
  border: 1px solid #129fea;
  outline:0;
}
.selectElement .select.required{
  border-color: #ff851b;
}
.selectElement .option {
  /* set this to theme primary colour */
  background:#93849F;
  /*border-top:#222 solid 1px;*/
  /*pointer-events:none;*/
  z-index:1;
  -webkit-transition:background .4s ease-in-out;
  transition:background .4s ease-in-out;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
}
.selectElement .side-nav {
  display:none;
  height:100%;
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.select .divide {
  display:none;
}
.select:hover .side-nav,
.select:hover .divide {
  display:block;
}
.selectElement label:first-child {
  margin-top:35px;
}
.selectElement[disabled] .option,
.selectElement[disabled] input:checked + .option{
  /* set this to background colour .bg-silver */
  background: #F8F8F7;
}
.selectElement[disabled] .select {
  border: 0;
  pointer-events: none;
}
/*.option:hover {*/
/*background:#666;*/
/*}*/
.select:hover .option {
  color:#fff;
  position:relative;
  pointer-events:all;
}
.selectElement[disabled] .select:hover .option {
  position:absolute;
  pointer-events:none;
}
.selectElement input {
  opacity:0;
  position:absolute;
  left:-99999px;
}
.selectElement input:checked + .option {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  z-index:2;
  background:#fff;
  -webkit-box-shadow: inset 0 1px 3px #ddd;
          box-shadow: inset 0 1px 3px #ddd;
  border-top:none;
  position:relative;
  color:#565656;
  min-height:35px; /* needed should there be no label text */
}
.selectElement[disabled] input:checked + .option {
  -webkit-box-shadow: none;
          box-shadow: none;
  color:#717171;
}
.selectElement input:checked + label {
  outline:0;
}
/*.select:focus input:checked + .option {*/
/*color:#565656;*/
/*}*/
/* place X at end of selected */
.selectElement input:checked + label:after {
  content:'x';
  right:10px;
  position:absolute;
  pointer-events:none;
  z-index:3;
}
.selectElement[disabled] input:checked + label:after {
  content:'';
}
/* place arrow at end of first element */
.selectElement input:first-child:checked + label:after {
  content:'';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #565656;
  right:10px;
  top:16px;
}
.selectElement[disabled] input:first-child:checked + label:after {
  content:'';
  border: 0;
}
.selectElement input:checked + label:before {
  position:absolute;
  right:0;
  width: 40px;
  content: '';
  background:#fff;
}
/* Radio */
/*input[type=radio] {*/
/*display: none;*/
/*}*/
svg {
  display: inline-block;
  vertical-align: middle;
}
/*input ~ .icon {*/
/*fill: #fff;*/
/*height: 33px;*/
/*width: 33px;*/
/*}*/
/*input ~ .icon svg.unchecked {*/
/*fill: #95989A;*/
/*display: block;*/
/*}*/
/*input:checked ~ .icon svg.checked {*/
/*fill: #2a3393;*/
/*stroke: #2a3393;*/
/*}*/
/* Slider */
input[type=range] {
  /*removes default webkit styles*/
  -webkit-appearance: none;

  /*fix for FF unable to apply focus style bug */
  border: 1px solid transparent;

  background-color: rgba(0, 0, 0, .0625);
  -webkit-box-shadow: none;
          box-shadow: none;
  height:6px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  /* set this to theme primary colour */
  background: #93849F;
}
input[type=range][disabled]::-webkit-slider-thumb {
  background: transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-moz-range-track {
  width: 300px;
  height: 5px;
  background: #ddd;
  border: none;
  border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  /* set this to theme primary colour */
  background: #93849F;
}
input[type=range][disabled]::-moz-range-thumb {
  background: transparent;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
  outline: 1px solid white;
  outline-offset: -1px;
}
input[type=range]::-ms-track {
  height: 5px;

  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;

  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;

  /*remove default tick marks*/
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}
input[type=range]::-ms-thumb {
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  /* set this to theme primary colour */
  background: #93849F;
}
input[type=range][disabled]::-ms-thumb {
  background: transparent;
}
input[type=range]:focus::-ms-fill-lower {
  background: #888;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}
/* Accordion */
.accordion a,.accordion {
  color: #565656;
  border-color: #ccc;
}
.accordion .icon:first-child {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.accordion.accordion-text-block svg{
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
[dir=rtl] .accordion .icon:first-child {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -ms-transform: rotate(90deg);
}
.accordion .active .icon:first-child {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.accordion.accordion-text-block .active svg{
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  fill: #797c7e;
}
.accordion.accordion-text-block .active .h3{
  color: #4c88af; 
}
[dir=rtl] .accordion .active .icon:first-child {
  -webkit-transform: rotate(-270deg);
          transform: rotate(-270deg);
  -ms-transform: rotate(270deg);
}
.accordion .active output {
  min-height: 22px;
}
.disable-select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.switch input + label {
  width: 3.25rem;
  padding: 0.25rem;
  background-color: #fff;
}
/* Lang specific widths can go here e.g. */
[lang=ko] .switch label {
  width: 5rem;
}
.switch.theme :checked + label {
  background-color: #4c88af;
  color: #fff;
}
.switch.blue :checked + label {
  background-color: #2a3393;
  color: #fff;
}
.switch.green :checked + label {
  background-color: #7faf41;
  color: #fff;
}
/*over rides*/
#form-login label, #form-login .invalidMessage {
  color: #505656;
}
/* TODO - will be reviewed/changed in My Profile */
/* stylelint-disable */
/*
Blank out html5 validation on page load and only show it after submition using form.submitted
*/
/* hide validation messages on individual fields in a group validation
  (e.g. One check box is required)
*/
.checkbox-group[aria-invalid=true] .invalidMessage {
  display: none;
}
/*
display the validation message in  group validation
*/
.checkbox-group[aria-invalid=true] > .invalidMessage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form .invalidMessage .icon-error {
  width: 20px;
  height: 20px;
  fill: #c23b2d;
}
[aria-invalid=true] .field.is-error,
[aria-invalid=true] .field:invalid,
[aria-invalid=true] .field:valid {
  border-color: #ff4136;
}
form.submitted .field.is-error,
form.submitted .field:invalid {
  border-color: #ff4136;
  margin-bottom: 0;
}
[aria-invalid=true] .field {
  margin-bottom: 0;
}
[aria-invalid=true] select {
  margin-bottom: 8px;
}
[aria-invalid=true] .invalidMessage {
  color: #c23b2d;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  font-weight: 200;
  font-size: 0.875rem;
}
.bg-theme-primary [aria-invalid=true] .invalidMessage {
  color: #505656;
}
.form .btn {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
/*
override styles coming from form factory
@TODO: check that removing classes within the form factory is safe
so we can remove the need to override them
*/
.form-item.flex-column .form-field.mt2 {
  margin-top: 0.5rem;
}
.form-item.flex-column label {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}
.form input:not([type]) {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 3px #ddd;
          box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form input[type=color] {
  padding: 0.5rem;
}
.form input:not([type]):focus {
  outline: 0;
  border-color: #129fea;
}
.form input[type=file]:focus,
.form input[type=radio]:focus,
.form input[type=checkbox]:focus {
  outline: thin solid #129fea;
  outline: 1px auto #129fea;
}
.form .checkbox,
.form .radio {
  margin: 0.5em 0;
  display: block;
}
.form input:not([type])[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3;
}
.form input[readonly],
.form select[readonly],
.form textarea[readonly] {
  background-color: #eee;
  color: #777;
  border-color: #ccc;
}
.form input:focus:invalid,
.form textarea:focus:invalid,
.form select:focus:invalid {
  color: #b94a48;
  border-color: #e9322d;
}
.form input[type=file]:focus:invalid:focus,
.form input[type=radio]:focus:invalid:focus,
.form input[type=checkbox]:focus:invalid:focus {
  outline-color: #e9322d;
}
.form select[multiple] {
  height: auto;
  background-image: none;
}
.form input.input-rounded,
.form .input-rounded {
  border-radius: 2em;
  padding: 0.5em 1em;
}
.form .group fieldset {
  margin-bottom: 10px;
}
.form .group input,
.form .group textarea {
  display: block;
  padding: 10px;
  margin: 0 0 -1px;
  border-radius: 0;
  position: relative;
  top: -1px;
}
.form .group input:focus,
.form .group textarea:focus {
}
.form .group input:first-child,
.form .group textarea:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
  margin: 0;
}
.form .group input:first-child:last-child,
.form .group textarea:first-child:last-child {
  top: 1px;
  border-radius: 4px;
  margin: 0;
}
.form .group input:last-child,
.form .group textarea:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
  margin: 0;
}
.form .group button {
  margin: 0.35em 0;
}
.form .help-inline,
.form-message-inline {
  display: inline-block;
  padding-left: 0.3em;
  color: #666;
  vertical-align: middle;
  font-size: 0.875rem;
}
.form-field select::-ms-expand {
  display: none;
}
/*
@TODO: generalize the color scheme used for  `#form-forgot-password`
*/
[id|=auth-showforgotpassword] .bg-silver {
  background-color: #ededed;
}
[id|=auth-showforgotpassword] .border-dark-grey {
  border-color: #ccc;
}
[id|=auth-resetpassword] .bg-silver {
  background-color: #ededed;
}
[id|=auth-resetpassword] .border-dark-grey {
  border-color: #ccc;
}
.checkbox-line-wrap::first-line {
  line-height: 2;
}
/* registration form age set fixed width to fix drop down arrow issue */
#age {
  min-width: 50px;
}
/* stylelint-enable */
form { -webkit-animation: forcerepaint infinite 1s }
@-webkit-keyframes forcerepaint { from { padding: 0 } to { padding: 0 } }
[data-validate-requireone] div.invalidMessage {
  display: none;
}
[data-validate-requireone] div.invalidMessage:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.switch div.invalidMessage {
  display: none;
}
.switch div.invalidMessage:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* Message list */
.list-message {
  min-height: 74px;
}
.list-message label {
  width: 84px;
}
.list-message label.hide {
  width: 1px;
}
.list-message .profile-image {
  width: 70px;
  height: 70px;
  border-color: #c7c7c7;
  border-width: 1px;
}
.list-message .icon-holder {
  left: 55px;
}
[dir='rtl'] .list-message .icon-holder {
  right: 55px;
  left: auto;
}
.list-message-profile {
  min-width: 360px;
}
.list-message-text {
  max-width: 600px;
}
.list-message .unread-message {
  font-weight: 600;
}
.list-message .count[data-badge]::after {
  border: none;
  background-color: #4c88af;
  color: #fff;
  left: 12px;
  top: -15px;
  padding: 3px;
}
[dir=rtl] .list-message .count[data-badge]::after {
  left: auto;
  right: 12px;
}
.icon-replied {
  left: -7px;
}
[dir=rtl] .icon-replied {
  right: -7px;
  left: auto;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.icon-replied svg {
  width: 25px;
  height: 22px;
  fill: #565656;
}
input + .unselected {
  fill: rgba(114,114,114,0.9);
}
.copy-artwork {
  background-color: #089c47;
}
input ~ .undo {
  background-color: #089c47;
  display: none;
}
input:checked ~ .unselected {
  display: none;
}
input:checked ~ .undo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* Slider switch */
/* The switch - the box around the slider */
/* .list-message-filter has been added to switch to stop old theme styling issues - tobe removed when all pages are using new theme */
.list-message-filter-switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 30px;
}
[dir='rtl'] .list-message-filter-switch {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
/* Hide default HTML checkbox */
.list-message-filter-switch input {
  display: block;
}
/* The slider */
.list-message-filter-switch .slider {
  position: absolute;
  cursor: pointer;
  pointer-events: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.list-message-filter-switch input:disabled .slider {
  cursor: none;
}
.list-message-filter-switch .slider::before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 3px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.list-message-filter-switch .checked + .slider {
  background-color: #7faf41;
}
.list-message-filter-switch .checked + .slider {
  -webkit-box-shadow: 0 0 1px #7faf41;
          box-shadow: 0 0 1px #7faf41;
}
.list-message-filter-switch .checked + .slider::before {
  background-color: #fff;
  left: 24px;
}
/* Rounded sliders */
.list-message-filter-switch .slider.round {
  border-radius: 30px;
}
.list-message-filter-switch .slider.round::before {
  border-radius: 50%;
}
.list-message-filter-switch .slider.disabled {
  cursor: none;
}
.sender-image {
  width: 48px;
  height: 48px;
}
.icon-holder-messages {
  width: 90px;
  left: 105px;
  bottom: 4px;
}
.message-holder {
  min-height: 230px;
  overflow: hidden;
  overflow-y: auto;
}
.message {
  border-width: 1px;
  border-color: #d1d1d1;
  border-style: solid;
}
.message::after,
.message::before {
  right: 100%;
  top: 47%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
[dir=rtl] .message::after,
[dir=rtl] .message::before {
  left: 100%;
  right: auto;
}
.message::after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 15px;
  margin-top: -15px;
}
[dir=rtl] .message::after {
  border-right-color: transparent;
  border-left-color: #fff;
}
.message::before {
  border-color: rgba(209, 209, 209, 0);
  border-right-color: #d1d1d1;
  border-width: 16px;
  margin-top: -16px;
}
[dir=rtl] .message::before {
  border-right-color: transparent;
  border-left-color: #d1d1d1;
}
.message-input {
  border: 0 !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.message-text-blur {
  color: transparent;
  text-shadow: 0 0 10px rgba(86, 86, 86, 1);
}
.message-locked svg {
  fill: #565656;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.attempted-read-by-member .tooltip {
  display: none;
}
.message-upgrade {
  cursor: pointer;
}
a.message-upgrade,
a.message-upgrade:visited,
a.message-upgrade:hover {
  color: #fff;
}
@media (min-width: 1260px) {
  .message-upgrade {
    left: 20%;
  }
}
.message-upgrade svg {
  width: 20px;
  height: 20px;
}
.send-btn svg {
  color: #fff;
  width: 26px;
  height: 26px;
}
.send-btn:hover,
[disabled].send-btn{
  background-color: #4c88af;
}
.attempted-read-by-member {
  color: #c78515;
}
.attempted-read-by-member:hover .tooltip {
  display: block;
}
.bubble-large {
  width: 20px;
  height: 20px;
  left: -4px;
  bottom: -3px;
}
.bubble-small {
  width: 10px;
  height: 10px;
  left: -11px;
  bottom: -7px;
}
.instructions {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
.instructions li {
  counter-increment: my-awesome-counter;
  position: relative;
}
.instructions li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  position: absolute;
  left: -25px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  top: -25px;
  background: #4c88af;
  border-radius: 50%;
  text-align: center;
}
[dir='rtl'] .instructions {
  padding-right: 40px;
  padding-left: 0;
}
[dir='rtl'] .instructions li::before {
  left: auto;
  right: -25px;

}
/* custom folder select max width */
.max-width-folder-select {
  max-width: 280px;
}
.specials {
  position: absolute;
  top: -10px;
  right: -10px;
}
.payment-option {
  min-height: 52px;
}
.steps {
  color: #222;
}
.step {
  background-color: #4c88af;
  color: #fff;
  width: 34px;
  height: 34px;
}
/* Upgrade styles */
/* Membership */
.duration{
  min-width: 33.3333%;
}
.platinum .duration, .benefits .platinum {background-color: #D2D5F9}
.gold .duration, .benefits .gold {background-color: #f9ea98;}
#upgradeForm .segmented-button a{color: #565656;}
#upgradeForm .segmented-button a.active.platinum{background-color: #D2D5F9 !important}
#upgradeForm .segmented-button a.active.gold{background-color: #f9ea98 !important}
#upgradeForm .infoicon {width: 25px; height: 25px; display:block;}
/* Slides */
.upgradebanner, .upgradebannerAB{
  background-color: #e5e5e5;
  min-width:100%;
  white-space: normal;
  color: inherit;
}
.upgradebanner .icon{
  width: 75px;
  height: 75px;
  overflow: hidden;
}
.upgradebannerAB .memberPhoto{
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
}
.upgradebanner .icon img{
  width: 100%;
  height: 100%;
}
.upgradebanner .icon {
  fill: #4c88af;
}
.upgradebanner .icon-small{
  width: 50px;
  height: 50px;
}
.upgradebannerAB .icon-small{
  width: 30px;
  height: 30px;
}
.upgradebannerAB p{
  color:#565656;
}
.upgradebannerAB .header{
  margin-bottom: -0.5rem;
}
.upgradebanner.bg-red-darken{
  background-color: #c23b2d;
}
.upgradebanner.bg-green{
  background-color: #7faf41;
}
.upgradebanner.bg-yellow{
  background-color: #ecce45;
}
.slides-nav{
  margin-top:.25rem;
}
@media (max-height: 480px){
  .payment-upgrade-slides .col-3{
    width:0;
  }
  .payment-upgrade-slides .col-9{
    width:100%;
  }
  .payment-upgrade-slides .icon{
    display:none;
  }
  .upgradebannerAB .icon{
    display:block;
  }
}
/* Benefits */
.benefits .icon{ width: 30px; height:30px;}
.benefits .platinum .icon,
.benefits .platinum {fill:#2a3393; stroke:#2a3393;}
.benefits .gold .icon,
.benefits .gold {fill:#ec9e18; stroke:#ec9e18;}
.benefits .content{font-size:1em;}
.benefits .ellipsis{
  overflow:hidden;
  text-overflow:ellipsis;
}
/* Check Icon */
.duration input[type=radio], .paymentMethod input[type=radio]{
  display:none !important;
}
.paymentMethod input, .paymentMethod svg{
  display:inline-block;
  vertical-align: middle;
}
.duration input ~.icon, .paymentMethod input ~.icon {
  fill: #fff;
  height:33px;
  width:33px;
  background-color: #fff;
}
.platinum .duration input[type=radio] ~.icon .unticked, .paymentMethod input ~.icon .unticked {
  fill:#2a3393;
  display:block;
}
.platinum .duration input[type=radio] ~.icon .ticked, .paymentMethod input[type=radio] ~.icon .ticked{
  display:none;
}
.platinum .duration input[type=radio]:checked ~.icon .ticked, .paymentMethod input[type=radio]:checked ~.icon .ticked{
  fill:#2a3393;
  stroke:#2a3393;
  display:block;
}
.platinum .duration input[type=radio]:checked ~.icon .unticked, .paymentMethod input[type=radio]:checked ~.icon .unticked{
  display:none;
}
.gold .duration input[type=radio] ~.icon .unticked{
  fill: #ec9e18;
  display:block;
}
.gold .duration input[type=radio] ~.icon .ticked{
  display: none;
}
.gold .duration input[type=radio]:checked ~.icon .ticked{
  fill:#ec9e18;
  stroke:#ec9e18;
  display:block;
}
.gold .duration input[type=radio]:checked ~.icon .unticked{
  display:none;
}
/* Tabs */
.platinum[aria-hidden=true], .gold[aria-hidden=true], .diamond[aria-hidden=true]{
  display:none;
}
/* Discount */
.line-through {
  text-decoration: line-through;
}
.hideRow {
  opacity: 0;
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.animate-fadeIn {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.bank-logo {
  max-width:95px;
}
.bank-logo-max-h {
  max-height:24px;
}
/* Order Review */
.review {
  width: 230px;
}
@media (max-width: 1024px){
  .review {
    width: 185px;
  }
}
/* payment Error */
/* styling content from CMS */
.payment-error ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.payment-error ol li {
  width: 33.33333%;
  padding: 1rem;
  margin-bottom: 4rem;
  background-color: #fff;
  counter-increment: my-awesome-counter;
  position: relative;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.4);
}
[dir="ltr"] .payment-error li {
  margin-right: 4rem;
  text-align: left;
}
[dir="rtl"] .payment-error li {
  margin-left: 4rem;
  text-align: right;
}
.payment-error ol li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  position: absolute;
  left: -25px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  top: -25px;
  background-color: #4c88af;
  border-radius: 50%;
  text-align: center;
}
.payment-error ol li ul li::before {
  content: '';
  position: relative;
}
.payment-error ol li ul li {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  background-color: transparent;
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: 0;
  margin-bottom: 1rem;
  counter-increment: none;
}
.payment-error li a {
  background-color: #e9e9e9;
  padding: 0.5rem 1rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  display: inline-block;
}
/* used in upgrade modal */
#plPriceDiff{
  color: #395a72;
  font-weight: bold;
}
.payment-content-max-width {
  max-width: 980px;
}
.payment-content-max-width [data-currency-price]{
  font-size: 24px;
}
.payment-content-max-width [data-billed] [data-currency-price]{
  font-size: 1rem;
}
.col-features{
  width: 28%;
}
#paymentOptions .h1 {
  font-size: 2.5rem;
}
.sparksProduct {
  background-color: #f8f8f8;
}
Label input:checked ~ .sparksProduct {
  background-color: #7faf41;
}
Label input:checked ~ .sparksProduct h3,
Label input:checked ~ .sparksProduct .sparksprice {
  color: #ffffff;
}
.sparksProduct .badge,
Label input:checked ~ .sparksProduct .badge{
  color: #7faf41;
}
[dir=rtl] .sparksProduct .badge{
  right: auto;
  left: 0;
}
Label input:checked ~ .sparksProduct .badge{
  background-color: #FFF;
}
.gold-tab.border-bottom {
  color: #ec9e18;
}
.platinum-tab.border-bottom {
  color: #2a3393;
}
.diamond-tab.border-bottom {
  color: #000000;
}
.sparks-amount {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.diamond-tab.border-bottom :has(div[class*="hide"]){
  border-bottom: solid 1px;
}
.platinum-tab.border-bottom .sparks-amount,
.diamond-tab.border-bottom .sparks-amount{
  opacity: 1;
  height: auto;
  border-top: solid 1px;
}
/* New Upgrade AB Test */
.product-card {
  width: 320px;
}
@media (min-width : 410px) {
  .product-card {
    width: 380px;
  }
}
.product-card h1 {
  font-size: 32px;
  font-weight: 600;
}
.product-card h2 {
  font-weight: 500;
  color: #323232;
}
.product-card.border-gold h1 {
  color:#ec9e18;
}
.product-card.border-platinum h1 {
  color:#2a3393;
}
.product-card.border-diamond h1 {
  color:#000000;
}
.upgradebanner .singles_await img{
  background-color: transparent;
  width: 50px;
  height: 50px;
}
.upgradebanner .singles_await .icon{
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 0;
}
.intro {
  min-height: 80%;
  background: #fff url(../jpg/homepage.jpg) no-repeat 65% 15%;
  background-size: cover;
}
.intro h1{
  font-size: 4rem;
}
.intro h2{
  font-size: 1.8vw;
  line-height: 2vw;
}
.intro h3{
  font-size: 1.6vw;
  line-height: 1.7vw;
}
.intro h4{
  font-size: 1.2vw;
  line-height: 1.4vw;
}
.intro button h3{
  color: #fff;
}
[dir="ltr"] .ms-auto { margin-left: auto }
[dir="rtl"] .ms-auto { margin-right: auto }
[dir="ltr"] .me-auto { margin-right:   auto }
[dir="rtl"] .me-auto { margin-left:   auto }
[dir="ltr"] .ms0 { margin-left:   0 }
[dir="rtl"] .ms0 { margin-right:   0 }
[dir="ltr"] .me0 { margin-right:     0 }
[dir="rtl"] .me0 { margin-left:     0 }
[dir="ltr"] .ms1 { margin-left:   .5rem }
[dir="rtl"] .ms1 { margin-right:   .5rem }
[dir="ltr"] .me1 { margin-right:     .5rem }
[dir="rtl"] .me1 { margin-left:     .5rem }
[dir="ltr"] .ms2 { margin-left:   1rem }
[dir="rtl"] .ms2 { margin-right:   1rem }
[dir="ltr"] .me2 { margin-right:     1rem }
[dir="rtl"] .me2 { margin-left:     1rem }
[dir="ltr"] .ms3 { margin-left:   2rem }
[dir="rtl"] .ms3 { margin-right:   2rem }
[dir="ltr"] .me3 { margin-right:     2rem }
[dir="rtl"] .me3 { margin-left:     2rem }
[dir="ltr"] .ms4 { margin-left:   4rem }
[dir="rtl"] .ms4 { margin-right:   4rem }
[dir="ltr"] .me4 { margin-right:     4rem }
[dir="rtl"] .me4 { margin-left:     4rem }
[dir="ltr"] .msn1 { margin-top:  -0.5rem; margin-left:  -0.5rem }
[dir="rtl"] .msn1 { margin-top:  -0.5rem; margin-right:  -0.5rem }
.man1 { margin-after:  -0.5rem }
[dir="ltr"] .msn2 { margin-top:  -1rem; margin-left:  -1rem }
[dir="rtl"] .msn2 { margin-top:  -1rem; margin-right:  -1rem }
.man2 { margin-after:  -1rem }
[dir="ltr"] .msn3 { margin-top:  -2rem; margin-left:  -2rem }
[dir="rtl"] .msn3 { margin-top:  -2rem; margin-right:  -2rem }
.man3 { margin-after:  -2rem }
[dir="ltr"] .msn4 { margin-top:  -4rem; margin-left:  -4rem }
[dir="rtl"] .msn4 { margin-top:  -4rem; margin-right:  -4rem }
.man4 { margin-after:  -4rem }
.mtn1 { margin-top: -0.5rem }
.mtn2 { margin-top: -1rem }
.mtn3 { margin-top: -2rem }
.mtn4 { margin-top: -4rem }
[dir="ltr"] .ps0 {
    padding-left:  0
}
[dir="rtl"] .ps0 {
    padding-right:  0
}
[dir="ltr"] .pe0 {
    padding-right:    0
}
[dir="rtl"] .pe0 {
    padding-left:    0
}
[dir="ltr"] .ps1 {
    padding-left:  .5rem
}
[dir="rtl"] .ps1 {
    padding-right:  .5rem
}
[dir="ltr"] .pe1 {
    padding-right:    .5rem
}
[dir="rtl"] .pe1 {
    padding-left:    .5rem
}
[dir="ltr"] .ps2 {
    padding-left:  1rem
}
[dir="rtl"] .ps2 {
    padding-right:  1rem
}
[dir="ltr"] .pe2 {
    padding-right:    1rem
}
[dir="rtl"] .pe2 {
    padding-left:    1rem
}
[dir="ltr"] .ps3 {
    padding-left:  2rem
}
[dir="rtl"] .ps3 {
    padding-right:  2rem
}
[dir="ltr"] .pe3 {
    padding-right:    2rem
}
[dir="rtl"] .pe3 {
    padding-left:    2rem
}
[dir="ltr"] .ps4 {
    padding-left:  4rem
}
[dir="rtl"] .ps4 {
    padding-right:  4rem
}
[dir="ltr"] .pe4 {
    padding-right:    4rem
}
[dir="rtl"] .pe4 {
    padding-left:    4rem
}
[dir=ltr] .start  { float: left }
[dir=rtl] .start  { float: right }
[dir=ltr] .end { float: right }
[dir=rtl] .end { float: left }
[dir=ltr] .start-0  { left:0 }
[dir=rtl] .start-0  { right: 0}
[dir=ltr] .end-0 { right: 0 }
[dir=rtl] .end-0 { left: 0 }
/*
@import 'text';
*/
.hide {
  opacity: 0;
}
.animate-fadeIn {
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
}
.arrow-down {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.arrow-up {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.massInterest .arrow{
    margin-bottom: 15px;
    padding-bottom: 0;
}
.massInterest .choiceAvatar{
    margin:5px 20px;
    width: 120px;
}
@media (max-width: 1024px){
  .massInterest .choiceAvatar {
    width: 80px;
  }

  .massInterest .choiceAvatar svg.icon-120 {
    width: 80px;
    height: 80px;
  }

  .massInterest .mb3 {
    margin-bottom: 1rem;
  }
}
.massInterest .img {
    padding: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition-property: opacity, background-image;
    transition-property: opacity, background-image;
    tranistion-duration: 3s, 3s;
    -webkit-transition-timing-function: ease-in, ease-in;
            transition-timing-function: ease-in, ease-in;
}
.massInterest .age{
    bottom: 20px;
    right: -6px;
    font-weight: 700;
    color: #ababab;
}
.massInterest .details{
     overflow: hidden;
     -ms-text-overflow: ellipsis;
     text-overflow: ellipsis;
     bottom: 5px;
     color: #565656;
 }
.massInterest .iconBackground{
    bottom: 50px;
    right: -16px;
}
.massInterest input ~ .iconBackground{
  background-color: #fff;
  border: solid 1px #95989a;
}
.massInterest .icon{
    width: 15px;
    height: 15px;
}
.massInterest .icon.massInterest-others {
  width: 24px;
  height: 24px;
}
.massInterest .header .icon{
    width: 37px;
    height: 37px;
}
.massInterest input:checked ~ .iconBackground{
  background-color: #4c88af;
  border: none;
}
.massInterest input ~ .img,
.massInterest input ~ .svg,
.massInterest input ~ .details {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(100%);
    -o-transition: .5s ease-in-out;
}
.massInterest input:checked ~ .img,
.massInterest input:checked ~ .svg,
.massInterest input:checked ~ .details {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
}
.massInterest input ~ .age{
    color:#565656;
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
}
/* Also include other members */
.massInterest .includeBtn .name{
    height:100%;
    width:100%;
    font-size:3vw;
    padding:4px;
}
.massInterest .includeBtn .iconBackground {
    bottom: 5px;
    left: 92%;
}
/* Mass Mail overrides */
.choiceAvatar .details{
    line-height: 1.25em;
}
a:hover .next-button .fill-standard {
    fill: #7faf41;
}
.next-button h2 {
  font-size: 2.2rem;
}
.next-button-list {
  min-width: 480px;
  max-width: 640px;
  -ms-flex-preferred-size: 480px;
      flex-basis: 480px;
}
@media (max-width: 1614px) {
  .next-button-list {
  min-width: 360px;
  -ms-flex-preferred-size: 360px;
      flex-basis: 360px;
  }
 }
.next-button {
  min-height: 120px;
}
.arrow-top-grey:before,
.arrow-top-highlight:before {
  content: '\25b2';
  position: absolute;
  top: -29px;
  right: 0;
  left: 0;
  bottom: 100%;
  text-align: center;
  font-size: 30px;
}
.arrow-top-grey:before {
  color: #565656;
}
.arrow-top-highlight:before {
  color: #4c88af;
}
.arrow-top-highlight-astro.arrow-top-highlight:before {
  color: #4c88af;
}
.imbra-details {
  color: #323232;
}
.imbra-details .row:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.imbra-details-bg {
  background-color: rgba(0, 0, 0, 0.05);
}
.imbra-tabs {
  margin-bottom: 1rem;
}
.imbra-tabs .active {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-color: #4c88af;
}
.testimonials-img {
  width: 200px;
  height: 200px;
}
.clamp {
  position: relative;
  height: 2.4em;
  overflow: hidden;
}
.clamp:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 1.2em;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 1)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);
}
.clamp4{
  height: 4.8em;
}
/* styles for '...' if user has typed a different language into their text, as Japanese characters take up a lot more space */
.text-truncate-multi-2 {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (2) */
  max-height: 2.4em;
  /* place for '...' */
  padding-right: 1em;
}
[dir="rtl"] .text-truncate-multi-2 {
  /* place for '...' */
  padding-right: 0;
  padding-left: 1em;
}
.text-truncate-multi-6 {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (6) */
  max-height: 7.2em;
  /* place for '...' */
  padding-right: 1em;
}
[dir="rtl"] .text-truncate-multi-6 {
  /* place for '...' */
  padding-right: 0.5rem;
  padding-left: 1em;
}
/* create the ... */
.text-truncate-multi:before {
  /* points in the end */
  content: '\02026';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}
[dir="rtl"] .text-truncate-multi:before {
  /* set position to left bottom corner of block */
  right: auto;
  left: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.text-truncate-multi:after {
  /* points in the end */
  content: '';
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}
[dir="rtl"] .text-truncate-multi:after {
  /* set position to left bottom corner of block */
  right: auto;
  left: 0;
}
/* Now add in code for the browsers that support -webkit-line-clamp and overwrite the non-supportive stuff */
/* webkit-line-clamp does not support RTL */
@supports (-webkit-line-clamp: 2) {
  .clamp,
  .text-truncate-multi-6,
  .text-truncate-multi-2 {
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .clamp2,
  .text-truncate-multi-2 {
     -webkit-line-clamp: 2;
   }

  .clamp4 {
    height: auto;
    -webkit-line-clamp: 4;
  }

  .text-truncate-multi-6 {
    -webkit-line-clamp: 6;
  }

  .clamp:after,
  .text-truncate-multi:after,
  .text-truncate-multi:before {
    display: none;
  }

}
@media (max-width: 1242px){
  .text-truncate-multi-6 {
    max-height: 7em;
  }
}
.gender-group{
  fill: #ddd;
}
.gender-checkbox label,
.gender-checkbox div{
  width: 2.25rem;
  height: 2.25rem;
}
.gender-checkbox svg {
  width: 2rem;
  height: 2rem;
  display: block;
  pointer-events: none;
}
.gender-male :checked ~ div {
  background: #c4d6f3;
  fill: #608acf;
}
.gender-female :checked ~ div {
  background: #f1d6ed;
  fill: #a45996;
}
.multi-face-photo {
  width:125px;
  height:136px;
}
.slides {
  overflow: hidden;
}
.slides > div {
    -webkit-transition-duration: .75s;
            transition-duration: .75s;
    will-change: transform;
}
.slides nav {
  font-size: 0;
}
/* slides and avatar */
img:not([src]) {
  content: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.avatar {
  width: 66px;
  height: 66px;
  border: 3px solid #fff;
  background-color: #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.slide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.slide img {
  background-color: #e0e0e0;
}
.img-auto img{
  width:100%;
  height:auto;
}
/* avatar */
.img-fit.circle {
  border: 3px solid #fff;
  margin-top: -3px;
  margin-left: -3px;
}
[dir=rtl] .slides-nav {
  right: auto;
  left: 0;
}
.slides-nav a {
  width: 4px;
  height: 4px;
  margin: 0 5px;
  background: #565656;
  border: 2px solid #fff;
  opacity: 0.2;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
}
.slides-nav .active {
  opacity: 1;
}
.slides > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  will-change: transform;
  -webkit-transform: translateX(0) translateZ(0);
          transform: translateX(0) translateZ(0);
  -webkit-transition: -webkit-transform ease-in-out 550ms;
  transition: -webkit-transform ease-in-out 550ms;
  transition: transform ease-in-out 550ms;
  transition: transform ease-in-out 550ms, -webkit-transform ease-in-out 550ms;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
}
@supports (display:flex) {
  .slide {
    margin-right: 0;
  }
}
.slide-testimonial {
  height: auto;
}
#modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  opacity: 0;
  display: none;
}
#modal .highlightAB {
  color: #4c88af;
}
.modal-open #modal {
  opacity: 1;
  /* stylelint-disable-next-line declaration-no-important */
  z-index: 5000 !important;
  -webkit-transition: opacity 1s 0.5s;
  transition: opacity 1s 0.5s;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.modal {
  display: none;
}
.modal-content {
  background-color: #fff;
  color: #323232;
  max-height: calc(100% - 36px);
}
.oas .modal-content {
  max-height: 86%;
}
.modal-content .arrow {
  color: #fff;
}
.modal-open .modal {
  display: block;
  max-height: 90vh;
  overflow-y: auto;
}
@media (max-height: 704px){
  .modal-open .modal {
    max-height: 98vh;
  }
}
.modal [aria-controls] {
  min-height: 1em;
  cursor: pointer;
}
.modal .actions {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 20px;
  text-align: center;
}
.modal:last-child,
.modal .actions:last-child {
  margin-bottom: 0;
}
.modal .btn {
  color: #0074d9;
  display: block;
  margin: 10px 0;
  padding: 0.75rem;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.modal .link {
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #0074d9;
}
.modal .lowercase {
  text-transform: lowercase;
}
.modal .counter {
  background: #ffffff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(50%, #f1f1f1),color-stop(51%, #e1e1e1),to(#f6f6f6));
  background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
html.modal-open {
  width: 100%;
}
/*setting to make registration modal play nice on small screens*/
/*reduce the padding*/
@media(max-width: 1242px){
  #registerModal .p3 {
    padding: 1rem;
  }

  #registerModal .icon-30 {
    width: 20px;
    height: 20px;
  }

  #registerModal .mb2 {
    margin-bottom: 0.5rem;
  }

  #registerModal .h1 {
    font-size: 1.7rem;
  }
}
.modal-photos {
  /* stop horizontal scroll bar appearing in IE */
  overflow-x: hidden;
}
@media (max-height: 750px) {
  /* increase the modal max-height as we need all the space */
  .modal-open .modal.modal-photos {
    max-height: 100vh;
  }
}
.big-photo-holder {
  width: 500px;
  height: 500px;
}
.thumbnail {
  width: 60px;
  height: 60px;
}
@media (max-height: 672px){
  /* reduce thumb-nails to make room for the photo */
  .thumbnail {
    width: 60px;
    height: 60px;
  }
}
@media (max-height: 652px){
  /* reduce thumb-nails to make room for the photo */
  .thumbnail {
  width: 50px;
  height: 50px;
  }
}
@media (max-height: 629px){
  /* reduce the big photo to stop scrollbars from appearing */
  .big-photo-holder {
    width: 72vh;
    height: 72vh;
  }
}
@media (max-height: 580px){
  /* reduce the big photo some more */
  .big-photo-holder {
    width: 65vh;
    height: 65vh;
  }
}
#big-photo img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
#gallery-big-photo img {
  width: auto;
  height: 95%;
}
.modal .facebook {
  background-color: #3b5998;
}
.mini-modal {
  left: 70px;
}
[data-device="tablet"] .mini-modal {
  left: 58px;
}
[dir="rtl"] .mini-modal {
  left: auto;
  right: 70px;
}
[data-device="tablet"][dir="rtl"] .mini-modal {
  right: 58px;
}
.mini-modal img {
  width: 85px;
  height: 95px;
  border: #C0BEBE 1px solid;
  margin: 0 2px;
}
.mini-modal-details {
  width: 280px;
}
.grayscale .mini-modal {
  display: none;
}
#modal p a{
  color: #4c88af;
}
#notices {
  top: 0;
  left: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  position: fixed;
  z-index: 5001;
}
.notices-open #notices {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.notices-open.nav-pinned #notices {
  -webkit-transform: translateY(44px);
          transform: translateY(44px);
}
#notices .icon {
  width: 20px;
  height: 20px;
}
.update-color,
.update-color a{
  color: #565656;
}
.bg-update {
  background-color: #f8f8f8;
}
[data-device="tablet"] #showstep1 .mb2{
  margin-bottom: .5rem;
}
#showstep1 .singles img {
  max-width: 100%;
  width: 31%;
  height: auto;
}
/*setting to make show step 1 play nice on small screens*/
/*reduce the padding*/
@media(max-width: 1242px){
  #showstep1 .p3 {
    padding: 1rem;
  }

  #showstep1 .icon-30 {
    width: 20px;
    height: 20px;
  }

  #showstep1 .icon-28 {
    width: 18px;
    height: 18px;
  }

  #showstep1 .mb2 {
    margin-bottom: 0.5rem;
  }

  #showstep1 .h1 {
    font-size: 1.7rem;
  }

  #showstep1 .singles img {
    max-width: 100%;
    width: 27%;
    height: 30%;
  }

  #showstep1 .mfes-trustmark {
    width: 77px !important;
    height: 32px !important;
  }

  [target="THAWTE_Splash"] {
    width: 70px;
    height: 70px;
  }

  [target="THAWTE_Splash"] img{
    width: 100%;
    height: auto;
  }
}
.terms-privacy a,
.terms-privacy a:visited,
.terms-privacy a:hover,
.terms-privacy a:active {
  color: #4c88af;
}
.passport-banner-height {
  height: 210px;
}
.passport-banner-footer-height {
  height: 200px;
}
.passport-banner-max-width {
  max-width: 2400px;
}
.passport-banner  h1 {
  font-size: 4rem;
}
[lang=my] .passport-banner h1,
[lang=my] .passport-banner .h1,
[lang=km] .passport-banner h1,
[lang=km] .passport-banner .h1 {
  line-height: 6rem;
}
.passport-banner h1,
.passport-banner h2 {
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
}
.passport-banner-images .card-passport:nth-child(n+6),
.passport-banner-images .card-passport-footer:nth-child(n+6) {
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg); /* Equal to rotateZ(45deg) */
}
.passport-banner-images .card-passport:nth-child(n+9),
.passport-banner-images .card-passport-footer:nth-child(n+9) {
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg); /* Equal to rotateZ(45deg) */
}
.passport-banner-images .card-passport:nth-child(3n+1),
.passport-banner-images .card-passport-footer:nth-child(3n+1) {
  -webkit-transform: rotate(16deg);
          transform: rotate(16deg); /* Equal to rotateZ(45deg) */
}
.passport-banner-images .card-passport:nth-child(2n+2),
.passport-banner-images .card-passport-footer:nth-child(2n+2) {
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg); /* Equal to rotateZ(45deg) */
}
.specials-burst-label {
  margin-top: -10px;
  padding: 2px 4px;
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
}
.passport-site-override-43 {
  background-color:#d6ad60; 
  color:#fff;
}
.passport-site-override-44 {
  background-color:#001427; 
  color:#fff;
}
.passport-site-trial-44 {
  background-color:#E00055;
  color:#fff;
}
.lazy {
  background-image: none !important;
}
.notifications-closed{
   margin-left: -435px;
   width: 450px;
}
[dir=rtl] .notifications-closed{
    margin-left: auto;
    margin-right: -435px;
 }
.notifications-open{
    margin-left: 0;
    -webkit-animation: slide-menu-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-menu-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
[dir=rtl] .notifications-open{
    margin-left: auto;
    margin-right: 0;
    -webkit-animation: slide-menu-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-menu-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* .notice-drawer-title {
    display: none;
}
.notifications-open .notice-drawer-title {
    display: block;
} */
.notice {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
}
.notice .delay-05 {
-webkit-animation-delay: .5s;
animation-delay:  .5s;
}
.notice .delay-1 {
-webkit-animation-delay: 1s;
animation-delay:  1s;
}
.notice .delay-1-5 {
    -webkit-animation-delay: 1.5s;
    animation-delay:  1.5s;
}
.notice .delay-2 {
    -webkit-animation-delay: 2s;
    animation-delay:  2s;
}
.notice .delay-2-25 {
    -webkit-animation-delay: 2.25s;
    animation-delay:  2.25s;
}
.notice .delay-2-5 {
    -webkit-animation-delay: 2.5s;
    animation-delay:  2.5s;
}
.notice .delay-3{
    -webkit-animation-delay: 3s;
    animation-delay:  3s;
}
.notice .delay-3-25{
    -webkit-animation-delay: 3.25s;
    animation-delay:  3.25s;
}
.notice-profile-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-print-color-adjust: exact;
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
}
.notice-text {
    max-width: 250px;
}
.notice-small-text {
    max-width: 154px;
}
.notice-text-wrapper {
    white-space: nowrap;
}
.slide-menu-right {
    -webkit-animation: slide-menu-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-menu-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
[dir=rtl] .slide-menu-right {
    -webkit-animation: slide-menu-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-menu-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-9-14 13:36:50
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-right
* ----------------------------------------
*/
@-webkit-keyframes slide-menu-right {
    0% {
        -webkit-transform: translateX(-435px);
                transform: translateX(-435px);
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes slide-menu-right {
    0% {
        -webkit-transform: translateX(-435px);
                transform: translateX(-435px);
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@-webkit-keyframes slide-menu-left {
    0% {
        -webkit-transform: translateX(435px);
                transform: translateX(435px);
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes slide-menu-left {
    0% {
        -webkit-transform: translateX(435px);
                transform: translateX(435px);
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
.slide-right {
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-9-14 13:36:50
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation slide-right
* ----------------------------------------
*/
@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-50px);
                transform: translateX(-50px);
    }
    100% {
        -webkit-transform: translateX(50px);
                transform: translateX(50px);
    }
}
@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-50px);
                transform: translateX(-50px);
    }
    100% {
        -webkit-transform: translateX(50px);
                transform: translateX(50px);
    }
}
.drawer-slide-left {
    -webkit-animation: drawer-slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: drawer-slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
[dir=rtl ].drawer-slide-left {
    -webkit-animation: drwaer-slide-left-rtl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: drawer-slide-left-rtl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/**
* ----------------------------------------
* animation slide-left
* ----------------------------------------
*/
@-webkit-keyframes drawer-slide-left {
    0% {
        -webkit-transform: translateX(50px);
                transform: translateX(50px);
    }
    100% {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
    }
}
@keyframes drawer-slide-left {
    0% {
        -webkit-transform: translateX(50px);
                transform: translateX(50px);
    }
    100% {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
    }
}
@-webkit-keyframes drawer-slide-left-rtl {
    0% {
        -webkit-transform: translateX(-50px);
                transform: translateX(-50px);
    }
    100% {
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
    }
}
@keyframes drawer-slide-left-rtl {
    0% {
        -webkit-transform: translateX(-50px);
                transform: translateX(-50px);
    }
    100% {
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
    }
}
.ping {
    -webkit-animation: ping 0.8s ease-in-out both;
            animation: ping 0.8s ease-in-out both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-9-14 13:41:5
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation ping
* ----------------------------------------
*/
@-webkit-keyframes ping {
0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
}
70% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
}
90% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
@keyframes ping {
0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
}
70% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
}
90% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
}
}
.scale-up-ver-bottom {
    -webkit-animation: scale-up-ver-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: scale-up-ver-bottom 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-9-14 13:56:38
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation scale-up-ver-bottom
* ----------------------------------------
*/
@-webkit-keyframes scale-up-ver-bottom {
0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
}
100% {
    width: 235px;
    height: 235px;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
}
}
@keyframes scale-up-ver-bottom {
0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
}
100% {
    width: 235px;
    height: 235px;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
}
}
.scale-up-bl {
    -webkit-animation: scale-up-bl 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
            animation: scale-up-bl 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-9-14 14:8:25
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation scale-up-bl
* ----------------------------------------
*/
@-webkit-keyframes scale-up-bl {
0% {
    width: 0;
    height: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
}
100% {
    width: 235px;
    height: 235px;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
}
}
@keyframes scale-up-bl {
0% {
    width: 0;
    height: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
}
100% {
    width: 235px;
    height: 235px;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
}
}
.scale-fade-in-hor-left {
    -webkit-animation: scale-fade-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: scale-fade-in-hor-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
* Generated by Animista on 2021-9-15 8:32:40
* Licensed under FreeBSD License.
* See http://animista.net/license for more info. 
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation scale-in-hor-left
* ----------------------------------------
*/
@-webkit-keyframes scale-fade-in-hor-left {
0% {
    width: 0;
    -webkit-transition: width 1s ease-out;
    transition: width 1s ease-out;
    opacity: 0;
}
100% {
    width: 100%;
    -webkit-transition: width 1s ease-out;
    transition: width 1s ease-out;
    opacity: 1;
}
}
@keyframes scale-fade-in-hor-left {
0% {
    width: 0;
    -webkit-transition: width 1s ease-out;
    -webkit-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    opacity: 0;
}
100% {
    width: 100%;
    -webkit-transition: width 1s ease-out;
    transition: width 1s ease-out;
    opacity: 1;
}
}
.move-to-notice-holder {
    -webkit-animation: move-to-notice-holder 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: move-to-notice-holder 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
[dir=rtl] .move-to-notice-holder {
    -webkit-animation: move-to-notice-holder-rtl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: move-to-notice-holder-rtl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes move-to-notice-holder {
0% {
    left: 20%;
    -webkit-transition: left 1s ease-out;
    -webkit-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;
    opacity: 1;
}
50% {
    left: 30%;
    -webkit-transition: left 1s ease-out;
    -webkit-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;
    opacity: 1;
}
100% {
    left: 0;
    -webkit-transition: left 1s ease-out;
    transition: left 1s ease-out;
    opacity: 0;
}
}
@keyframes move-to-notice-holder {
0% {
    left: 20%;
    -webkit-transition: left 1s ease-out;
    -webkit-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;
    opacity: 1;
}
50% {
    left: 30%;
    -webkit-transition: left 1s ease-out;
    -webkit-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;
    opacity: 1;
}
100% {
    left: 0;
    -webkit-transition: left 1s ease-out;
    transition: left 1s ease-out;
    opacity: 0;
}
}
@-webkit-keyframes move-to-notice-holder-rtl {
    0% {
        left: auto;
        right: 20%;
        -webkit-transition: right 1s ease-out;
        -webkit-transition: right 1s ease-in-out;
        transition: right 1s ease-in-out;
        opacity: 1;
    }
    50% {
        left: auto;
        right: 30%;
        -webkit-transition: right 1s ease-out;
        -webkit-transition: right 1s ease-in-out;
        transition: right 1s ease-in-out;
        opacity: 1;
    }
    100% {
        left: auto;
        right: 0;
        -webkit-transition: right 1s ease-out;
        transition: right 1s ease-out;
        opacity: 0;
    }
}
@keyframes move-to-notice-holder-rtl {
    0% {
        left: auto;
        right: 20%;
        -webkit-transition: right 1s ease-out;
        -webkit-transition: right 1s ease-in-out;
        transition: right 1s ease-in-out;
        opacity: 1;
    }
    50% {
        left: auto;
        right: 30%;
        -webkit-transition: right 1s ease-out;
        -webkit-transition: right 1s ease-in-out;
        transition: right 1s ease-in-out;
        opacity: 1;
    }
    100% {
        left: auto;
        right: 0;
        -webkit-transition: right 1s ease-out;
        transition: right 1s ease-out;
        opacity: 0;
    }
}
[data-notifications-drawer] .count[data-badge]::after {
    border: none;
    background-color: #b4d4e8;
    color: #222;
    right: -14px;
    top: 10px;
}
[dir='rtl'] [data-notifications-drawer] .count[data-badge]::after {
    left: -12px;
    right: auto;
}
.move-left-for-olark-open {
  margin-right: 420px;
}
[dir=rtl] .move-left-for-olark-open {
  margin-right: 0;
  margin-left: 420px;
}
.move-left-for-olark-min {
  margin-right: 200px;
}
[dir=rtl] .move-left-for-olark-min {
  margin-right: 0;
  margin-left: 200px;
}
/* SDV Cross Promo */
.section-top::before{
    content:"";
    width: 100%;
    min-height: 97.5vh;
    display: block;
    position: absolute;
    background-image: url(../jpg/homepage.jpg);
    background-size: cover;
    background-position: 50% 65%;
    background-attachment: fixed;
  }
.section-top-crosssite::before{
    min-height: 100vh;
  }
.sdv-dating .btn-bg {
    background-color: #D4202D;
  }
.sdv-dating .btn-color {
    color: #fff;
  }
.sdv-dating.section-top.female::before {
    background-image: url(../jpg/female.jpg);
  }
.sdv-dating.section-top.male::before {
    background-image: url(../jpg/male.jpg);
  }
.sdv .rounded-1 {
    border-radius: 1rem;
  }
.sdv .logo-domain-dating {
    width: auto;
    height: 90px;
  }
.sdv .logo-domain-amolatina {
    width: auto;
    height: 90px;
  }
.sdv-amolatina.section-top.female::before {
    background-image: url(../jpg/female-2.jpg);
  }
.sdv-amolatina.section-top.male::before {
    background-image: url(../jpg/male-2.jpg);
  }
.sdv-amolatina .btn-bg {
    background-color: #D4202D;
  }
.sdv-amolatina .btn-color {
    color: #fff;
  }
.sdv .logo-domain-datemyage {
    width: auto;
    height: 70px;
  }
.sdv-datemyage.section-top.female::before {
    background-image: url(../jpg/female-3.jpg);
  }
.sdv-datemyage.section-top.male::before {
    background-image: url(../jpg/male-3.jpg);
  }
.sdv-datemyage .btn-bg {
    background-color: #FF5500;
  }
.sdv-datemyage .btn-color {
    color: #fff;
  }
.sdv .logo-domain-zendate {
    width: auto;
    height: 70px;
  }
.sdv-zendate.section-top.female::before {
    background-image: url(../jpg/female-4.jpg);
  }
.sdv-zendate.section-top.male::before {
    background-image: url(../jpg/male-4.jpg);
  }
.sdv-zendate .btn-bg {
    background-color: #CC1F4F;
  }
.sdv-zendate .btn-color {
    color: #fff;
  }
.sdv .logo-domain-yourtravelmates {
    width: auto;
    height: 70px;
  }
.sdv-yourtravelmates.section-top.female::before {
    background-image: url(../jpg/female-5.jpg);
  }
.sdv-yourtravelmates.section-top.male::before {
    background-image: url(../jpg/male-5.jpg);
  }
.sdv-yourtravelmates .btn-bg {
    background-color: #4636B2;
  }
.sdv-yourtravelmates .btn-color {
    color: #fff;
  }
.sdv .logo-domain-eurodate {
    width: auto;
    height: 33px;
  }
.sdv-eurodate.section-top.female::before {
    background-image: url(../jpg/female-6.jpg);
  }
.sdv-eurodate.section-top.male::before {
    background-image: url(../jpg/male-6.jpg);
  }
.sdv-eurodate .btn-bg {
    background-color: #214D81;
  }
.sdv-eurodate .btn-color {
    color: #fff;
  }
.sdv .logo-domain-asiandate {
    width: auto;
    height: 47px;
  }
.sdv-asiandate.section-top.female::before {
    background-image: url(../jpg/female-7.jpg);
  }
.sdv-asiandate.section-top.male::before {
    background-image: url(../jpg/male-7.jpg);
  }
.sdv-asiandate .btn-bg {
    background-color: #B23256;
  }
.sdv-asiandate .btn-color {
    color: #fff;
  }
.sdv .logo-domain-russianbrides {
    width: auto;
    height: 47px;
  }
.sdv-russianbrides.section-top.female::before {
    background-image: url(../jpg/female-8.jpg);
  }
.sdv-russianbrides.section-top.male::before {
    background-image: url(../jpg/male-8.jpg);
  }
.sdv-russianbrides .btn-bg {
    background-color: #B80C27;
  }
.sdv-russianbrides .btn-color {
    color: #fff;
  }
/* Anastasiadate */
.sdv .logo-domain-anastasiadate {
    width: auto;
    height: 47px;
  }
.sdv-anastasiadate.section-top.female::before {
    background-image: url(../jpg/female-9.jpg);
  }
.sdv-anastasiadate.section-top.male::before {
    background-image: url(../jpg/male-9.jpg);
  }
.sdv-anastasiadate .btn-bg {
    background-color: #004284;
  }
.sdv-anastasiadate .btn-color {
    color: #fff;
  }
/* Hotti */
.sdv .logo-domain-hotti {
    width: auto;
    height: 47px;
  }
.sdv-hotti.section-top.female::before {
    background-image: url(../jpg/female-10.jpg);
  }
.sdv-hotti.section-top.male::before {
    background-image: url(../jpg/male-10.jpg);
  }
.sdv-hotti .btn-bg {
    background: linear-gradient(260.34deg, #FFDA29 -2.21%, #FF008B 98.44%);
  }
.sdv-hotti .btn-color {
    color: #fff;
  }
/* African Date */
.sdv .logo-domain-africandate {
  width: auto;
  height: 73px;
}
.sdv-africandate.section-top.female::before {
  background-image: url(../jpg/female-11.jpg);
}
.sdv-africandate.section-top.male::before {
  background-image: url(../jpg/male-11.jpg);
}
.sdv-africandate .btn-bg {
  background-color: #E14318;
}
.sdv-africandate .btn-color {
  color: #fff;
}
/* AmalDate */
.sdv .logo-domain-amaldate {
  width: auto;
  height: 73px;
}
.sdv-amaldate.section-top.female::before {
  background-image: url(../jpg/female-12.jpg);
}
.sdv-amaldate.section-top.male::before {
  background-image: url(../jpg/male-12.jpg);
}
.sdv-amaldate .btn-bg {
  background-color: #015B99;
}
.sdv-amaldate .btn-color {
  color: #fff;
}
/* Pina Date */
.sdv .logo-domain-pinadate {
  width: auto;
  height: 130px;
}
.sdv-pinadate.section-top.female::before {
  background-image: url(../jpg/female-13.jpg);
}
.sdv-pinadate.section-top.male::before {
  background-image: url(../jpg/male-13.jpg);
}
.sdv-pinadate .btn-bg {
  background: linear-gradient(266.18deg, #DB5A64 -28.23%, #FF2435 140.05%), linear-gradient(260.34deg, #FFDA29 -2.21%, #FF008B 98.44%);
}
.sdv-pinadate .btn-color {
  color: #fff;
}
/* OurLove */
.sdv .logo-domain-ourlove {
  width: auto;
  height: 130px;
}
.sdv-ourlove.section-top.female::before {
  background-image: url(../jpg/female-14.jpg);
}
.sdv-ourlove.section-top.male::before {
  background-image: url(../jpg/male-14.jpg);
}
.sdv-ourlove .btn-bg {
  background-color: #F44001;
}
.sdv-ourlove .btn-color {
  color: #fff;
}
[data-test-id="stream_tab_navigation"]{
    min-height: 8px;
    background-color: #4c88af;
    font-weight: 300;
    margin:0 !important;
    padding: 1rem;
    color: #fff !important;
    font-size: 1rem;
}
[data-test-id="stream_tab_navigation__show"],
[data-test-id="stream_tab_navigation__button__all"],
[data-test-id="stream_tab_navigation__button__following"]{
    color: #fff !important;
    font-size: 1rem;
}
#streaming-stream-watching-layout{
    top:0;
    left:0;
    width: 100%;
}
.h1-questionnaire {
    font-size: 72px;
    color: #4c88af;
}
.break,
.break .h1-questionnaire {
    color: #fff;
}
.image-questionnaire {
    width: 219px;
    height: 224px;
    background-repeat: no-repeat;
    background-position: center;
}
[name="questionnaire"] [type=radio]:checked ~ img {
    border-color: #4c88af;
    border-width: 2px;
    border-style: solid;
}
.header-questionnaire {
    height: 54px;
}
.background-image{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
.header-strip[data-progress] {
    background-color: #4c88af;
}
.bg-progress {
    background-color: #E9E9E9;
}
.bg-progress-complete {
    background-color: #4c88af;
}
.progress {
    height: 12px;
}
.header-short-questionnaire {
    height: 56px;
}
.h1-short-questionnaire {
    font-size: 72px;
    font-weight: 600;
    color: #4c88af;
}
.short-questionnaire-color {
    color: #323232;
}
.short-questionnaire-margin-top {
    margin-top: 60px;
}
.short-questionnaire-margin-bottom {
    margin-bottom: 120px;
}
.h3-short-questionnaire {
    font-size: 20px;
}
.card-short-questionnaire {
    width: 235px;
    height: 289px;
}
.short-questionnaire  [type=checkbox] ~ .theme .unchecked,
.short-questionnaire  [type=radio] ~ .radio-theme .unchecked
{
  color: #fff;
  fill: #4c88af;
}
.short-questionnaire-skip {
    position: absolute;
    top: 56px;
    color: #4c88af !important;
}
.short-questionnaire [type=radio]:checked ~ .border-selected {
    border-color: #4c88af;
    -webkit-box-shadow: 0 0 0 1px #4c88af;
            box-shadow: 0 0 0 1px #4c88af; 
}
[dir=ltr] .short-questionnaire .radio-astro {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px);
}
[dir=rtl] .short-questionnaire .radio-astro {
    -webkit-transform: translate(-5px, 5px);
            transform: translate(-5px, 5px);
}
.short-questionnaire [type=radio]:not(checked) ~ .radio-astro {
    display: none;
}
.short-questionnaire [type=radio]:checked ~ .radio-astro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
}
/* Profile Boost */
.boost {
    color: #8447FF !important;
}
.bg-boost {
    background-color: #8447FF;
}
.bg-boosted {
    background-color: #F5F0FF;
}
.border-boost {
    border-color: #8447FF;
}
.boost-avatar {
    background-color: #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.card-profile-boosted {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -1.8rem;
}
.profile-boost-warning {
    margin-top: -1rem;
    padding-left: 24px;
}
[dir='RTL'] {
    .profile-boost-warning {
        padding-left: 0;
        padding-right: 24px;
    }
}
.icon-popup-banner {
    min-width: 208.1px;
    min-height: 146px;
 }
/* For cross site member join landing page */
.discount-badge-landing {
  position: absolute;
  top: -20px;
}
[dir=rtl] .discount-badge-landing {
  left: -20px;
}
[dir=ltr] .discount-badge-landing {
  right: -20px;
}
/* For cross promo ad banners */
.discount-badge-banner {
  position: absolute;
  top: -13px;
}
[dir=rtl] .discount-badge-banner {
  left: -13px;
}
[dir=ltr] .discount-badge-banner {
  right: -13px;
}
/* For cupid passport page */
.discount-badge-passport {
  position: absolute;
  top: 0px;
}
[dir=rtl] .discount-badge-passport {
  right: 0px;
}
[dir=ltr] .discount-badge-passport {
  left: 0px;
}
/* For cross promo modal */
.discount-badge-modal {
  position: absolute;
  bottom: 8px;
}
[dir=rtl] .discount-badge-modal {
  left: 8px;
}
[dir=ltr] .discount-badge-modal {
  right: 8px;
}
apple-pay-button {
    width: 150px;
    height: 30px;
    border-radius: 3px;
    padding: 0px 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
[dir=rtl] .left-align {
    text-align: right;
}
[dir=rtl] .right-align {
    text-align: left;
}
/*# sourceMappingURL=bbwcupid-base.css.map */