@keyframes radioDotAnimationOnCheck {
  0% {
    transform: scale(0, 0);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes LikeCancelAnimation {
  0% {
    content: "\f004";
    right: 0;
  }
  50% {
    right: 45px;
  }
  51% {
    letter-spacing: 1px;
  }
  100% {
    position: relative;
    top: -2px;
    right: 0;
    font-size: 18px;
    content: "\f00d";
  }
}
@keyframes buttonProgressRotate {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
.pulseIn {
  -webkit-animation: pulseIn 1.2s linear 1;
  -moz-animation: pulseIn 1.2s linear 1;
  -ms-animation: pulseIn 1.2s linear 1;
  animation: pulseIn 1.2s linear 1;
}
@keyframes pulseIn {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  70% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  90% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes pulseIn {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  70% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  90% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulseIn {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  70% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  90% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulseIn {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  70% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  90% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.pulseOut {
  -webkit-animation: pulseOut 1s linear 1;
  -moz-animation: pulseOut 1s linear 1;
  -ms-animation: pulseOut 1s linear 1;
  animation: pulseOut 1s linear 1;
}
@keyframes pulseOut {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  70% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes pulseOut {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  70% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulseOut {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  70% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulseOut {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  70% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceEffect {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
  }
  40% {
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
  }
  60% {
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/**
 * ----------------------------------------
 * animation rotate-vert-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes rotate-vert-center {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
.rotateVertCenter {
  -webkit-animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: rotate-vert-center 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}
/**
 * Configuration
 */
/**
 * Breakpoints
 */
/**
 * Generator functions
 */
.clear:after {
  display: table;
  clear: both;
  content: ' ';
}
/**
 * Columns width and groups
 */
[class*="col-fixed-"] {
  float: left;
  width: 100%;
}
.row {
  padding: 0 0;
}
.row:after {
  display: table;
  clear: both;
  content: ' ';
}
[class*="hide-on-"] {
  display: none;
}
[class*="hide-inline-on-"] {
  display: none;
}
[class*="show-on-"] {
  display: block;
}
[class*="show-inline-on-"] {
  display: inline-block;
}
.row [class*="col-"] {
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row [class*="push-"],
.row [class*="pull-"] {
  position: relative;
}
/**
 * Mobile and small screen
 */
.col-sm-12 {
  float: left;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-11 {
  float: left;
  width: 91.66666667%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-10 {
  float: left;
  width: 83.33333333%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-9 {
  float: left;
  width: 75%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-8 {
  float: left;
  width: 66.66666667%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-7 {
  float: left;
  width: 58.33333333%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-6 {
  float: left;
  width: 50%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-5 {
  float: left;
  width: 41.66666667%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-4 {
  float: left;
  width: 33.33333333%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-3 {
  float: left;
  width: 25%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-2 {
  float: left;
  width: 16.66666667%;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-1 {
  float: left;
  width: 8.33333333%;
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 480px) {
  .container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    min-width: 320px;
  }
  .container.noPaddingSmallDevice {
    padding: 0;
  }
  .row [class*="col-"] {
    width: 100%;
  }
}
/**
 * Larger mobile
 */
@media (min-width: 480px) {
  .container {
    max-width: 480px;
    margin: 0 auto;
  }
  .col-lm-12 {
    float: left;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-11 {
    float: left;
    width: 91.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-10 {
    float: left;
    width: 83.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-9 {
    float: left;
    width: 75%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-8 {
    float: left;
    width: 66.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-7 {
    float: left;
    width: 58.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-6 {
    float: left;
    width: 50%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-5 {
    float: left;
    width: 41.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-4 {
    float: left;
    width: 33.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-3 {
    float: left;
    width: 25%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-2 {
    float: left;
    width: 16.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-1 {
    float: left;
    width: 8.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lm-offset-12 {
    margin-left: 100%;
  }
  .col-lm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lm-offset-9 {
    margin-left: 75%;
  }
  .col-lm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lm-offset-6 {
    margin-left: 50%;
  }
  .col-lm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lm-offset-3 {
    margin-left: 25%;
  }
  .col-lm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lm-offset-0 {
    margin-left: 0%;
  }
  .col-lm-pull-12 {
    right: 100%;
  }
  .col-lm-pull-11 {
    right: 91.66666667%;
  }
  .col-lm-pull-10 {
    right: 83.33333333%;
  }
  .col-lm-pull-9 {
    right: 75%;
  }
  .col-lm-pull-8 {
    right: 66.66666667%;
  }
  .col-lm-pull-7 {
    right: 58.33333333%;
  }
  .col-lm-pull-6 {
    right: 50%;
  }
  .col-lm-pull-5 {
    right: 41.66666667%;
  }
  .col-lm-pull-4 {
    right: 33.33333333%;
  }
  .col-lm-pull-3 {
    right: 25%;
  }
  .col-lm-pull-2 {
    right: 16.66666667%;
  }
  .col-lm-pull-1 {
    right: 8.33333333%;
  }
  .col-lm-pull-0 {
    right: 0%;
  }
  .col-lm-push-12 {
    left: 100%;
  }
  .col-lm-push-11 {
    left: 91.66666667%;
  }
  .col-lm-push-10 {
    left: 83.33333333%;
  }
  .col-lm-push-9 {
    left: 75%;
  }
  .col-lm-push-8 {
    left: 66.66666667%;
  }
  .col-lm-push-7 {
    left: 58.33333333%;
  }
  .col-lm-push-6 {
    left: 50%;
  }
  .col-lm-push-5 {
    left: 41.66666667%;
  }
  .col-lm-push-4 {
    left: 33.33333333%;
  }
  .col-lm-push-3 {
    left: 25%;
  }
  .col-lm-push-2 {
    left: 16.66666667%;
  }
  .col-lm-push-1 {
    left: 8.33333333%;
  }
  .col-lm-push-0 {
    left: 0%;
  }
  .hide-on-lm {
    display: block;
  }
  .hide-inline-on-lm {
    display: inline-block;
  }
  .show-on-lm {
    display: none;
  }
  .show-inline-on-lm {
    display: none;
  }
}
/**
 * Tablets
 */
@media (min-width: 768px) {
  .container {
    max-width: 768px;
    margin: 0 auto;
  }
  .col-st-12 {
    float: left;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-11 {
    float: left;
    width: 91.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-10 {
    float: left;
    width: 83.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-9 {
    float: left;
    width: 75%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-8 {
    float: left;
    width: 66.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-7 {
    float: left;
    width: 58.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-6 {
    float: left;
    width: 50%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-5 {
    float: left;
    width: 41.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-4 {
    float: left;
    width: 33.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-3 {
    float: left;
    width: 25%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-2 {
    float: left;
    width: 16.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-1 {
    float: left;
    width: 8.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-st-offset-12 {
    margin-left: 100%;
  }
  .col-st-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-st-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-st-offset-9 {
    margin-left: 75%;
  }
  .col-st-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-st-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-st-offset-6 {
    margin-left: 50%;
  }
  .col-st-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-st-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-st-offset-3 {
    margin-left: 25%;
  }
  .col-st-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-st-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-st-offset-0 {
    margin-left: 0%;
  }
  .col-st-pull-12 {
    right: 100%;
  }
  .col-st-pull-11 {
    right: 91.66666667%;
  }
  .col-st-pull-10 {
    right: 83.33333333%;
  }
  .col-st-pull-9 {
    right: 75%;
  }
  .col-st-pull-8 {
    right: 66.66666667%;
  }
  .col-st-pull-7 {
    right: 58.33333333%;
  }
  .col-st-pull-6 {
    right: 50%;
  }
  .col-st-pull-5 {
    right: 41.66666667%;
  }
  .col-st-pull-4 {
    right: 33.33333333%;
  }
  .col-st-pull-3 {
    right: 25%;
  }
  .col-st-pull-2 {
    right: 16.66666667%;
  }
  .col-st-pull-1 {
    right: 8.33333333%;
  }
  .col-st-pull-0 {
    right: 0%;
  }
  .col-st-push-12 {
    left: 100%;
  }
  .col-st-push-11 {
    left: 91.66666667%;
  }
  .col-st-push-10 {
    left: 83.33333333%;
  }
  .col-st-push-9 {
    left: 75%;
  }
  .col-st-push-8 {
    left: 66.66666667%;
  }
  .col-st-push-7 {
    left: 58.33333333%;
  }
  .col-st-push-6 {
    left: 50%;
  }
  .col-st-push-5 {
    left: 41.66666667%;
  }
  .col-st-push-4 {
    left: 33.33333333%;
  }
  .col-st-push-3 {
    left: 25%;
  }
  .col-st-push-2 {
    left: 16.66666667%;
  }
  .col-st-push-1 {
    left: 8.33333333%;
  }
  .col-st-push-0 {
    left: 0%;
  }
  .hide-on-st {
    display: block;
  }
  .hide-inline-on-st {
    display: inline-block;
  }
  .show-on-st {
    display: none;
  }
  .show-inline-on-st {
    display: none;
  }
}
/**
 * Large tablets
 */
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
    margin: 0 auto;
  }
  .col-lt-12 {
    float: left;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-11 {
    float: left;
    width: 91.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-10 {
    float: left;
    width: 83.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-9 {
    float: left;
    width: 75%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-8 {
    float: left;
    width: 66.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-7 {
    float: left;
    width: 58.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-6 {
    float: left;
    width: 50%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-5 {
    float: left;
    width: 41.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-4 {
    float: left;
    width: 33.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-3 {
    float: left;
    width: 25%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-2 {
    float: left;
    width: 16.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-1 {
    float: left;
    width: 8.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-lt-offset-12 {
    margin-left: 100%;
  }
  .col-lt-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lt-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lt-offset-9 {
    margin-left: 75%;
  }
  .col-lt-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lt-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lt-offset-6 {
    margin-left: 50%;
  }
  .col-lt-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lt-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lt-offset-3 {
    margin-left: 25%;
  }
  .col-lt-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lt-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lt-offset-0 {
    margin-left: 0%;
  }
  .col-lt-pull-12 {
    right: 100%;
  }
  .col-lt-pull-11 {
    right: 91.66666667%;
  }
  .col-lt-pull-10 {
    right: 83.33333333%;
  }
  .col-lt-pull-9 {
    right: 75%;
  }
  .col-lt-pull-8 {
    right: 66.66666667%;
  }
  .col-lt-pull-7 {
    right: 58.33333333%;
  }
  .col-lt-pull-6 {
    right: 50%;
  }
  .col-lt-pull-5 {
    right: 41.66666667%;
  }
  .col-lt-pull-4 {
    right: 33.33333333%;
  }
  .col-lt-pull-3 {
    right: 25%;
  }
  .col-lt-pull-2 {
    right: 16.66666667%;
  }
  .col-lt-pull-1 {
    right: 8.33333333%;
  }
  .col-lt-pull-0 {
    right: 0%;
  }
  .col-lt-push-12 {
    left: 100%;
  }
  .col-lt-push-11 {
    left: 91.66666667%;
  }
  .col-lt-push-10 {
    left: 83.33333333%;
  }
  .col-lt-push-9 {
    left: 75%;
  }
  .col-lt-push-8 {
    left: 66.66666667%;
  }
  .col-lt-push-7 {
    left: 58.33333333%;
  }
  .col-lt-push-6 {
    left: 50%;
  }
  .col-lt-push-5 {
    left: 41.66666667%;
  }
  .col-lt-push-4 {
    left: 33.33333333%;
  }
  .col-lt-push-3 {
    left: 25%;
  }
  .col-lt-push-2 {
    left: 16.66666667%;
  }
  .col-lt-push-1 {
    left: 8.33333333%;
  }
  .col-lt-push-0 {
    left: 0%;
  }
  .hide-on-lt {
    display: block;
  }
  .hide-inline-on-lt {
    display: inline-block;
  }
  .show-on-lt {
    display: none;
  }
  .show-inline-on-lt {
    display: none;
  }
}
/**
 * Desktop and up
 */
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
    margin: 0 auto;
  }
  .col-dt-12 {
    float: left;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-11 {
    float: left;
    width: 91.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-10 {
    float: left;
    width: 83.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-9 {
    float: left;
    width: 75%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-8 {
    float: left;
    width: 66.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-7 {
    float: left;
    width: 58.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-6 {
    float: left;
    width: 50%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-5 {
    float: left;
    width: 41.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-4 {
    float: left;
    width: 33.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-3 {
    float: left;
    width: 25%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-2 {
    float: left;
    width: 16.66666667%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-1 {
    float: left;
    width: 8.33333333%;
    padding-right: 0;
    padding-left: 0;
  }
  .col-dt-offset-12 {
    margin-left: 100%;
  }
  .col-dt-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-dt-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-dt-offset-9 {
    margin-left: 75%;
  }
  .col-dt-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-dt-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-dt-offset-6 {
    margin-left: 50%;
  }
  .col-dt-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-dt-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-dt-offset-3 {
    margin-left: 25%;
  }
  .col-dt-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-dt-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-dt-offset-0 {
    margin-left: 0%;
  }
  .col-dt-pull-12 {
    right: 100%;
  }
  .col-dt-pull-11 {
    right: 91.66666667%;
  }
  .col-dt-pull-10 {
    right: 83.33333333%;
  }
  .col-dt-pull-9 {
    right: 75%;
  }
  .col-dt-pull-8 {
    right: 66.66666667%;
  }
  .col-dt-pull-7 {
    right: 58.33333333%;
  }
  .col-dt-pull-6 {
    right: 50%;
  }
  .col-dt-pull-5 {
    right: 41.66666667%;
  }
  .col-dt-pull-4 {
    right: 33.33333333%;
  }
  .col-dt-pull-3 {
    right: 25%;
  }
  .col-dt-pull-2 {
    right: 16.66666667%;
  }
  .col-dt-pull-1 {
    right: 8.33333333%;
  }
  .col-dt-pull-0 {
    right: 0%;
  }
  .col-dt-push-12 {
    left: 100%;
  }
  .col-dt-push-11 {
    left: 91.66666667%;
  }
  .col-dt-push-10 {
    left: 83.33333333%;
  }
  .col-dt-push-9 {
    left: 75%;
  }
  .col-dt-push-8 {
    left: 66.66666667%;
  }
  .col-dt-push-7 {
    left: 58.33333333%;
  }
  .col-dt-push-6 {
    left: 50%;
  }
  .col-dt-push-5 {
    left: 41.66666667%;
  }
  .col-dt-push-4 {
    left: 33.33333333%;
  }
  .col-dt-push-3 {
    left: 25%;
  }
  .col-dt-push-2 {
    left: 16.66666667%;
  }
  .col-dt-push-1 {
    left: 8.33333333%;
  }
  .col-dt-push-0 {
    left: 0%;
  }
  .hide-on-dt {
    display: block;
  }
  .hide-inline-on-dt {
    display: inline-block;
  }
  .show-on-dt {
    display: none;
  }
  .show-inline-on-dt {
    display: none;
  }
}
/* Slidable colls */
.slidableCol {
  display: inline;
}
@media (max-width: 1023px) {
  .slidableCol {
    position: absolute;
    width: 768px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .slidableCol {
    width: 480px;
  }
}
@media (max-width: 480px) {
  .slidableCol {
    width: 320px;
  }
}
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
/* playfair-display-regular - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-regular.eot');
  src: local(''), url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-regular.svg#PlayfairDisplay') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* playfair-display-500 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-500.eot');
  src: local(''), url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-500.svg#PlayfairDisplay') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* playfair-display-600 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-600.eot');
  src: local(''), url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-600.svg#PlayfairDisplay') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* playfair-display-700 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-700.eot');
  src: local(''), url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-700.svg#PlayfairDisplay') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* playfair-display-800 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-800.eot');
  src: local(''), url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-800.svg#PlayfairDisplay') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* playfair-display-900 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-900.eot');
  src: local(''), url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/playfair-display/playfair-display-v30-latin-ext_latin-900.svg#PlayfairDisplay') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-100 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('/assets/fonts/inter/inter-v12-latin-ext_latin-100.eot');
  src: local(''), url('/assets/fonts/inter/inter-v12-latin-ext_latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-100.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-100.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-200 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('/assets/fonts/inter/inter-v12-latin-ext_latin-200.eot');
  src: local(''), url('/assets/fonts/inter/inter-v12-latin-ext_latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-200.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-200.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-300 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/inter/inter-v12-latin-ext_latin-300.eot');
  src: local(''), url('/assets/fonts/inter/inter-v12-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-300.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-regular - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/inter/inter-v12-latin-ext_latin-regular.eot');
  src: local(''), url('/assets/fonts/inter/inter-v12-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-regular.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-500 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/inter/inter-v12-latin-ext_latin-500.eot');
  src: local(''), url('/assets/fonts/inter/inter-v12-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-500.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-600 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/inter/inter-v12-latin-ext_latin-600.eot');
  src: local(''), url('/assets/fonts/inter/inter-v12-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-600.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-700 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/inter/inter-v12-latin-ext_latin-700.eot');
  src: local(''), url('/assets/fonts/inter/inter-v12-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-700.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-800 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/fonts/inter/inter-v12-latin-ext_latin-800.eot');
  src: local(''), url('/assets/fonts/inter/inter-v12-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-800.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* inter-900 - latin-ext_latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/fonts/inter/inter-v12-latin-ext_latin-900.eot');
  src: local(''), url('/assets/fonts/inter/inter-v12-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/assets/fonts/inter/inter-v12-latin-ext_latin-900.svg#Inter') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
label {
  color: #000000;
  font-size: 14px;
}
.button {
  padding: 10px;
  color: #ffffff;
  background-color: #ffffff;
  font-size: 16px;
  font-family: 'Inter', sans-serif;
  cursor: pointer;
  outline: none;
}
.button.ghost {
  color: #792239;
  background: transparent;
  border: 1px solid #792239;
}
.button.ghost:hover {
  color: #ffffff;
  background-color: #792239;
}
.button.blueBorder {
  color: #045F6A;
  background: transparent;
  border: 1px solid #045F6A;
}
.button.gray {
  color: #707070;
  background: transparent;
  border: none;
}
.button.gray:hover {
  background: transparent;
}
input[type=reset].button {
  background-color: transparent;
}
.checkboxHolder {
  white-space: nowrap;
}
.checkboxHolder::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #8f9595;
  background-color: #ffffff;
  vertical-align: middle;
  pointer-events: none;
}
.checkboxHolder > input[type="checkbox"] {
  position: relative;
  width: 17px;
  height: 17px;
  left: -20px;
  vertical-align: middle;
  outline: none;
  visibility: hidden;
}
.checkboxHolder > input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  left: -41px;
  padding-left: 28px;
  vertical-align: middle;
}
.checkboxHolder > input[type="checkbox"] + label:before {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -khtml-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: '\f00c';
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: -1px;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 19px;
  transform: rotate(-45deg) scale(0, 0);
  float: left;
  clear: none;
}
.checkboxHolder > input[type="checkbox"]:checked + label:before {
  opacity: 1;
  color: #792239;
  display: inline-block;
  transform: rotate(0deg) scale(1, 1);
  float: left;
  clear: none;
}
.checkboxHolder.big::before {
  width: 25px;
  height: 25px;
}
.checkboxHolder.big > input[type="checkbox"] {
  width: 26px;
  height: 26px;
}
.checkboxHolder.big > input[type="checkbox"] + label {
  left: -54px;
  padding-top: 4px;
  vertical-align: top;
}
.checkboxHolder.big > input[type="checkbox"] + label:after {
  left: -4px;
  width: 25px;
  height: 25px;
  font-size: 20px;
  line-height: 27px;
}
.checkboxHolder.big > input[type="checkbox"]:checked + label {
  background-position: top 5px left;
}
.checkboxHolder.gray::before {
  background-color: #edeeee;
  border-color: #edeeee;
}
.radioHolder {
  margin-top: 15px;
}
.radioHolder > input[type="radio"] {
  position: relative;
  width: 27px;
  height: 27px;
  left: 0;
  vertical-align: middle;
  outline: none;
  display: none;
}
@media (max-width: 480px) {
  .radioHolder > input[type="radio"] {
    margin-bottom: 14px;
  }
  .radioHolder > input[type="radio"]:nth-last-child(1) {
    margin-bottom: 0;
  }
}
.radioHolder > input[type="radio"] + label {
  position: relative;
  display: inline-block;
  padding-left: 37px;
  vertical-align: middle;
  line-height: 27px;
}
.radioHolder > input[type="radio"] + label:after,
.radioHolder > input[type="radio"] + label:before {
  content: ' ';
  display: block;
  position: absolute;
  border-radius: 50%;
}
.radioHolder > input[type="radio"] + label:after {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-color: #c0c3c3;
}
.radioHolder > input[type="radio"] + label span {
  text-align: left;
  display: inline-block;
  line-height: 20px;
}
.radioHolder > input[type="radio"]:checked + label:before {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  z-index: 10;
  animation: radioDotAnimationOnCheck 0.2s;
  background-color: #792239;
}
.labelHolder {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.labelHolder label {
  display: inline-block;
  padding: 10px;
  color: #792239;
  font-size: 15px;
  font-weight: 300;
  border: 1px solid #792239;
  cursor: pointer;
}
.labelHolder label .icon.lock {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/assets/images/platforms/balrandi//common/icons/lock.svg") no-repeat;
  vertical-align: middle;
}
.labelHolder input {
  position: absolute;
  top: -100px;
  left: -100px;
  visibility: hidden;
}
.labelHolder input:checked + label {
  color: #ffffff;
  background-color: #792239;
}
.selectHolder {
  position: relative;
  display: inline-block;
  border: 1px solid #eaeaea;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid #792239;
}
.selectHolder select {
  width: 100%;
  padding: 14px 14px;
  color: #000000;
  background-color: #eaeaea;
  font-size: 14px;
  border: 0;
  outline: none;
  border-radius: 8px 8px 0 0;
  white-space: nowrap;
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .selectHolder select {
    padding: 14px 14px;
  }
}
.selectHolder.fullWidth.withDelete {
  width: 86%;
  vertical-align: top;
}
.selectHolder.fullWidth select {
  display: block;
  width: 100%;
}
.selectHolder:after {
  content: '\f078';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -20px;
  display: block;
  width: 30px;
  background: transparent;
  pointer-events: none;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #792239;
  padding: 14px 0 14px 0;
}
.selectHolder.inline select {
  display: inline-block;
}
button.delete[data-for] {
  width: 13%;
  padding: 8px 0 9px 0;
  float: right;
  text-align: center;
  vertical-align: top;
}
button.delete[data-for]:hover {
  color: #ffffff;
  background-color: #03111d;
  border-color: #03111d;
}
.sliderHolder > label {
  display: block;
  margin-bottom: 15px;
}
.sliderHolder > label.max span {
  display: none;
}
.sliderHolder > label.max span.value {
  display: inline-block;
}
.sliderHolder .ui-slider-horizontal {
  height: 3px !important;
  border: none !important;
  border-radius: 0 !important;
  white-space: nowrap !important;
  background-color: #bababa;
}
.sliderHolder .ui-slider-handle {
  width: 34px !important;
  height: 34px !important;
  top: -15px !important;
  background-color: rgba(161, 149, 104, 0.7) !important;
  border-radius: 34px !important;
  border: none !important;
  outline: none !important;
}
.sliderHolder .ui-slider-handle:after {
  content: '';
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  top: 10px;
  left: 11px;
  background-color: #792239;
  border-radius: 12px;
}
.sliderHolder .ui-slider .regionOutside,
.sliderHolder .ui-slider .regionInside {
  position: relative;
  display: inline-block;
  height: 3px;
  vertical-align: top;
}
.sliderHolder .ui-slider .regionInside {
  background-color: #792239;
}
.dropdownMenu {
  position: relative;
  min-width: 150px;
  background-color: #ffffff;
  border: 1px solid #c0c3c3;
}
.dropdownMenu:hover {
  cursor: pointer;
}
.dropdownMenu .current {
  padding: 8px 0 8px 12px;
  width: 88%;
}
.dropdownMenu .opener {
  display: block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: '\f107';
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  z-index: 200;
  width: 12%;
  text-align: center;
}
.dropdownMenu .opener i {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -khtml-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  position: relative;
  top: 7px;
}
.dropdownMenu ul {
  background: #ffffff;
  border: 1px solid #c0c3c3;
  position: absolute;
  margin: 0;
  padding: 0;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  list-style-type: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -khtml-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  transform: scale(0);
  transform-origin: 0 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
  z-index: 100;
  opacity: 0;
}
.dropdownMenu ul li {
  position: relative;
  left: -80%;
  padding: 8px 0 8px 12px;
  width: 88%;
  opacity: 0;
}
.dropdownMenu ul li:hover {
  cursor: pointer;
}
.dropdownMenu.opened .opener i {
  transform: rotate(180deg);
}
.dropdownMenu.opened ul {
  transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -khtml-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  opacity: 1;
}
.dropdownMenu.opened ul li {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -khtml-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  left: 0;
  opacity: 1;
}
.tabsHolder {
  position: relative;
  display: inline-block;
  text-align: center;
}
@media (max-width: 479px) {
  .tabsHolder {
    margin: 5px 0 20px 0;
  }
}
.tabsHolder.mainPage {
  width: 100%;
}
@media (max-width: 479px) {
  .tabsHolder.mainPage {
    white-space: normal;
    overflow: hidden;
    margin: auto;
  }
}
.tabsHolder.mainPage ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tabsHolder.mainPage ul li {
  display: inline-block;
  width: 200px;
  padding: 5px;
  color: #6f7575;
  font-size: 16px;
  text-transform: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: color 0.9s ease-in-out;
  -moz-transition: color 0.9s ease-in-out;
  -ms-transition: color 0.9s ease-in-out;
  -o-transition: color 0.9s ease-in-out;
  -khtml-transition: color 0.9s ease-in-out;
  transition: color 0.9s ease-in-out;
}
@media (max-width: 1280px) {
  .tabsHolder.mainPage ul li {
    width: 165px;
  }
}
@media (max-width: 1024px) {
  .tabsHolder.mainPage ul li {
    width: 130px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .tabsHolder.mainPage ul li {
    width: 110px;
  }
}
@media (max-width: 480px) {
  .tabsHolder.mainPage ul li {
    width: 66px;
    padding: 8px;
    font-size: 14px;
  }
}
.tabsHolder.mainPage ul li:hover {
  color: #792239;
}
.tabsHolder.mainPage ul li.selected {
  color: #792239;
  font-weight: 400;
}
.tabsHolder.mainPage ul li span {
  vertical-align: middle;
}
.tabsHolder.mainPage.recommendations ul li {
  width: 188px;
  font-size: 15px;
}
@media (max-width: 1280px) {
  .tabsHolder.mainPage.recommendations ul li {
    width: 132px;
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .tabsHolder.mainPage.recommendations ul li {
    width: 130px;
  }
}
@media (max-width: 768px) {
  .tabsHolder.mainPage.recommendations ul li {
    width: 88px;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .tabsHolder.mainPage.recommendations ul li {
    width: 55px;
    font-size: 11px;
  }
}
.tabsHolder ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tabsHolder ul li {
  float: left;
  display: inline-block;
  width: auto;
  padding: 10px;
  color: #792239;
  background-color: #ffffff;
  font-size: 15px;
  text-transform: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 1280px) {
  .tabsHolder ul li {
    width: 143px;
  }
}
@media (max-width: 1024px) {
  .tabsHolder ul li {
    width: 142px;
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .tabsHolder ul li {
    width: 105px;
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .tabsHolder ul li {
    width: 50px;
    padding: 8px;
    font-size: 13px;
  }
}
.tabsHolder ul li .count {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-top: -1px;
  color: #ffffff;
  background-color: #792239;
  font-size: 14px;
  text-align: center;
  line-height: 26px;
  border-radius: 50%;
}
@media (max-width: 480px) {
  .tabsHolder ul li .count {
    width: 23px;
    height: 23px;
    font-size: 13px;
    line-height: 23px;
  }
}
.tabsHolder ul li .count.hidden {
  width: 0;
  visibility: hidden;
}
.tabsHolder ul li:hover {
  color: #ffffff;
  background-color: #792239;
}
.tabsHolder ul li:hover .count {
  color: #792239;
  background-color: #ffffff;
}
.tabsHolder ul li.selected {
  color: #ffffff;
  background-color: #792239;
}
.tabsHolder ul li.selected .count {
  color: #792239;
  background-color: #ffffff;
}
.tabsHolder .indicator {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 75%;
  height: 3px;
}
.switchContainer {
  position: relative;
  overflow: visible;
  display: inline-block;
  float: left;
  margin-right: 15px;
}
.switchContainer input[type=checkbox] {
  display: none;
}
.switchContainer input[type=checkbox] + .inner .indicator {
  right: -5px;
  background-color: #ffffff;
}
.switchContainer input[type=checkbox]:checked + .inner .indicator {
  right: -21px;
  background-color: #f9f7f7;
}
.switchContainer input[type=checkbox]:checked + .inner .tabs > div {
  background-color: #792239;
}
.switchContainer input[type=checkbox]:disabled + .inner .indicator {
  display: none;
}
.switchContainer .inner {
  position: relative;
  width: 45px;
  height: 28px;
  cursor: pointer;
}
.switchContainer .inner .tabs {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switchContainer .inner .tabs > div {
  position: relative;
  width: 50%;
  display: inline-block;
  height: 28px;
  background-color: #a12d4c;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -khtml-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 2;
}
.switchContainer .inner .tabs > div.inactiveText {
  border-radius: 200px 0 0 200px;
}
.switchContainer .inner .tabs > div.activeText {
  border-radius: 0 200px 200px 0;
}
.switchContainer .inner .tabs > div p {
  position: relative;
  padding: 10px 0 0 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  z-index: 50;
  pointer-events: none;
}
.switchContainer .inner .indicator {
  position: relative;
  top: -24px;
  right: 15px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #792239;
  z-index: 20;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -khtml-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.cityHolder .selectHolder:first-of-type {
  margin-bottom: 5px;
}
.dragAndDropArea {
  display: inline-block;
  width: 100%;
  margin: 30px 0 0 0;
  padding: 20px 0;
  background-color: #eeeeee;
  border: 1px dashed #c0c3c3;
  border-radius: 8px;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .dragAndDropArea {
    display: block;
    width: 100%;
  }
}
.dragAndDropArea .dragAndDropIndicator {
  display: none;
}
.dragAndDropArea .progressInfo {
  display: none;
}
.dragAndDropArea .progressInfo p {
  color: #575c5c;
  font-size: 18px;
}
.dragAndDropArea.hasDragAndDropSupport .dragAndDropIndicator {
  display: block;
  margin: 15px 0 0 0;
  color: #000000;
  font-size: 13px;
}
.dragAndDropArea.dragOver {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px dashed #03111d;
}
.dragAndDropArea input {
  display: none;
}
.badgeBox {
  display: inline-block;
  float: left;
  clear: none;
  margin: 0 7px 7px 0;
  border: 1px solid #cccccc;
  color: #cccccc;
  padding: 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.badgeBox:before {
  float: left;
  clear: none;
  width: 18px;
  height: 18px;
  background-color: #cccccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  content: ' ';
  margin-right: 4px;
  line-height: 18px;
  vertical-align: middle;
}
.badgeBox.active {
  border: 1px solid #792239;
  color: #792239;
}
.badgeBox.active:before {
  transition: all 0.25s ease-in-out;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: '\f00c';
  color: #ffffff !important;
  background-color: #792239;
}
.badgeBox input[type=checkbox] {
  display: none;
}
.label.switchLabel {
  position: relative;
  top: 5px;
  color: #000000;
  font-weight: 700;
}
body.darkmode label {
  color: #ffffff;
}
body.darkmode .label.switchLabel {
  color: #ffffff;
}
body.darkmode .sliderHolder.pointsSlider .text {
  color: #ffffff;
}
body.darkmode .tabsHolder ul li {
  color: #ffffff;
}
body.darkmode .tabsHolder ul li .count {
  color: #000000;
  background-color: #ffffff;
}
body.darkmode .tabsHolder ul li:not(.selected) {
  background-color: #3d3d3d;
}
body.darkmode .tabsHolder ul li.selected {
  color: #ffffff;
  border-bottom-color: #ffffff;
}
body.darkmode .tabsHolder ul li.selected .count {
  color: #000000;
  background-color: #ffffff;
}
.inputGroup .item .label {
  padding: 0 0 5px 0;
}
.inputGroup .item .label label {
  font-size: 14px;
  color: #000000;
  font-family: 'Playfair Display';
  font-weight: 700;
  letter-spacing: .3px;
}
.inputGroup .item .input input:focus,
.inputGroup .item .input textarea:focus {
  outline: #575c5c solid 1px;
  outline-offset: -1px;
}
.inputGroup .item .input input[type=text],
.inputGroup .item .input textarea[type=text],
.inputGroup .item .input input[type=password],
.inputGroup .item .input textarea[type=password],
.inputGroup .item .input input[type=textarea],
.inputGroup .item .input textarea[type=textarea],
.inputGroup .item .input input[type=email],
.inputGroup .item .input textarea[type=email] {
  width: 100%;
  outline: none;
  padding: 14px 0 14px 12px;
  color: #000000;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  background-color: #eaeaea;
  border-bottom: 1px solid #792239;
}
.inputGroup .item .input input[type=text]::-webkit-input-placeholder,
.inputGroup .item .input textarea[type=text]::-webkit-input-placeholder,
.inputGroup .item .input input[type=password]::-webkit-input-placeholder,
.inputGroup .item .input textarea[type=password]::-webkit-input-placeholder,
.inputGroup .item .input input[type=textarea]::-webkit-input-placeholder,
.inputGroup .item .input textarea[type=textarea]::-webkit-input-placeholder,
.inputGroup .item .input input[type=email]::-webkit-input-placeholder,
.inputGroup .item .input textarea[type=email]::-webkit-input-placeholder {
  /* Edge */
  color: #808080;
  opacity: 1;
}
.inputGroup .item .input input[type=text]:-ms-input-placeholder,
.inputGroup .item .input textarea[type=text]:-ms-input-placeholder,
.inputGroup .item .input input[type=password]:-ms-input-placeholder,
.inputGroup .item .input textarea[type=password]:-ms-input-placeholder,
.inputGroup .item .input input[type=textarea]:-ms-input-placeholder,
.inputGroup .item .input textarea[type=textarea]:-ms-input-placeholder,
.inputGroup .item .input input[type=email]:-ms-input-placeholder,
.inputGroup .item .input textarea[type=email]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #808080;
  opacity: 1;
}
.inputGroup .item .input input[type=text]::placeholder,
.inputGroup .item .input textarea[type=text]::placeholder,
.inputGroup .item .input input[type=password]::placeholder,
.inputGroup .item .input textarea[type=password]::placeholder,
.inputGroup .item .input input[type=textarea]::placeholder,
.inputGroup .item .input textarea[type=textarea]::placeholder,
.inputGroup .item .input input[type=email]::placeholder,
.inputGroup .item .input textarea[type=email]::placeholder {
  color: #808080;
  opacity: 1;
}
.inputGroup .item .input input[type=textarea],
.inputGroup .item .input textarea[type=textarea] {
  padding: 10px;
  resize: vertical;
  line-height: 20px;
}
.inputGroup .item .input .selectHolder {
  width: 100%;
}
.inputGroup .item .input .selectHolder select {
  color: #000000;
  border: none;
  background-color: #eaeaea;
  width: 100%;
}
.inputGroup .item .input .selectHolder:after {
  background-color: #eaeaea;
}
.inputGroup .item .input .radioHolder label {
  color: #000000;
}
.inputGroup .item .description {
  font-size: 12px;
  line-height: 16px;
  color: #6f7575;
}
.inputGroup .item .description p {
  margin: 8px 0 0 0;
}
.inputGroup .item .errorMessage {
  visibility: hidden;
  color: #ff190a;
  font-size: 14px;
  padding-top: 7px;
  text-align: left;
}
.inputGroup .item.hiddenErrors .errorMessage {
  display: none;
}
.inputGroup .item.hiddenErrors.hasErrors .errorMessage {
  display: block;
}
.inputGroup .item.hasErrors .errorMessage {
  visibility: visible;
}
.inputGroup .item.hasErrors .radioHolder > input[type="radio"] + label:after {
  box-shadow: 0 0 0 1px #03111d;
}
.inputGroup .item.hasErrors .selectHolder select {
  outline-color: #03111d;
}
.inputGroup .item.hasErrors input[type=text],
.inputGroup .item.hasErrors input[type=password],
.inputGroup .item.hasErrors input[type=email] {
  outline-color: #03111d;
}
.inputGroup .item.inline {
  width: 100%;
}
.inputGroup .item.inline > div {
  display: inline-block;
  margin-right: -3px;
  vertical-align: middle;
}
.inputGroup .item.inline .label {
  width: 16%;
  text-align: right;
  padding: 0 18px 0 0;
}
.inputGroup .item.inline .input {
  width: 84%;
}
.inputGroup .item.inline.hasErrors .errorMessage {
  text-align: left;
  padding-left: 16%;
}
.inputGroup .item.inline.hasDescription .label {
  width: 16%;
}
.inputGroup .item.inline.hasDescription .input {
  width: 59%;
}
.inputGroup .item.inline.hasDescription .description {
  width: 25%;
  padding: 0 0 0 18px;
}
.inputGroup .item.inline.hasDescription .description p {
  margin: 0;
}
body.darkmode .inputGroup .item .label label {
  color: #ffffff;
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: currentColor;
}
body.darkmode .inputGroup .item .input input[type=text],
body.darkmode .inputGroup .item .input textarea {
  color: #ffffff;
  background-color: #1a1b1d;
  border-color: #1a1b1d;
  border-bottom-color: #cccccc;
}
body.darkmode .inputGroup .item .input .radioHolder label {
  color: #ffffff;
}
body.darkmode .inputGroup .item .input .selectHolder {
  border: none;
  border-bottom: 1px solid #cccccc;
}
body.darkmode .inputGroup .item .input .selectHolder select {
  color: #ffffff;
  background-color: #1a1b1d;
}
body.darkmode .inputGroup .item .input .selectHolder:after {
  color: #ffffff;
  background-color: #1a1b1d;
}
.remodal[data-remodal-id=early-sale-ends] {
  width: 600px;
  max-width: none;
}
@media (max-width: 640px) {
  .remodal[data-remodal-id=early-sale-ends] {
    width: 300px;
  }
}
.remodal[data-remodal-id=early-sale-ends] .content .closeLayer {
  position: absolute;
  display: inline-block;
  top: 11px;
  right: 11px;
  width: 27px;
  height: 27px;
  background: url(/assets/images/common/icons/closeWhite.svg) no-repeat;
  cursor: pointer;
  z-index: 2;
}
.remodal[data-remodal-id=early-sale-ends] .content img {
  width: 600px;
  height: 300px;
}
@media (max-width: 640px) {
  .remodal[data-remodal-id=early-sale-ends] .content img {
    width: 300px;
    height: 150px;
  }
}
.remodal[data-remodal-id=early-sale-ends] .content .text {
  padding: 20px;
  color: #000000;
  font-size: 16px;
}
@media (max-width: 640px) {
  .remodal[data-remodal-id=early-sale-ends] .content .text {
    font-size: 14px;
  }
}
.remodal[data-remodal-id=early-sale-ends] .content .text p:not(:last-of-type) {
  margin-bottom: 20px;
}
.remodal[data-remodal-id=early-sale-ends] .content .buttonContainer {
  margin-bottom: 20px;
  text-align: center;
}
.remodal[data-remodal-id=early-sale-ends] .content .buttonContainer button {
  float: none;
  padding: 11px 50px;
  font-size: 22px;
}
@media (max-width: 640px) {
  .remodal[data-remodal-id=early-sale-ends] .content .buttonContainer button {
    font-size: 18px;
  }
}
.remodal[data-remodal-id=new-sites] {
  width: 640px;
  max-width: none;
}
@media (max-width: 700px) {
  .remodal[data-remodal-id=new-sites] {
    width: 300px;
  }
}
.remodal[data-remodal-id=new-sites] .content {
  padding: 30px 30px 20px 30px;
  font-size: 16px;
  text-align: left;
}
@media (max-width: 700px) {
  .remodal[data-remodal-id=new-sites] .content {
    padding: 20px;
    font-size: 14px;
  }
}
.remodal[data-remodal-id=new-sites] .content .closeLayer {
  position: absolute;
  display: inline-block;
  top: 11px;
  right: 11px;
  width: 16px;
  height: 16px;
  background: url(/assets/images/common/icons/close.svg) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
  z-index: 2;
}
.remodal[data-remodal-id=new-sites] .content .greeting {
  margin-bottom: 20px;
  font-size: 18px;
}
@media (max-width: 700px) {
  .remodal[data-remodal-id=new-sites] .content .greeting {
    font-size: 16px;
  }
}
.remodal[data-remodal-id=new-sites] .content ul {
  margin: 20px 0 20px 15px;
  padding: 0;
  list-style-type: disc;
}
.remodal[data-remodal-id=new-sites] .content ul li {
  padding: 5px 0;
}
.remodal[data-remodal-id=new-sites] .content .settings {
  margin: 20px 0;
  padding: 20px;
  background-color: #f0f0f0;
}
.remodal[data-remodal-id=new-sites] .content .settings .subtitle {
  margin-bottom: 20px;
  color: #000;
  font-weight: 600;
}
.remodal[data-remodal-id=new-sites] .content .settings .item {
  margin: 15px 0;
}
.remodal[data-remodal-id=new-sites] .content .info {
  margin-bottom: 20px;
}
.remodal[data-remodal-id=new-sites] .content .buttonContainer {
  margin-top: 20px;
  text-align: center;
}
.remodal[data-remodal-id=new-sites] .content .buttonContainer button {
  float: none;
  padding: 11px 35px;
}
@media (max-width: 700px) {
  .remodal[data-remodal-id=new-sites] .content .buttonContainer button {
    font-size: 19px;
  }
}
.iconClose {
  height: 19px;
}
.iconClose:after {
  display: inline-block;
  width: 19px;
  line-height: 19px;
  cursor: pointer;
  content: '×';
  font-size: 36px;
  font-weight: 300;
  vertical-align: top;
}
.iconClose.small {
  width: 11px;
  height: 11px;
  background: url(../../../../images/common/icons/close.png) no-repeat;
}
.iconSearch:after {
  display: inline-block;
  width: 19px;
  height: 19px;
  content: '\f002';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #bcc0c0;
  font-size: 17px;
}
.sysMsgHolder {
  display: none;
}
/**
 * Flash message specifikus
 */
[data-remodal-id=flashMessage] .content .buttonContainer button,
[data-remodal-id=confirmLayer] .content .buttonContainer button {
  min-width: 80px !important;
  font-size: 16px;
  font-weight: 500;
  background: #792239;
  border-radius: 6px !important;
}
[data-remodal-id=flashMessage] .content .buttonContainer button:hover,
[data-remodal-id=confirmLayer] .content .buttonContainer button:hover {
  background: #651c30;
}
[data-remodal-id=flashMessage] .content .buttonContainer button.okBtn,
[data-remodal-id=confirmLayer] .content .buttonContainer button.okBtn {
  background: #8f9595;
  color: #ffffff;
}
[data-remodal-id=flashMessage] .content .buttonContainer button.okBtn.remodalCancelDummy,
[data-remodal-id=confirmLayer] .content .buttonContainer button.okBtn.remodalCancelDummy {
  background: #792239;
  border: none;
  color: #ffffff;
}
[data-remodal-id=flashMessage] .content .buttonContainer button.okBtn.remodalCancelDummy:hover,
[data-remodal-id=confirmLayer] .content .buttonContainer button.okBtn.remodalCancelDummy:hover {
  background: #651c30;
  border: none;
  color: #ffffff;
}
[data-remodal-id=flashMessage] .content .buttonContainer button.cancelBtn,
[data-remodal-id=confirmLayer] .content .buttonContainer button.cancelBtn {
  background: none !important;
  border: none;
  color: #3e4242;
  font-size: 14px;
  text-decoration: underline;
}
[data-remodal-id=flashMessage] .content .buttonContainer button.cancelBtn:hover,
[data-remodal-id=confirmLayer] .content .buttonContainer button.cancelBtn:hover {
  color: #000000;
  background-color: #ffffff;
  border: none;
}
/**
 * Hibernálás utáni layer
 */
.remodal[data-remodal-id=after-hibernation] .content .buttonHolder {
  padding-bottom: 24px;
}
.remodal[data-remodal-id=after-hibernation] .content .inner {
  text-align: left;
  padding: 0 0 24px 24px;
}
.remodal[data-remodal-id=after-hibernation] .content .inner .descHead {
  font-weight: 500;
  margin-bottom: 24px;
}
.remodal[data-remodal-id=after-hibernation] .content .inner .reLoginInstructions {
  margin-top: 24px;
  padding-right: 12px;
}
.remodal[data-remodal-id=after-hibernation] .content .inner ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.remodal[data-remodal-id=after-hibernation] .content .inner ul li {
  margin-bottom: 12px;
  position: relative;
  padding-left: 25px;
}
.remodal[data-remodal-id=after-hibernation] .content .inner ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.remodal[data-remodal-id=after-hibernation] .content .inner ul li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: '\f00c';
  color: #3ea07a;
  position: absolute;
  left: 0;
  top: 2px;
}
/**
 * Profile modify layers common
 */
.remodal.profileEditLayerCommon {
  min-width: 300px;
}
.remodal.profileEditLayerCommon .boxHeader {
  padding: 13px 0 11px 19px;
  background: #792239;
  background: -moz-linear-gradient(-45deg, #792239 0%, #a09468 32%, rgba(91, 85, 63, 0.7) 62%, #792239 100%);
  background: -webkit-linear-gradient(-45deg, #792239 0%, #a09468 32%, rgba(91, 85, 63, 0.7) 62%, #792239 100%);
  background: linear-gradient(135deg, #792239 0%, #a09468 32%, rgba(91, 85, 63, 0.7) 62%, #792239 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradientColor1', endColorstr='@gradientColor4', GradientType=1);
}
.remodal.profileEditLayerCommon .boxHeader p {
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
}
.remodal.profileEditLayerCommon .content {
  text-align: left;
  padding: 21px 19px 25px 19px;
}
.remodal.profileEditLayerCommon .content .inputGroup .item {
  margin-bottom: 19px;
}
.remodal.profileEditLayerCommon .content .inputGroup .item .label label {
  color: #000000;
  font-size: 16px;
}
.remodal.profileEditLayerCommon .content .inputGroup .item .input input[type=text],
.remodal.profileEditLayerCommon .content .inputGroup .item .input input[type=password] {
  outline: none;
  border-radius: 0;
}
.remodal.profileEditLayerCommon .content .submitButton {
  text-align: center;
}
/**
 * Profile - Modify email layer
 */
.remodal[data-remodal-id=profile-modify-email] .content .description {
  margin-bottom: 19px;
}
.remodal[data-remodal-id=profile-modify-email] .content .description p {
  font-size: 13px;
}
/**
 * Cookie policy
 */
/**
 * Cookie policy layer
 */
.cookiePolicyFader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.8;
  z-index: 100000;
  display: none;
}
.cookiePolicy {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  min-width: 320px;
  padding: 14px 28px;
  color: #000000;
  background-color: #ffffff;
  font-family: 'Roboto', sans-serif;
  z-index: 100000;
}
.cookiePolicy .info {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 28px;
  width: calc(100% - 620px);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
}
@media (max-width: 960px) {
  .cookiePolicy .info {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.cookiePolicy .info a {
  color: #792239;
}
.cookiePolicy .info a:hover {
  text-decoration: underline;
}
@media (max-width: 960px) {
  .cookiePolicy .buttonContainer {
    float: none;
    text-align: center;
  }
}
.cookiePolicy .buttonContainer button {
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 600px) {
  .cookiePolicy .buttonContainer button {
    display: block;
    width: 300px;
    margin: 0 auto;
  }
}
@media (max-width: 400px) {
  .cookiePolicy .buttonContainer button {
    width: 100%;
  }
}
.cookiePolicy .buttonContainer button.options {
  margin-right: 20px;
  color: #792239;
  background: transparent;
  border: 1px solid #792239;
}
@media (max-width: 600px) {
  .cookiePolicy .buttonContainer button.options {
    margin-bottom: 15px;
    margin-right: auto;
  }
}
.cookiePolicy .buttonContainer button.options:hover {
  color: #ffffff;
  background: #792239;
}
.remodal[data-remodal-id=cookieOptions] {
  width: 480px;
  max-width: none;
  box-shadow: 0 0 8px 0 #999;
  z-index: 100001;
}
@media (max-width: 530px) {
  .remodal[data-remodal-id=cookieOptions] {
    width: 320px;
  }
}
.remodal[data-remodal-id=cookieOptions] .closeLayer {
  position: absolute;
  display: inline-block;
  top: 11px;
  right: 11px;
  width: 16px;
  height: 16px;
  background: url(/assets/images/common/icons/close.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 2;
}
.remodal[data-remodal-id=cookieOptions] .title {
  margin: 10px 0 20px 0;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}
.remodal[data-remodal-id=cookieOptions] .info {
  padding: 0 25px;
  margin-bottom: 15px;
}
.remodal[data-remodal-id=cookieOptions] .info a {
  color: #792239;
}
.remodal[data-remodal-id=cookieOptions] .info a:hover {
  text-decoration: underline;
}
.remodal[data-remodal-id=cookieOptions] ul {
  list-style-type: none;
}
.remodal[data-remodal-id=cookieOptions] ul li {
  padding: 6px 0;
  text-align: left;
  font-size: 16px;
}
.remodal[data-remodal-id=cookieOptions] ul li.disabled {
  color: #c0c3c3;
}
.remodal[data-remodal-id=cookieOptions] ul li.disabled .switchContainer {
  opacity: 0.3;
}
.remodal[data-remodal-id=cookieOptions] ul li.disabled .switchContainer label {
  cursor: default;
}
.remodal[data-remodal-id=cookieOptions] ul li.disabled .switchContainer label:before {
  cursor: default;
}
.remodal[data-remodal-id=cookieOptions] ul li span,
.remodal[data-remodal-id=cookieOptions] ul li .switchContainer {
  display: inline-block;
  vertical-align: middle;
}
.remodal[data-remodal-id=cookieOptions] ul li span {
  width: calc(100% - 70px);
}
.remodal[data-remodal-id=cookieOptions] .buttonContainer {
  padding: 0 25px !important;
  margin: 25px 0;
}
.remodal[data-remodal-id=cookieOptions] .buttonContainer button {
  width: 200px;
  height: 45px;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 530px) {
  .remodal[data-remodal-id=cookieOptions] .buttonContainer button {
    display: block;
    width: 100%;
  }
}
.remodal[data-remodal-id=cookieOptions] .buttonContainer button.save {
  float: left;
  color: #792239;
  background-color: #ffffff;
  border: 1px solid #792239;
}
@media (max-width: 530px) {
  .remodal[data-remodal-id=cookieOptions] .buttonContainer button.save {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.remodal[data-remodal-id=cookieOptions] .buttonContainer button.save:hover {
  color: #ffffff;
  background-color: #792239;
}
.remodal[data-remodal-id=cookieOptions] .buttonContainer button.acceptAll {
  float: right;
}
.remodal[data-remodal-id=changedPrivacyPolicy] {
  padding: 25px;
}
.remodal[data-remodal-id=changedPrivacyPolicy] .boxHeader {
  margin: 0;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  font-weight: 500;
  padding: 0;
}
.remodal[data-remodal-id=changedPrivacyPolicy] .content {
  padding: 15px 0 0 0;
  text-align: left;
}
.remodal[data-remodal-id=changedPrivacyPolicy] .buttonHolder {
  text-align: center;
  margin-top: 25px;
}
.remodal[data-remodal-id=setPublicityEnabled] {
  padding: 0;
}
@media all and (min-width: 460px) {
  .remodal[data-remodal-id=setPublicityEnabled] {
    min-width: 430px;
  }
}
.remodal[data-remodal-id=setPublicityEnabled] .boxHeader {
  padding: 13px 0 11px 19px;
  background: #792239;
  background: -moz-linear-gradient(-45deg, #792239 0%, #a09468 32%, rgba(91, 85, 63, 0.7) 62%, #792239 100%);
  background: -webkit-linear-gradient(-45deg, #792239 0%, #a09468 32%, rgba(91, 85, 63, 0.7) 62%, #792239 100%);
  background: linear-gradient(135deg, #792239 0%, #a09468 32%, rgba(91, 85, 63, 0.7) 62%, #792239 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradientColor1', endColorstr='@gradientColor4', GradientType=1);
}
.remodal[data-remodal-id=setPublicityEnabled] .boxHeader p {
  color: #ffffff;
  font-weight: 400;
  text-transform: uppercase;
}
.remodal[data-remodal-id=setPublicityEnabled] .content {
  padding: 25px;
  text-align: left;
}
.remodal[data-remodal-id=setPublicityEnabled] .content .label {
  margin: 10px 0 25px 0;
}
.remodal[data-remodal-id=setPublicityEnabled] .content .label label {
  font-size: 16px;
}
.remodal[data-remodal-id=setPublicityEnabled] .buttonHolder {
  text-align: center;
  margin-top: 0;
}
/**
 * No more user waiting for rating
 */
.noMoreForVoting {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 999999;
  display: none;
}
.noMoreForVoting .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 536px;
  height: 409px;
  margin-top: -205px;
  margin-left: -268px;
  padding-top: 205px;
  background: url(/assets/images/votes/noMoreLayer.svg) no-repeat;
  background-size: contain;
  text-align: center;
}
@media (max-width: 767px) {
  .noMoreForVoting .content {
    width: 405px;
    height: 309px;
    margin-left: -203px;
    margin-top: -155px;
    padding-top: 155px;
  }
}
@media (max-width: 479px) {
  .noMoreForVoting .content {
    width: 329px;
    height: 251px;
    margin-left: -165px;
    margin-top: -126px;
    padding-top: 125px;
  }
}
@media (max-width: 345px) {
  .noMoreForVoting .content {
    width: 310px;
    height: 237px;
    margin-left: -155px;
    margin-top: -119px;
    padding-top: 118px;
  }
}
.noMoreForVoting .content .text {
  font-size: 22px;
}
@media (max-width: 767px) {
  .noMoreForVoting .content .text {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .noMoreForVoting .content .text {
    font-size: 16px;
  }
}
.noMoreForVoting .content .text strong {
  display: block;
}
.noMoreForVoting .content .buttonContainer {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .noMoreForVoting .content .buttonContainer {
    margin-top: 15px;
  }
}
@media (max-width: 479px) {
  .noMoreForVoting .content .buttonContainer {
    margin-top: 10px;
  }
}
.noMoreForVoting .content .buttonContainer button {
  width: 184px;
  font-size: 24px;
}
@media (max-width: 767px) {
  .noMoreForVoting .content .buttonContainer button {
    width: 140px;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .noMoreForVoting .content .buttonContainer button {
    width: 110px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }
}
.noMoreForVoting.slide {
  background-color: transparent;
}
.noMoreForVoting.slide .content {
  left: 200%;
}
.remodal[data-remodal-id=welcomeSZVMembers] {
  width: 540px;
  max-width: none !important;
}
@media (max-width: 560px) {
  .remodal[data-remodal-id=welcomeSZVMembers] {
    width: 90%;
    min-width: 300px;
  }
}
.remodal[data-remodal-id=welcomeSZVMembers] .content {
  width: 540px;
  padding: 20px;
}
@media (max-width: 560px) {
  .remodal[data-remodal-id=welcomeSZVMembers] .content {
    width: 100%;
  }
}
.remodal[data-remodal-id=welcomeSZVMembers] .content .text {
  font-size: 18px;
  text-align: left;
}
.remodal[data-remodal-id=welcomeSZVMembers] .content .text .layerTitle {
  margin-bottom: 20px;
}
.remodal[data-remodal-id=welcomeSZVMembers] .content .buttonContainer {
  padding-top: 30px !important;
  text-align: center;
}
.remodal[data-remodal-id=welcomeSZVMembers] .content .buttonContainer button {
  float: none !important;
}
/**
 *  Kereséshez előfizetés szükséges
 */
.remodal[data-remodal-id=searchNeedSub] {
  max-width: 430px;
  min-width: 320px;
}
.remodal[data-remodal-id=searchNeedSub] .content {
  padding: 10px 30px;
}
.remodal[data-remodal-id=searchNeedSub] .closeLayer {
  position: absolute;
  display: inline-block;
  top: 11px;
  right: 11px;
  width: 16px;
  height: 16px;
  background: url(/assets/images/common/icons/close.svg) no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 2;
}
.remodal[data-remodal-id=searchNeedSub] .title {
  margin: 10px 0 20px 0;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
}
.remodal[data-remodal-id=searchNeedSub] .text {
  text-align: left;
  font-size: 15px;
}
.remodal[data-remodal-id=searchNeedSub] .buttonContainer {
  margin: 15px 0 5px 0;
}
.remodal[data-remodal-id=searchNeedSub] .buttonContainer button {
  float: none !important;
  font-size: 20px;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
body.darkmode .cookiePolicyWrapper {
  color: #ffffff;
  background-color: #3d3d3d;
}
body.darkmode .cookiePolicyWrapper span {
  color: #ffffff;
}
body.darkmode .cookiePolicyWrapper span a {
  color: #ffffff;
}
.messagesContainer {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 999999;
}
.messagesContainer.toFront {
  z-index: 9999999;
}
.messagesContainer .container {
  position: relative;
  min-height: auto !important;
}
.messagesContainer .container .poolContainer {
  position: absolute;
  bottom: 20px;
  right: -140px;
}
@media (max-width: 1570px) {
  .messagesContainer .container .poolContainer {
    right: -100px;
  }
}
@media (max-width: 1490px) {
  .messagesContainer .container .poolContainer {
    right: 20px;
  }
}
@media (max-width: 490px) {
  .messagesContainer .container .poolContainer {
    display: none;
  }
}
.messagesContainer .container .poolContainer .pool {
  position: relative;
  max-height: 350px;
  padding: 5px 10px 0 0;
  overflow: hidden;
}
.messagesContainer .container .poolContainer .poolBox {
  position: relative;
  margin-bottom: 3px;
  cursor: pointer;
  /*&.online {
                    &:after {
                        content: '';
                        position: absolute;
                        display: inline-block;
                        bottom: 14px;
                        right: -3px;
                        width: 15px;
                        height: 15px;
                        background-color: @colorBaseGreen;
                        border-radius: 50%;
                        box-shadow: 0 0 6px rgba(0, 0, 0, .16);
                    }
                }*/
}
.messagesContainer .container .poolContainer .poolBox .avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.28);
}
.messagesContainer .container .poolContainer .poolBox .count {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  padding-top: 3px;
  color: #ffffff;
  background-color: #ff190a;
  font-size: 11px;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.28);
  display: none;
}
.messagesContainer .container .poolContainer .poolBox .close {
  position: absolute;
  top: 0;
  right: -6px;
  width: 25px;
  height: 25px;
  background: #ffffff url(/assets/images/messages/close.png) no-repeat;
  background-position: center center;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  display: none;
}
.messagesContainer .container .poolContainer .poolBox:hover .close {
  display: inline-block;
}
.messagesContainer .container .poolContainer .step {
  position: absolute;
  left: 50%;
  width: 45px;
  height: 45px;
  margin-left: -26px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  display: none;
}
.messagesContainer .container .poolContainer .step.up {
  top: -48px;
  background-image: url(/assets/images/messages/arrowUp.png);
}
.messagesContainer .container .poolContainer .step.down {
  bottom: -50px;
  background-image: url(/assets/images/messages/arrowDown.png);
}
.messagesContainer .container .poolContainer .step.disabled {
  display: none !important;
}
.messagesContainer .container .poolContainer.scrollable {
  bottom: 62px;
}
.messagesContainer .container .poolContainer.scrollable .step {
  display: inline-block;
}
.messagesContainer .container .messageBox {
  position: absolute;
  display: inline-block;
  bottom: 0;
  right: 0;
  width: 320px;
  height: 440px;
  background-color: #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}
@media (max-width: 490px) {
  .messagesContainer .container .messageBox {
    right: 0 !important;
    width: 100%;
  }
}
.messagesContainer .container .messageBox.template,
.messagesContainer .container .messageBox.preload {
  display: none;
}
.messagesContainer .container .messageBox .head {
  position: relative;
  padding: 11px;
  height: 55px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
}
.messagesContainer .container .messageBox .head .user {
  float: left;
}
.messagesContainer .container .messageBox .head .user .avatar {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  vertical-align: middle;
  cursor: pointer;
}
.messagesContainer .container .messageBox .head .user .data {
  display: inline-block;
  width: 150px;
  margin-left: 5px;
  line-height: 1.1;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
}
.messagesContainer .container .messageBox .head .user .data .nick {
  display: inline-block;
  max-width: 100%;
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.messagesContainer .container .messageBox .head .user .data .status {
  padding-bottom: 1px;
  font-size: 12px;
}
.messagesContainer .container .messageBox .head .user .data .status .online {
  display: none;
}
.messagesContainer .container .messageBox .head .user .data .status .online span {
  display: inline-block;
  vertical-align: middle;
}
.messagesContainer .container .messageBox .head .user .data .status .online .indicator {
  position: relative;
  top: 1px;
  width: 10px;
  height: 10px;
  background-color: #3ea07a;
  border-radius: 50%;
}
.messagesContainer .container .messageBox .head .user .data .status.online .online {
  display: block;
}
.messagesContainer .container .messageBox .head .menu {
  float: right;
  padding-top: 10px;
  line-height: 0;
}
.messagesContainer .container .messageBox .head .menu .dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.messagesContainer .container .messageBox .head .menu .dropdown .dots {
  display: inline-block;
  padding: 5px 0;
  cursor: pointer;
}
.messagesContainer .container .messageBox .head .menu .dropdown .dots > div {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 2px;
  background-color: #595959;
  border-radius: 4px;
  vertical-align: middle;
}
.messagesContainer .container .messageBox .head .menu .dropdown ul {
  position: absolute;
  top: -15px;
  right: -10px;
  margin: 0;
  padding: 10px 0;
  background-color: #F4F4F4;
  border: 1px solid #B7B7B7;
  border-radius: 15px;
  list-style-type: none;
  z-index: 2;
  display: none;
}
.messagesContainer .container .messageBox .head .menu .dropdown ul li {
  padding: 14px 16px;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
}
.messagesContainer .container .messageBox .head .menu .dropdown ul li:hover {
  background-color: #efefef;
}
.messagesContainer .container .messageBox .head .menu .dropdown ul li[data-action=ban] .revoke {
  display: none;
}
.messagesContainer .container .messageBox .head .menu .dropdown ul li[data-action=ban].banned .ban {
  display: none;
}
.messagesContainer .container .messageBox .head .menu .dropdown ul li[data-action=ban].banned .revoke {
  display: inline;
}
.messagesContainer .container .messageBox .head .menu .fullscreen,
.messagesContainer .container .messageBox .head .menu .closeFullscreen {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  cursor: pointer;
}
@media (min-width: 491px) {
  .messagesContainer .container .messageBox .head .menu .fullscreen,
  .messagesContainer .container .messageBox .head .menu .closeFullscreen {
    display: none !important;
  }
}
.messagesContainer .container .messageBox .head .menu .closeFullscreen {
  display: none;
}
.messagesContainer .container .messageBox .head .menu .minimize {
  display: inline-block;
  position: relative;
  top: -1px;
  margin-left: 15px;
  padding: 5px 0;
  vertical-align: middle;
  cursor: pointer;
}
@media (max-width: 490px) {
  .messagesContainer .container .messageBox .head .menu .minimize {
    display: none;
  }
}
.messagesContainer .container .messageBox .head .menu .minimize:after {
  content: '';
  display: inline-block;
  width: 23px;
  height: 2px;
  background-color: #707070;
}
.messagesContainer .container .messageBox .head .menu .close {
  display: inline-block;
  position: relative;
  top: -1px;
  margin-left: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.messagesContainer .container .messageBox .messages {
  position: relative;
  width: 100%;
  height: calc(100% - 125px);
  padding: 0 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.messagesContainer .container .messageBox .messages .item {
  margin: 10px 0;
}
.messagesContainer .container .messageBox .messages .item:before,
.messagesContainer .container .messageBox .messages .item:after {
  content: '';
  display: block;
  clear: both;
  float: none;
}
.messagesContainer .container .messageBox .messages .item .time {
  color: #707070;
  font-size: 12px;
  margin-bottom: 5px;
  text-align: center;
}
.messagesContainer .container .messageBox .messages .item .wrapper .avatar {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-right: 10px;
  border-radius: 50%;
  vertical-align: middle;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content {
  display: inline-block;
  max-width: 190px;
  vertical-align: middle;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content .attachs {
  margin-bottom: 2px;
  text-align: right;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content .attachs img {
  display: inline-block;
  max-width: 100%;
  border-radius: 3px;
  vertical-align: top;
  cursor: pointer;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content .attachs img.gif,
.messagesContainer .container .messageBox .messages .item .wrapper .content .attachs img.preview {
  cursor: default;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content .attachs .previewWrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content .attachs .previewWrapper .preview {
  display: inline-block;
  width: 190px;
  height: 190px;
  border-radius: 3px;
  background-size: cover;
  background-position: center center;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content .attachs .previewWrapper .progress {
  position: absolute;
  bottom: 14px;
  left: 10px;
  height: 4px;
  background-color: #792239;
  z-index: 2;
  display: none;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content .attachs .previewWrapper.uploading .progress {
  display: block;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content .attachs .previewWrapper.uploading:after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.7;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content .text {
  padding: 10px 15px;
  background-color: #eaeaea;
  border-radius: 15px 15px 15px 3px;
  word-break: break-word;
  overflow: hidden;
}
.messagesContainer .container .messageBox .messages .item .wrapper .content .text .emoji {
  display: inline-block;
  font-size: 22px;
  vertical-align: middle;
}
.messagesContainer .container .messageBox .messages .item.sender .content {
  float: right;
  margin-right: 10px;
}
.messagesContainer .container .messageBox .messages .item.sender .content .text {
  color: #ffffff;
  background: #792239;
  border-radius: 15px;
}
.messagesContainer .container .messageBox .messages .item.hasAttach .wrapper .content .text {
  border-radius: 3px 3px 15px 3px;
}
.messagesContainer .container .messageBox .messages .item.hasAttach.sender .wrapper .content .text {
  border-radius: 3px 3px 3px 15px;
}
.messagesContainer .container .messageBox .messages .item.hasAttach.moreAttachs .wrapper .content .attachs img {
  max-width: 46%;
  margin-right: 4px;
  margin-bottom: 4px;
}
.messagesContainer .container .messageBox .messages .item.hasAttach.moreAttachs .wrapper .content .attachs .previewWrapper {
  margin-right: 4px;
}
.messagesContainer .container .messageBox .messages .item.hasAttach.moreAttachs .wrapper .content .attachs .previewWrapper .preview {
  width: 87px;
  height: 87px;
}
.messagesContainer .container .messageBox .messages .item.blurred .wrapper .content .text span {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
  filter: blur(4px);
}
.messagesContainer .container .messageBox .messages .item.blurred .wrapper .content .attachs img {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px);
  cursor: default;
}
.messagesContainer .container .messageBox .messages .seenImg {
  position: absolute;
  right: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
.messagesContainer .container .messageBox .messages .votingBox {
  margin-top: 20px;
  text-align: center;
}
.messagesContainer .container .messageBox .messages .votingBox img {
  border-radius: 3px;
}
.messagesContainer .container .messageBox .messages .votingBox .text {
  width: 230px;
  margin: 0 auto;
  padding: 10px 15px;
  color: #595959;
  background-color: #EAEAEA;
  font-size: 14px;
  text-align: left;
  border-radius: 3px 3px 15px 3px;
}
.messagesContainer .container .messageBox .messages .votingBox .vote {
  margin-top: 14px;
  width: calc(100% - 10px);
  font-size: 18px;
  font-weight: 400;
}
.messagesContainer .container .messageBox .typingNow {
  position: absolute;
  width: 97%;
  margin-top: -7px;
  padding-left: 15px;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 1;
  display: none;
}
.messagesContainer .container .messageBox .typingNow span {
  display: inline-block;
  vertical-align: middle;
}
.messagesContainer .container .messageBox .typingNow .nick {
  max-width: 130px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.messagesContainer .container .messageBox .typingNow .dot {
  font-size: 16px;
  -webkit-animation: dotAnimation 1.4s infinite both;
  -moz-animation: dotAnimation 1.4s infinite both;
  -ms-animation: dotAnimation 1.4s infinite both;
  -o-animation: dotAnimation 1.4s infinite both;
  animation: dotAnimation 1.4s infinite both;
}
.messagesContainer .container .messageBox .typingNow .dot:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.messagesContainer .container .messageBox .typingNow .dot:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.messagesContainer .container .messageBox .controls {
  min-height: 70px;
  padding: 15px 11px 11px 11px;
}
.messagesContainer .container .messageBox .controls .optionWrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 8px;
  vertical-align: bottom;
}
.messagesContainer .container .messageBox .controls .option {
  display: inline-block;
  width: 32px;
  height: 26px;
  color: #ffffff;
  background-color: #792239;
  font-size: 13px;
  border-radius: 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.messagesContainer .container .messageBox .controls .option.attach {
  padding-top: 5px;
}
.messagesContainer .container .messageBox .controls .option.gif {
  margin-left: 3px;
  padding-top: 4px;
}
.messagesContainer .container .messageBox .controls .attachInput {
  position: absolute;
  top: -100px;
  left: -100px;
  visibility: hidden;
}
.messagesContainer .container .messageBox .controls .gifSelector,
.messagesContainer .container .messageBox .controls .emojiSelector {
  position: absolute;
  width: 300px;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.48);
  z-index: 2;
  display: none;
}
.messagesContainer .container .messageBox .controls .gifSelector:before,
.messagesContainer .container .messageBox .controls .emojiSelector:before {
  content: '';
  display: block;
  position: absolute;
  bottom: -14px;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 14px solid rgba(0, 0, 0, 0.14);
}
.messagesContainer .container .messageBox .controls .gifSelector:after,
.messagesContainer .container .messageBox .controls .emojiSelector:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -12px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 12px solid #ffffff;
}
.messagesContainer .container .messageBox .controls .gifSelector {
  left: -68px;
  bottom: 40px;
}
@media (max-width: 640px) {
  .messagesContainer .container .messageBox .controls .gifSelector {
    left: -36px;
  }
}
.messagesContainer .container .messageBox .controls .gifSelector:before {
  left: 70px;
}
@media (max-width: 640px) {
  .messagesContainer .container .messageBox .controls .gifSelector:before {
    left: 38px;
  }
}
.messagesContainer .container .messageBox .controls .gifSelector:after {
  left: 72px;
}
@media (max-width: 640px) {
  .messagesContainer .container .messageBox .controls .gifSelector:after {
    left: 40px;
  }
}
.messagesContainer .container .messageBox .controls .gifSelector .search {
  position: relative;
  padding: 13px 13px 0 13px;
}
.messagesContainer .container .messageBox .controls .gifSelector .search .icon {
  position: absolute;
  top: 23px;
  left: 23px;
}
.messagesContainer .container .messageBox .controls .gifSelector .search input[name=gif-search] {
  width: 100%;
  padding: 10px 10px 10px 35px;
  background-color: #eaeaea;
  border: none;
  border-bottom: 1px solid #792239;
  border-radius: 7px 7px 0 0;
}
.messagesContainer .container .messageBox .controls .gifSelector .previews {
  height: 280px;
  margin-top: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media (max-width: 480px) {
  .messagesContainer .container .messageBox .controls .gifSelector .previews {
    height: calc(100vh - 180px);
    max-height: 280px;
  }
}
.messagesContainer .container .messageBox .controls .gifSelector .previews .gifPreviewLoading {
  width: 100%;
  margin-bottom: 5px;
  background-color: #eaeaea;
}
.messagesContainer .container .messageBox .controls .gifSelector .previews .gifPreview {
  width: 100%;
  cursor: pointer;
}
.messagesContainer .container .messageBox .controls .textWrapper {
  position: relative;
  display: inline-block;
  width: 217px;
  margin-left: 5px;
  vertical-align: middle;
}
@media (max-width: 490px) {
  .messagesContainer .container .messageBox .controls .textWrapper {
    width: calc(100% - 85px);
  }
}
.messagesContainer .container .messageBox .controls .textWrapper textarea {
  float: left;
  width: 100%;
  height: 45px;
  padding: 12px 40px 12px 12px;
  resize: none;
  font-size: 14px;
  background-color: #eaeaea;
  border: none;
  border-bottom: 1px solid #792239;
  border-radius: 7px 7px 0 0;
  overflow: hidden;
}
.messagesContainer .container .messageBox .controls .textWrapper textarea::placeholder {
  color: #707070;
  font-size: 16px;
}
.messagesContainer .container .messageBox .controls .textWrapper textarea.scrollable {
  overflow-y: auto;
}
.messagesContainer .container .messageBox .controls .textWrapper .emojisWrapper {
  position: absolute;
  display: inline-block;
  bottom: 7px;
  right: 10px;
}
.messagesContainer .container .messageBox .controls .textWrapper .emojisWrapper .emojis {
  display: inline-block;
  cursor: pointer;
}
.messagesContainer .container .messageBox .controls .textWrapper .emojisWrapper .emojiSelector {
  right: -68px;
  bottom: 43px;
  padding: 5px;
}
@media (max-width: 640px) {
  .messagesContainer .container .messageBox .controls .textWrapper .emojisWrapper .emojiSelector {
    right: -14px;
  }
}
.messagesContainer .container .messageBox .controls .textWrapper .emojisWrapper .emojiSelector:before {
  right: 65px;
}
@media (max-width: 640px) {
  .messagesContainer .container .messageBox .controls .textWrapper .emojisWrapper .emojiSelector:before {
    right: 11px;
  }
}
.messagesContainer .container .messageBox .controls .textWrapper .emojisWrapper .emojiSelector:after {
  right: 67px;
}
@media (max-width: 640px) {
  .messagesContainer .container .messageBox .controls .textWrapper .emojisWrapper .emojiSelector:after {
    right: 13px;
  }
}
.messagesContainer .container .messageBox .controls .textWrapper .emojisWrapper .emojiSelector .list {
  width: 100%;
  height: 280px;
  overflow-x: hidden;
  overflow-y: auto;
}
.messagesContainer .container .messageBox .controls .textWrapper .emojisWrapper .emojiSelector .list span {
  font-size: 32px;
  cursor: pointer;
}
.messagesContainer .container .messageBox .controls .send {
  margin: 0 0 9px 6px;
  vertical-align: bottom;
  cursor: pointer;
  display: none;
}
.messagesContainer .container .messageBox .controls .send svg {
  width: 20px;
  height: 20px;
}
.messagesContainer .container .messageBox .controls.showSend .textWrapper {
  width: calc(100% - 34px);
  margin-left: -74px;
}
.messagesContainer .container .messageBox .controls.showSend .send {
  display: inline-block;
}
.messagesContainer .container .messageBox.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  z-index: 9999;
}
.messagesContainer .container .messageBox.fullscreen .head .menu .fullscreen {
  display: none;
}
.messagesContainer .container .messageBox.fullscreen .head .menu .closeFullscreen {
  display: inline-block;
}
.pswp {
  z-index: 9999999;
}
@-webkit-keyframes dotAnimation {
  0% {
    opacity: 1;
  }
  20% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes dotAnimation {
  0% {
    opacity: 1;
  }
  20% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes dotAnimation {
  0% {
    opacity: 1;
  }
  20% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes dotAnimation {
  0% {
    opacity: 1;
  }
  20% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dotAnimation {
  0% {
    opacity: 1;
  }
  20% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
body.darkmode .messagesContainer .messageBox {
  color: #ffffff;
  background-color: #3d3d3d;
}
body.darkmode .messagesContainer .messageBox .head .menu .dropdown .dots > div {
  background-color: #ffffff;
}
body.darkmode .messagesContainer .messageBox .head .menu .dropdown ul {
  color: #ffffff;
  background-color: #1a1b1d;
  border-color: #1a1b1d;
}
body.darkmode .messagesContainer .messageBox .head .menu .dropdown ul li:hover {
  background-color: #3d3d3d;
}
body.darkmode .messagesContainer .messageBox .head .menu .minimize:after {
  background-color: #ffffff;
}
body.darkmode .messagesContainer .messageBox .head .menu .close svg path {
  fill: #ffffff;
}
body.darkmode .messagesContainer .messageBox .messages .item .time {
  color: #ffffff;
}
body.darkmode .messagesContainer .messageBox .messages .item .wrapper .content .text {
  background-color: #1a1b1d;
}
body.darkmode .messagesContainer .messageBox .messages .votingBox .text {
  color: #ffffff;
  background-color: #1a1b1d;
}
body.darkmode .messagesContainer .messageBox .controls .option {
  color: #1a1b1d;
  background-color: #cccccc;
}
body.darkmode .messagesContainer .messageBox .controls .option.attach svg path {
  fill: #1a1b1d;
}
body.darkmode .messagesContainer .messageBox .controls .gifSelector,
body.darkmode .messagesContainer .messageBox .controls .emojiSelector {
  background-color: #3d3d3d;
}
body.darkmode .messagesContainer .messageBox .controls .gifSelector:after,
body.darkmode .messagesContainer .messageBox .controls .emojiSelector:after {
  border-top-color: #3d3d3d;
}
body.darkmode .messagesContainer .messageBox .controls .gifSelector .search input[name=gif-search] {
  color: #ffffff;
  background-color: #1a1b1d;
  border-bottom-color: #cccccc;
}
body.darkmode .messagesContainer .messageBox .controls .gifSelector .previews .gifPreviewLoading {
  background-color: #1a1b1d;
}
body.darkmode .messagesContainer .messageBox .controls .textWrapper textarea {
  color: #ffffff;
  background-color: #1a1b1d;
  border-bottom-color: #cccccc;
}
body.darkmode .messagesContainer .messageBox .controls .emojisWrapper .emojis svg path {
  fill: #cccccc;
}
body.darkmode .messagesContainer .messageBox .controls .send svg path {
  fill: #ffffff;
}
body.darkmode .messagesContainer .messageBox .typingNow {
  background-color: rgba(61, 61, 61, 0.6);
}
header.loggedIn {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 320px;
  height: 70px;
  padding: 10px 0;
  background: #161616;
  z-index: 9999999;
}
@media (max-width: 480px) {
  header.loggedIn {
    padding: 8px 0;
  }
}
@media (max-width: 480px) {
  header.loggedIn.inner {
    height: 119px;
  }
}
@media (max-width: 480px) {
  header.loggedIn .logo {
    margin-bottom: 8px;
  }
}
header.loggedIn .logo a {
  float: left;
  display: inline-block;
  width: 121px;
  height: 48px;
  background: url("/assets/images/platforms/balrandi/common/logo.png") no-repeat;
  background-size: 100%;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}
@media (max-width: 767px) {
  header.loggedIn .logo a {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  header.loggedIn .logo a {
    float: none;
    width: 100px;
    height: 40px;
    background-size: contain;
  }
}
header.loggedIn .menuContainer {
  float: right;
  padding-right: 15px;
}
@media (max-width: 480px) {
  header.loggedIn .menuContainer {
    float: none;
    display: block;
    padding: 8px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    text-align: center;
  }
}
header.loggedIn .menuContainer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
header.loggedIn .menuContainer ul li {
  position: relative;
  display: inline-block;
  margin-left: 32px;
  vertical-align: middle;
  cursor: pointer;
}
@media (max-width: 768px) {
  header.loggedIn .menuContainer ul li {
    margin-left: 14px;
  }
}
@media (max-width: 480px) {
  header.loggedIn .menuContainer ul li {
    position: static;
    margin-left: 35px;
  }
  header.loggedIn .menuContainer ul li:first-of-type {
    margin-left: 0;
  }
  header.loggedIn .menuContainer ul li.user {
    position: relative;
  }
}
header.loggedIn .menuContainer ul li a {
  text-decoration: none;
  outline: none;
}
header.loggedIn .menuContainer ul li .icon {
  position: relative;
  width: 45px;
  height: 45px;
  background-color: #792239;
  border-radius: 50%;
  text-align: center;
}
header.loggedIn .menuContainer ul li .icon:hover {
  background-color: #912944;
}
header.loggedIn .menuContainer ul li .icon:hover svg path {
  fill: #f2f2f2;
}
header.loggedIn .menuContainer ul li.subscription {
  position: absolute;
  left: 50%;
  color: #ffffff;
  font-size: 20px;
  margin-left: -101px;
  -webkit-transform: translateX(calc(-50% + 101px));
  -moz-transform: translateX(calc(-50% + 101px));
  -ms-transform: translateX(calc(-50% + 101px));
  -o-transform: translateX(calc(-50% + 101px));
  transform: translateX(calc(-50% + 101px));
}
header.loggedIn .menuContainer ul li.subscription .icon {
  display: inline-block;
  margin-right: 4px;
  line-height: 47px;
  vertical-align: middle;
}
header.loggedIn .menuContainer ul li.subscription span {
  display: inline-block;
  vertical-align: middle;
}
header.loggedIn .menuContainer ul li.subscription a {
  display: inline-block;
  padding: 2px 18px 2px 10px;
  color: #ffffff;
  border-radius: 30px;
  line-height: 1;
}
header.loggedIn .menuContainer ul li.subscription:hover .icon,
header.loggedIn .menuContainer ul li.subscription.open .icon {
  background-color: #912944;
}
header.loggedIn .menuContainer ul li.subscription:hover .icon svg path,
header.loggedIn .menuContainer ul li.subscription.open .icon svg path {
  fill: #f2f2f2;
}
header.loggedIn .menuContainer ul li.subscription:hover a,
header.loggedIn .menuContainer ul li.subscription.open a {
  background-color: #912944;
}
@media (max-width: 1024px) {
  header.loggedIn .menuContainer ul li.subscription {
    position: relative;
    left: auto;
    margin-left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  header.loggedIn .menuContainer ul li.subscription .icon {
    display: block;
    margin-right: 0;
  }
  header.loggedIn .menuContainer ul li.subscription span {
    display: none;
  }
  header.loggedIn .menuContainer ul li.subscription a {
    display: inline;
    padding: 0;
    border-radius: 0;
  }
  header.loggedIn .menuContainer ul li.subscription a:hover {
    background-color: transparent;
  }
  header.loggedIn .menuContainer ul li.subscription a:hover .icon {
    background-color: rgba(255, 255, 255, 0.88);
  }
  header.loggedIn .menuContainer ul li.subscription.open a {
    background-color: #912944;
  }
  header.loggedIn .menuContainer ul li.subscription.open a svg path {
    fill: #f2f2f2;
  }
}
@media (max-width: 480px) {
  header.loggedIn .menuContainer ul li.subscription {
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: 25px;
    font-size: 17px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  header.loggedIn .menuContainer ul li.subscription .icon,
  header.loggedIn .menuContainer ul li.subscription span {
    display: inline-block;
  }
  header.loggedIn .menuContainer ul li.subscription a {
    display: inline-block;
    padding: 8px 12px 8px 10px;
    background-color: #792239;
    font-size: 15px;
    border-radius: 30px;
  }
  header.loggedIn .menuContainer ul li.subscription a .icon {
    width: 16px;
    height: 17px;
    background-color: transparent;
    line-height: 24px;
  }
  header.loggedIn .menuContainer ul li.subscription a:hover {
    background-color: #912944;
  }
  header.loggedIn .menuContainer ul li.subscription a:hover .icon {
    background-color: transparent;
  }
  header.loggedIn .menuContainer ul li.subscription a:hover .icon svg path {
    fill: #f2f2f2;
  }
  header.loggedIn .menuContainer ul li.subscription.open a {
    background-color: #912944;
  }
  header.loggedIn .menuContainer ul li.subscription.open a svg path {
    fill: #f2f2f2;
  }
}
header.loggedIn .menuContainer ul li .items {
  position: absolute;
  top: 60px;
  right: -180px;
  width: 340px;
  background-color: #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  text-align: left;
  line-height: 1.2;
  cursor: default;
  display: none;
}
@media (max-width: 480px) {
  header.loggedIn .menuContainer ul li .items {
    left: 0;
    top: 120px;
    width: 100%;
    min-width: 320px;
  }
}
header.loggedIn .menuContainer ul li .items .filters {
  padding: 25px 15px;
}
header.loggedIn .menuContainer ul li .items .filters input[name=search] {
  width: 100%;
  padding: 10px;
  background-color: #EAEAEA;
  font-size: 14px;
  border-bottom: 1px solid #792239;
  border-radius: 7px 7px 0 0;
}
header.loggedIn .menuContainer ul li .items .itemsHead {
  padding: 20px;
}
header.loggedIn .menuContainer ul li .items .itemsHead h2 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}
header.loggedIn .menuContainer ul li .items .list {
  max-height: calc(100vh - 235px);
  overflow-x: hidden;
  overflow-y: auto;
}
header.loggedIn .menuContainer ul li .items .list .empty {
  padding: 0 20px 15px 20px;
  display: none;
}
header.loggedIn .menuContainer ul li .items .list.empty {
  margin-top: -8px;
}
header.loggedIn .menuContainer ul li .items .list.empty .empty {
  display: block;
}
header.loggedIn .menuContainer ul li .items .contactBox {
  padding: 10px 20px;
  cursor: pointer;
}
header.loggedIn .menuContainer ul li .items .contactBox:hover {
  background-color: #EAEAEA;
}
header.loggedIn .menuContainer ul li .items .contactBox.template {
  display: none;
}
header.loggedIn .menuContainer ul li .items .contactBox .avatar {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  vertical-align: middle;
}
header.loggedIn .menuContainer ul li .items .contactBox .data {
  display: inline-block;
  max-width: 170px;
  margin-left: 8px;
  color: #595959;
  vertical-align: middle;
  overflow: hidden;
}
header.loggedIn .menuContainer ul li .items .contactBox .data .nick {
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
header.loggedIn .menuContainer ul li .items .contactBox .data .message {
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
header.loggedIn .menuContainer ul li .items .contactBox .data .time {
  font-size: 13px;
}
header.loggedIn .menuContainer ul li .items .contactBox.new .data {
  color: #000000;
}
header.loggedIn .menuContainer ul li .items .contactBox.new .data .nick,
header.loggedIn .menuContainer ul li .items .contactBox.new .data .message {
  font-weight: 600;
}
header.loggedIn .menuContainer ul li .items .contactBox.blurred .data .message {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
  filter: blur(4px);
}
header.loggedIn .menuContainer ul li .items .eventBox {
  padding: 10px 20px;
  cursor: pointer;
}
header.loggedIn .menuContainer ul li .items .eventBox:hover {
  background-color: #EAEAEA;
}
header.loggedIn .menuContainer ul li .items .eventBox.template {
  display: none;
}
header.loggedIn .menuContainer ul li .items .eventBox .avatarWrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
header.loggedIn .menuContainer ul li .items .eventBox .avatarWrapper .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
header.loggedIn .menuContainer ul li .items .eventBox .avatarWrapper .eventIcon {
  position: absolute;
  display: inline-block;
  right: -6px;
  bottom: -2px;
  width: 32px;
  height: 32px;
  background-color: #707070;
  background-repeat: no-repeat;
  background-position: center center;
  border: 2px solid #ffffff;
  border-radius: 50%;
}
header.loggedIn .menuContainer ul li .items .eventBox .data {
  display: inline-block;
  max-width: 190px;
  margin-left: 8px;
  color: #595959;
  vertical-align: middle;
  overflow: hidden;
}
header.loggedIn .menuContainer ul li .items .eventBox .data .message {
  font-size: 16px;
}
header.loggedIn .menuContainer ul li .items .eventBox .data .time {
  font-size: 13px;
}
header.loggedIn .menuContainer ul li .items .eventBox.view .eventIcon {
  background-image: url(/assets/images/events/icons/view.svg);
}
header.loggedIn .menuContainer ul li .items .eventBox.like .eventIcon {
  background-image: url(/assets/images/events/icons/like.svg);
}
header.loggedIn .menuContainer ul li .items .eventBox.photo .eventIcon {
  background-image: url(/assets/images/events/icons/photo.svg);
}
header.loggedIn .menuContainer ul li .items .eventBox.score_match .eventIcon {
  background-image: url(/assets/images/events/icons/scoreMatch.svg);
}
header.loggedIn .menuContainer ul li .items .eventBox.system_earlysale .eventIcon {
  background-image: url(/assets/images/events/icons/discount.svg);
}
header.loggedIn .menuContainer ul li .items .eventBox.new {
  /*&.view {
                                .eventIcon {
                                    background-color: #4387CE;
                                }
                            }

                            &.like {
                                .eventIcon {
                                    background-color: #FF0000;
                                }
                            }

                            &.photo {
                                .eventIcon {
                                    background-color: #045F6A;
                                }
                            }

                            &.score_match {
                                .eventIcon {
                                    background-color: #96C953;
                                }
                            }*/
}
header.loggedIn .menuContainer ul li .items .eventBox.new .eventIcon {
  background-color: #792239;
}
header.loggedIn .menuContainer ul li .items .eventBox.new .data {
  font-weight: 600;
}
header.loggedIn .menuContainer ul li .items .eventBox.new .data .message {
  color: #000000;
}
header.loggedIn .menuContainer ul li .items .eventBox.new .data .time {
  color: #045F6A;
}
header.loggedIn .menuContainer ul li .items .eventBox.new.system .eventIcon {
  background-color: #792239;
}
header.loggedIn .menuContainer ul li .items .eventBox.new.system .data .message,
header.loggedIn .menuContainer ul li .items .eventBox.new.system .data .time {
  color: #792239;
}
header.loggedIn .menuContainer ul li .items .eventBox.blurred .data .message span {
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
  filter: blur(4px);
}
header.loggedIn .menuContainer ul li.open .icon {
  background-color: #912944;
}
header.loggedIn .menuContainer ul li.open .icon svg path {
  fill: #f2f2f2;
}
header.loggedIn .menuContainer ul li.open .items {
  display: block;
}
@media (max-width: 480px) {
  header.loggedIn .menuContainer ul li.chat {
    margin-left: 0;
  }
}
header.loggedIn .menuContainer ul li.chat .icon {
  line-height: 48px;
}
header.loggedIn .menuContainer ul li.chat .items {
  right: -180px;
}
header.loggedIn .menuContainer ul li.notifications .itemsHead h2 {
  float: left;
}
header.loggedIn .menuContainer ul li.notifications .itemsHead .settings {
  float: right;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(/assets/images/events/icons/settings.svg) no-repeat;
  cursor: pointer;
}
header.loggedIn .menuContainer ul li.notifications .icon {
  line-height: 50px;
}
header.loggedIn .menuContainer ul li.notifications .items {
  right: -130px;
}
header.loggedIn .menuContainer ul li.links .icon {
  line-height: 64px;
}
header.loggedIn .menuContainer ul li.user {
  margin-left: 46px;
}
@media (max-width: 768px) {
  header.loggedIn .menuContainer ul li.user {
    margin-left: 26px;
  }
}
@media (max-width: 480px) {
  header.loggedIn .menuContainer ul li.user {
    position: absolute;
    top: 5px;
    right: 20px;
  }
}
header.loggedIn .menuContainer ul li.user .icon {
  display: inline-block;
  height: 50px;
  background-color: transparent !important;
  line-height: 67px;
  vertical-align: middle;
}
@media (max-width: 480px) {
  header.loggedIn .menuContainer ul li.user .icon {
    height: 45px;
  }
}
header.loggedIn .menuContainer ul li.user .icon .avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media (max-width: 480px) {
  header.loggedIn .menuContainer ul li.user .icon .avatar {
    width: 45px;
    height: 45px;
  }
}
header.loggedIn .menuContainer ul li.user .nick {
  display: inline-block;
  margin-left: 10px;
  color: #ffffff;
  font-size: 18px;
  vertical-align: middle;
}
@media (max-width: 768px) {
  header.loggedIn .menuContainer ul li.user .nick {
    display: none;
  }
}
header.loggedIn .menuContainer ul li.user .submenu {
  position: absolute;
  top: 44px;
  left: -10px;
  width: 110px;
  background-color: #ffffff;
  border-radius: 7px;
  line-height: 1;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  display: none;
}
@media (max-width: 480px) {
  header.loggedIn .menuContainer ul li.user .submenu {
    right: 0;
    left: auto;
    text-align: left;
  }
}
header.loggedIn .menuContainer ul li.user .submenu ul {
  padding: 10px 0;
}
header.loggedIn .menuContainer ul li.user .submenu ul li {
  display: block;
  margin-left: 0;
  color: #000000;
  font-size: 14px;
}
header.loggedIn .menuContainer ul li.user .submenu ul li:hover {
  background-color: #EAEAEA;
}
header.loggedIn .menuContainer ul li.user .submenu ul li a {
  display: block;
  padding: 10px 15px;
  color: #000000;
  text-decoration: none;
}
header.loggedIn .menuContainer ul li.user.open .submenu {
  display: block;
}
header.loggedIn .menuContainer ul li .count {
  position: absolute;
  top: -3px;
  right: -18px;
  width: 26px;
  height: 26px;
  color: #045F6A;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  line-height: 26px;
  display: none;
}
header.loggedIn .menuContainer ul li.notify .count {
  display: inline-block;
}
body.darkmode header .menuContainer ul li .items {
  color: #ffffff;
  background-color: #3d3d3d;
}
body.darkmode header .menuContainer ul li .items .filters input[name=search] {
  color: #ffffff;
  background-color: #1a1b1d;
  border-color: #1a1b1d;
  border-bottom-color: #cccccc;
}
body.darkmode header .menuContainer ul li .items .contactBox:hover,
body.darkmode header .menuContainer ul li .items .eventBox:hover {
  background-color: #1a1b1d;
}
body.darkmode header .menuContainer ul li .items .contactBox .data,
body.darkmode header .menuContainer ul li .items .eventBox .data {
  color: #ffffff;
}
body.darkmode header .menuContainer ul li .items .eventBox.new .message,
body.darkmode header .menuContainer ul li .items .eventBox.new .time {
  color: #ffffff;
}
body.darkmode header .menuContainer ul li.user .submenu {
  color: #ffffff;
  background-color: #3d3d3d;
}
body.darkmode header .menuContainer ul li.user .submenu ul li:hover {
  background-color: #1a1b1d;
}
body.darkmode header .menuContainer ul li.user .submenu ul li a {
  color: #ffffff;
}
footer {
  position: relative;
  padding: 46px 0 16px 0;
  background-color: #000000;
  text-align: center;
}
@media (max-width: 767px) {
  footer {
    padding: 0;
  }
}
@media (max-width: 767px) {
  footer .container {
    display: flex;
    flex-direction: column;
    padding: 32px 24px;
  }
}
footer .logo {
  width: 245px;
  height: 98px;
  margin: 0 auto;
  background: url("/assets/images/platforms/balrandi/common/logo.png") no-repeat;
  background-size: 100%;
}
@media (max-width: 767px) {
  footer .logo {
    order: 2;
  }
}
footer .menu {
  margin: 32px 0 52px 0;
  padding: 0;
  list-style-type: none;
}
@media (max-width: 767px) {
  footer .menu {
    order: 1;
    margin: 0 0 15px 0;
  }
}
footer .menu li {
  display: inline-block;
  padding: 0 16px;
  color: #F9F7F7;
  font-size: 17px;
  font-weight: 300;
  vertical-align: top;
}
@media (max-width: 767px) {
  footer .menu li {
    display: block;
    padding: 8px 0;
  }
}
footer .menu li a {
  color: #F9F7F7;
  text-decoration: none;
}
footer .social {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (max-width: 767px) {
  footer .social {
    order: 3;
    margin-top: 20px;
  }
}
footer .social li {
  display: inline-block;
  padding: 0 23px;
  vertical-align: top;
}
footer .social li .icon {
  display: inline-block;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
}
footer .social li .icon.facebook {
  background-image: url(/assets/images/start/icons/facebook.svg);
}
footer .social li .icon.mail {
  background-image: url(/assets/images/start/icons/mail.svg);
}
footer .social li .icon.instagram {
  background-image: url(/assets/images/start/icons/instagram.svg);
}
.adverticumZone {
  margin: 20px 0;
  text-align: center;
  display: none;
}
@media (max-width: 768px) {
  .adverticumZone {
    margin-top: 0;
  }
}
.adverticumZone img {
  max-width: 100%;
}
@media (max-width: 1024px) {
  .adverticumZone img {
    height: auto !important;
  }
}
@media (max-width: 480px) {
  .adverticumZone.zone1 {
    display: none !important;
  }
}
@media (min-width: 481px) {
  .adverticumZone.zone5 {
    display: none !important;
  }
}
.adverticumZone.zone8 {
  margin: 0;
}
/*@import "../modules/popover.less";
@import "../modules/recommendation.less";*/
.profileContainer {
  padding: 30px 0;
}
.profileContainer.headless {
  padding: 0;
}
@media (max-width: 480px) {
  .profileContainer .container {
    padding: 0;
  }
}
.profileContainer .head a {
  text-decoration: none;
}
.profileContainer .head .avatarWrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 768px) {
  .profileContainer .head .avatarWrapper {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 480px) {
  .profileContainer .head .avatarWrapper {
    margin-top: 0;
  }
}
.profileContainer .head .avatarWrapper .avatar {
  width: 288px;
  height: 288px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .profileContainer .head .avatarWrapper .avatar {
    width: 100%;
    height: auto;
  }
}
.profileContainer .head .avatarWrapper .photos {
  display: none;
}
.profileContainer .head .avatarWrapper .count {
  position: absolute;
  display: inline-block;
  left: 15px;
  bottom: 13px;
  padding: 10px 15px;
  color: #792239;
  background-color: #ffffff;
  font-size: 23px;
  font-weight: 600;
  border-radius: 24px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  line-height: 0;
  pointer-events: none;
}
.profileContainer .head .avatarWrapper .count span {
  display: inline-block;
  vertical-align: middle;
}
.profileContainer .head .avatarWrapper .count .icon {
  position: relative;
  display: inline-block;
  top: -1px;
  width: 28px;
  height: 25px;
  margin-left: 5px;
  background: url(/assets/images/common/icons/camera.svg) no-repeat;
  background-size: 27px;
  vertical-align: middle;
}
.profileContainer .head .data {
  position: relative;
  display: inline-block;
  padding-left: 35px;
  font-size: 18px;
  vertical-align: top;
}
.profileContainer .head .data.upper {
  display: none;
}
@media (max-width: 768px) {
  .profileContainer .head .data {
    width: 100%;
    margin-top: 30px;
  }
}
@media (max-width: 480px) {
  .profileContainer .head .data {
    margin-top: 0;
    padding-left: 20px;
    font-size: 14px;
  }
  .profileContainer .head .data.upper {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .profileContainer .head .data.upper .text {
    max-width: calc(100% - 200px);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .profileContainer .head .data.lower {
    padding-bottom: 8px;
  }
  .profileContainer .head .data.lower .nick,
  .profileContainer .head .data.lower .city {
    display: none;
  }
  .profileContainer .head .data .lastLogin span {
    display: block;
  }
}
.profileContainer .head .data .nick {
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 480px) {
  .profileContainer .head .data .nick {
    font-size: 18px;
  }
}
.profileContainer .head .data .nick .online {
  position: relative;
  top: -1px;
  width: 16px;
  height: 16px;
  background-color: #3ea07a;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.profileContainer .head .data .nick .text {
  display: inline-block;
  vertical-align: middle;
}
.profileContainer .head .data .nick .verified {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 2px;
  background: url(/assets/images/common/icons/badgeCheck.svg) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
.profileContainer .head .data .indicators {
  position: relative;
  display: inline-block;
  top: -2px;
  margin-left: 15px;
  vertical-align: middle;
}
.profileContainer .head .data .indicators.mobile {
  display: none;
}
@media (max-width: 480px) {
  .profileContainer .head .data .indicators.mobile {
    display: block;
    margin-top: 10px;
    margin-left: 0;
  }
}
.profileContainer .head .data .indicators .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 1px;
  background-color: #792239;
  border: 3px solid #792239;
  border-radius: 32px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
}
.profileContainer .head .data .indicators .icon:before {
  display: inline-block;
  color: #ffffff;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 900;
}
.profileContainer .head .data .indicators .icon.VIP {
  line-height: 20px;
}
@media (max-width: 480px) {
  .profileContainer .head .data .indicators .icon.VIP {
    line-height: 27px;
  }
}
.profileContainer .head .data .indicators .icon.VIP:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-top: 4px;
  background: url(/assets/images/common/icons/vipWhite.svg) no-repeat;
}
.profileContainer .head .data .indicators .icon.seen {
  line-height: 22px;
}
@media (max-width: 480px) {
  .profileContainer .head .data .indicators .icon.seen {
    line-height: 25px;
  }
}
.profileContainer .head .data .indicators .icon.seen:before {
  content: "\f06e";
  color: #ffffff;
}
.profileContainer .head .data .indicators .icon.fav {
  line-height: 24px;
}
@media (max-width: 480px) {
  .profileContainer .head .data .indicators .icon.fav {
    line-height: 26px;
  }
}
.profileContainer .head .data .indicators .icon.fav:before {
  content: "\f004";
  color: #ffffff;
}
.profileContainer .head .data .indicators .icon.favMutual {
  position: relative;
}
.profileContainer .head .data .indicators .icon.favMutual:before {
  position: absolute;
  content: "\f004";
  top: 0;
  left: 3px;
  color: #ffffff;
  font-size: 14px;
  text-shadow: 1px 1px #792239;
  z-index: 2;
}
.profileContainer .head .data .indicators .icon.favMutual:after {
  content: "\f004";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 8px;
  color: #ffffff;
  font-family: "Font Awesome 5 Pro";
  font-size: 14px;
  font-weight: 900;
}
.profileContainer .head .data .actions {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .profileContainer .head .data .actions {
    margin: 30px 0;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .profileContainer .head .data .actions {
    position: absolute;
    top: -20px;
    right: 10px;
    margin: 0;
  }
}
.profileContainer .head .data .actions button {
  display: inline-block;
  width: 128px;
  height: 128px;
  margin-right: 20px;
  background-color: #ffffff;
  text-align: center;
  border: none;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  outline: none;
  vertical-align: middle;
  cursor: pointer;
}
.profileContainer .head .data .actions button.disabled {
  cursor: default;
}
.profileContainer .head .data .actions button.disabled svg path {
  fill: #777;
}
@media (max-width: 480px) {
  .profileContainer .head .data .actions button {
    width: 77px;
    height: 77px;
    margin-right: 10px;
  }
}
.profileContainer .head .data .actions button.btnChat {
  padding-top: 7px;
}
@media (max-width: 480px) {
  .profileContainer .head .data .actions button.btnChat svg {
    width: 37px;
    height: 37px;
  }
}
.profileContainer .head .data .actions button.btnLike {
  padding-top: 12px;
}
@media (max-width: 480px) {
  .profileContainer .head .data .actions button.btnLike svg {
    width: 39px;
    height: 37px;
  }
}
.profileContainer .head .data .actions button.btnLike .liked {
  display: none;
}
.profileContainer .head .data .actions button.btnLike.liked .like {
  display: none;
}
.profileContainer .head .data .actions button.btnLike.liked .liked {
  display: inline-block;
}
.profileContainer .head .menu {
  position: absolute;
  top: 27px;
  right: 90px;
  z-index: 2;
}
@media (max-width: 768px) {
  .profileContainer .head .menu {
    top: 15px;
  }
}
@media (max-width: 480px) {
  .profileContainer .head .menu {
    top: 21px;
  }
}
.profileContainer .head .menu .opener {
  cursor: pointer;
}
.profileContainer .head .menu .opener .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  background-color: #707070;
  border-radius: 50%;
  vertical-align: middle;
}
.profileContainer .head .menu ul {
  position: absolute;
  top: -4px;
  right: 0;
  margin: 0;
  padding: 10px 0;
  list-style-type: none;
  background-color: #ffffff;
  border: 1px solid #B7B7B7;
  border-radius: 7px;
  z-index: 2;
  display: none;
}
.profileContainer .head .menu ul li {
  padding: 5px 20px;
  font-size: 14px;
  cursor: pointer;
}
.profileContainer .head .menu ul li:hover {
  background-color: #EAEAEA;
}
.profileContainer .head .menu ul li[data-action=ban] .revoke {
  display: none;
}
.profileContainer .head .menu ul li[data-action=ban].banned .ban {
  display: none;
}
.profileContainer .head .menu ul li[data-action=ban].banned .revoke {
  display: inline;
}
.profileContainer .head .menu.disabled .opener {
  cursor: default;
}
.profileContainer .head .menu.disabled .opener .dot {
  background-color: #777;
  opacity: 0.6;
}
.profileContainer .content .boxGroup .leftBox {
  float: left;
  width: 65%;
}
@media (max-width: 1024px) {
  .profileContainer .content .boxGroup .leftBox {
    width: 49%;
  }
}
@media (max-width: 768px) {
  .profileContainer .content .boxGroup .leftBox {
    float: none;
    width: 100%;
  }
}
.profileContainer .content .boxGroup .rightBox {
  float: right;
  width: 32%;
}
@media (max-width: 1024px) {
  .profileContainer .content .boxGroup .rightBox {
    width: 49%;
  }
}
@media (max-width: 768px) {
  .profileContainer .content .boxGroup .rightBox {
    float: none;
    width: 100%;
    margin-top: -20px !important;
  }
}
.profileContainer .content .boxGroup .box {
  margin-top: 1px;
}
.profileContainer .content .box {
  margin: 10px 0;
  padding: 30px;
  background-color: #ffffff;
  font-size: 18px;
  word-break: break-word;
}
@media (max-width: 480px) {
  .profileContainer .content .box {
    padding: 20px;
    font-size: 14px;
  }
}
.profileContainer .content .box h2 {
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 480px) {
  .profileContainer .content .box h2 {
    font-size: 18px;
  }
}
.profileContainer .content .data {
  margin-bottom: 0;
}
.profileContainer .content .data .leftCol {
  float: left;
  width: 50%;
  padding-right: 15px;
}
@media (max-width: 1024px) {
  .profileContainer .content .data .leftCol {
    float: none;
    width: 100%;
    padding-right: 0;
  }
}
.profileContainer .content .data .rightCol {
  float: right;
  width: 50%;
  padding-left: 15px;
}
@media (max-width: 1024px) {
  .profileContainer .content .data .rightCol {
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .profileContainer .content .data .rightCol .itemGroup:last-of-type {
    margin-bottom: 0;
  }
}
.profileContainer .content .data .itemGroup.bordered {
  margin-bottom: 35px;
  padding-bottom: 30px;
  border-bottom: 1px solid #707070;
}
@media (max-width: 768px) {
  .profileContainer .content .data .itemGroup {
    margin-bottom: 35px;
    padding-bottom: 30px;
    border-bottom: 1px solid #707070;
  }
}
.profileContainer .content .data .item {
  margin-bottom: 20px;
}
.profileContainer .content .data .item .icon {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin-right: 8px;
  background-color: #792239;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .profileContainer .content .data .item .icon {
    width: 40px;
    height: 40px;
  }
}
.profileContainer .content .data .item .text {
  display: inline-block;
  max-width: 75%;
  font-size: 18px;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .profileContainer .content .data .item .text {
    font-size: 14px;
  }
}
.profileContainer .content .data .item .text span {
  display: block;
  font-weight: 600;
}
.profileContainer .content .data .item.unknown .icon {
  background-color: #B7B7B7;
}
.profileContainer .content .data .item.unknown .text {
  color: #7F7F7F;
}
.profileContainer .content .data .item.age .icon {
  background-image: url(/assets/images/profile/icons/age.svg);
}
.profileContainer .content .data .item.sex .icon {
  background-image: url(/assets/images/profile/icons/sex.svg);
}
.profileContainer .content .data .item.city .icon {
  background-image: url(/assets/images/profile/icons/city.svg);
}
.profileContainer .content .data .item.profession .icon {
  background-image: url(/assets/images/profile/icons/profession.svg);
}
.profileContainer .content .data .item.education .icon {
  background-image: url(/assets/images/profile/icons/education.svg);
}
.profileContainer .content .data .item.sport .icon {
  background-image: url(/assets/images/profile/icons/sport.svg);
}
.profileContainer .content .data .item.smoking .icon {
  background-image: url(/assets/images/profile/icons/smoking.svg);
}
.profileContainer .content .data .item.alcohol .icon {
  background-image: url(/assets/images/profile/icons/alcohol.svg);
}
.profileContainer .content .data .item.family .icon {
  background-image: url(/assets/images/profile/icons/family.svg);
}
.profileContainer .content .data .item.children .icon {
  background-image: url(/assets/images/profile/icons/children.svg);
}
.profileContainer .content .data .item.height .icon {
  background-image: url(/assets/images/profile/icons/height.svg);
}
.profileContainer .content .data .item.physique .icon {
  background-image: url(/assets/images/profile/icons/physique.svg);
}
.profileContainer .content .data .item.weight .icon {
  background-image: url(/assets/images/profile/icons/weight.svg);
}
.profileContainer .content .data .item.hair .icon {
  background-image: url(/assets/images/profile/icons/hair.svg);
}
.profileContainer .content .data .item.eye .icon {
  background-image: url(/assets/images/profile/icons/eye.svg);
}
.profileContainer .content .lookingFor {
  margin-bottom: 0;
}
.profileContainer .content .lookingFor .item {
  margin-bottom: 20px;
}
.profileContainer .content .lookingFor .item .text {
  font-size: 18px;
}
@media (max-width: 480px) {
  .profileContainer .content .lookingFor .item .text {
    font-size: 14px;
  }
}
.profileContainer .content .lookingFor .item .text span {
  display: block;
  font-weight: 600;
}
.profileContainer .head .data .nick .btnFullProfile {
  display: none;
}
.profileLoadingContainer {
  opacity: 0;
  display: none;
}
.profileLoadingContainer .head .avatar {
  display: inline-block;
  width: 288px;
  height: 288px;
  background-color: #ffffff;
  vertical-align: top;
  -webkit-animation: profileLoading 1s alternate infinite;
  -moz-animation: profileLoading 1s alternate infinite;
  -ms-animation: profileLoading 1s alternate infinite;
  -o-animation: profileLoading 1s alternate infinite;
  animation: profileLoading 1s alternate infinite;
}
.profileLoadingContainer .head .data {
  display: inline-block;
  padding-left: 35px;
  vertical-align: top;
}
.profileLoadingContainer .head .data .texts > div {
  height: 23px;
  background-color: #ffffff;
  border-radius: 7px;
  -webkit-animation: profileLoading 1s alternate infinite;
  -moz-animation: profileLoading 1s alternate infinite;
  -ms-animation: profileLoading 1s alternate infinite;
  -o-animation: profileLoading 1s alternate infinite;
  animation: profileLoading 1s alternate infinite;
}
.profileLoadingContainer .head .data .texts .nick {
  width: 280px;
  height: 26px;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.profileLoadingContainer .head .data .texts .city {
  margin-top: 4px;
  width: 150px;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
}
.profileLoadingContainer .head .data .texts .dims {
  margin-top: 4px;
  width: 180px;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
.profileLoadingContainer .head .data .texts .lastLogin {
  margin-top: 4px;
  width: 260px;
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.profileLoadingContainer .head .data .actions {
  margin-top: 15px;
}
.profileLoadingContainer .head .data .actions div {
  display: inline-block;
  width: 128px;
  height: 128px;
  margin-right: 20px;
  background-color: #ffffff;
  border-radius: 50%;
  vertical-align: middle;
  -webkit-animation: profileLoading 1s alternate infinite;
  -moz-animation: profileLoading 1s alternate infinite;
  -ms-animation: profileLoading 1s alternate infinite;
  -o-animation: profileLoading 1s alternate infinite;
  animation: profileLoading 1s alternate infinite;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -ms-animation-delay: 3s;
  -o-animation-delay: 3s;
  animation-delay: 3s;
}
.profileLoadingContainer .content .box {
  width: 100%;
  margin-top: 10px;
  background-color: #ffffff;
  -webkit-animation: profileLoading 1s alternate infinite;
  -moz-animation: profileLoading 1s alternate infinite;
  -ms-animation: profileLoading 1s alternate infinite;
  -o-animation: profileLoading 1s alternate infinite;
  animation: profileLoading 1s alternate infinite;
}
.profileLoadingContainer .content .box.box1 {
  height: 100px;
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  -ms-animation-delay: 3.5s;
  -o-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.profileLoadingContainer .content .box.box2 {
  height: 150px;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -ms-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
.profileLoadingContainer .content .box.box3 {
  height: 150px;
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  -ms-animation-delay: 4.5s;
  -o-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.profileLoadingContainer .content .box.box4 {
  height: 500px;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -ms-animation-delay: 5s;
  -o-animation-delay: 5s;
  animation-delay: 5s;
}
.userProfileLayer,
.userProfileLayerTemp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999;
}
@media (max-width: 480px) {
  .userProfileLayer,
  .userProfileLayerTemp {
    top: 39px;
  }
}
.userProfileLayer .layerContent,
.userProfileLayerTemp .layerContent {
  position: relative;
  max-width: 1024px;
  margin: 80px auto 20px auto;
  padding: 30px;
  background-color: #edeeee;
}
@media (max-width: 480px) {
  .userProfileLayer .layerContent,
  .userProfileLayerTemp .layerContent {
    padding: 0;
  }
}
.userProfileLayer .layerContent .profileContainer,
.userProfileLayerTemp .layerContent .profileContainer,
.userProfileLayer .layerContent .profileLoadingContainer,
.userProfileLayerTemp .layerContent .profileLoadingContainer {
  padding: 0;
}
.userProfileLayer .layerContent .profileContainer .closeLayer,
.userProfileLayerTemp .layerContent .profileContainer .closeLayer,
.userProfileLayer .layerContent .profileLoadingContainer .closeLayer,
.userProfileLayerTemp .layerContent .profileLoadingContainer .closeLayer {
  position: absolute;
  display: inline-block;
  top: 25px;
  right: 25px;
  width: 27px;
  height: 27px;
  background: url(/assets/images/common/icons/close.svg) no-repeat;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 768px) {
  .userProfileLayer .layerContent .profileContainer .closeLayer,
  .userProfileLayerTemp .layerContent .profileContainer .closeLayer,
  .userProfileLayer .layerContent .profileLoadingContainer .closeLayer,
  .userProfileLayerTemp .layerContent .profileLoadingContainer .closeLayer {
    top: 12px;
  }
}
@media (max-width: 480px) {
  .userProfileLayer .layerContent .profileContainer .closeLayer,
  .userProfileLayerTemp .layerContent .profileContainer .closeLayer,
  .userProfileLayer .layerContent .profileLoadingContainer .closeLayer,
  .userProfileLayerTemp .layerContent .profileLoadingContainer .closeLayer {
    top: 17px;
  }
}
.userProfileLayer.slide,
.userProfileLayerTemp.slide {
  background-color: transparent;
}
.userProfileLayer.slide .layerContent,
.userProfileLayerTemp.slide .layerContent {
  right: -100%;
}
body.profileLayerOpened {
  overflow-y: hidden !important;
}
@-webkit-keyframes profileLoading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@-moz-keyframes profileLoading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@-ms-keyframes profileLoading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@-o-keyframes profileLoading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
@keyframes profileLoading {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
body.darkmode .profileContainer .head .menu .opener .dot {
  background-color: #ffffff;
}
body.darkmode .profileContainer .head .menu ul {
  color: #ffffff;
  background-color: #3d3d3d;
  border-color: #3d3d3d;
}
body.darkmode .profileContainer .head .menu ul li:hover {
  background-color: #1a1b1d;
}
body.darkmode .profileContainer .head .data .actions button {
  background-color: #3d3d3d;
}
body.darkmode .profileContainer .content .box {
  color: #ffffff;
  background-color: #3d3d3d;
}
body.darkmode .userProfileLayer .layerContent,
body.darkmode .userProfileLayerTemp .layerContent {
  background-color: #272829;
}
body.darkmode .userProfileLayer .layerContent .profileContainer .closeLayer,
body.darkmode .userProfileLayerTemp .layerContent .profileContainer .closeLayer,
body.darkmode .userProfileLayer .layerContent .profileLoadingContainer .closeLayer,
body.darkmode .userProfileLayerTemp .layerContent .profileLoadingContainer .closeLayer {
  background-image: url(/assets/images/common/icons/closeWhite.svg);
}
body.darkmode .userProfileLayer .layerContent .profileLoadingContainer .avatar,
body.darkmode .userProfileLayerTemp .layerContent .profileLoadingContainer .avatar {
  background-color: #3d3d3d;
}
body.darkmode .userProfileLayer .layerContent .profileLoadingContainer .head .data .texts > div,
body.darkmode .userProfileLayerTemp .layerContent .profileLoadingContainer .head .data .texts > div {
  background-color: #3d3d3d;
}
body.darkmode .userProfileLayer .layerContent .profileLoadingContainer .head .data .actions div,
body.darkmode .userProfileLayerTemp .layerContent .profileLoadingContainer .head .data .actions div {
  background-color: #3d3d3d;
}
body.darkmode .userProfileLayer .layerContent .profileLoadingContainer .content .box,
body.darkmode .userProfileLayerTemp .layerContent .profileLoadingContainer .content .box {
  background-color: #3d3d3d;
}
.toastNotification {
  position: fixed;
  bottom: 0;
  right: -100%;
  padding: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 #999;
  z-index: 9999;
}
@media (max-width: 460px) {
  .toastNotification {
    width: 100%;
    min-width: 300px;
  }
}
.toastNotification .avatarWrapper {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 460px) {
  .toastNotification .avatarWrapper {
    display: block;
    margin-bottom: 5px;
    text-align: center;
  }
}
.toastNotification .avatarWrapper .avatar {
  float: left;
  width: 160px;
  height: 160px;
}
@media (max-width: 460px) {
  .toastNotification .avatarWrapper .avatar {
    float: none;
    width: 100%;
    height: 100%;
    max-width: 225px;
    max-height: 225px;
  }
}
.toastNotification .text {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
@media (max-width: 460px) {
  .toastNotification .text {
    display: block;
    margin-left: 0;
  }
}
.toastNotification .text .title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 460px) {
  .toastNotification .text .title {
    margin-bottom: 10px;
  }
}
.toastNotification .text .info {
  font-size: 15px;
}
.toastNotification .text .buttons {
  margin-top: 25px;
}
@media (max-width: 460px) {
  .toastNotification .text .buttons {
    margin-top: 15px;
  }
}
.toastNotification .text .buttons button {
  width: 120px;
  height: 35px;
  padding: 0 20px;
  font-size: 15px;
  line-height: 0;
}
@media (max-width: 460px) {
  .toastNotification .text .buttons button {
    width: 48%;
    min-width: 120px;
  }
}
@media (max-width: 460px) {
  .toastNotification .text .buttons button.show {
    float: left;
  }
}
.toastNotification .text .buttons button.cancel {
  margin-left: 10px;
  color: #919191;
  background: none;
  border: 1px solid #919191;
}
@media (max-width: 460px) {
  .toastNotification .text .buttons button.cancel {
    margin-left: 0;
    float: right;
  }
}
.toastNotification .text .buttons button.cancel:hover {
  color: #ffffff;
  background-color: #919191;
}
* {
  box-sizing: border-box;
}
body,
html {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #000000;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body *,
html * {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #AAA transparent;
}
body ::-webkit-scrollbar,
html ::-webkit-scrollbar {
  width: 9px;
}
body ::-webkit-scrollbar-track,
html ::-webkit-scrollbar-track {
  background: transparent;
}
body ::-webkit-scrollbar-thumb,
html ::-webkit-scrollbar-thumb {
  background: #AAA;
  background-clip: padding-box;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}
body ::-webkit-scrollbar-thumb:hover,
html ::-webkit-scrollbar-thumb:hover {
  background-color: #9d9d9d;
}
body ::-webkit-scrollbar-corner,
html ::-webkit-scrollbar-corner {
  background-color: transparent;
}
body {
  padding-top: 70px;
  background-color: #edeeee;
}
@media (max-width: 480px) {
  body {
    padding-top: 108px;
  }
}
body.external {
  padding-top: 0;
}
p {
  margin: 0;
}
/**
 * Displays
 */
.hidden {
  display: none;
}
.displayBlock {
  display: block;
}
.displayInlineBlock {
  display: inline-block;
}
.displayInline {
  display: inline;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
/**
 * Selection
 */
.disableSelection {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/**
 * Floats
 */
.left {
  float: left;
}
.right {
  float: right;
}
.clearfix:after,
.clearfix:before {
  content: ' ';
  display: table;
}
.clearfix:after {
  clear: both;
}
/**
 * Sizes
 */
.fullWidth {
  display: block;
  width: 100%;
}
/**
 * Titles
 */
.title {
  font-family: 'Playfair Display';
}
/**
 * Common button
 */
.commonButton {
  padding: 17px 48px;
  color: #ffffff;
  background-color: #792239;
  font-size: 21px;
  font-weight: 300;
  text-align: center;
  border: none;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -khtml-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.commonButton[disabled] {
  background-color: #8c9292;
  color: #c0c3c3;
}
.commonButton[disabled]:hover {
  cursor: not-allowed;
  background-color: #8c9292;
  color: #c0c3c3;
}
.commonButton:hover {
  cursor: pointer;
  background-color: #651c30;
}
.commonButton:active,
.commonButton:focus {
  outline: none;
}
.commonButton.progress {
  position: relative;
}
.commonButton.progress:after {
  position: absolute;
  content: ' ';
  display: block;
  width: 15px;
  height: 16px;
  top: 10px;
  right: 14px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  border-top: 1px solid transparent;
  animation-name: buttonProgressRotate;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.commonButton.white {
  background: #ffffff;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  color: #792239;
}
.commonButton.white:hover {
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.commonButton.white:hover.progress:after {
  border: 2px solid #ffffff;
  border-top: 1px solid transparent;
}
.commonButton.white.progress:after {
  border: 2px solid #3e4242;
  border-top: 1px solid transparent;
}
.commonButton.small {
  font-size: 12px;
  padding: 8px 14px;
}
.commonButton.gray {
  background-color: #8f9595;
  border: 1px solid #575c5c;
  color: #ffffff;
}
.commonButton.gray:hover {
  background-color: #717878;
  border-color: #717878;
}
.commonButton.transparent {
  background-color: transparent;
  border: 1px solid #8f9595;
  color: #3e4242;
}
.commonButton.transparent.progress:after {
  border: 2px solid #3e4242;
  border-top: 1px solid transparent;
}
.commonButton.hoverWarning:hover {
  background-color: #792239;
  border: 1px solid #792239;
  color: #ffffff;
}
/*
 * képnézegető
 */
.pswp__container {
  transition: transform 0.35s ease-in-out;
}
/**
 * input box iOS fix
 */
input[type=text],
input[type=password],
textarea {
  -webkit-appearance: none;
  border: 1px solid #bcc0c0;
  outline: none;
}
.mainGradient {
  background: #792239;
  background: -moz-linear-gradient(-45deg, #792239 0%, #a09468 32%, rgba(91, 85, 63, 0.7) 62%, #792239 100%);
  background: -webkit-linear-gradient(-45deg, #792239 0%, #a09468 32%, rgba(91, 85, 63, 0.7) 62%, #792239 100%);
  background: linear-gradient(135deg, #792239 0%, #a09468 32%, rgba(91, 85, 63, 0.7) 62%, #792239 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradientColor1', endColorstr='@gradientColor4', GradientType=1);
}
.mediumGradient {
  background: #0d4779;
  background: -moz-linear-gradient(45deg, #a09468 0%, rgba(91, 85, 63, 0.7) 100%);
  background: -webkit-linear-gradient(45deg, #a09468 0%, rgba(91, 85, 63, 0.7) 100%);
  background: linear-gradient(45deg, #a09468 0%, rgba(91, 85, 63, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradientColor2', endColorstr='@gradientColor3', GradientType=1);
}
.obscured .cover {
  position: relative;
  margin: 0 auto;
}
.pageTitle {
  padding: 25px 0 0 0;
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  background-color: #edeeee;
}
/**
 * Dark mode
 */
body.darkmode {
  color: #ffffff;
  background-color: #1a1b1d;
}
body.darkmode .commonButton.white {
  color: #ffffff;
  background-color: #3d3d3d;
  border-color: #cccccc;
}
.impressPageContainer {
  padding: 50px 0 100px 0;
}
.impressPageContainer .mainContainer {
  float: none;
  margin: 0 auto;
}
.impressPageContainer .mainContainer .box {
  margin-bottom: 2px;
  padding: 25px;
  font-size: 16px;
  text-align: center;
  background-color: #ffffff;
}
@media (max-width: 768px) {
  .impressPageContainer .mainContainer .box {
    font-size: 14px;
  }
}
.impressPageContainer .mainContainer .box h1 {
  margin: 0 0 20px 0;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}
@media (max-width: 480px) {
  .impressPageContainer .mainContainer .box h1 {
    font-size: 18px;
  }
}
.impressPageContainer .mainContainer .box .introduction {
  text-align: left;
}
.impressPageContainer .mainContainer .box .details {
  margin-top: 20px;
  line-height: 1.6;
}
.impressPageContainer .mainContainer .box .details strong {
  display: block;
  margin-bottom: 10px;
}
.impressPageContainer .mainContainer .box .details a {
  font-weight: bold;
  color: #000000;
}
body.darkmode .impressPageContainer .box {
  color: #ffffff;
  background-color: #3d3d3d;
}
body.darkmode .impressPageContainer .box .details a {
  color: #ffffff;
}