/**
 * Alapok importálása
 */
/* Színek */
/* Font stílusok */
/* Függvények */
/**
 * Reset
 */
* {
  box-sizing: border-box;
}
body,
html {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-display: auto;
  font-weight: 400;
  line-height: 1;
  font-size: 14px;
  background: #ffffff;
  color: #545454;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
}
a {
  color: #545454;
  text-decoration: none;
}
a.underline {
  text-decoration: underline;
}
img {
  border: 0;
}
p {
  margin: 0;
  padding: 0;
}
table {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0;
}
/**
 * Common használt elemek
 */
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.noFontSeo {
  font-size: 0;
  height: 0;
  width: 0;
  display: block;
}
.inline {
  display: inline-block;
}
.textUpper {
  text-transform: uppercase;
}
.textBold {
  font-weight: 700;
}
.textCenter {
  text-align: center;
}
.textSemiBold {
  font-weight: 600;
}
.textLight {
  font-weight: 300;
}
.textPurple {
  color: #9e005d;
}
.textCenter {
  text-align: center;
}
.onClick:hover {
  cursor: pointer;
}
.hidden {
  display: none !important;
}
.animate,
i.animate:before {
  transition: all 0.6s ease-in-out;
}
.animate.fast,
i.animate.fast:before {
  transition-duration: 0.2s;
}
/**
 * Gyakori elem formázások
 */
ul.inline li {
  display: inline-block;
}
ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ol.decimal {
  list-style-type: none;
  margin-left: 0;
}
ol.decimal > li {
  counter-increment: customlistcounter;
  position: relative;
}
ol.decimal > li:before {
  content: counter(customlistcounter) " ";
  position: absolute;
  top: 1px;
  left: -20px;
}
ol.decimal:first-child {
  counter-reset: customlistcounter;
}
.purpleButton {
  background-color: #9e005d;
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 10px 0;
  font-size: 18px;
  position: relative;
}
.purpleButton .embossBackground {
  background-color: #9e005d;
  box-shadow: inset -3px -3px 15px -3px rgba(0, 0, 0, 0.45), inset 0px 8px 14px -3px rgba(255, 255, 255, 0.35);
}
.purpleButton.isDisabled {
  background-color: #b8b8b8;
}
.purpleButton.isDisabled:hover {
  cursor: auto !important;
}
.purpleButton.embossed {
  background-color: #9e005d;
  box-shadow: inset -3px -3px 15px -3px rgba(0, 0, 0, 0.45), inset 0px 8px 14px -3px rgba(255, 255, 255, 0.35);
}
.purpleButton.hoverEmboss:hover {
  background-color: #9e005d;
  box-shadow: inset -3px -3px 15px -3px rgba(0, 0, 0, 0.45), inset 0px 8px 14px -3px rgba(255, 255, 255, 0.35);
  -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;
  -webkit-transition: 0.15;
  -moz-transition: 0.15;
  -ms-transition: 0.15;
  -o-transition: 0.15;
  transition: 0.15;
}
.purpleButton.hoverEmboss.isDisabled:hover {
  background-color: #b8b8b8;
}
.grayButton {
  background-color: #e8e8e8;
  display: block;
  color: #6b6b6b;
  text-align: center;
  padding: 16px 27px 15px 27px;
  font-size: 12px;
  position: relative;
}
.grayButton.onSameColor {
  background-color: #d9d9d9;
}
.grayButton .embossBackground {
  box-shadow: inset -4px -4px 11px -3px rgba(0, 0, 0, 0.12), 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
}
.grayButton.embossed {
  box-shadow: inset -4px -4px 11px -3px rgba(0, 0, 0, 0.12), 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
}
.grayButton.hoverEmboss:hover {
  box-shadow: inset -4px -4px 11px -3px rgba(0, 0, 0, 0.12), 1px 1px 2px -1px rgba(0, 0, 0, 0.2);
  -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;
  -webkit-transition: 0.15;
  -moz-transition: 0.15;
  -ms-transition: 0.15;
  -o-transition: 0.15;
  transition: 0.15;
}
.grayButton.remodalCancelDummy {
  background-color: transparent;
  text-decoration: underline;
  font-size: 14px !important;
}
.grayButton.remodalCancelDummy:hover {
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.popoverHolder .popoverBox {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #545454;
  border-radius: 3px;
  z-index: 10001;
}
.popoverHolder .popoverBox .content {
  padding: 10px;
  color: #ffffff;
  font-size: 12px;
}
.popoverHolder .popoverBox .content a {
  color: #ffffff;
  text-decoration: underline;
}
.popoverHolder .popoverBox[data-direction]:after {
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
.popoverHolder .popoverBox[data-direction=top]:after {
  border-width: 10px 5px 0 5px;
  border-color: #545454 transparent transparent transparent;
  bottom: -10px;
  left: calc(50% - 5px);
}
.popoverHolder .popoverBox[data-direction=bottom]:after {
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #545454 transparent;
  top: -10px;
  left: calc(50% - 5px);
}
.popoverHolder .popoverBox[data-direction=right]:after {
  border-width: 5px 10px 5px 0;
  border-color: transparent #545454 transparent transparent;
  top: calc(50% - 5px);
  left: -10px;
}
.popoverHolder .popoverBox[data-direction=left]:after {
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #545454;
  top: calc(50% - 5px);
  right: -10px;
}
.popoverText {
  display: none;
}
.popover .popoverText {
  display: none;
}
.informationBadge {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #ffffff;
}
.informationBadge:after {
  font-family: FontAwesome;
  content: '\f129';
  color: #9e005d;
  font-size: 18px;
  position: relative;
  top: 2px;
}
.closeBadge {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #ffffff;
}
.closeBadge:after {
  font-family: viszony-nav;
  content: 'b';
  color: #9e005d;
  font-size: 18px;
  position: relative;
  top: 1px;
}
.closeBadge:hover {
  cursor: pointer;
}
.closeBadgeGray {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: transparent;
}
.closeBadgeGray:after {
  font-family: viszony-nav;
  content: 'b';
  color: #545454;
  font-size: 18px;
  position: relative;
  top: 1px;
}
.closeBadgeGray:hover {
  cursor: pointer;
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.inputGroup .inputGroupHeader {
  margin-bottom: 20px;
}
.inputGroup .inputGroupHeader p {
  font-weight: 700;
  color: #9e005d;
  text-transform: uppercase;
  font-size: 16px;
}
.inputGroup .item {
  width: 100%;
  margin-bottom: 13px;
}
.inputGroup .item .itemDescription {
  margin-top: 4px;
}
.inputGroup .item:nth-last-child(1) {
  margin-bottom: 0;
}
.inputGroup .item .label,
.inputGroup .item .input {
  display: block;
}
.inputGroup .item .label {
  font-weight: 700;
  margin-bottom: 8px;
}
.inputGroup .item .input {
  position: relative;
}
.inputGroup .item .input .inputIcon {
  display: block;
  position: absolute;
  right: -20px;
  top: 0;
  width: 10px;
  height: 28px;
}
.inputGroup .item .input .inputIcon.input-icon-securere {
  background: url('../../images/input/form_icon_secure.png') no-repeat 0 0 transparent;
}
.inputGroup .item .input .inputIcon.input-icon-required {
  background: url('../../images/input/form_icon_required.png') no-repeat 0 0 transparent;
}
.inputGroup .item .input .inputIcon.input-icon-securerequired {
  background: url('../../images/input/form_icon_required_secure.png') no-repeat 0 0 transparent;
}
.inputGroup .item .input input[type=text],
.inputGroup .item .input input[type=email],
.inputGroup .item .input input[type=password],
.inputGroup .item .input textarea {
  width: 100%;
  padding: 3px 5px;
  border: none;
  font-family: 'Open Sans', sans-serif;
}
.inputGroup .item .input input[type=text][readonly],
.inputGroup .item .input input[type=email][readonly],
.inputGroup .item .input input[type=password][readonly],
.inputGroup .item .input textarea[readonly] {
  background-color: #cfcfcf;
  color: #545454;
}
.inputGroup .item .input textarea {
  resize: vertical;
  width: 100%;
  height: 52px;
}
.inputGroup .item .input input:focus,
.inputGroup .item .input textarea:focus {
  outline: none;
}
.inputGroup .item .input .checkboxHolder {
  display: block;
  margin-bottom: 5px;
}
.inputGroup .item .input .checkboxHolder:nth-last-child(1) {
  margin-bottom: 0;
}
.inputGroup .item .input.phoneArea .viszonySelect .selectContainer .selectHead {
  width: 60px !important;
}
.inputGroup .item .input.phoneArea .viszonySelect .selectContainer .currentSelection {
  width: 60px !important;
}
.inputGroup .item .input.phoneArea .viszonySelect .list-wrapper {
  width: 60px !important;
}
.inputGroup .item .errorMessage {
  clear: both;
  display: none;
  position: relative;
  top: 3px;
}
.inputGroup .item .errorMessage p {
  color: #9e005d;
  font-size: 12px;
  font-weight: 600;
}
.inputGroup .item.inline.hasError p {
  text-align: right;
}
.inputGroup .item.inline:after,
.inputGroup .item.inline:before {
  content: " ";
  display: table;
}
.inputGroup .item.inline:after {
  clear: both;
}
.inputGroup .item.inline .label,
.inputGroup .item.inline .input {
  float: left;
  display: block;
  width: 65%;
}
.inputGroup .item.inline .input.wide {
  width: 100%;
}
.inputGroup .item.inline .input input[type=text],
.inputGroup .item.inline .input input[type=email],
.inputGroup .item.inline .input input[type=password],
.inputGroup .item.inline .input textarea {
  width: 100%;
  padding: 3px 5px;
}
.inputGroup .item.inline .input input:focus,
.inputGroup .item.inline .input textarea:focus {
  outline: none;
}
.inputGroup .item.inline .input textarea {
  resize: vertical;
  width: 100%;
  height: 52px;
}
.inputGroup .item.inline .input .checkboxHolder {
  display: inline-block;
}
.inputGroup .item.inline .label {
  width: 35%;
  font-weight: 700;
  padding-top: 5px;
}
.inputGroup .item.dateInputItem .input .viszonySelect {
  display: inline-block;
  margin-right: -4px;
  width: 40%;
}
.inputGroup .item.dateInputItem .input .viszonySelect .selectHead,
.inputGroup .item.dateInputItem .input .viszonySelect .list-wrapper {
  width: 100%;
}
.inputGroup .item.dateInputItem .input .viszonySelect .currentSelection {
  width: 75%;
  letter-spacing: -0.2px;
  padding-left: 5px;
}
.inputGroup .item.dateInputItem .input .viszonySelect.selectBirthYear,
.inputGroup .item.dateInputItem .input .viszonySelect.selectBirthMonth {
  margin-right: 1%;
}
.inputGroup .item.dateInputItem .input .viszonySelect.selectBirthYear {
  width: 28%;
}
.inputGroup .item.dateInputItem .input .viszonySelect.selectBirthDay {
  width: 27%;
}
.inputGroup .item.hasError .errorMessage {
  display: block;
}
.inputGroup .item.hasError .input input[type=text],
.inputGroup .item.hasError .input input[type=email],
.inputGroup .item.hasError .input input[type=password],
.inputGroup .item.hasError .input textarea {
  border: 1px solid #9e005d;
}
.inputGroup .item.hasError .input .viszonySelect {
  border: 1px solid #9e005d;
}
.inputGroup .item.hasError .input .viszonySelect .currentSelection {
  color: #9e005d;
}
.inputGroup .item.hasError .input .checkboxHolder .labelText,
.inputGroup .item.hasError .input .radioHolder .labelText {
  color: #9e005d;
}
.inputGroup .item.hasError .input .checkboxHolder .buttonHolder:after,
.inputGroup .item.hasError .input .radioHolder .buttonHolder:after {
  border: 1px solid #9e005d;
}
.inputGroup.adcash .inline .input {
  width: 60%;
}
.checkboxHolder {
  display: inline-block;
  position: relative;
}
.checkboxHolder label {
  display: inline-block;
}
.checkboxHolder label .buttonHolder {
  float: left;
}
.checkboxHolder label.checkboxPurple.rtl .buttonHolder {
  float: right;
}
.checkboxHolder input {
  display: none;
}
.checkboxHolder input + label.checkboxPurple .labelText {
  position: relative;
  top: 4px;
  text-transform: capitalize;
}
.checkboxHolder input + label.checkboxPurple .buttonHolder:after {
  content: ' ';
  display: inline-block;
  width: 23px;
  height: 23px;
  background: #fff;
  position: relative;
  top: 0;
  margin-right: 5px;
}
.checkboxHolder input + label.checkboxPurple.rtl .buttonHolder:after {
  margin: 0 0 0 5px;
}
.checkboxHolder input:checked + label.checkboxPurple .buttonHolder:after {
  content: ' ';
  display: inline-block;
  width: 23px;
  height: 23px;
  background: #9e005d;
  position: relative;
  top: 0;
  margin-right: 5px;
}
.checkboxHolder input:checked + label.checkboxPurple .buttonHolder:before {
  font-family: FontAwesome;
  content: '\F00C';
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 250;
  font-size: 16px;
}
.checkboxHolder input:checked + label.checkboxPurple.rtl .buttonHolder:before {
  left: auto;
  right: 8px;
}
.checkboxHolder.multiRowFix input + label.checkboxPurple {
  line-height: 18px;
}
.checkboxHolder.multiRowFix input + label.checkboxPurple .labelText {
  float: right;
  width: 90%;
}
.radioHolder {
  display: inline-block;
  position: relative;
}
.radioHolder label {
  display: inline-block;
}
.radioHolder input {
  display: none;
}
.radioHolder input + label.radioPurple {
  display: inline-block;
  position: relative;
}
.radioHolder input + label.radioPurple .labelText {
  position: relative;
  top: 3px;
}
.radioHolder input + label.radioPurple .labelText::first-letter {
  text-transform: capitalize;
}
.radioHolder input + label.radioPurple .buttonHolder {
  float: left;
  margin-right: 5px;
}
.radioHolder input + label.radioPurple .buttonHolder:after {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  position: relative;
}
.radioHolder input:checked + label.radioPurple .buttonHolder:before {
  content: ' ';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #9e005d;
  border-radius: 50%;
  position: absolute;
  z-index: 250;
}
.viszonySelect {
  display: inline-block;
  position: relative;
}
.viszonySelect .list-wrapper {
  max-height: 300px;
  width: 150px;
  overflow: hidden;
  position: absolute;
  top: 28px;
  visibility: hidden;
  z-index: 350;
  background-color: #e8e8e8;
}
.viszonySelect.opened {
  box-shadow: 0px 1px 2px 1px #AAA;
}
.viszonySelect.opened .list-wrapper {
  box-shadow: 0px 2px 2px 1px #AAA;
}
.viszonySelect .selectHead {
  position: relative;
  height: 28px;
  width: 150px;
  background-color: #ffffff;
}
.viszonySelect .selectHead .currentSelection {
  overflow: hidden;
  white-space: nowrap;
  line-height: 11px;
  width: 150px;
  display: inline-block;
  position: absolute;
  top: 0;
  padding: 9px 0 8px 10px;
  font-weight: 400;
  font-size: 11px;
  margin: 0;
}
.viszonySelect .selectHead .currentSelection img {
  position: relative;
  top: -4px;
  margin-right: 5px;
  vertical-align: top;
}
.viszonySelect .selectHead .arrowContainer {
  width: 18px;
  background-color: #cccccc;
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
}
.viszonySelect .selectHead .arrowContainer:after {
  font-family: FontAwesome;
  content: '\f107';
  color: #9e005d;
  font-size: 20px;
  position: relative;
  top: 4px;
  left: 3px;
}
.viszonySelect .selectHead .arrowContainer:hover {
  cursor: pointer;
}
.viszonySelect .selectContainer .selectElementsContainer {
  list-style-type: none;
  width: 100%;
  position: relative;
  background: #e8e8e8;
  z-index: 1500;
}
.viszonySelect .selectContainer .selectElementsContainer li {
  padding: 10px 7px 10px 10px;
  font-size: 12px;
  font-weight: 400;
  border-top: 1px solid #e6e6e6;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.viszonySelect .selectContainer .selectElementsContainer li img {
  position: relative;
  top: -2px;
  margin-right: 5px;
  vertical-align: middle;
}
.viszonySelect .selectContainer .selectElementsContainer li:nth-child(1) {
  border-top: none;
}
.viszonySelect .selectContainer .selectElementsContainer li:hover {
  cursor: pointer;
}
.viszonySelect .selectContainer .selectElementsContainer li:after {
  content: '';
  display: block;
  width: 20px;
  height: 35px;
  position: absolute;
  top: 0;
  right: 7px;
  background-image: -o-linear-gradient(left, #e8e8e8 35%, rgba(232, 232, 232, 0) 100%);
  background-image: -moz-linear-gradient(left, #e8e8e8 35%, rgba(232, 232, 232, 0) 100%);
  background-image: -webkit-linear-gradient(left, #e8e8e8 35%, rgba(232, 232, 232, 0) 100%);
  background-image: -ms-linear-gradient(left, #e8e8e8 35%, rgba(232, 232, 232, 0) 100%);
  background-image: linear-gradient(to left, #e8e8e8 35%, rgba(232, 232, 232, 0) 100%);
}
.viszonySelect .iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  background: #ffffff;
  bottom: 0;
  top: 0;
  width: 8px;
  right: 0;
  overflow: hidden;
}
.viszonySelect .iScrollIndicator {
  box-sizing: border-box;
  position: absolute;
  width: 8px;
  background-color: #b8b8b8;
  transition-duration: 0;
  -webkit-transition-duration: 0;
  display: block;
  transform: translate(0, 0) translateZ(0);
  -webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);
}
/* Lapozó */
.pagerContainer {
  text-align: right;
  margin-top: 15px;
}
.pagerContainer.simple {
  background-color: #c7c7c7;
  padding: 20px 20px 10px 20px;
}
.pagerContainer.simple.noButtons {
  padding: 10px;
}
.pagerContainer.simple.noButtons .pagerInfo {
  padding-top: 0;
}
.pagerContainer.simple .pagerButton {
  width: 48%;
  background-color: #9e005d;
  position: relative;
}
.pagerContainer.simple .pagerButton:after {
  font-family: FontAwesome;
  position: absolute;
  top: 4px;
  font-size: 24px;
  color: #ffffff;
}
.pagerContainer.simple .pagerButton.buttonBack {
  padding-right: 10px;
}
.pagerContainer.simple .pagerButton.buttonBack:after {
  content: '\f100';
  left: 10px;
}
.pagerContainer.simple .pagerButton.buttonNext {
  padding-left: 10px;
}
.pagerContainer.simple .pagerButton.buttonNext:after {
  content: '\f101';
  right: 10px;
}
.pagerContainer.simple .pagerButton.buttonNext a {
  text-align: left;
}
.pagerContainer.simple .pagerButton a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  padding: 8px 0;
  display: block;
}
.pagerContainer.simple .pagerInfo {
  padding-top: 10px;
}
.pagerContainer.simple .pagerInfo p {
  text-align: center;
  color: #000000;
  font-weight: 600;
  font-size: 12px;
}
.pagerContainer ul li {
  display: inline-block;
}
.pagerContainer ul .pagerButton a:after {
  font-family: viszony-nav;
  display: inline-block;
  font-size: 22px;
}
.pagerContainer ul .pagerButton a:hover:after {
  color: #9e005d;
}
.pagerContainer ul .pagerButton.buttonBack {
  padding-right: 10px;
}
.pagerContainer ul .pagerButton.buttonBack a:after {
  content: 'm';
}
.pagerContainer ul .pagerButton.buttonBack a:hover:after {
  content: 'k';
}
.pagerContainer ul .pagerButton.buttonNext {
  padding-left: 10px;
}
.pagerContainer ul .pagerButton.buttonNext a:after {
  content: 'e';
}
.pagerContainer ul .pagerButton.buttonNext a:hover:after {
  content: 'd';
}
.pagerContainer ul .pagerElement {
  position: relative;
  top: -6px;
  padding: 0 2px;
}
.pagerContainer ul .pagerElement.first {
  padding-left: 0;
}
.pagerContainer ul .pagerElement.last {
  padding-right: 0;
}
.pagerContainer ul .pagerElement.currentPage {
  color: #9e005d;
}
.pagerContainer ul .pagerElement a:hover {
  text-decoration: underline;
}
/**
 * header stílusa
 */
.headerContainer {
  width: 1030px;
  max-width: 100%;
  margin: 0 auto;
  padding: 5px 0 15px 0;
}
.headerContainer.logoutHeader {
  width: 100%;
}
.headerContainer.logoutHeader .logo {
  margin: 10px;
}
.headerContainer.minimalHeader {
  margin-bottom: 10px;
}
.headerContainer.minimalHeader .logo {
  margin: 0 auto;
  float: none;
  width: auto;
}
.headerContainer.defaultHeader {
  height: 85px;
}
.headerContainer a.logo {
  display: block;
  width: 295px;
  height: 65px;
  background: url('../../images/_hu/common/logo_no_shadow.png') no-repeat 0 0 transparent;
}
.headerContainer.registrationHeader .logo {
  margin-left: 225px;
}
.headerContainer.cleanHeader a.logo {
  margin: 10px 0 0 190px;
  background: url('../../images/_hu/common/logo_no_slogan.png') no-repeat 0 0 transparent;
}
/**
 * Notification a headerben
 */
.notifications {
  position: relative;
  top: 20px;
}
.notifications .notification {
  width: 31px;
  height: 29px;
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
.notifications .notification:nth-last-child(1) {
  margin-right: 0;
}
.notifications .notification.inactive .unreadCounter {
  display: none;
}
.notifications .notification.inactive .icon:after {
  color: #d9d9d9;
}
.notifications .notification .icon {
  text-align: center;
}
.notifications .notification .icon:after {
  font-family: FontAwesome;
  color: #545454;
  font-size: 26px;
}
.notifications .notification.mail .icon:after {
  content: '\f0e0';
}
.notifications .notification.view .icon:after {
  content: '\f007';
}
.notifications .notification.favorite .icon:after {
  content: '\f004';
}
.notifications .notification .unreadCounter {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #9e005d;
}
.notifications .notification .unreadCounter span {
  position: relative;
  top: 3px;
  font-size: 10px;
  font-weight: 600;
  color: #ffffff;
  display: block;
  width: 100%;
  text-align: center;
}
/*
.notificationHolder {

    .notificationBox {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 420px;
        background-color: @colorWhite;
        border: 1px solid @colorGrayLightenedDark;
        z-index: 100;
        box-shadow: 0px 0px 1px 0px @colorGrayLightenedDark;

        .arrow {
            position: absolute;
            top: -12px;
            right: 10px;
            width: 20px;
            height: 12px;
            border-style: solid;
            border-width: 0 10px 12px 10px;
            border-color: transparent transparent @colorWhite transparent;
        }

        .headerBox {
            padding: 10px;
            border-bottom: 1px solid @colorGrayLightenedDarker;

            p, a {
                display: inline-block;
            }
            
            p {
                font-weight: @fontWeightSemiBold;
            }
            
            a {
                text-align: right;
                font-size: 12px;
                position: relative;
                top: 2px;
            }
        }

        .showAllElement {
            border-top: 1px solid @colorGrayLightenedDarker;

            a {
                display: block;
                padding: 10px 0;
                font-weight: @fontWeightSemiBold;
                text-align: center;
            }
        }

        .singleNotification {
            height: 75px;
            border-bottom: 1px solid @colorGrayLightenedDarker;

            &.isUnread {
                background-color: lighten(@colorGrayLight, 3%);
            }

            &:nth-last-child(1) {
                border-bottom: 0;
            }

            .inner {
                padding-top: 5px;
                
                .notificationImage {
                    img {
                        height: 65px;
                        width: 65px;
                        padding: 5px;
                    }
                }

                .notificationBody {
                    width: 75%;
                    padding: 5px 0 0 5px;
                    overflow: hidden;

                    p {
                        width: 2500px;
                        font-size: 12px;
                    }

                    .title {
                        font-weight: @fontWeightSemiBold;
                        padding-bottom: 5px;
                    }
                    
                    .description {
                        padding-bottom: 2px;
                    }

                    .date {
                        img {
                            width: 16px;
                            height: 16px;
                        }

                        span {
                            position: relative;
                            top: -3px;
                            color: @colorGrayLightenedDarker;
                        }
                    }
                }
            }
        }
    }

    .notificationBoxOpener {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        &.messageNotifications {
            &:before {
                content: 'i';
                font-family: viszony-nav;
            }
        }

        span {
            display: none;
        }

        &.hasUnread {
            &:before {
                color: @colorPurple;
                font-size: 32px;
                .transition(0.2);
            }

            span {
                display: inline-block;
                position: absolute;
                width: 32px;
                top: 13px;
                color: white;
                font-size: 11px;
                font-weight: bold;
                text-align: center;
            }
        }

        &.active {
            background-color: @colorBaseGray;

            &:before {
                color: white;
            }
        }

        &:before {
            font-family: FontAwesome;
            content: '\f004';
            color: @colorBaseGray;
            font-size: 28px;
        }
    }
}
*/
.svgMapStyle .countyContainer {
  display: none;
  position: relative;
}
.svgMapStyle .countyContainer .buttonBackToCountries {
  position: absolute;
  bottom: 20px;
  right: 0;
  font-weight: 600;
  text-transform: uppercase;
}
.svgMapStyle .countryContainer {
  position: relative;
}
.svgMapStyle .countryContainer .purpleButton {
  position: absolute;
  font-size: 13px;
  text-transform: uppercase;
  padding: 6px 12px;
  font-weight: 400;
}
.svgMapStyle .countryContainer .purpleButton.buttonSlovakia {
  top: 35px;
  right: 50px;
}
.svgMapStyle .countryContainer .purpleButton.buttonHungary {
  bottom: 75px;
  right: 35px;
}
.svgMapStyle .commonMap {
  width: 100%;
  height: 100%;
}
.svgMapStyle .commonMap path {
  fill: #9f9f9f;
}
.svgMapStyle .commonMap path:hover {
  cursor: pointer;
}
.svgMapStyle .mapSvgCountries {
  height: 230px;
}
.svgMapStyle .mapSvgCountries #country_hungary {
  fill: #bdbdbd;
}
.svgMapStyle .countyMap {
  width: 100%;
  height: 100%;
}
.svgMapStyle .countyMap path {
  transition: .3s fill;
}
.svgMapStyle .countyMap path.selected {
  fill: #9e005d;
}
.svgMapStyle .countyMap path.selected:hover {
  fill: #cb2f8b;
}
.svgMapStyle .countyMap path:hover {
  fill: #ffffff;
}
/**
 * layoutok stílusai
 */
.layoutMain {
  background: url('../../images/common/main_layout_bg.jpg') no-repeat center top #f0f0f0;
  min-height: 100vh;
  position: relative;
}
.layoutMain.minimal .columns .colContent {
  margin: 0 auto;
}
.layoutMain .columns {
  width: 1030px;
  margin: 0 auto;
  max-width: 100%;
}
.layoutMain .columns .col {
  min-height: 1px;
}
.layoutMain .columns .colRecommendation {
  width: 280px;
}
.layoutMain .columns .colContent {
  width: 565px;
  max-width: 100%;
}
.layoutMain .columns .colMenu {
  width: 185px;
}
.layoutNoRightCol {
  background: url('../../images/common/main_layout_bg.jpg') no-repeat center top #f0f0f0;
  min-height: 100vh;
  position: relative;
}
.layoutNoRightCol .columns {
  width: 1030px;
  margin: 0 auto;
}
.layoutNoRightCol .columns .col {
  min-height: 1px;
}
.layoutNoRightCol .columns .colContent {
  width: 845px;
}
.layoutNoRightCol .columns .colMenu {
  width: 185px;
}
#popupContainer {
  display: none;
}
.popupMessangerLayer {
  width: 350px;
}
.popupMessangerLayer .header {
  background-color: #9e005d;
}
.popupMessangerLayer .header p {
  color: #ffffff;
  padding: 10px 0 10px 16px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
}
.popupMessangerLayer .bottomSection {
  background-color: #e8e8e8;
  padding: 10px 0;
}
.popupMessangerLayer .bottomSection .purpleButton {
  width: 50%;
  margin: 0 auto;
  display: block;
  font-size: 14px;
  padding: 5px 0;
}
.popupMessangerLayer .messageContainer {
  padding: 20px 15px;
}
.popupMessangerLayer .messageContainer p {
  text-align: center;
  line-height: 18px;
}
.popupConfirmLayer {
  width: 350px;
}
.popupConfirmLayer .head {
  background-color: #9e005d;
}
.popupConfirmLayer .head p {
  color: #ffffff;
  padding: 10px 0 10px 16px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
}
.popupConfirmLayer .belowSection {
  padding: 8px 0 13px 0;
}
.popupConfirmLayer .belowSection .buttonHolder {
  width: 48%;
  position: relative;
}
.popupConfirmLayer .belowSection .buttonHolder.left {
  text-align: right;
}
.popupConfirmLayer .belowSection .buttonHolder.left .button {
  position: absolute;
  right: 0;
}
.popupConfirmLayer .belowSection .buttonHolder .button {
  padding: 8px 0;
  font-weight: 400;
  font-size: 16px;
  width: 120px;
}
.popupConfirmLayer .belowSection .buttonHolder .button:hover {
  cursor: pointer;
}
.popupConfirmLayer .messageHolder {
  padding: 20px 0;
  text-align: center;
}
.popupConfirmLayer .messageHolder span.unsubConfirm {
  padding: 0 20px !important;
  font-size: 16px !important;
  line-height: 20px !important;
  text-align: left !important;
  display: block !important;
}
/**
 * Ha valahol egy photoSet van definiálva soha nem jelenítjük meg
 */
.photoSet {
  display: none;
}
.photoViewerPopup {
  width: 960px;
  background: none;
}
.photoViewerPopup .photoViewContainer {
  width: 100%;
  position: relative;
  box-shadow: 0 0 40px 0 #333;
}
.photoViewerPopup .photoViewContainer .head {
  background: #9e005d;
  width: 100%;
  margin: 0 auto;
}
.photoViewerPopup .photoViewContainer .head p {
  color: #ffffff;
  padding: 15px;
  text-align: left;
  font-weight: 600;
}
.photoViewerPopup .photoViewContainer .head .informationBadge {
  position: absolute;
  top: 12px;
  right: 45px;
}
.photoViewerPopup .photoViewContainer .head .closeBadge {
  position: absolute;
  top: 12px;
  right: 15px;
}
.photoViewerPopup .photoViewContainer #photoViewSlider {
  margin: 0 auto;
  padding: 15px 0;
  background: rgba(0, 0, 0, 0.65);
  position: relative;
}
.photoViewerPopup .photoViewContainer #photoViewSlider .pagerOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 120;
}
.photoViewerPopup .photoViewContainer #photoViewSlider .pagerOverlay .pager {
  height: 100%;
}
.photoViewerPopup .photoViewContainer #photoViewSlider .pagerOverlay .pager:hover {
  cursor: pointer;
}
.photoViewerPopup .photoViewContainer #photoViewSlider .pagerOverlay .pager.pagerPrev {
  width: 20%;
}
.photoViewerPopup .photoViewContainer #photoViewSlider .pagerOverlay .pager.pagerNext {
  width: 80%;
}
.photoViewerPopup .photoViewContainer #photoViewSlider.swipe {
  overflow: hidden;
  visibility: hidden;
}
.photoViewerPopup .photoViewContainer #photoViewSlider .swipe-wrap {
  overflow: hidden;
  position: relative;
}
.photoViewerPopup .photoViewContainer #photoViewSlider .swipe-wrap > div {
  float: left;
  position: relative;
  padding: 0 15px;
  z-index: 100;
}
.photoViewerPopup .photoViewContainer #photoViewSlider .swipe-wrap > div.privatePicture .extraContent:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/assets/images/profile/imageLockPrivateBig.png') no-repeat center center transparent;
  z-index: 110;
}
.photoViewerPopup .photoViewContainer #photoViewSlider .swipe-wrap > div > img {
  max-width: 100%;
  max-height: 450px;
}
.photoViewerPopup .photoViewContainer .button {
  position: absolute;
  display: block;
  top: 14px;
  z-index: 3500;
  color: #9e005d;
  background-color: white;
  line-height: 10px;
  vertical-align: top;
}
.photoViewerPopup .photoViewContainer .button:hover,
.photoViewerPopup .photoViewContainer .button.hovered {
  color: #cb2f8b;
  cursor: pointer;
}
.photoViewerPopup .photoViewContainer .button i {
  font-size: 28px;
}
.photoViewerPopup .photoViewContainer .button.leftButton {
  left: 15px;
}
.photoViewerPopup .photoViewContainer .button.rightButton {
  right: 15px;
}
.photoViewerPopup .photoViewContainer .gallerySizeInfo {
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.65);
  padding: 21px 0 9px 0;
  position: relative;
}
.photoViewerPopup .photoViewContainer .gallerySizeInfo p {
  color: white;
}
.cardPaymentInfoPopup {
  width: 400px;
  margin: 45px auto 0 auto;
}
.cardPaymentInfoPopup .headLine {
  background-color: #9e005d;
  padding: 14px 0;
  color: #ffffff;
  text-align: left;
  position: relative;
}
.cardPaymentInfoPopup .headLine p {
  display: inline-block;
  position: relative;
}
.cardPaymentInfoPopup .headLine p.title {
  padding-left: 18px;
  text-align: left;
}
.cardPaymentInfoPopup .headLine p.icon {
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 8px;
}
.cardPaymentInfoPopup .headLine p.icon:hover {
  cursor: pointer;
}
.cardPaymentInfoPopup .description {
  padding: 18px 20px;
  text-align: left;
}
.cardPaymentInfoPopup .description p {
  line-height: 16px;
  margin-bottom: 18px;
}
.cardPaymentInfoPopup .description p:nth-last-child(1) {
  margin-bottom: 0;
}
.cardPaymentInfoPopup .goPayButton {
  padding: 10px 0 18px 0;
}
.cardPaymentInfoPopup .goPayButton a {
  width: 50%;
  margin: 0 auto;
  display: block;
}
.christmasGratisLayer {
  width: 96%;
  max-width: 560px;
  min-width: 320px;
}
.christmasGratisLayer p.close {
  display: inline-block;
  position: relative;
}
.christmasGratisLayer p.close.icon {
  font-size: 24px;
  position: absolute;
  right: 10px;
  top: 8px;
  font-weight: bold;
}
.christmasGratisLayer p.close.icon:hover {
  cursor: pointer;
}
.christmasGratisLayer p:not(.close) {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
  padding: 0 25px 0 25px;
  color: #1f1f1f;
}
.christmasGratisLayer p:not(.close):nth-of-type(2) {
  margin-top: 30px;
  line-height: 26px;
}
.christmasGratisLayer .img {
  width: 100%;
  height: 232px;
  background-image: url("/assets/images/_hu/promo/christmas/christmasGratisLayerBg.jpg");
  background-position: top right;
}
.christmasGratisLayer h2 {
  color: #9e005d;
  font-size: 40px;
  text-transform: uppercase;
}
.christmasGratisLayer .purpleButton {
  margin: 0 auto 30px auto;
  text-transform: uppercase;
  padding: 16px 85px;
  display: inline-block;
}
/**
 * Oldal dobozok közös stílusa
 */
.sideBox {
  width: 100%;
}
/**
 * Segítség doboz
 */
.sideBoxHelp {
  background-color: #ffffff;
  padding: 20px;
}
.sideBoxHelp .head {
  margin-bottom: 20px;
}
.sideBoxHelp .head p {
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
}
.sideBoxHelp .description {
  font-size: 12px;
  text-align: left;
}
.sideBoxHelp .nextLink {
  display: block;
  font-size: 13px;
  margin-top: 20px;
  color: #000000;
  text-decoration: underline;
}
.sideBoxHelp .nextLink i {
  padding-left: 10px;
}
/**
 * Olyan dobozok közös stílusa amiben csak userek vannak felsorolva
 */
.membersSideBox .boxHead {
  position: relative;
  background-color: #d9d9d9;
}
.membersSideBox .boxHead p {
  font-size: 20px;
  color: #000000;
  padding: 15px 0 15px 18px;
  text-transform: uppercase;
}
.membersSideBox .boxHead a {
  font-size: 12px;
  text-decoration: underline;
  position: absolute;
  top: 13px;
  right: 20px;
  text-align: right;
  width: 50px;
}
.membersSideBox .userHolder .users .user .profileImage {
  height: 94px;
}
.membersSideBox .userHolder .users .user .profileImage img {
  width: 93px;
  height: 94px;
}
.membersSideBox .userHolder .users .user .profileImage:nth-child(3n) img {
  width: 94px;
}
/**
 * Profile akciók doboz (A profile megtekintése oldalhoz tartozik)
 */
.profileActionsSideBox {
  height: 283px;
  background-color: #e8e8e8;
}
.profileActionsSideBox .sms-icon {
  position: relative;
}
.profileActionsSideBox .sms-icon:before {
  font-family: FontAwesome;
  content: '\f075';
}
.profileActionsSideBox .sms-icon:after {
  content: 'SMS';
  position: absolute;
  top: 10px;
  left: 35px;
  color: white;
  font-size: 9px;
  font-weight: 600;
}
.profileActionsSideBox .divider {
  height: 1px;
  box-shadow: 0px 1px 0px 0px #cfcfcf;
  width: 255px;
  margin: 0 auto;
  border: none;
  background-color: white;
  position: relative;
  top: -2px;
  z-index: 10;
}
.profileActionsSideBox .divider:nth-last-child(1) {
  top: -4px;
}
.profileActionsSideBox .buttonGroup .button {
  display: inline-block;
  width: 93px;
  height: 94px;
  position: relative;
}
.profileActionsSideBox .buttonGroup .button:nth-child(2) {
  width: 94px;
}
.profileActionsSideBox .buttonGroup .button.cantTakeAction.active,
.profileActionsSideBox .buttonGroup .button.cantTakeAction:hover {
  cursor: auto;
}
.profileActionsSideBox .buttonGroup .button.cantTakeAction.active:before,
.profileActionsSideBox .buttonGroup .button.cantTakeAction:hover:before {
  content: attr(data-card-text);
  width: 100%;
  height: 100%;
  background-color: #545454;
  color: #ffffff;
  position: relative;
  z-index: 50;
  display: block;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  padding: 10px 5px;
}
.profileActionsSideBox .buttonGroup .button.inactive {
  background-color: transparent;
  cursor: default;
}
.profileActionsSideBox .buttonGroup .button.inactive .buttonText {
  color: #c7c7c7;
}
.profileActionsSideBox .buttonGroup .button.inactive .icon:after {
  color: #c7c7c7;
}
.profileActionsSideBox .buttonGroup .button.inactive .icon:before {
  color: #c7c7c7;
}
.profileActionsSideBox .buttonGroup .button.inactive:hover {
  background-color: transparent;
}
.profileActionsSideBox .buttonGroup .button.inactive:hover .buttonText {
  color: #c7c7c7;
}
.profileActionsSideBox .buttonGroup .button.inactive:hover .icon:after {
  color: #c7c7c7;
}
.profileActionsSideBox .buttonGroup .button.inactive:hover .icon:before {
  color: #c7c7c7;
}
.profileActionsSideBox .buttonGroup .button:hover,
.profileActionsSideBox .buttonGroup .button.active {
  z-index: 20;
  background-color: #9e005d;
}
.profileActionsSideBox .buttonGroup .button:hover .buttonText,
.profileActionsSideBox .buttonGroup .button.active .buttonText {
  color: #ffffff;
}
.profileActionsSideBox .buttonGroup .button:hover .icon:after,
.profileActionsSideBox .buttonGroup .button.active .icon:after {
  color: #9e005d;
}
.profileActionsSideBox .buttonGroup .button:hover .icon:before,
.profileActionsSideBox .buttonGroup .button.active .icon:before {
  color: #ffffff;
}
.profileActionsSideBox .buttonGroup .button .icon {
  position: absolute;
  top: 20px;
  display: block;
  width: 100%;
  text-align: center;
}
.profileActionsSideBox .buttonGroup .button .icon.icon-keyhole {
  font-size: 16px;
  top: 10px;
}
.profileActionsSideBox .buttonGroup .button .icon.icon-keyhole:before {
  font-size: 24px;
}
.profileActionsSideBox .buttonGroup .button .icon.icon-key {
  font-size: 16px;
  top: 6px;
}
.profileActionsSideBox .buttonGroup .button .icon.icon-key:before {
  font-size: 38px;
}
.profileActionsSideBox .buttonGroup .button .icon:before {
  font-size: 30px;
  color: #9e005d;
}
.profileActionsSideBox .buttonGroup .button .buttonText {
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  color: #9e005d;
  position: absolute;
  bottom: 15px;
  width: 100%;
}
.profileActionsSideBox .buttonGroup.buttonGroupPrivatePictures .button {
  position: relative;
  top: -2px;
  height: 80px;
  width: 50%;
}
.profileActionsSideBox .connectionInfo {
  padding: 12px 0;
  width: 245px;
  margin: 0 auto;
}
.profileActionsSideBox .connectionInfo .infoBlock .info p {
  color: #000000;
  font-size: 11px;
  margin-bottom: 5px;
}
.profileActionsSideBox .connectionInfo .infoBlock .info:nth-last-child(1) p {
  margin-bottom: 0;
}
.profileActionsSideBox .connectionInfo .infoBlock.right .info p {
  text-align: right;
}
.profileActionsSideBox .bigMessageButton {
  margin-top: 11px;
}
.profileActionsSideBox .bigMessageButton a {
  padding: 7px 0;
  width: 195px;
  margin: 0 auto;
  display: block;
  font-size: 14px;
}
.profileActionsSideBox .bigMessageButton a.grayButton {
  background-color: #d9d9d9;
}
/**
 * Profilhoz tartozó fotók oldaldoboza
 */
.profilePicturesSideBox .boxHead p {
  padding: 15px 0 15px 18px;
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
}
.profilePicturesSideBox .content {
  background-color: #e8e8e8;
}
.profilePicturesSideBox .content.contentNormalPictures {
  background-color: #d9d9d9;
}
.profilePicturesSideBox .content .images .userImage {
  width: 93px;
  height: 94px;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.profilePicturesSideBox .content .images .userImage.privateOverlay:after {
  width: 93px;
  height: 94px;
  content: ' ';
  z-index: 10;
  background: url('/assets/images/profile/imageLock.png') no-repeat center center transparent;
  position: absolute;
  top: 0;
  left: 0;
}
.profilePicturesSideBox .content .images .userImage img {
  width: 93px;
  height: 94px;
}
.profilePicturesSideBox .content .images .userImage:nth-child(3n) {
  width: 94px;
}
.profilePicturesSideBox .content .images .userImage:nth-child(3n) img {
  width: 94px;
}
/**
 * ÁSZF változás doboz
 */
.eulaChangeSideBox {
  background-color: #d9d9d9;
  padding: 20px;
  color: #000000;
  font-size: 12px;
  position: relative;
}
.eulaChangeSideBox .eula-close-button {
  display: block;
  right: 7px;
  top: 2px;
  position: absolute;
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}
.eulaChangeSideBox .eula-close-button:after {
  color: #000000;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 22px;
  display: block;
  content: "\00d7";
  text-align: center;
}
.eulaChangeSideBox .topDate {
  margin-bottom: 12px;
}
.eulaChangeSideBox .topDate p {
  font-weight: 600;
}
.eulaChangeSideBox .readFull {
  margin-top: 12px;
}
/**
 * Oldalsó menü
 */
.sideMenu {
  margin-right: 35px;
  position: relative;
}
.sideMenu .menuItem.subMenuItem.active .menuLink {
  font-weight: 700;
}
.sideMenu .menuItem.active .mainMenuLink {
  font-weight: 700;
}
.sideMenu .menuItem:nth-last-child(1) {
  margin-bottom: 0;
}
.sideMenu .menuLink {
  font-size: 14px;
  display: block;
  color: #000000;
  padding: 6px 12px 6px 0;
  text-align: right;
}
.sideMenu .menuLink.logoutButton {
  color: #878787;
}
.sideMenu .menuLink.mainMenuLink {
  text-transform: uppercase;
  font-size: 15px;
}
.sideMenu .menuLink.mainMenuLink:hover {
  background-color: #9e005d;
  color: #ffffff;
}
.sideMenu .menuLink.subMenuLink {
  font-size: 12px;
}
.sideMenu .menuLink.subMenuLink:hover {
  text-decoration: underline;
}
.sideMenu .subMenuHolder {
  display: none;
  padding: 0 8px 0 0;
  border-top: 1px solid #9e005d;
  border-bottom: 1px solid #cb2f8b;
}
.sideMenu .panicButton {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #9e005d;
  position: absolute;
  right: 5px;
  bottom: -90px;
  display: block;
  -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;
  z-index: 100;
}
.sideMenu .panicButton span {
  position: relative;
  top: 27px;
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sideMenu .panicButton:hover {
  box-shadow: inset 4px 3px 5px 0px rgba(255, 255, 255, 0.3), inset -3px -4px 6px -1px rgba(95, 95, 95, 0.45);
}
/**
 * Privacy changed info
 */
.privacyChangedInfo {
  position: relative;
  width: 174px;
  margin: 25px 0;
  padding: 10px;
  background-color: #fff;
  font-size: 12px;
  line-height: 1.4;
}
.privacyChangedInfo .close {
  position: absolute;
  display: inline-block;
  top: 5px;
  right: 5px;
}
.privacyChangedInfo .close:after {
  content: '×';
  display: inline-block;
  width: 19px;
  color: #888;
  font-size: 28px;
  font-weight: 300;
  line-height: 20px;
  cursor: pointer;
}
.privacyChangedInfo a {
  font-weight: 600;
  text-decoration: underline;
}
.privacyChangedInfo p {
  padding: 5px 0;
}
.adverticumZone {
  display: none;
}
.adverticumZone.zoneAfterMenu {
  width: 160px;
  margin: 120px auto 0 auto;
  position: relative;
  z-index: 250;
}
.adverticumZone.zoneOnTop {
  width: 1030px;
  margin: 0 auto;
  padding: 20px 0 30px 0;
}
.adverticumZone.zoneOnTop .adContainer {
  text-align: center;
  height: 92px;
}
.adverticumZone.zoneOnSideBox {
  width: 280px;
  background-color: #d9d9d9;
  padding: 15px 0;
}
.adverticumZone.zoneOnSideBox .adContainer {
  text-align: center;
}
.adContainerKapuSeparator {
  width: 100%;
  background-color: transparent;
  height: 150px;
}
.adContainerKapuBG {
  background-color: #dcdcdc !important;
  /*.mainWrapper{*/
  width: 1030px;
  margin: 240px auto 0 auto;
  /*}*/
}
@media all and (min-width: 1030px) and (max-width: 1920px) {
  .adContainerKapuBG {
    margin-top: 13% !important;
  }
}
@media all and (max-width: 1030px) {
  .adContainerKapuBG {
    margin-top: 130px;
  }
}
.adContainerKapuBG .layoutMain,
.adContainerKapuBG .layoutNoRightCol {
  z-index: 9999999999 !important;
  width: 1050px !important;
}
.adContainerKapuBG .footerBar.default {
  background: #dcdcdc !important;
}
.adContainerKapuBG .notifications .notification.inactive .icon:after {
  color: #a5a5a5 !important;
}
.adContainerKapu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  text-align: center;
}
@media all and (max-width: 1920px) {
  .adContainerKapu img {
    width: 100% !important;
    height: auto !important;
    min-width: 1030px !important;
  }
}
body {
  background-color: /*#1a150f !important;*/ #dcdcdc !important;
}
body .cookiePolicyWrapper {
  z-index: 9999999999;
}
/* Top banner */
.promoUtazasTopBanner {
  position: relative;
  width: 146px;
  height: 220px;
  margin-bottom: 30px;
  background: url('/assets/images/_hu/promo/utazas/promo_small.jpg') no-repeat;
  cursor: pointer;
}
.popupUtazasAbout {
  display: none;
  width: 560px;
  min-height: 824px;
  margin: 20px auto 0 auto !important;
  padding: 50px 50px 30px 65px;
  display: block !important;
  z-index: 999999999;
  background: #e8e8e8 url('/assets/images/_hu/promo/utazas/layer.jpg') no-repeat;
}
.popupUtazasAbout .close {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  right: 10px;
  background: url('/assets/images/_hu/promo/halloween/close.png');
  cursor: pointer;
}
.popupUtazasAbout .utazasAboutFoot {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 15px 65px;
  font-size: 15px;
  text-align: left;
  color: #4d4d4d;
}
.popupUtazasAbout .utazasAboutFoot > p {
  line-height: 1.2;
}
.popupUtazasAbout .utazasAboutFoot .purpleButton {
  margin: 10px 0;
  padding: 18px 0;
  font-size: 31px;
  text-transform: uppercase;
}
.popupUtazasAbout .utazasAboutFoot div {
  text-align: center;
}
.popupUtazasAbout .utazasAboutFoot .rules {
  color: #222;
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
}
@media (max-width: 600px) {
  .popupUtazasAbout {
    display: none;
    width: 304px;
    min-height: 730px;
    margin: 10px auto 0 auto !important;
    padding: 0;
    display: block !important;
    z-index: 999999999;
    background: #e8e8e8 url('/assets/images/_hu/promo/utazas/layer_mobil.jpg') no-repeat;
  }
  .popupUtazasAbout .close {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    right: 8px;
    background: url('/assets/images/_hu/promo/halloween/close.png');
    cursor: pointer;
  }
  .popupUtazasAbout .utazasAboutFoot {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px 65px;
    font-size: 15px;
    text-align: left;
    color: #4d4d4d;
  }
  .popupUtazasAbout .utazasAboutFoot > p {
    line-height: 1.2;
  }
  .popupUtazasAbout .utazasAboutFoot .purpleButton {
    margin: 10px 0;
    padding: 18px 0;
    font-size: 20px;
    text-transform: uppercase;
  }
  .popupUtazasAbout .utazasAboutFoot div {
    text-align: center;
  }
  .popupUtazasAbout .utazasAboutFoot .rules {
    color: #222;
    text-align: center;
    text-decoration: underline;
    font-size: 12px;
  }
}
/**
 * Húsvét promo
 */
/* Top banner */
.promoHusvetTopBanner {
  position: relative;
  width: 157px;
  height: 125px;
  margin-bottom: 30px;
  background: url('/assets/images/_hu/promo/halloween/topBanner.png') no-repeat;
  cursor: pointer;
  margin-top: 30px;
}
/* About layer */
.popupHusvetAbout {
  display: none;
  width: 560px;
  min-height: 695px;
  margin: 20px auto 0 auto !important;
  padding: 50px 50px 30px 65px;
  display: block !important;
  z-index: 999999999;
  background: #e8e8e8 url('/assets/images/_hu/promo/halloween/about_layer.jpg?v=2') no-repeat;
}
.popupHusvetAbout .close {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  right: 10px;
  background: url('/assets/images/_hu/promo/halloween/close.png');
  cursor: pointer;
}
.popupHusvetAbout .husvetAboutHead {
  /*.p1 {
          text-transform: uppercase;
          color: #379ca7;
          font-size: 31px;
          font-weight: 600;
          margin-bottom: 5px;
        }

        .p2 {
          padding-bottom: 15px;
          text-transform: uppercase;
          font-size: 33px;
          font-weight: bold;
          color: #1c7882;
          background: url('@{promoImages}line1.png') no-repeat bottom;
        }

        .p3 {
          padding: 15px 0;
          text-transform: uppercase;
          font-size: 18px;
          font-weight: 600;
          color: #4d4d4d;
          background: url('@{promoImages}line2.png') no-repeat bottom;
        }*/
}
.popupHusvetAbout .husvetAboutCnt {
  /*background: url('@{promoImages}promo_husvet_about.png') no-repeat left;
        width: 100%;
        min-height: 164px;
        margin: 40px 0 30px 0;
        padding-left: 190px;
        font-size: 15px;
        text-align: left;
        line-height: 1.3;
        color: #4d4d4d;

        strong {
          display: block;
          margin-top: 25px;
        }*/
}
.popupHusvetAbout .husvetAboutFoot {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 15px 65px;
  font-size: 15px;
  text-align: left;
  color: #4d4d4d;
}
.popupHusvetAbout .husvetAboutFoot > p {
  line-height: 1.2;
}
.popupHusvetAbout .husvetAboutFoot .purpleButton {
  margin: 10px 0;
  padding: 18px 0;
  font-size: 31px;
  text-transform: uppercase;
}
.popupHusvetAbout .husvetAboutFoot div {
  text-align: right;
}
.popupHusvetAbout .husvetAboutFoot .rules {
  color: #222;
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
}
/* Profil */
.promoHusvetBanner {
  position: relative;
  width: 100%;
  height: 165px;
  margin: 5px 0;
}
.promoHusvetBanner .found {
  background: url('/assets/images/_hu/promo/halloween/promo_koktel_profile.png') no-repeat;
  height: 100%;
  padding: 18px 0 0 0;
}
.promoHusvetBanner .found .title {
  width: 820px;
  padding-bottom: 15px;
  margin-bottom: 13px;
  font-size: 30px;
  font-weight: 600;
  color: #9e005d;
  text-transform: uppercase;
  text-align: center;
}
.promoHusvetBanner .found .subtitle {
  width: 820px;
  text-align: center;
  line-height: 1.2;
}
.promoHusvetBanner .found .whatisthis {
  position: absolute;
  bottom: 15px;
  right: 150px;
  font-size: 14px;
  font-style: italic;
  text-decoration: underline;
}
.promoHusvetBanner .found.sex2 {
  background-image: url('/assets/images/_hu/promo/halloween/found-bg-man.png');
}
.promoHusvetBanner .found.sex1 {
  background-image: url('/assets/images/_hu/promo/halloween/found-bg-woman.png');
}
.promoHusvetBanner .finish {
  background: url('/assets/images/_hu/promo/halloween/promo_halloween_profile_finish.png') no-repeat;
  height: 100%;
  padding: 30px 0 0 0;
}
.promoHusvetBanner .finish .title {
  width: 665px;
  padding-bottom: 10px;
  margin-bottom: 7px;
  margin-left: 15px;
  font-size: 45px;
  font-weight: 600;
  color: #9e005d;
  text-align: center;
  text-transform: uppercase;
}
.promoHusvetBanner .finish .subtitle {
  width: 690px;
  font-size: 15px;
  line-height: 1.2;
}
.promoHusvetBanner .finish .whatisthis {
  position: absolute;
  bottom: 15px;
  right: 150px;
  font-size: 14px;
  font-style: italic;
  text-decoration: underline;
}
.promoHusvetBanner .counter {
  position: absolute;
  width: 108px;
  top: 10px;
  right: 0;
  padding: 30px 20px;
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  color: #4d4d4d;
  /*background: url('@{promoImages}line4.png') no-repeat left;*/
}
/* Win layer */
.popupHusvetWin {
  display: none;
  width: 560px;
  height: 495px;
  margin: 20px auto 0 auto !important;
  padding: 50px 35px 40px 35px;
  display: block !important;
  z-index: 999999999;
  background: #e8e8e8 url('/assets/images/_hu/promo/halloween/win_layer.jpg') no-repeat;
  text-align: center;
}
.popupHusvetWin .close {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  right: 10px;
  background: url('/assets/images/_hu/promo/halloween/close.png');
  cursor: pointer;
}
.popupHusvetWin .husvetWinHead .p1 {
  padding-bottom: 15px;
  color: #1c7882;
  font-size: 60px;
  font-weight: 600;
  text-transform: uppercase;
}
.popupHusvetWin .husvetWinHead .p2 {
  padding: 15px 0;
  font-size: 18px;
  font-weight: 600;
  color: #4d4d4d;
  line-height: 1.2;
  text-transform: uppercase;
}
.popupHusvetWin .husvetWinGray {
  padding: 20px 20px;
  margin: 150px 0 0 0;
  font-size: 15px;
  text-align: left;
}
.popupHusvetWin .husvetWinGray.addefi {
  margin: 119px 0 0 0;
}
.popupHusvetWin .husvetWinGray .p1 {
  margin-bottom: 25px;
  font-weight: bold;
}
.popupHusvetWin .husvetWinGray .p2 {
  margin-top: 5px;
  color: #9e005d;
}
.popupHusvetWin .husvetWinGray .p3 {
  margin-top: 45px;
  line-height: 1.4;
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
}
.popupHusvetWin .husvetWinFoot {
  padding: 0 15px;
  font-size: 15px;
}
.popupHusvetWin .husvetWinFoot .purpleButton {
  display: block;
  width: 100%;
  margin-top: 0;
  padding: 18px 90px;
  font-size: 31px;
  text-transform: uppercase;
}
.popupHusvetWin .husvetWinFoot div {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
}
.popupHusvetWin .husvetWinFoot .rules {
  color: #222;
  text-align: center;
  text-decoration: underline;
  font-size: 12px;
}
.popupHusvetWin.long {
  background-image: url('/assets/images/_hu/promo/halloween/win_layer_subscr.jpg');
  height: 520px;
}
.popupHusvetWin.long .husvetWinGray {
  padding: 20px 45px;
  margin: 140px 0 0 0;
}
.popupHusvetWin.long .husvetWinGray .p1 {
  margin-bottom: 32px;
  font-weight: bold;
  text-transform: uppercase;
}
.popupHusvetWin.long .husvetWinGray .p2 {
  margin-top: 4px;
}
.popupHusvetWin.long .husvetWinGray .p3 {
  margin-top: 32px;
  text-transform: none;
  text-align: left;
  font-weight: bold;
  font-size: 15px;
}
.popupHusvetWin.long .husvetWinFoot .purpleButton {
  margin-top: 15px;
}
.promoUEFATopBanner {
  width: 155px;
  margin-bottom: 20px;
}
.promoUEFATopBanner .head {
  padding: 9px 0 16px 52px;
  color: #094a86;
  background: url('/assets/images/_hu/promo/uefa/ball.png') no-repeat;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  white-space: nowrap;
}
.promoUEFATopBanner #promoUEFASelectedTeam {
  visibility: hidden;
}
.promoUEFATopBanner .viszonySelect {
  width: 100%;
}
.promoUEFATopBanner .viszonySelect .selectHead {
  width: 100%;
}
.promoUEFATopBanner .viszonySelect .selectHead .arrowContainer {
  width: 25px;
}
.promoUEFATopBanner .viszonySelect .selectHead .arrowContainer:after {
  left: 6px;
  color: #48759f;
  font-size: 22px;
}
.promoUEFATopBanner .viszonySelect .selectHead .currentSelection {
  font-size: 13px;
}
.promoUEFATopBanner .viszonySelect .selectHead .currentSelection img {
  box-shadow: 0px 0px 2px #eee;
}
.promoUEFATopBanner .viszonySelect .list-wrapper {
  width: 100%;
}
.promoUEFATopBanner .viszonySelect.error {
  border: 1px solid #9e005d;
}
.promoUEFATopBanner button {
  width: 100%;
  margin-top: 5px;
  padding: 9px;
  font-size: 14px;
  color: #fff;
  background-color: #094a86;
  border: 0;
  text-transform: uppercase;
  outline: none;
  cursor: pointer;
}
.promoUEFAProfile {
  padding: 20px 15px 15px 15px;
  background-color: #f3f3f3;
}
.promoUEFAProfile > div {
  display: inline-block;
  vertical-align: top;
}
.promoUEFAProfile > div > span {
  display: block;
  margin-bottom: 6px;
  color: #094a86;
  font-size: 14px;
  font-weight: 600;
}
.promoUEFAProfile .selectedTeam .team {
  width: 220px;
  padding: 7px 0 3px 10px;
  background-color: #fff;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.promoUEFAProfile .selectedTeam .team img {
  position: relative;
  top: -2px;
  margin-right: 5px;
  vertical-align: middle;
}
.promoUEFAProfile .ball {
  position: relative;
  top: 6px;
  width: 46px;
  height: 60px;
  margin: 0 20px;
  background: url('/assets/images/_hu/promo/uefa/ball.png') no-repeat;
}
.promoUEFAProfile #promoUEFASelectedTeam2 {
  visibility: hidden;
}
.promoUEFAProfile .viszonySelect {
  width: 220px;
}
.promoUEFAProfile .viszonySelect .selectHead {
  width: 100%;
}
.promoUEFAProfile .viszonySelect .selectHead .arrowContainer {
  width: 25px;
}
.promoUEFAProfile .viszonySelect .selectHead .arrowContainer:after {
  left: 6px;
  color: #48759f;
  font-size: 22px;
}
.promoUEFAProfile .viszonySelect .selectHead .currentSelection {
  font-size: 13px;
}
.promoUEFAProfile .viszonySelect .selectHead .currentSelection img {
  box-shadow: 0px 0px 2px #eee;
}
.promoUEFAProfile .viszonySelect .list-wrapper {
  width: 100%;
}
.promoUEFAProfile .viszonySelect.error {
  border: 1px solid #9e005d;
}
.promoUEFAHappyHoursInfo {
  width: 845px;
  max-height: 84px;
  background-color: #094a86;
}
.promoUEFAHappyHoursInfo .info {
  display: inline-block;
  width: 665px;
  padding: 10px 15px;
  color: #a3b9cf;
  vertical-align: top;
}
.promoUEFAHappyHoursInfo .info strong {
  color: #fff;
  line-height: 1.5;
  text-transform: uppercase;
}
.promoUEFAHappyHoursInfo .countdown {
  display: inline-block;
  width: 180px;
  float: right;
  padding: 24px 18px;
  color: #f1f0ee;
  background-color: #2668a6;
  font-size: 36px;
  font-weight: bold;
  vertical-align: top;
}
.remodal.womensDay {
  width: 560px;
  max-width: 560px;
  min-width: 560px;
  background: #FFFFFF;
  margin: 115px auto;
  display: block;
  padding: 0;
  border-radius: 0 !important;
  /*font-family: "Source Sans Pro", Sans-serif;*/
  min-height: 502px;
  background-color: #ffffff;
}
.remodal.womensDay.hasEfi {
  width: 517px;
  min-width: 517px;
  max-width: 517px;
}
.remodal.womensDay h2 {
  background-color: #ffffff;
  color: #9e005d;
  font-size: 31px;
  padding: 33px 20px 0px 20px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.remodal.womensDay.hasEfi h2 {
  font-size: 24px;
  font-weight: 400;
  padding: 33px 30px 30px 30px;
}
.remodal.womensDay .content {
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
}
.remodal.womensDay .content.hasEfi {
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
}
.remodal.womensDay .content img {
  float: none;
  clear: both;
  display: block;
}
.remodal.womensDay .content.hasEfi img {
  display: block;
  clear: both;
  float: none;
}
.remodal.womensDay .content p {
  padding: 10px 50px 10px 50px;
}
.remodal.womensDay .content p:nth-of-type(1) {
  padding-top: 30px;
  line-height: 28px;
}
.remodal.womensDay .content p span {
  font-size: 20px;
}
.remodal.womensDay .content.hasEfi p {
  padding: 25px !important;
  text-align: center;
  font-size: 22px;
}
.remodal.womensDay .content p:nth-of-type(1),
.remodal.womensDay .content p:nth-of-type(3) {
  background-color: #f0f0f0;
}
.remodal.womensDay .content.hasEfi p:nth-of-type(1) {
  background-color: #9e005d !important;
  color: #ffffff !important;
}
.remodal.womensDay .content p:nth-of-type(2) {
  background-color: #9e005d;
  color: #ffffff;
}
.remodal.womensDay .content p:nth-of-type(3) {
  color: #9e005d;
}
.remodal.womensDay .content p a {
  width: 180px;
  padding: 12px 18px;
  background-color: #9e005d;
  margin: 30px auto 20px auto;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
}
.remodal.womensDay p.close {
  display: inline-block;
  position: relative;
}
.remodal.womensDay p.close.icon {
  font-size: 24px;
  position: absolute;
  right: 10px !important;
  top: 10px !important;
  font-weight: bold;
}
.remodal.womensDay p.close.icon:hover {
  cursor: pointer;
}
.womensDayTopBanner {
  position: relative;
  width: 173px;
  height: 217px;
  margin-bottom: 30px;
  background: url(/assets/images/promo/nonap/2019/nonap2019TopBanner.jpg) no-repeat;
  cursor: pointer;
  margin-top: 0px;
  background-position: top right;
}
.remodal.gratisEfiPromoLayer {
  width: 560px;
  max-width: 560px;
  min-width: 560px;
  margin: 115px auto;
  display: block;
  padding: 0;
  border-radius: 0 !important;
  background-color: #ffffff;
}
.remodal.gratisEfiPromoLayer h2 {
  background-color: #ffffff;
  color: #9e005d;
  font-size: 31px;
  padding: 33px 20px 0px 20px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.remodal.gratisEfiPromoLayer.hasEfi {
  width: 517px;
  min-width: 517px;
  max-width: 517px;
}
.remodal.gratisEfiPromoLayer.hasEfi h2 {
  font-size: 24px;
  font-weight: 400;
  padding: 33px 30px 30px 30px;
}
.remodal.gratisEfiPromoLayer .content {
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
}
.remodal.gratisEfiPromoLayer .content img {
  float: none;
  clear: both;
  display: block;
}
.remodal.gratisEfiPromoLayer .content p {
  padding: 10px 50px 10px 50px;
}
.remodal.gratisEfiPromoLayer .content p:nth-of-type(1) {
  padding-top: 30px;
  line-height: 28px;
}
.remodal.gratisEfiPromoLayer .content p span {
  font-size: 20px;
}
.remodal.gratisEfiPromoLayer .content p:nth-of-type(1),
.remodal.gratisEfiPromoLayer .content p:nth-of-type(3) {
  background-color: #f0f0f0;
}
.remodal.gratisEfiPromoLayer .content p:nth-of-type(2) {
  background-color: #9e005d;
  color: #ffffff;
}
.remodal.gratisEfiPromoLayer .content p a {
  width: 180px;
  padding: 12px 18px;
  background-color: #9e005d;
  margin: 30px auto 20px auto;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
}
.remodal.gratisEfiPromoLayer .content.hasEfi {
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
}
.remodal.gratisEfiPromoLayer .content.hasEfi img {
  display: block;
  clear: both;
  float: none;
}
.remodal.gratisEfiPromoLayer .content.hasEfi p {
  padding: 25px !important;
  text-align: center;
  font-size: 22px;
}
.remodal.gratisEfiPromoLayer .content.hasEfi p:nth-of-type(1) {
  background-color: #9e005d !important;
  color: #ffffff !important;
}
.remodal.gratisEfiPromoLayer p.close {
  display: inline-block;
  position: relative;
}
.remodal.gratisEfiPromoLayer p.close.icon {
  font-size: 24px;
  position: absolute;
  right: 10px !important;
  top: 10px !important;
  font-weight: bold;
}
.remodal.gratisEfiPromoLayer p.close.icon:hover {
  cursor: pointer;
}
/**
 * Oldal-csoport importok
 */
/**
 * Levelezés common része
 */
.messageList .messageCols {
  width: 100%;
  position: relative;
  padding-left: 12px;
}
.messageList .messageCols .col {
  display: inline-block;
}
.messageList .messageCols .col.colVIP {
  width: 70px;
  height: 12px;
  padding: 0 0 1px 0 !important;
  text-transform: uppercase;
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  position: absolute !important;
  left: -29px;
  top: 30px;
  text-align: center;
  background-color: #9e005d;
  line-height: 13px;
}
.messageList .messageCols .col.colVIP p {
  font-size: 10px;
  color: #ffffff;
}
.messageList .messageCols .col.colStatus {
  width: 13%;
}
.messageList .messageCols .col.colSender {
  width: 25%;
}
.messageList .messageCols .col.colSender p {
  padding-left: 5px;
}
.messageList .messageCols .col.colBodyFragment {
  width: 36%;
}
.messageList .messageCols .col.colDate {
  width: 14%;
}
.messageList .messageCols .col.colDelete {
  width: 12%;
}
.messageList .listHead .col p {
  font-weight: 700;
  color: #000000;
  padding: 12px 0 12px 15px;
  font-size: 13px;
  margin: 0 auto;
  font-size: 12px;
}
.messageList .listHead .col p[class=textCenter] {
  padding-left: 0;
}
.messageList .singleMessage {
  height: 65px;
  background-color: #ededed;
}
.messageList .singleMessage .col.faded:after {
  content: ' ';
  width: 25px;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background-image: -o-linear-gradient(left, #ededed 0%, rgba(237, 237, 237, 0.1) 60%);
  background-image: -moz-linear-gradient(left, #ededed 0%, rgba(237, 237, 237, 0.1) 60%);
  background-image: -webkit-linear-gradient(left, #ededed 0%, rgba(237, 237, 237, 0.1) 60%);
  background-image: -ms-linear-gradient(left, #ededed 0%, rgba(237, 237, 237, 0.1) 60%);
  background-image: linear-gradient(to left, #ededed 0%, rgba(237, 237, 237, 0.1) 60%);
}
.messageList .singleMessage:nth-child(2n) {
  background-color: #d9d9d9;
}
.messageList .singleMessage:nth-child(2n) .col.faded:after {
  background-image: -o-linear-gradient(left, #d9d9d9 0%, rgba(217, 217, 217, 0.1) 60%);
  background-image: -moz-linear-gradient(left, #d9d9d9 0%, rgba(217, 217, 217, 0.1) 60%);
  background-image: -webkit-linear-gradient(left, #d9d9d9 0%, rgba(217, 217, 217, 0.1) 60%);
  background-image: -ms-linear-gradient(left, #d9d9d9 0%, rgba(217, 217, 217, 0.1) 60%);
  background-image: linear-gradient(to left, #d9d9d9 0%, rgba(217, 217, 217, 0.1) 60%);
}
.messageList .singleMessage .messageCols {
  height: 100%;
}
.messageList .singleMessage .messageCols:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.messageList .singleMessage .messageCols .col {
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px;
  position: relative;
  margin-left: -1px;
}
.messageList .singleMessage .messageCols .col[class=textCenter] {
  padding-left: 0;
}
.messageList .singleMessage .messageCols .colStatus .statusIcon {
  font-family: viszony-nav;
}
.messageList .singleMessage .messageCols .colStatus .statusIcon:after,
.messageList .singleMessage .messageCols .colStatus .statusIcon:before {
  content: ' ';
  display: block;
  font-size: 22px;
  margin-left: -8px;
}
.messageList .singleMessage .messageCols .colStatus .statusIcon.statusNew:after {
  content: 'i';
}
.messageList .singleMessage .messageCols .colStatus .statusIcon.statusRead:after {
  content: 'h';
}
.messageList .singleMessage .messageCols .colStatus .statusIcon.statusReplied:after {
  content: 'g';
}
.messageList .singleMessage .messageCols .colSender {
  padding-left: 5px;
}
.messageList .singleMessage .messageCols .colSender .senderData {
  margin: 5px 0 0 7px;
  width: 62%;
}
.messageList .singleMessage .messageCols .colSender .senderData p {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.messageList .singleMessage .messageCols .colSender .senderData .name {
  color: #9e005d;
  font-weight: 600;
}
.messageList .singleMessage .messageCols .colSender .senderData .ageLocation,
.messageList .singleMessage .messageCols .colSender .senderData .conversationLastDate {
  font-size: 12px;
  margin-top: 3px;
}
.messageList .singleMessage .messageCols .messagePreview {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
  display: block;
}
.messageList .singleMessage .messageCols .lastMessageDate {
  font-size: 12px;
  color: #000000;
}
.messageList .singleMessage[data-is-read=no] .messagePreview {
  font-weight: 600;
}
.messageList .singleMessage .removeButton {
  display: block;
  text-align: left;
  margin-left: 8px;
  position: relative;
  width: 22px;
  height: 22px;
}
.messageList .singleMessage .removeButton:before,
.messageList .singleMessage .removeButton:after {
  content: ' ';
  display: block;
}
.messageList .singleMessage .removeButton:after {
  font-family: viszony-nav;
  content: 'b';
  font-size: 22px;
}
.messageList .singleMessage .removeButton:hover:after {
  content: 'a';
  color: #9e005d;
  position: absolute;
  z-index: 20;
}
.messageList .singleMessage .removeButton:hover:before {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
/**
 * User listák
 */
.userList {
  background-color: #ffffff;
  color: #000000;
  padding: 0 17px 15px 17px;
}
.userList .title {
  padding: 20px 0 17px 0;
}
.userList .title p {
  font-size: 22px;
  text-transform: uppercase;
}
.userList div.dropdown {
  padding: 17px 0 14px 0;
  float: right;
}
.userList div.dropdown .viszonySelect {
  box-shadow: 0 0 1px #777;
}
.userList .noUserFoundContainer {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  color: #9e005d;
  padding: 20px 0;
  background-color: #e3e3e3;
}
.userList .modeSelector {
  padding-bottom: 15px;
}
.userList .modeSelector .mode {
  width: 50%;
  background-color: #e3e3e3;
  padding: 10px 0;
  border-bottom: 2px solid #9e005d;
}
.userList .modeSelector .mode a {
  display: block;
  text-align: center;
  color: #000000;
}
.userList .modeSelector .mode:nth-child(1) {
  border-right: 2px solid #9e005d;
}
.userList .modeSelector .mode.active {
  background-color: #ffffff;
  border-top: 2px solid #9e005d;
  border-bottom: none;
}
.userList .modeSelector .mode.active a {
  font-weight: 600;
}
.userList .singleUser {
  background-color: #e8e8e8;
  height: 94px;
  margin-bottom: 17px;
}
.userList .singleUser:nth-last-child(1) {
  margin-bottom: 0;
}
.userList .singleUser .sections {
  height: 100%;
}
.userList .singleUser .dividerHorizontal {
  width: 1px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 100;
}
.userList .singleUser .dividerHorizontal:after,
.userList .singleUser .dividerHorizontal:before {
  content: ' ';
  width: 1px;
  display: block;
  position: absolute;
  top: 0px;
  height: 94px;
}
.userList .singleUser .dividerHorizontal:after {
  background-image: -o-linear-gradient(bottom, #e8e8e8 10%, #ffffff 20%, #ffffff 80%, #e8e8e8 100%);
  background-image: -moz-linear-gradient(bottom, #e8e8e8 10%, #ffffff 20%, #ffffff 80%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(bottom, #e8e8e8 10%, #ffffff 20%, #ffffff 80%, #e8e8e8 100%);
  background-image: -ms-linear-gradient(bottom, #e8e8e8 10%, #ffffff 20%, #ffffff 80%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 10%, #ffffff 20%, #ffffff 80%, #e8e8e8 100%);
  left: 1px;
}
.userList .singleUser .dividerHorizontal:before {
  background-image: -o-linear-gradient(bottom, #e8e8e8 10%, #d3d2ce 20%, #d3d2ce 80%, #e8e8e8 100%);
  background-image: -moz-linear-gradient(bottom, #e8e8e8 10%, #d3d2ce 20%, #d3d2ce 80%, #e8e8e8 100%);
  background-image: -webkit-linear-gradient(bottom, #e8e8e8 10%, #d3d2ce 20%, #d3d2ce 80%, #e8e8e8 100%);
  background-image: -ms-linear-gradient(bottom, #e8e8e8 10%, #d3d2ce 20%, #d3d2ce 80%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 10%, #d3d2ce 20%, #d3d2ce 80%, #e8e8e8 100%);
}
.userList .singleUser .section {
  height: 94px;
  display: table-cell;
  vertical-align: middle;
}
.userList .singleUser .section.faded {
  position: relative;
}
.userList .singleUser .section.faded:after {
  content: ' ';
  display: block;
  height: 94px;
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 50;
  background-image: -o-linear-gradient(left, #e8e8e8 0%, rgba(232, 232, 232, 0.1) 85%);
  background-image: -moz-linear-gradient(left, #e8e8e8 0%, rgba(232, 232, 232, 0.1) 85%);
  background-image: -webkit-linear-gradient(left, #e8e8e8 0%, rgba(232, 232, 232, 0.1) 85%);
  background-image: -ms-linear-gradient(left, #e8e8e8 0%, rgba(232, 232, 232, 0.1) 85%);
  background-image: linear-gradient(to left, #e8e8e8 0%, rgba(232, 232, 232, 0.1) 85%);
}
.userList .singleUser .section.sectionUserImage {
  width: 94px;
  position: relative;
}
.userList .singleUser .section.sectionUserImage .userPremiumBadge {
  background-color: #9e005d;
  width: 94px;
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  position: absolute;
  top: 39px;
  left: -56px;
}
.userList .singleUser .section.sectionUserImage .userPremiumBadge p {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  padding: 2px 0 2px 0;
}
.userList .singleUser .section.sectionActionLink {
  width: 260px;
}
.userList .singleUser .section.sectionActionLink p {
  width: 100%;
  text-align: center;
}
.userList .singleUser .section.sectionActionLink p a {
  text-transform: uppercase;
  border-bottom: 1px solid #545454;
  font-size: 15px;
}
.userList .singleUser .section.sectionUserData {
  width: 191px;
  padding-left: 15px;
  overflow: hidden;
}
.userList .singleUser .section.sectionUserData p {
  font-weight: 600;
}
.userList .singleUser .section.sectionUserData p.basic {
  font-size: 18px;
  margin-bottom: 3px;
}
.userList .singleUser .section.sectionUserData p.location {
  font-size: 13px;
}
.userList .singleUser .section.sectionUserData .onlineStatus {
  padding-top: 8px;
  color: #1aaa6c;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}
.userList .singleUser .section.sectionUserIntroduction {
  width: 207px;
  padding-left: 17px;
}
.userList .singleUser .section.sectionUserIntroduction p {
  font-weight: 600;
  font-size: 12px;
  word-break: break-word;
}
.userList .singleUser .section.sectionUserActions {
  width: 27px;
  padding-left: 8px;
  padding-right: 11px;
}
.userList .singleUser .section.sectionUserActions .vipIcon {
  position: relative;
  display: block;
}
.userList .singleUser .section.sectionUserActions .vipIcon:after {
  font-family: FontAwesome;
  content: '\f075';
  display: block;
}
.userList .singleUser .section.sectionUserActions .vipIcon:before {
  content: 'VIP';
  color: #ffffff;
  text-transform: uppercase;
  font-size: 7px;
  position: absolute;
  top: 5px;
  left: 4px;
}
.userList .singleUser .section.sectionUserActions .action {
  font-size: 18px;
  color: #545454;
  padding-bottom: 5px;
}
.userList .singleUser .section.sectionUserActions .action.actionVip {
  padding-bottom: 8px;
}
.userList .singleUser .section.sectionUserActions .action:hover,
.userList .singleUser .section.sectionUserActions .action.active {
  color: #9e005d;
  cursor: pointer;
}
.userList .singleUser .section.sectionUserActions .action:hover a,
.userList .singleUser .section.sectionUserActions .action.active a {
  color: #9e005d;
  cursor: pointer;
}
.userList .singleUser .section.sectionUserActions .action.active:hover {
  color: #545454;
}
.userList .singleUser .section.sectionUserActions .action:nth-last-child(1) {
  padding-bottom: 0;
}
.userList .singleUser .section.sectionUserActions .action.disabled:hover {
  cursor: auto;
  color: #545454;
}
.userList .singleUser .section.sectionUserActions .action.disabled a:hover {
  cursor: default;
}
.userList .singleUser .section.sectionUserActions .cantTakeAction {
  color: #c5c5c5;
}
.userList .singleUser .section.sectionUserActions .cantTakeAction a {
  color: #c5c5c5;
  cursor: auto;
}
.userList .singleUser .section.sectionUserActions .cantTakeAction:hover {
  color: #c5c5c5;
  cursor: auto;
}
.userList .singleUser .section.sectionUserActions .cantTakeAction:hover a {
  color: #c5c5c5;
  cursor: auto;
}
.userList .singleUser.userIsPremium.sex1 {
  background-color: #e9b8d5;
}
.userList .singleUser.userIsPremium.sex1 .faded {
  position: relative;
}
.userList .singleUser.userIsPremium.sex1 .faded:after {
  content: ' ';
  display: block;
  height: 94px;
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 50;
  background-image: -o-linear-gradient(left, #e9b8d5 0%, rgba(217, 217, 217, 0.1) 85%);
  background-image: -moz-linear-gradient(left, #e9b8d5 0%, rgba(217, 217, 217, 0.1) 85%);
  background-image: -webkit-linear-gradient(left, #e9b8d5 0%, rgba(217, 217, 217, 0.1) 85%);
  background-image: -ms-linear-gradient(left, #e9b8d5 0%, rgba(217, 217, 217, 0.1) 85%);
  background-image: linear-gradient(to left, #e9b8d5 0%, rgba(217, 217, 217, 0.1) 85%);
}
/**
 * Lábléc
 */
.footerBar {
  background-color: #f0f0f0;
}
.footerBar.onOpeningPage {
  display: none;
}
.footerBar .viewSwitcher {
  padding: 30px 0;
  width: 255px;
  margin: 0 auto;
}
.footerBar .viewSwitcher .switch {
  display: inline-block;
}
.footerBar .viewSwitcher .switch p.text {
  display: inline-block;
  font-weight: 700;
  position: relative;
  top: -10px;
}
.footerBar .viewSwitcher .switch .icon {
  position: relative;
}
.footerBar .viewSwitcher .switch .icon:after {
  content: ' ';
  display: inline-block;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-color: #545454;
  z-index: 5;
}
.footerBar .viewSwitcher .switch .icon:before {
  font-family: FontAwesome;
  content: ' ';
  display: inline-block;
  position: absolute;
  font-size: 18px;
  top: -8px;
  left: 6px;
  color: #ffffff;
  z-index: 10;
}
.footerBar .viewSwitcher .switch .icon.iconDesktop:before {
  content: '\f109';
}
.footerBar .viewSwitcher .switch .icon.iconMobile:before {
  content: '\f10b';
  font-size: 23px;
  top: -12px;
  left: 11px;
}
.footerBar .viewSwitcher .switch:hover {
  cursor: pointer;
}
.footerBar .viewSwitcher .switch:hover p.text {
  color: #9e005d;
}
.footerBar .viewSwitcher .switch:hover .icon:after {
  background-color: #9e005d;
}
.footerBar .viewSwitcher .switch.active p.text {
  color: #9e005d;
}
.footerBar .viewSwitcher .switch.active .icon:after {
  background-color: #9e005d;
}
.footerBar .viewSwitcher .switch:nth-last-child(1) {
  margin-left: 10px;
}
.footerBar .pageFooter {
  padding: 15px 0 30px 0;
}
.footerBar .pageFooter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.footerBar .pageFooter ul li {
  display: inline-block;
  margin-left: -4px;
}
.footerBar .pageFooter ul li:after {
  content: '|';
  margin: 0 5px;
}
.footerBar .pageFooter ul li:nth-last-child(1):after {
  content: '';
}
.footerBar .pageFooter ul li.ethicalSiteElement img {
  position: relative;
  top: 11px;
}
.loaderIcon:after {
  background: url('/assets/images/common/loader.svg') no-repeat center center rgba(255, 255, 255, 0.75);
  width: 100%;
  height: calc(99%);
  content: ' ';
  display: block;
  position: absolute;
  z-index: 500;
  top: 0;
  left: 0;
}
/**
 * Debug layer
 */
.debugLayer {
  border: 1px solid #363636;
  background-color: rgba(0, 0, 0, 0.4);
  border-top-right-radius: 3px;
  box-shadow: 0 0 10px #363636;
  width: 75%;
  height: 30%;
  bottom: 0;
  position: fixed;
  padding: 5px;
  overflow: auto;
  font-size: 12px;
  cursor: pointer;
  color: #ffffff;
  z-index: 100000;
}
.debugLayer.minimized {
  width: 10px;
  left: 0;
  overflow: hidden;
  font-size: 0;
}
.debugLayer:hover {
  background-color: #000000;
}
.debugLayer li:hover {
  background-color: #f0f0f0;
  color: #000000;
}
.debugLayer .debugTab {
  width: 100%;
  background-color: #ccc;
}
.debugLayer .debugTab p {
  padding: 10px;
  margin: 0;
  cursor: pointer;
  display: inline-block;
}
.debugLayer .debugTab p:hover {
  background-color: #eee;
}
.debugLayer .debug-tab.active {
  font-weight: bold;
  background-color: #eee;
}
.debugLayer .debugContentHolder {
  height: 200px;
  overflow: scroll;
  display: none;
  padding: 15px;
}
.debugLayer .debugContent {
  width: 100%;
  display: none;
}
.debugLayer .debugContent hr {
  margin: 5px 0;
  color: #000000;
  background: #000000;
}
.frontendContainer.adWordsLanding,
.frontendContainer.tradetrackerLanding {
  min-height: 100vh;
  background-color: #000000;
}
.frontendContainer.adWordsLanding .topSection,
.frontendContainer.tradetrackerLanding .topSection {
  height: 100%;
}
.frontendContainer.adWordsLanding .topSection .wrapper,
.frontendContainer.tradetrackerLanding .topSection .wrapper {
  top: auto;
  width: 1024px;
}
.frontendContainer.adWordsLanding .topSection .topWrapper,
.frontendContainer.tradetrackerLanding .topSection .topWrapper {
  padding-top: 20px;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.frontendContainer.adWordsLanding .topSection .introText,
.frontendContainer.tradetrackerLanding .topSection .introText {
  width: 100%;
  margin-bottom: 10px;
}
.frontendContainer.adWordsLanding .topSection .introText .introTextInner,
.frontendContainer.tradetrackerLanding .topSection .introText .introTextInner {
  padding: 0;
  position: relative;
  bottom: -40px;
}
.frontendContainer.adWordsLanding .topSection .introText .logo,
.frontendContainer.tradetrackerLanding .topSection .introText .logo {
  display: block;
}
.frontendContainer.adWordsLanding .topSection .videoWrapper,
.frontendContainer.tradetrackerLanding .topSection .videoWrapper {
  width: 1024px;
}
.frontendContainer.adWordsLanding .topSection .videoWrapper .container,
.frontendContainer.tradetrackerLanding .topSection .videoWrapper .container {
  background: url('/assets/images/frontend/landings/adwords_bg_1.png') no-repeat 0 0 transparent;
  padding-top: 443px;
}
.frontendContainer.adWordsLanding .topSection .videoWrapper .container .overlay.overlayBoxes .box,
.frontendContainer.tradetrackerLanding .topSection .videoWrapper .container .overlay.overlayBoxes .box {
  background-color: rgba(255, 255, 255, 0.65);
}
.frontendContainer.adWordsLanding .topSection .sitePhilosophyWrapper,
.frontendContainer.tradetrackerLanding .topSection .sitePhilosophyWrapper {
  background-color: #dcdcdc;
  padding: 45px 55px 55px 55px;
  line-height: 17px;
}
.frontendContainer.adWordsLanding .topSection .footerBar,
.frontendContainer.tradetrackerLanding .topSection .footerBar {
  background-color: #000000;
  padding-top: 65px;
}
.frontendContainer.adWordsLanding .topSection .footerBar ul,
.frontendContainer.tradetrackerLanding .topSection .footerBar ul {
  list-style-type: none;
  text-align: center;
}
.frontendContainer.adWordsLanding .topSection .footerBar ul li,
.frontendContainer.tradetrackerLanding .topSection .footerBar ul li {
  padding-left: 4px;
  color: #cacaca;
  display: inline-block;
}
.frontendContainer.adWordsLanding .topSection .footerBar ul li:after,
.frontendContainer.tradetrackerLanding .topSection .footerBar ul li:after {
  content: '|';
  display: inline-block;
  padding-left: 4px;
}
.frontendContainer.adWordsLanding .topSection .footerBar ul li:nth-last-child(1):after,
.frontendContainer.tradetrackerLanding .topSection .footerBar ul li:nth-last-child(1):after {
  content: '';
}
.frontendContainer.adWordsLanding .topSection .footerBar ul li a,
.frontendContainer.tradetrackerLanding .topSection .footerBar ul li a {
  color: #cacaca;
}
.frontendContainer.automatedLanding {
  min-height: 100vh;
  background-color: #000000;
}
.frontendContainer.automatedLanding .topSection {
  height: 100%;
}
.frontendContainer.automatedLanding .topSection .wrapper {
  top: auto;
  width: auto;
  max-width: 1024px;
}
.frontendContainer.automatedLanding .topSection .topWrapper {
  padding-top: 20px;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
.frontendContainer.automatedLanding .topSection .introText {
  width: 100%;
  margin-bottom: 10px;
}
.frontendContainer.automatedLanding .topSection .introText .introTextInner {
  padding: 0;
  position: relative;
  bottom: -40px;
}
.frontendContainer.automatedLanding .topSection .introText .logo {
  display: block;
}
@media all and (max-width: 1030px) {
  .frontendContainer.automatedLanding .topSection .introText .introTextInner {
    padding: 0;
    position: relative;
    bottom: -40px;
    right: 10px;
  }
}
@media all and (max-width: 750px) {
  .frontendContainer.automatedLanding .topSection .introText .introTextInner {
    padding: 0 10px;
    position: relative;
    bottom: 0;
    right: 0;
    text-align: center;
  }
  .frontendContainer.automatedLanding .topSection .introText .logo {
    float: none !important;
  }
}
.frontendContainer.automatedLanding .topSection .videoWrapper {
  width: 100%;
}
.frontendContainer.automatedLanding .topSection .videoWrapper .container {
  background: url('/assets/images/frontend/landings/adwords_bg_1.png') no-repeat 0 0 transparent;
  padding-top: 443px;
}
.frontendContainer.automatedLanding .topSection .videoWrapper .container .overlay.overlayBoxes .box {
  background-color: rgba(255, 255, 255, 0.65);
}
@media all and (max-width: 410px) {
  .frontendContainer.automatedLanding .topSection .introText .logo {
    text-align: center;
  }
  .frontendContainer.automatedLanding .topSection .videoWrapper {
    width: 100%;
  }
  .frontendContainer.automatedLanding .topSection .videoWrapper .container {
    background: none !important;
    padding-top: 443px;
  }
  .frontendContainer.automatedLanding .topSection .videoWrapper .container .overlay.overlayBoxes {
    width: 100%;
    right: 0;
  }
  .frontendContainer.automatedLanding .topSection .videoWrapper .container .overlay.overlayBoxes .box {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
.frontendContainer.automatedLanding .topSection .sitePhilosophyWrapper {
  background-color: #dcdcdc;
  width: 100%;
}
.frontendContainer.automatedLanding .topSection .sitePhilosophyWrapper div.contentHolder {
  padding: 45px 55px 55px 55px;
  line-height: 17px;
}
@media all and (max-width: 410px) {
  .frontendContainer.automatedLanding .topSection .sitePhilosophyWrapper div.contentHolder {
    padding: 20px;
    line-height: 20px;
  }
}
.frontendContainer.automatedLanding .topSection .footerBar {
  background-color: #000000;
  padding-top: 65px;
}
.frontendContainer.automatedLanding .topSection .footerBar ul {
  list-style-type: none;
  text-align: center;
}
.frontendContainer.automatedLanding .topSection .footerBar ul li {
  padding-left: 4px;
  color: #cacaca;
  display: inline-block;
}
.frontendContainer.automatedLanding .topSection .footerBar ul li:after {
  content: '|';
  display: inline-block;
  padding-left: 4px;
}
.frontendContainer.automatedLanding .topSection .footerBar ul li:nth-last-child(1):after {
  content: '';
}
.frontendContainer.automatedLanding .topSection .footerBar ul li a {
  color: #cacaca;
}
@media all and (max-width: 720px) {
  .frontendContainer.automatedLanding .topSection .footerBar {
    padding: 30px 10px;
  }
  .frontendContainer.automatedLanding .topSection .footerBar li {
    padding-top: 10px;
  }
}
.frontendContainer .wrapper {
  width: 1398px;
  margin: 0 auto;
  position: relative;
}
.frontendContainer .hiddenSection {
  display: none;
}
.frontendContainer .topSection {
  background-color: #000000;
  height: 103vh;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
}
.frontendContainer .topSection .countrySelectZone {
  position: absolute;
  top: 20px;
  right: 45px;
}
.frontendContainer .topSection .countrySelectZone ul {
  list-style-type: none;
}
.frontendContainer .topSection .countrySelectZone ul li {
  display: inline-block;
  margin-right: 25px;
}
.frontendContainer .topSection .countrySelectZone ul li.inactive a img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -khtml-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.frontendContainer .topSection .countrySelectZone ul li.inactive:hover a img {
  filter: none;
  -webkit-filter: grayscale(0%);
}
.frontendContainer .topSection .countrySelectZone ul li:nth-last-child(1) {
  margin-right: 0;
}
.frontendContainer .topSection .countrySelectZone ul li a {
  display: block;
  width: 35px;
  height: 25px;
}
.frontendContainer .topSection .topWrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.frontendContainer .topSection .videoWrapper .backgroundVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 8px;
  visibility: hidden;
}
.frontendContainer .topSection .introText,
.frontendContainer .topSection .disloyaltyIndex,
.frontendContainer .topSection .viewFullSite {
  width: 1300px;
  margin: 0 auto;
  position: relative;
}
.frontendContainer .topSection .introText .introTextInner,
.frontendContainer .topSection .disloyaltyIndex .introTextInner,
.frontendContainer .topSection .viewFullSite .introTextInner {
  padding: 12px 0;
  font-size: 13px;
  color: #c7c7c7;
  text-align: right;
}
.frontendContainer .topSection .disloyaltyIndex {
  padding: 5px 0;
  margin-top: 15px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a2a2a+20,2a2a2a+80&0+0,1+20,1+80,0+100 */
  background: -moz-linear-gradient(left, rgba(42, 42, 42, 0) 0%, #2a2a2a 30%, #2a2a2a 70%, rgba(42, 42, 42, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(42, 42, 42, 0) 0%, #2a2a2a 30%, #2a2a2a 70%, rgba(42, 42, 42, 0) 100%);
  background: linear-gradient(to right, rgba(42, 42, 42, 0) 0%, #2a2a2a 30%, #2a2a2a 70%, rgba(42, 42, 42, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002a2a2a', endColorstr='#002a2a2a', GradientType=1);
}
.frontendContainer .topSection .disloyaltyIndex .barInner {
  text-align: center;
  color: #ffffff;
}
.frontendContainer .topSection .disloyaltyIndex span,
.frontendContainer .topSection .disloyaltyIndex a {
  color: #cb2f8b;
}
.frontendContainer .topSection .disloyaltyIndex a:after {
  content: '\f105';
  font-family: FontAwesome;
  color: #cb2f8b;
  font-size: 16px;
  padding-left: 5px;
}
.frontendContainer .topSection .videoWrapper {
  width: 1300px;
  margin: 0 auto;
  position: relative;
}
.frontendContainer .topSection .videoWrapper .container {
  border-radius: 8px;
  background: url('/assets/images/frontend/video_bg_cover.png') no-repeat 0 0 transparent;
  background-size: 100%;
  max-width: 1398px;
  padding-top: 56.15164%;
  height: 0;
}
.frontendContainer .topSection .videoWrapper .container .overlay {
  position: absolute;
  top: 30px;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayLogo {
  left: 0;
  padding: 3px 5px;
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 1px 0px 8px 0px rgba(90, 90, 90, 0.5);
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes {
  right: 30px;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box {
  width: 340px;
  background-color: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(217, 199, 179, 0.6);
  border-radius: 3px;
  margin-bottom: 30px;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .preRegButton {
  text-align: center;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box.opened .toggleButton {
  transform: rotate(180deg);
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box.boxLogin .boxHead .reminderCloseButton {
  display: none;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box.boxLogin .boxContent {
  display: none;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box:nth-last-child(1) {
  margin-bottom: 0;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxHead {
  padding: 15px;
  position: relative;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxHead p,
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxHead i {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #9e005d;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxHead i {
  position: absolute;
  font-size: 26px;
  top: 11px;
  right: 15px;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxHead i.toggleButton {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -khtml-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: 0.4;
  -moz-transition: 0.4;
  -ms-transition: 0.4;
  -o-transition: 0.4;
  transition: 0.4;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent {
  position: relative;
  overflow: hidden;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content {
  padding: 15px;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content .labelText {
  color: #000000;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content .purpleButton {
  font-size: 14px;
  width: 130px;
  text-align: center;
  font-weight: 600;
  padding: 8px 0;
  display: inline-block;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content .checkboxHolder,
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content .radioHolder {
  width: 85px;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content.contentLogin .passReminderLink {
  display: inline-block;
  padding-right: 15px;
  position: relative;
  top: 2px;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content.contentPassReminder {
  position: absolute;
  bottom: -190px;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content.contentPassReminder .resetDescription {
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  padding: 10px 0;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content.contentPassReminder .passResetMessageHolder p {
  color: #ffffff;
  font-size: 13px;
  line-height: 15px;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content.contentPassReminder .passResetMessageHolder .buttonHolder {
  padding-top: 15px;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content.contentPassReminder .passResetMessageHolder .buttonHolder a {
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
}
.frontendContainer .topSection .videoWrapper .container .overlay.overlayBoxes .box .boxContent .content.contentPassReminder .reminderCloseButton {
  position: absolute;
  top: 0;
  right: 15px;
}
.frontendContainer .showFullSiteSection {
  position: relative;
  margin: 0 auto;
  padding: 20px 10px;
  height: 127px;
  background-color: #000000;
}
.frontendContainer .showFullSiteSection .viewFullSite {
  width: 1398px;
  position: absolute;
  left: 50%;
  margin-left: -699px;
  padding: 20px 0;
  background-color: #000000;
}
.frontendContainer .showFullSiteSection .viewFullSite p {
  color: #cb2f8b;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}
.frontendContainer .showFullSiteSection .viewFullSite p.text {
  text-decoration: underline;
}
.frontendContainer .showFullSiteSection .viewFullSite p.arrow {
  margin-top: 2px;
  font-size: 42px;
  animation: arrowBounce ease-in-out 2s infinite;
}
.frontendContainer .mediaLogoSection {
  background-color: #000000;
  padding: 15px 0 15px 0;
}
.frontendContainer .mediaLogoSection .description p {
  text-align: center;
  margin-bottom: 5px;
}
.frontendContainer .mediaLogoSection .logoGroup {
  width: 1010px;
  margin: 0 auto;
}
.frontendContainer .progressSection {
  background-color: #b8b8b8;
}
.frontendContainer .progressSection .inner {
  width: 1030px;
  margin: 0 auto;
  padding: 35px 0;
}
.frontendContainer .progressSection .inner .progressionStep,
.frontendContainer .progressSection .inner .progressionIcon {
  display: inline-block;
}
.frontendContainer .progressSection .inner .progressionStep {
  width: 235px;
}
.frontendContainer .progressSection .inner .progressionStep p {
  text-align: center;
  font-size: 34px;
  line-height: 37px;
  font-weight: 300;
}
.frontendContainer .progressSection .inner .progressionIcon i {
  color: #cb2f8b;
  font-size: 80px;
  width: 150px;
  text-align: center;
}
.frontendContainer .promoVideoSection {
  background-color: #1b1b1b;
  padding: 35px 0 50px 0;
}
.frontendContainer .promoVideoSection .inner {
  width: 1010px;
  margin: 0 auto;
}
.frontendContainer .promoVideoSection .inner .singleVideo {
  display: inline-block;
  width: 320px;
  margin-right: 20px;
}
.frontendContainer .promoVideoSection .inner .singleVideo:nth-last-child(1) {
  margin-right: 0;
}
.frontendContainer .promoVideoSection .inner .singleVideo .title .title {
  color: #b8b8b8;
  font-size: 18px;
  margin-bottom: 5px;
}
.frontendContainer .promoVideoSection .inner .singleVideo .title .title span.textPurple {
  font-weight: 700;
  color: #cb2f8b;
}
.frontendContainer .promoVideoSection .inner .singleVideo .title .date {
  color: #b8b8b8;
}
.frontendContainer .promoVideoSection .inner .singleVideo .video {
  margin-top: 25px;
}
.frontendContainer .bottomSection {
  background-color: #f0f0f0;
  padding: 45px 0;
}
.frontendContainer .bottomSection .wrapper {
  width: 100%;
}
.frontendContainer .bottomSection .blogInner {
  width: 1010px;
  margin: 0 auto;
}
.frontendContainer .bottomSection .blogInner .singleEntry {
  display: inline-block;
  width: 495px;
  margin-right: -4px;
  margin-bottom: 25px;
  padding: 15px 18px;
  background-color: #ffffff;
}
.frontendContainer .bottomSection .blogInner .singleEntry:nth-child(odd) {
  margin-right: 15px;
}
.frontendContainer .bottomSection .blogInner .singleEntry.entry-1,
.frontendContainer .bottomSection .blogInner .singleEntry.entry-2,
.frontendContainer .bottomSection .blogInner .singleEntry.entry-5 {
  background-color: #c7c7c7;
}
.frontendContainer .bottomSection .blogInner .singleEntry:hover {
  box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.15);
}
.frontendContainer .bottomSection .blogInner .singleEntry:hover .body .readMore a {
  color: #9e005d;
}
.frontendContainer .bottomSection .blogInner .singleEntry .image {
  display: inline-block;
  margin: 0 22px 0 0;
}
.frontendContainer .bottomSection .blogInner .singleEntry .body {
  display: inline-block;
  width: 275px;
  height: 149px;
  vertical-align: top;
}
.frontendContainer .bottomSection .blogInner .singleEntry .body .title {
  vertical-align: top;
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 20px;
}
.frontendContainer .bottomSection .blogInner .singleEntry .body .text {
  font-size: 13px;
  line-height: 18px;
}
.frontendContainer .bottomSection .blogInner .singleEntry .body .readMore a {
  display: block;
  text-align: right;
  text-decoration: underline;
  font-size: 13px;
}
.frontendContainer .bottomSection .greatestCheatOfTheHistoryInner {
  width: 1010px;
  margin: 25px auto;
}
.frontendContainer .bottomSection .greatestCheatOfTheHistoryInner .container {
  background: url('/assets/images/frontend/cheatRowBackground.png') no-repeat 0 0 #9e005d;
  height: 127px;
  padding-left: 196px;
}
.frontendContainer .bottomSection .greatestCheatOfTheHistoryInner .container p {
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 32px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
}
.frontendContainer .bottomSection .siteDescriptionInner {
  width: 1010px;
  margin: 0 auto;
}
.frontendContainer .bottomSection .siteDescriptionInner .container {
  padding: 25px;
  background-color: #ffffff;
}
.frontendContainer .bottomSection .siteDescriptionInner .container p {
  padding-bottom: 15px;
  font-size: 13px;
  line-height: 16px;
}
.frontendContainer .bottomSection .siteDescriptionInner .container p:nth-last-child(1) {
  padding-bottom: 0;
}
@keyframes arrowBounce {
  0% {
    transform: translate(0, 1px);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 1px);
  }
}
@media all and (max-width: 1415px) {
  .frontendContainer.noLanding .wrapper {
    margin: 0 auto;
    width: 75%;
  }
  .frontendContainer.noLanding .topSection .videoWrapper,
  .frontendContainer.noLanding .topSection .introText,
  .frontendContainer.noLanding .topSection .disloyaltyIndex,
  .frontendContainer.noLanding .topSection .viewFullSite {
    margin: 0;
    width: 100%;
  }
  .frontendContainer.noLanding .topSection .videoWrapper .introTextInner,
  .frontendContainer.noLanding .topSection .introText .introTextInner,
  .frontendContainer.noLanding .topSection .disloyaltyIndex .introTextInner,
  .frontendContainer.noLanding .topSection .viewFullSite .introTextInner {
    padding: 12px 12px 12px 0;
  }
  .frontendContainer.noLanding .topSection .disloyaltyIndex {
    margin-top: 15px;
  }
  .frontendContainer.noLanding .showFullSiteSection .viewFullSite {
    width: 98%;
    left: auto;
    margin-left: auto;
  }
  .frontendContainer.noLanding .mediaLogoSection .logoGroup {
    width: 100%;
    text-align: center;
  }
  .frontendContainer.noLanding .progressSection .inner {
    width: 720px;
  }
  .frontendContainer.noLanding .progressSection .inner .progressionStep {
    width: 160px;
  }
  .frontendContainer.noLanding .progressSection .inner .progressionStep p {
    font-size: 22px;
    line-height: 25px;
  }
  .frontendContainer.noLanding .progressSection .inner .progressionIcon {
    width: 110px;
  }
  .frontendContainer.noLanding .progressSection .inner .progressionIcon i {
    font-size: 60px;
    width: 110px;
  }
  .frontendContainer.noLanding .promoVideoSection .inner {
    width: 670px;
  }
  .frontendContainer.noLanding .promoVideoSection .singleVideo.last {
    display: none;
  }
  .frontendContainer.noLanding .promoVideoSection .singleVideo:nth-child(2) {
    margin-right: 0;
  }
}
@media all and (max-width: 1030px) {
  .frontendContainer.noLanding .bottomSection .wrapper {
    width: 100%;
  }
  .frontendContainer.noLanding .bottomSection .blogInner {
    width: 720px;
    margin: 0 auto;
  }
  .frontendContainer.noLanding .bottomSection .blogInner .singleEntry {
    width: 100%;
    margin-bottom: 0;
  }
  .frontendContainer.noLanding .bottomSection .blogInner .singleEntry .body {
    width: 560px;
    height: 90px;
  }
  .frontendContainer.noLanding .bottomSection .blogInner .singleEntry .image img {
    width: 90px;
    height: 90px;
  }
  .frontendContainer.noLanding .bottomSection .blogInner .singleEntry:hover {
    box-shadow: none;
  }
  .frontendContainer.noLanding .bottomSection .blogInner .singleEntry:nth-child(even) {
    background-color: #c7c7c7;
  }
  .frontendContainer.noLanding .bottomSection .blogInner .singleEntry:nth-child(odd) {
    background-color: white;
    margin-right: 0;
  }
  .frontendContainer.noLanding .bottomSection .blogInner .singleEntry.entry-3,
  .frontendContainer.noLanding .bottomSection .blogInner .singleEntry.entry-4,
  .frontendContainer.noLanding .bottomSection .blogInner .singleEntry.entry-5 {
    display: none;
  }
  .frontendContainer.noLanding .bottomSection .greatestCheatOfTheHistoryInner {
    width: 95%;
  }
  .frontendContainer.noLanding .bottomSection .greatestCheatOfTheHistoryInner .container p {
    font-size: 2.7vw;
  }
  .frontendContainer.noLanding .bottomSection .siteDescriptionInner {
    width: 95%;
  }
}
@media all and (max-width: 720px) {
  .frontendContainer.noLanding .wrapper {
    margin: 0;
    width: 100%;
  }
  .frontendContainer.noLanding .topSection .videoWrapper,
  .frontendContainer.noLanding .topSection .introText,
  .frontendContainer.noLanding .topSection .disloyaltyIndex,
  .frontendContainer.noLanding .topSection .viewFullSite {
    margin: 0;
    width: 720px;
  }
  .frontendContainer.noLanding .topSection .videoWrapper .introTextInner,
  .frontendContainer.noLanding .topSection .introText .introTextInner,
  .frontendContainer.noLanding .topSection .disloyaltyIndex .introTextInner,
  .frontendContainer.noLanding .topSection .viewFullSite .introTextInner {
    padding: 12px 12px 12px 0;
  }
  .frontendContainer.noLanding .topSection .disloyaltyIndex {
    margin-top: 15px;
  }
  .frontendContainer.noLanding .showFullSiteSection .viewFullSite {
    width: 100%;
    left: auto;
    margin-left: auto;
  }
  .frontendContainer.noLanding .mediaLogoSection .logoGroup {
    width: 100%;
    text-align: center;
  }
}
/**
 * Regisztrációs oldal
 */
.registrationContainer .columns {
  width: 100%;
  overflow: hidden;
}
.registrationContainer .columns .col {
  width: 50%;
  padding: 20px 40px 30px 25px;
  margin-bottom: -99970px;
  padding-bottom: 99999px;
}
.registrationContainer .columns .col.registrationColLeft {
  background-color: #d9d9d9;
}
.registrationContainer .columns .col.registrationColRight {
  background-color: #e8e8e8;
}
.registrationContainer .columns .col.registrationColRight .viszonySelect .arrowContainer {
  background-color: #d9d9d9;
}
.registrationContainer .columns .col .privacyBox {
  background-color: #d9d9d9;
  padding: 15px 18px;
}
.registrationContainer .columns .col .privacyBox .checkbox {
  margin-bottom: 10px;
}
.registrationContainer .columns .col .privacyBox.hasError .buttonHolder:after {
  border: 1px solid #9e005d;
}
.registrationContainer .columns .col .privacyBox .errorMessage p {
  font-size: 12px;
  font-weight: 600;
  color: #9e005d;
}
.registrationContainer .columns .col .privacyBox a.purpleButton {
  margin-top: 10px;
}
.registrationContainer .columns .col .privacyBox .termsDescription {
  width: 80%;
  font-size: 12px;
  color: #000000;
  position: relative;
  top: 0;
}
.registrationContainer .columns .col .privacyBox .termsDescription a {
  color: #000000;
  text-decoration: underline;
}
.registrationContainer .columns .col .privacyBox .checkboxHolder {
  width: 20%;
}
.registrationContainer .columns .col .privacyDescription {
  margin: 15px auto 0 auto;
  width: 205px;
}
.registrationContainer .columns .col .privacyDescription p {
  font-weight: 600;
  font-size: 9px;
  color: #000000;
}
.registrationContainer .columns .col .boxHeader {
  margin-bottom: 20px;
}
.registrationContainer .columns .col .boxHeader h2 {
  font-size: 25px;
  color: #9e005d;
  margin: 0 0 10px 0;
}
.registrationContainer .columns .col .boxHeader p {
  margin: 0;
  font-size: 12px;
  color: #000000;
}
.registrationContainer .columns .col .inputGroup .item .itemDescription {
  font-size: 11px;
}
.registrationContainer .columns .col .inputGroup .item.mainPasswordInput {
  margin-bottom: 5px;
}
.registrationContainer .columns .col .inputGroup .item .label {
  color: #000000;
  font-size: 12px;
  margin-bottom: 4px;
}
.registrationContainer .columns .col .inputGroup .item .input textarea {
  resize: none;
  height: 140px;
  font-size: 12px;
  color: #000000;
  padding: 10px;
}
.registrationContainer .columns .col .inputGroup .item .input .inputIconOnRelationshipGoal {
  top: -20px;
}
.registrationContainer .columns .col .inputGroup .item .input .checkboxHolder .labelText,
.registrationContainer .columns .col .inputGroup .item .input .radioHolder .labelText {
  display: inline-block;
  width: 15%;
  white-space: nowrap;
  font-size: 12px;
}
.registrationContainer .columns .col .inputGroup .item .errorMessage p {
  font-size: 12px;
}
.registrationContainer .columns .col .inputGroup .item .viszonySelect .selectHead .currentSelection {
  text-transform: none;
  color: #000000;
}
.registrationContainer .columns .col .inputGroup .item.inline .input {
  width: 50%;
}
.registrationContainer .columns .col .inputGroup .item.inline .label {
  width: 50%;
}
.registrationContainer .columns .col .inputGroup .inlineItems .item {
  width: 50%;
}
.registrationContainer .columns .col .inputGroup .inlineItems .item .label {
  margin-bottom: 10px;
}
.registrationContainer .columns .col .inputGroup .inlineItems .item .radioHolder {
  display: block;
  margin-bottom: 8px;
  margin-left: 10px;
}
.registrationContainer .columns .col .inputGroup .inlineItems .item .radioHolder:nth-last-child(1) {
  margin-bottom: 0;
}
.InternationalFrontendContainer {
  overflow: hidden;
}
.InternationalFrontendContainer .hiddenSection {
  display: none;
}
.InternationalFrontendContainer .clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.InternationalFrontendContainer .logo {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 320px;
  margin: 0 auto;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .logo {
    margin: 0 auto 20px auto;
    padding: 32px 20px 0 20px;
    width: 100%;
    box-sizing: border-box;
    max-width: 1320px;
  }
}
@media (min-width: 1024px) and (min-height: 800px) {
  .InternationalFrontendContainer .logo {
    margin-bottom: 70px;
  }
}
.InternationalFrontendContainer .logo img {
  width: 230px;
  margin-left: 17px;
}
.InternationalFrontendContainer .topSection {
  background: url('/assets/images/frontend/landingBg.jpg') no-repeat center 0px transparent;
  background-color: #000000;
  min-height: 100vh;
}
.InternationalFrontendContainer .topSection .noPull {
  margin-left: -55px;
}
.InternationalFrontendContainer .topSection .topInner {
  /*background-image: url("/assets/images/frontend/logo.png");
            background-repeat: no-repeat;
            background-position: -20px 0;*/
  width: 1030px;
  min-height: 850px;
  margin: 0 auto;
  padding: 0 0 0 0;
  position: relative;
}
.InternationalFrontendContainer .topSection .topInner .countrySelectZone {
  position: absolute;
  top: -1px;
  right: 0;
  border: 1px solid #b8b8b8;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.InternationalFrontendContainer .topSection .topInner .countrySelectZone ul {
  list-style-type: none;
  padding: 8px;
}
.InternationalFrontendContainer .topSection .topInner .countrySelectZone ul li {
  display: inline-block;
  margin: 0 5px;
}
.InternationalFrontendContainer .topSection .topInner .countrySelectZone ul li:after {
  content: '|';
  position: relative;
  left: 3px;
}
.InternationalFrontendContainer .topSection .topInner .countrySelectZone ul li:nth-last-child(1):after {
  display: none;
}
.InternationalFrontendContainer .topSection .topInner .countrySelectZone ul li.inactive a {
  color: #b8b8b8;
}
.InternationalFrontendContainer .topSection .topInner .countrySelectZone ul li.active {
  font-weight: 600;
}
.InternationalFrontendContainer .topSection .topInner .countrySelectZone ul li a {
  display: inline-block;
  color: #9e005d;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box {
  width: 425px;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box:nth-last-child(1) {
  margin-bottom: 0;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box .boxHead {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box .boxContent,
.InternationalFrontendContainer .topSection .topInner .boxes .box .boxHead,
.InternationalFrontendContainer .topSection .topInner .boxes .box .boxFoot {
  padding: 15px 35px;
  text-align: left;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box .boxContent .inputGroup {
  color: #ffffff;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box .boxContent .inputGroup .item.inline .label {
  width: 30%;
  padding-top: 30px;
  font-weight: 600;
  text-align: right;
  padding-right: 15px;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box .boxContent .inputGroup .item.inline .input {
  width: 70%;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin {
  /*background-color: #000;*/
  background-image: url("/assets/images/frontend/reg_box_opac_bg.png");
  clear: both;
  float: right;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .boxContent {
  position: relative;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .boxContent .loginButton {
  font-size: 12px;
  text-transform: uppercase;
  padding: 7px 0;
  width: 100px;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .boxContent .passReminderLink {
  font-size: 12px;
  padding-top: 6px;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder {
  position: absolute;
  bottom: -245px;
  height: 245px;
  width: 100%;
  right: 0;
  padding: 15px 26px;
  opacity: 0;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .inputGroupHeader {
  display: none;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .inputGroup.inputGroupPasswordReset .item.inline .label {
  width: 100%;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .inputGroup.inputGroupPasswordReset .item.inline .label.hideNewLanding {
  display: none;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .inputGroup.inputGroupPasswordReset .item.inline .input {
  width: 100%;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .resetDescription {
  font-size: 14px;
  line-height: 1.2;
  color: #707070;
  padding: 0 0 10px 0;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .passResetMessageHolder {
  padding-top: 45px;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .passResetMessageHolder p {
  color: #000;
  font-size: 13px;
  line-height: 15px;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .passResetMessageHolder .buttonHolder {
  padding-top: 15px;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .passResetMessageHolder .buttonHolder a {
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .reminderCloseButton {
  top: 0;
  right: 15px;
  font-size: 20px;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .contentPassReminder .reminderCloseButton:hover {
  cursor: pointer;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxSignUp {
  border-bottom: 1px solid #2a2a2a;
  clear: none;
  float: right;
  background-image: url("/assets/images/frontend/reg_box_opac_bg.png");
  position: relative;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxSignUp .boxFoot {
  padding-top: 20px;
  padding-bottom: 25px;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxSignUp .boxFoot .purpleButton {
  padding: 12px 0;
  font-size: 22px;
  border-radius: 5px;
  margin: 0;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxSignUp .bell-container {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(141, 41, 93, 0.8);
  color: #ffffff;
  width: 200px;
  padding: 10px 23px;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1.2px;
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  font-style: italic;
  text-align: left;
}
@media (min-width: 550px) {
  .InternationalFrontendContainer .topSection .topInner .boxes .box.boxSignUp .bell-container {
    top: -77px;
    right: 0;
    left: unset;
  }
}
@media (min-width: 768px) {
  .InternationalFrontendContainer .topSection .topInner .boxes .box.boxSignUp .bell-container {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 210px;
    top: 114px;
    font-size: 20px;
    padding: 15px 20px;
    left: 0;
    right: unset;
  }
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxSignUp .bell-container .highlighted {
  font-weight: bold;
}
.InternationalFrontendContainer .topSection .topInner .infoBoxes {
  padding-top: 74px;
  padding-bottom: 40px;
  text-align: center;
  display: block;
  clear: both;
  /*text-align: center;
                    clear: both;
                    .firstInCounty p {
                        font-size: 13px;
                        margin-top: 15px;
                        color: @colorGrayLightenedDarker;
                        width: 420px;
                        text-align: center;
                    }

                    .infoBox {
                        height: 45px;
                        margin: 5px 3px 0 0;
                        background-color: rgba(240, 240, 240, 0.04);

                        p.text {
                            font-size: 10px;
                            color: @colorWhite;
                            padding: 12px 0 0 50px;
                        }

                        &.icon1 {
                            width: 145px;
                            background-image: url('/assets/images/frontend/sec_icon_1.png');
                            background-repeat: no-repeat;
                            background-position: 8px center;
                        }

                        &.icon2 {
                            width: 124px;
                            background-image: url('/assets/images/frontend/sec_icon_2.png');
                            background-repeat: no-repeat;
                            background-position: 8px center;
                        }

                        &.icon3 {
                            width: 150px;
                            background-image: url('/assets/images/frontend/sec_icon_3.png');
                            background-repeat: no-repeat;
                            background-position: 8px center;
                        }
                    }*/
}
.InternationalFrontendContainer .topSection .topInner .infoBoxes .infoBox {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  font-family: "Open Sans", SansSerif;
  font-size: 16pt;
  color: #ffffff;
  /*float: left;*/
  /*padding:15px;*/
  text-align: center;
}
.InternationalFrontendContainer .topSection .topInner .infoBoxes .infoBox img {
  height: auto;
}
.InternationalFrontendContainer .topSection .topInner .infoBoxes .infoBox p {
  text-transform: none;
  padding: 0 45px 0 45px;
}
.InternationalFrontendContainer .topSection .topInner .dlTop {
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
  margin-left: 5%;
}
.InternationalFrontendContainer .topSection .topInner .dlBottom {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  margin-left: 5%;
}
.InternationalFrontendContainer .topSection .topInner .disloyaltyIndex {
  padding: 0px 0;
  width: 1010px;
  margin: 0 auto;
  border-right: 2px solid #ffffff;
  font-family: "Open Sans";
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a2a2a+20,2a2a2a+80&0+0,1+20,1+80,0+100 */
  /* background: -moz-linear-gradient(left,  rgba(42,42,42,0) 0%, rgba(42,42,42,1) 30%, rgba(42,42,42,1) 70%, rgba(42,42,42,0) 100%);
                background: -webkit-linear-gradient(left,  rgba(42,42,42,0) 0%,rgba(42,42,42,1) 30%,rgba(42,42,42,1) 70%,rgba(42,42,42,0) 100%);
                background: linear-gradient(to right,  rgba(42,42,42,0) 0%,rgba(42,42,42,1) 30%,rgba(42,42,42,1) 70%,rgba(42,42,42,0) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002a2a2a', endColorstr='#002a2a2a',GradientType=1 );*/
}
.InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .left {
  width: 65%;
}
.InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .left p {
  color: #ffffff;
  font-size: 20pt;
  font-weight: 600;
  padding-bottom: 15px;
  padding-top: 15px;
  line-height: 22px;
}
.InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .left p span {
  color: #9e005d;
}
.InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .left p:last-of-type {
  font-size: 14pt;
  font-weight: 400;
  padding-bottom: 15px;
  padding-top: 0;
}
.InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .right {
  text-align: center;
  float: left;
  clear: none;
  width: 35%;
}
.InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .right a {
  margin-top: 23px;
  width: 200px;
  height: 70px;
  display: inline-block;
  background-color: #9e005d;
  color: #ffffff;
  padding: 25px 0 0 0;
  text-align: center;
  border-radius: 13px 13px 13px 13px;
  font-size: 18pt;
  text-transform: uppercase;
  font-weight: bold;
}
.InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .barInner {
  /*font-size: 13px;*/
  /*text-align: left;
                    color: @colorWhite;
                    border-right:2px solid #ffffff;
                    padding:0px 0 10px 0;







                    span{
                        &:first-of-type{
                            font-family: "Open Sans";
                            font-size: 20pt;
                            font-weight: @fontWeightSemiBold;
                            color: #ffffff;
                            line-height:60px;
                        }

                        &:nth-child(2){

                            font-size: 20pt;
                            font-weight: @fontWeightSemiBold;
                            color: @colorPurple;
                            width:100px;


                        }

                        &:nth-child(4){
                            color: #ffffff;




                        }
                        a{
                            color: #ffffff;
                            float: right;
                            clear: none;
                            display: inline-block;
                            width:200px;
                            height:55px;
                            background-color: @colorPurple;
                            margin-top:-45px;
                            text-align: center;
                            border-radius: 10px ;
                            padding-top:15px;
                            font-size: 18pt;
                            text-transform:uppercase;
                            font-weight: @fontWeightSemiBold;
                            margin-right: 15px;

                        }
                    }*/
}
.InternationalFrontendContainer .topSection .topInner .showFullContainer {
  text-align: center;
  color: #cb2f8b;
  padding-bottom: 10px;
}
.InternationalFrontendContainer .topSection .topInner .showFullContainer .text {
  font-size: 24px;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 10px;
}
.InternationalFrontendContainer .topSection .topInner .showFullContainer .fa {
  font-size: 28px;
  animation: arrowBounce ease-in-out 2s infinite;
}
.InternationalFrontendContainer .topSection .topInner .showFullContainer .text:hover,
.InternationalFrontendContainer .topSection .topInner .showFullContainer .fa:hover {
  cursor: pointer;
}
.InternationalFrontendContainer .topSection.topSectionNew {
  background: url(/assets/images/frontend/new_landing.jpg) no-repeat 57% 0;
  background-size: auto 100%;
  min-height: unset;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew {
    background-position: center top;
    background-size: cover;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner {
  min-height: unset;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
@media (min-width: 1024px) and (min-height: 730px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner {
    height: 100vh;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes {
  padding: 0;
  height: 400px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1320px;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes {
    height: 590px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box {
  width: 310px;
  margin: 0 auto;
  padding: 0;
  background: rgba(255, 255, 255, 0.83);
  border: none;
  position: relative;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box {
    margin: 0;
    width: 350px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box.boxSignUp,
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box.boxLogin {
  display: block;
  float: none;
  clear: unset;
  overflow: hidden;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box.boxSignUp {
  margin-bottom: 2px;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box.boxLogin .boxContent .inputGroup .item.inline .input input[type=text],
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box.boxLogin .boxContent .inputGroup .item.inline .input input[type=email],
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box.boxLogin .boxContent .inputGroup .item.inline .input input[type=password] {
  margin: 0 0 10px 0;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box.open .boxHead:after {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxHead {
  padding: 18px 26px 20px 26px;
  color: #707070;
  font-size: 20px;
  font-family: "Open Sans";
  position: relative;
  cursor: pointer;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxHead {
    padding-bottom: 28px;
    padding-top: 28px;
    font-size: 24px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxHead:after {
  -webkit-transition: all all 0.4s ease-in-outs ease-in-out;
  -moz-transition: all all 0.4s ease-in-outs ease-in-out;
  -ms-transition: all all 0.4s ease-in-outs ease-in-out;
  -o-transition: all all 0.4s ease-in-outs ease-in-out;
  -khtml-transition: all all 0.4s ease-in-outs ease-in-out;
  transition: all all 0.4s ease-in-outs ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-family: FontAwesome;
  display: inline-block;
  content: '\f078';
  color: #707070;
  position: absolute;
  top: 18px;
  right: 26px;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxHead:after {
    top: 28px;
    font-size: 20px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent {
  padding: 0 26px 26px 26px;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .boxFoot {
  padding: 0;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .purpleButton {
  width: 100%;
  height: 45px;
  line-height: 45px;
  background: #9e005d;
  color: #ffffff;
  padding: 0;
  font-size: 20px;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .newRadio {
  margin-bottom: 6px;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .label {
  color: #707070;
  font-size: 16px;
  text-align: left;
  font-family: "Open Sans";
  line-height: 40px;
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 95px;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .label {
    font-size: 18px;
    line-height: 45px;
    width: 105px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .radioGroup {
  margin: 0;
  width: 160px;
  float: right;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .radioGroup {
    width: 190px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .radioGroup div {
  width: 49%;
  float: left;
  display: block;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .radioGroup div:first-child {
  margin-right: 1%;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .radioGroup div:last-child {
  margin-left: 1%;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .input input[type=text],
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .input input[type=email],
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .input input[type=password] {
  height: 45px;
  border: 1px solid #707070;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff;
  color: #707070;
  line-height: 43px;
  padding: 0 16px;
  margin: 16px 0 7px 0;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .input input[type=text],
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .input input[type=email],
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup .item.inline .input input[type=password] {
    margin-bottom: 15px;
    height: 50px;
    line-height: 48px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup input:checked + label {
  background: #9e005d;
  border-color: #9e005d;
  color: #ffffff;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup input + label {
  background: #ffffff;
  color: #707070;
  border: 1px solid #707070;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  line-height: 38px;
  height: 40px;
  padding: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .boxes .box .boxContent .inputGroup input + label {
    line-height: 43px;
    height: 45px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes {
  background: rgba(0, 0, 0, 0.3);
  height: 150px;
  padding: 15px 0 0 0;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes {
    padding: 9px 18% 0 18%;
    height: 173px;
  }
}
@media (min-width: 1024px) and (min-height: 730px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes .infoBox .icon-holder {
  height: 62px;
  box-sizing: content-box;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes .infoBox .icon-holder {
    height: 93px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes .infoBox .icon-holder.icon-holder-mask {
  padding-top: 8px;
  height: 54px;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes .infoBox .icon-holder.icon-holder-mask {
    padding-top: 14px;
    height: 65px;
    padding-bottom: 14px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes .infoBox .icon-holder.icon-holder-man {
  padding-top: 4px;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes .infoBox .icon-holder .icon {
  width: auto;
  max-height: 100%;
}
.InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes .infoBox .text {
  font-size: 14px;
  font-weight: bold;
  padding: 0;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes .infoBox .text {
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  .InternationalFrontendContainer .topSection.topSectionNew .topInner .infoBoxes .infoBox .text {
    font-size: 24px;
    max-width: 300px;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .mediaLogo {
  background: #000;
  margin: 0;
  padding: 19px 0 15px 0;
}
.InternationalFrontendContainer .topSection.topSectionNew .mediaLogo .description p {
  text-align: center;
  margin-bottom: 5px;
}
.InternationalFrontendContainer .topSection.topSectionNew .mediaLogo .logoGroup {
  width: 100%;
  text-align: center;
}
.InternationalFrontendContainer .topSection.topSectionNew .mediaLogo .logoGroup .logoGroupImage {
  max-width: 89%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .InternationalFrontendContainer .topSection.topSectionNew .mediaLogo .logoGroup .logoGroupImageMobile {
    display: none;
  }
}
.InternationalFrontendContainer .topSection.topSectionNew .mediaLogo .logoGroup .logoGroupImageDesktop {
  display: none;
}
@media (min-width: 768px) {
  .InternationalFrontendContainer .topSection.topSectionNew .mediaLogo .logoGroup .logoGroupImageDesktop {
    display: block;
  }
}
.InternationalFrontendContainer .lowerSection .cnt3Container {
  width: 100%;
  padding-top: 23px;
  padding-bottom: 17px;
  background: #dcdcdc;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .cnt3Container {
    padding-top: 46px;
    padding-bottom: 43px;
  }
}
.InternationalFrontendContainer .lowerSection .cnt3Container .cnt3 {
  width: 250px;
  margin: 0 auto;
  text-align: center;
  color: #3D3D3D;
  font-size: 14px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .InternationalFrontendContainer .lowerSection .cnt3Container .cnt3 {
    font-size: 18px;
    width: 300px;
  }
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .cnt3Container .cnt3 {
    font-size: 18px;
    line-height: 1;
    width: 100%;
  }
}
.InternationalFrontendContainer .lowerSection .steps {
  background-color: #b8b8b8;
  height: 150px;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner {
  width: 1030px;
  margin: 0 auto;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step {
  display: inline-block;
  height: 150px;
  width: 343px;
  position: relative;
  vertical-align: top;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step:before {
  content: ' ';
  position: absolute;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step.hasNextArrow {
  padding-right: 67px;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step.hasNextArrow:after {
  content: ' ';
  position: absolute;
  width: 67px;
  height: 16px;
  top: 67px;
  right: 0;
  background: url('/assets/images/frontend/progress_arrow.png') no-repeat 0 0 transparent;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step .text {
  padding-top: 45px;
  padding-left: 50px;
  font-size: 28px;
  text-transform: uppercase;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepRegistration {
  width: 340px;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepRegistration:before {
  background: url('/assets/images/frontend/step_figure_1.png') no-repeat 0 0 transparent;
  width: 33px;
  height: 76px;
  top: 28px;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepSendMessage {
  width: 370px;
  padding-left: 20px;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepSendMessage:before {
  background: url('/assets/images/frontend/step_figure_2.png') no-repeat 0 0 transparent;
  width: 112px;
  height: 77px;
  top: 28px;
  left: 20px;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepSendMessage .text {
  padding-left: 120px;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepMeet {
  width: 300px;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepMeet:before {
  background: url('/assets/images/frontend/step_figure_3.png') no-repeat 0 0 transparent;
  width: 55px;
  height: 72px;
  top: 38px;
  left: 30px;
}
.InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepMeet .text {
  padding-left: 100px;
}
.InternationalFrontendContainer .lowerSection .videoContainer {
  background-color: #1b1b1b;
}
.InternationalFrontendContainer .lowerSection .videoContainer .videoInner {
  margin: 0 auto;
  padding: 34px 15px 52px 15px;
  box-sizing: border-box;
  max-width: 100%;
}
@media (min-width: 768px) {
  .InternationalFrontendContainer .lowerSection .videoContainer .videoInner {
    width: 710px;
  }
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .videoContainer .videoInner {
    width: 1060px;
  }
}
.InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo {
  display: inline-block;
  width: 320px;
  margin-right: 20px;
  max-width: 100%;
}
@media (min-width: 480px) {
  .InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo {
    width: 320px;
  }
}
.InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo:nth-last-child(1) {
  margin-right: 0;
}
.InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo .title .title {
  color: #b8b8b8;
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: normal;
  display: inline-block;
}
@media (min-width: 480px) {
  .InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo .title .title.without-date-title {
    margin-bottom: 19px;
  }
}
.InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo .title .title span.textPurple {
  font-weight: 700;
  color: #cb2f8b;
}
.InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo .title .date {
  color: #b8b8b8;
}
.InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo .video {
  margin-top: 25px;
}
.InternationalFrontendContainer .lowerSection .videoContainer .ytVideo {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.InternationalFrontendContainer .lowerSection .videoContainer .ytVideo img {
  width: 100%;
  top: -16.82%;
  position: absolute;
  cursor: pointer;
}
.InternationalFrontendContainer .lowerSection .videoContainer .ytVideo .ytVideo-play-btn {
  width: 100px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-color: #282828;
  z-index: 1;
  border-radius: 9px;
  position: absolute;
  cursor: pointer;
}
.InternationalFrontendContainer .lowerSection .videoContainer .ytVideo .ytVideo-play-btn:before {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  border-style: solid;
  border-width: 15px 0 13px 28px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
}
.InternationalFrontendContainer .lowerSection .videoContainer .ytVideo .ytVideo-play-btn:hover {
  background-color: red;
}
.InternationalFrontendContainer .lowerSection .videoContainer .ytVideo iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.InternationalFrontendContainer .lowerSection .blogEntries {
  margin: 0;
  background: #f0f0f0;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner {
  width: 100%;
  margin: 0 auto;
  padding-top: 45px;
}
@media (min-width: 561px) {
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner {
    width: 560px;
  }
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner {
    width: 1030px;
  }
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner h3 {
  text-align: center;
  color: #545454;
  padding: 0 20px;
  font-size: 14px;
  font-family: "Open Sans";
  font-weight: 600;
  margin: 0;
  line-height: 1.25;
  position: absolute;
  top: 35px;
  width: 100%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner h3 {
    padding: 25px 30px 20px 30px;
    font-size: 20px;
    top: 46px;
  }
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner p {
  font-size: 13px;
  padding: 0 20px 0 20px;
  text-align: center;
  display: block;
  clear: both;
  word-wrap: break-word;
  color: #545454;
  line-height: 1.3;
  margin: 0 0 14px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  white-space: pre-wrap;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner p {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 22px;
    font-size: 14px;
  }
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .button-holder {
  padding-bottom: 19px;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .button-holder {
    margin-bottom: 30px;
  }
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .button-holder a {
  width: 138px;
  height: 34px;
  line-height: 34px;
  background-color: #9e005d;
  color: #ffffff;
  padding: 0;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 auto;
  font-family: "Open Sans";
  font-size: 14px;
  display: block;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .button-holder a {
    height: 52px;
    line-height: 52px;
    font-size: 20px;
    width: 200px;
  }
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry {
  width: 90%;
  min-height: 450px;
  margin: 0 auto -30px auto;
  display: block;
}
@media (min-width: 561px) {
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry {
    width: 560px;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry {
    width: 500px;
    margin: 0;
  }
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry:nth-child(odd) {
    margin-right: 30px;
  }
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .blogImage {
  height: 300px;
  background-size: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .blogContentContainer {
  position: relative;
  top: -60px;
  margin: 0 30px;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .blogContent {
  background-color: #F0F0F0;
  border-radius: 0 0 5px 5px;
  z-index: 600;
  -webkit-box-shadow: 0px 7px 31px -8px #bfb5bf;
  -moz-box-shadow: 0px 7px 31px -8px #bfb5bf;
  box-shadow: 0px 7px 31px -8px #bfb5bf;
  padding-top: 70px;
  position: relative;
  color: #545454;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .blogContent {
    height: 238px;
    padding-top: 90px;
  }
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry:hover {
  /* box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.15);

                        .readMore a {
                            color: @colorPurple;
                            border-bottom: 1px solid @colorPurple !important;
                        }*/
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryImage {
  margin-right: 26px;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryImage img {
  width: 139px;
  height: auto;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryContent {
  width: 285px;
  min-height: 139px;
  position: relative;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryContent .title {
  margin-bottom: 24px;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryContent .title h3 {
  text-transform: uppercase;
  color: #9e005d;
  display: block;
  display: -webkit-box;
  max-height: 36px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryContent .description p {
  display: block;
  display: -webkit-box;
  max-height: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.2;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryContent .readMore {
  position: absolute;
  right: 0;
  bottom: 0;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryContent .readMore a {
  display: block;
  border-bottom: 1px solid #545454;
}
.InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryContent .readMore a:after {
  margin-left: 5px;
  font-family: FontAwesome;
  content: '\f105';
}
.InternationalFrontendContainer .lowerSection .greatestCheatsContainer {
  background: #DCDCDC;
}
.InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner {
  padding-top: 20px;
  font-family: "Open Sans";
  margin: 0 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner {
    padding-top: 25px;
  }
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner {
    padding-top: 33px;
  }
}
.InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner h3 {
  font-size: 15px;
  font-weight: bold;
  color: #9e005d;
  margin: 0 0 11px 0;
}
@media (min-width: 768px) {
  .InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner h3 {
    font-size: 24px;
  }
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner h3 {
    font-size: 30px;
  }
}
.InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner .cheatsDescription {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 18px 0;
}
@media (min-width: 768px) {
  .InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner .cheatsDescription {
    font-size: 17px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner .cheatsDescription {
    font-size: 18px;
  }
}
.InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner .button {
  font-size: 15px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  padding: 0;
  font-weight: bold;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 auto 25px auto;
  max-width: 340px;
}
@media (min-width: 768px) {
  .InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner .button {
    font-size: 18px;
    max-width: 380px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .greatestCheatsContainer .greatestCheatsInner .button {
    font-size: 20px;
    max-width: 480px;
    margin-bottom: 35px;
  }
}
.InternationalFrontendContainer .lowerSection .mainContentContainer {
  background-color: #0f0f0f;
  background-position: center top;
  background-image: url("/assets/images/frontend/pageDescription1.jpg?ver=2");
  background-repeat: no-repeat;
  color: #dcdcdc;
  font-family: "Open Sans";
}
.InternationalFrontendContainer .lowerSection .mainContentContainer h3 {
  padding-top: 22px;
  padding-bottom: 20px;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .mainContentContainer h3 {
    padding-top: 66px;
    padding-bottom: 44px;
    font-size: 40px;
  }
}
.InternationalFrontendContainer .lowerSection .mainContentContainer p {
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 1.4;
  font-family: "Open Sans";
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .mainContentContainer p {
    margin-bottom: 29px;
    font-size: 18px;
  }
}
.InternationalFrontendContainer .lowerSection .mainContentContainer:last-of-type {
  margin-top: 0;
  background-image: url("/assets/images/frontend/pageDescription2.jpg");
  background-position: center top;
  background-repeat: no-repeat;
}
.InternationalFrontendContainer .lowerSection .mainContentContainer .inner {
  max-width: 1330px;
  width: 100%;
  margin: 0 auto;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 16pt;
  color: #c1c0c1;
  line-height: 25px;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}
.InternationalFrontendContainer .lowerSection .mainContentContainer .inner .cntLeft {
  width: 40%;
  max-width: 480px;
  min-height: 432px;
}
.InternationalFrontendContainer .lowerSection .mainContentContainer .inner .cntRight {
  width: 50%;
  margin-left: 51%;
  min-height: 432px;
  padding-top: 20px;
  max-width: 480px;
}
@media (min-width: 1024px) {
  .InternationalFrontendContainer .lowerSection .mainContentContainer .inner .cntRight {
    padding-top: 30px;
  }
}
.InternationalFrontendContainer .lowerSection .mainContentContainer .inner .siePhilosophyContainer {
  background-color: #ffffff;
  padding: 28px 30px;
  border-radius: 2px;
}
.InternationalFrontendContainer .lowerSection .mainContentContainer .inner .siePhilosophyContainer p {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 18px;
}
.InternationalFrontendContainer .lowerSection .mainContentContainer .inner .siePhilosophyContainer p:nth-last-child(1) {
  margin-bottom: 0;
}
/**
 * Lábléc
 */
.footerBar {
  background-color: #f0f0f0;
}
.footerBar.onOpeningPage {
  display: none;
}
.footerBar .viewSwitcher {
  padding: 30px 0;
  width: 255px;
  margin: 0 auto;
}
.footerBar .viewSwitcher .switch {
  display: inline-block;
}
.footerBar .viewSwitcher .switch p.text {
  display: inline-block;
  font-weight: 700;
  position: relative;
  top: -10px;
}
.footerBar .viewSwitcher .switch .icon {
  position: relative;
}
.footerBar .viewSwitcher .switch .icon:after {
  content: ' ';
  display: inline-block;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-color: #545454;
  z-index: 5;
}
.footerBar .viewSwitcher .switch .icon:before {
  font-family: FontAwesome;
  content: ' ';
  display: inline-block;
  position: absolute;
  font-size: 18px;
  top: -8px;
  left: 6px;
  color: #ffffff;
  z-index: 10;
}
.footerBar .viewSwitcher .switch .icon.iconDesktop:before {
  content: '\f109';
}
.footerBar .viewSwitcher .switch .icon.iconMobile:before {
  content: '\f10b';
  font-size: 23px;
  top: -12px;
  left: 11px;
}
.footerBar .viewSwitcher .switch:hover {
  cursor: pointer;
}
.footerBar .viewSwitcher .switch:hover p.text {
  color: #9e005d;
}
.footerBar .viewSwitcher .switch:hover .icon:after {
  background-color: #9e005d;
}
.footerBar .viewSwitcher .switch.active p.text {
  color: #9e005d;
}
.footerBar .viewSwitcher .switch.active .icon:after {
  background-color: #9e005d;
}
.footerBar .viewSwitcher .switch:nth-last-child(1) {
  margin-left: 10px;
}
.footerBar .pageFooter {
  padding: 15px 0 30px 0;
}
.footerBar .pageFooter ul {
  list-style-type: none;
  margin: 0;
  padding: 25px 0 0 0 ;
  text-align: center;
  line-height: 25px;
}
.footerBar .pageFooter ul li {
  display: inline-block;
  margin-left: -4px;
}
.footerBar .pageFooter ul li:after {
  content: '|';
  margin: 0 5px;
}
.footerBar .pageFooter ul li:nth-last-child(1):after {
  content: '';
}
.footerBar .pageFooter ul li.ethicalSiteElement img {
  position: relative;
  top: 11px;
}
/* Arrow bounce effect */
@keyframes arrowBounce {
  0% {
    transform: translate(0, 1px);
  }
  50% {
    transform: translate(0, 10px);
  }
  100% {
    transform: translate(0, 1px);
  }
}
@media all and (min-width: 1279px) {
  .InternationalFrontendContainer .topSection .topInner {
    width: 1140px;
  }
}
@media all and (max-width: 1023px) {
  .InternationalFrontendContainer .topSection .topInner {
    width: 100%;
    /*background-size: contain;*/
  }
  .InternationalFrontendContainer .topSection .topInner .countrySelectZone {
    right: 25px;
  }
  .InternationalFrontendContainer .topSection .topInner .disloyaltyIndex {
    width: inherit;
  }
  .InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .left {
    clear: both;
    display: block;
    float: none;
    width: 100%;
  }
  .InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .right {
    clear: both;
    display: block;
    float: none;
    text-align: center;
    width: 100%;
  }
  .InternationalFrontendContainer .lowerSection .steps {
    height: auto;
    background-color: transparent;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner {
    width: 100%;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner .step {
    width: 100% !important;
    display: block;
    padding: 0 35px !important;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner .step:nth-child(2n-1) {
    background-color: #c7c7c7;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner .step.hasNextArrow:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: -25px;
    top: auto;
    left: calc(50% - 12px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #c7c7c7 transparent transparent transparent;
    z-index: 10;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepRegistration:before {
    left: 50px;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepSendMessage.hasNextArrow:after {
    border-color: #ffffff transparent transparent transparent;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner .step.stepMeet:before {
    left: 30px;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner .step .text {
    padding-left: 30px !important;
    text-align: center;
  }
  .InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo:nth-child(3) {
    width: 100%;
  }
  .InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo:nth-child(2) {
    margin-right: 0;
  }
  .InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo:nth-child(1) {
    margin-left: 20px;
  }
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry:hover {
    box-shadow: none;
  }
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry:hover .readMore a {
    color: #9e005d;
    border-bottom: 1px solid #9e005d !important;
  }
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryImage img {
    width: 105px;
  }
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryContent {
    width: 393px;
    min-height: 105px;
  }
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryContent .title {
    margin-bottom: 18px;
  }
  .InternationalFrontendContainer .lowerSection .blogEntries .blogInner .entry .entryInner .entryContent .description p {
    max-height: 33px;
    -webkit-line-clamp: 2;
  }
  .InternationalFrontendContainer .lowerSection .mainContentContainer {
    background-position: -960px 0 !important;
  }
  .InternationalFrontendContainer .lowerSection .mainContentContainer:last-of-type {
    background-position: -260px 0 !important;
  }
  .InternationalFrontendContainer .lowerSection .mainContentContainer .inner {
    margin: 0 10px 0 10px;
    width: auto !important;
  }
  .InternationalFrontendContainer .lowerSection .mainContentContainer .inner .cntLeft {
    width: auto;
    padding-top: 432px;
    min-height: 432px;
    max-width: unset;
  }
  .InternationalFrontendContainer .lowerSection .mainContentContainer .inner .cntRight {
    width: auto;
    margin-left: 0;
    padding-top: 452px;
    max-width: unset;
  }
}
@media all and (max-width: 1023px) and (min-width: 768px) {
  .InternationalFrontendContainer .lowerSection .videoContainer .videoInner .singleVideo:nth-child(3) {
    text-align: center;
  }
}
@media all and (max-width: 767px) {
  .InternationalFrontendContainer .topSection {
    background-position: -400px 0;
  }
  .InternationalFrontendContainer .topSection .topInner .boxes {
    padding: 120px 10px 0 10px;
    text-align: center;
  }
  .InternationalFrontendContainer .topSection .topInner .boxes .box {
    width: 100%;
  }
  .InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin {
    clear: both;
    float: none;
    display: inline-block;
  }
  .InternationalFrontendContainer .topSection .topInner .boxes .box.boxSignUp {
    clear: both;
    float: none;
    display: inline-block;
  }
  .InternationalFrontendContainer .topSection .topInner .infoBoxes {
    padding-top: 15px;
  }
  .InternationalFrontendContainer .topSection .topInner .infoBoxes .infoBox img {
    width: 40%;
  }
  .InternationalFrontendContainer .topSection .topInner .infoBoxes .infoBox p {
    font-size: 10pt;
    padding: 0;
  }
  .lowerSection .blogEntries {
    margin: 0 10px 0 10px;
  }
  .lowerSection .blogEntries .blogInner {
    width: auto;
    float: none;
    display: block;
    clear: both;
  }
  .lowerSection .videoContainer .videoInner {
    width: 320px;
    max-width: 100%;
  }
  .lowerSection .videoContainer .videoInner .singleVideo:nth-child(1) {
    margin-left: 0 !important;
    margin-right: 0;
  }
}
@media all and (max-width: 767px) and (min-width: 480px) {
  .lowerSection .videoContainer .videoInner {
    width: 80% !important;
  }
}
@media all and (max-width: 479px) {
  .InternationalFrontendContainer .topSection .topInner .boxes .box {
    width: 100%;
    margin: 0 auto 0 auto;
  }
  .InternationalFrontendContainer .topSection .topInner .boxes .box.boxLogin .boxHead img {
    display: none;
  }
  .InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .dlTop,
  .InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .dlBottom {
    margin-left: 0;
  }
  .InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .left p {
    font-size: 16pt;
    font-weight: 600;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: 18px;
  }
  .InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .left p:last-of-type {
    font-size: 12pt;
    font-weight: 400;
    padding-bottom: 15px;
    padding-top: 0;
  }
  .InternationalFrontendContainer .topSection .topInner .disloyaltyIndex .right a {
    margin-top: 0px;
  }
  .InternationalFrontendContainer .topSection .topInner .showFullContainer {
    margin-top: 40px;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner .step {
    padding: 0 0 0 20px !important;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner .step .text {
    padding-left: 30px !important;
    font-size: 20px;
  }
  .InternationalFrontendContainer .lowerSection .steps .stepsInner .step.hasNextArrow .text {
    padding-top: 58px;
  }
  .InternationalFrontendContainer .lowerSection .mainContentContainer {
    background-position: -1108px 0 !important;
  }
  .InternationalFrontendContainer .lowerSection .mainContentContainer:last-of-type {
    background-position: -407px 0 !important;
  }
}
@media all and (max-width: 436px) {
  .InternationalFrontendContainer .topSection .topInner .boxes .box .boxContent {
    padding-left: 5px;
    padding-right: 5px;
  }
  .InternationalFrontendContainer .topSection .topInner .boxes .box .boxContent .inputGroup .item.inline .label {
    font-size: 12px;
    padding-right: 5px;
  }
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxSignUp .boxFoot {
  padding-top: 0;
}
.InternationalFrontendContainer .topSection .topInner .boxes .box.boxSignUp .boxFoot .purpleButton {
  font-size: 20px;
  font-weight: 600;
  width: auto !important;
}
.InternationalFrontendContainer .boxSignUp .loginButton,
.InternationalFrontendContainer .boxLogin .loginButton {
  font-weight: 600 !important;
  width: auto !important;
  padding: 12px 0;
  font-size: 22px !important;
  border-radius: 5px;
  margin: 0;
  height: 40px;
}
.InternationalFrontendContainer .boxSignUp .passReminderLink,
.InternationalFrontendContainer .boxLogin .passReminderLink {
  text-align: center !important;
  width: 100%;
  font-size: 16px !important;
  margin-top: 10px;
}
.InternationalFrontendContainer .boxSignUp .radioHolder,
.InternationalFrontendContainer .boxLogin .radioHolder {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 45px;
  text-align: center;
}
@media (max-width: 460px) {
  .InternationalFrontendContainer .boxSignUp .radioHolder,
  .InternationalFrontendContainer .boxLogin .radioHolder {
    width: 80px;
  }
}
.InternationalFrontendContainer .boxSignUp .radioHolder label,
.InternationalFrontendContainer .boxLogin .radioHolder label {
  display: inline-block;
}
.InternationalFrontendContainer .boxSignUp .radioHolder input + label.radioPurple,
.InternationalFrontendContainer .boxLogin .radioHolder input + label.radioPurple {
  display: inline-block;
  position: relative;
}
.InternationalFrontendContainer .boxSignUp .radioHolder input + label.radioPurple .labelText,
.InternationalFrontendContainer .boxLogin .radioHolder input + label.radioPurple .labelText {
  position: relative;
  top: 30px;
  text-transform: capitalize;
  z-index: 1000;
}
.InternationalFrontendContainer .boxSignUp .radioHolder input + label.radioPurple .buttonHolder,
.InternationalFrontendContainer .boxLogin .radioHolder input + label.radioPurple .buttonHolder {
  float: left;
  margin-right: 5px;
}
.InternationalFrontendContainer .boxSignUp .radioHolder input + label.radioPurple .buttonHolder:after,
.InternationalFrontendContainer .boxLogin .radioHolder input + label.radioPurple .buttonHolder:after {
  content: ' ';
  display: inline-block;
  width: 110px;
  height: 45px;
  border-radius: 5px 5px 5px 5px;
  background: #000000;
  border: 1px solid #ffffff;
  color: #ffffff;
  position: relative;
}
@media (max-width: 460px) {
  .InternationalFrontendContainer .boxSignUp .radioHolder input + label.radioPurple .buttonHolder:after,
  .InternationalFrontendContainer .boxLogin .radioHolder input + label.radioPurple .buttonHolder:after {
    width: 80px;
  }
}
.InternationalFrontendContainer .boxSignUp .radioHolder input:checked + label .labelText,
.InternationalFrontendContainer .boxLogin .radioHolder input:checked + label .labelText {
  color: #9e005d;
}
.InternationalFrontendContainer .boxSignUp .radioHolder input:checked + label.radioPurple .buttonHolder:before,
.InternationalFrontendContainer .boxLogin .radioHolder input:checked + label.radioPurple .buttonHolder:before {
  content: ' ';
  display: inline-block;
  width: 110px;
  height: 45px;
  background-color: #ffffff;
  border: 1px solid #9e005d;
  color: #9e005d;
  border-radius: 5px 5px 5px 5px;
  position: absolute;
  z-index: 250;
}
@media (max-width: 460px) {
  .InternationalFrontendContainer .boxSignUp .radioHolder input:checked + label.radioPurple .buttonHolder:before,
  .InternationalFrontendContainer .boxLogin .radioHolder input:checked + label.radioPurple .buttonHolder:before {
    width: 80px;
  }
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder,
.InternationalFrontendContainer .boxLogin .checkboxHolder {
  display: inline-block;
  position: relative;
  width: 120px;
  text-align: center;
}
@media all and (max-width: 460px) {
  .InternationalFrontendContainer .boxSignUp .checkboxHolder,
  .InternationalFrontendContainer .boxLogin .checkboxHolder {
    width: 80px;
  }
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder label,
.InternationalFrontendContainer .boxLogin .checkboxHolder label {
  display: inline-block;
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder label .buttonHolder,
.InternationalFrontendContainer .boxLogin .checkboxHolder label .buttonHolder {
  float: left;
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder label.checkboxPurple.rtl .buttonHolder,
.InternationalFrontendContainer .boxLogin .checkboxHolder label.checkboxPurple.rtl .buttonHolder {
  float: right;
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder input,
.InternationalFrontendContainer .boxLogin .checkboxHolder input {
  display: none;
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder input + label.checkboxPurple .labelText,
.InternationalFrontendContainer .boxLogin .checkboxHolder input + label.checkboxPurple .labelText {
  position: relative;
  top: 4px;
  text-transform: capitalize;
  top: 30px;
  z-index: 1000;
  color: #ffffff;
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder input + label.checkboxPurple .buttonHolder:after,
.InternationalFrontendContainer .boxLogin .checkboxHolder input + label.checkboxPurple .buttonHolder:after {
  content: ' ';
  display: inline-block;
  width: 110px;
  height: 30px;
  background: #000000;
  border: 1px solid #ffffff;
  position: relative;
  top: 0;
  margin-right: 5px;
  border-radius: 5px 5px 5px 5px;
  padding-top: 15px;
  color: #ffffff;
}
@media all and (max-width: 460px) {
  .InternationalFrontendContainer .boxSignUp .checkboxHolder input + label.checkboxPurple .buttonHolder:after,
  .InternationalFrontendContainer .boxLogin .checkboxHolder input + label.checkboxPurple .buttonHolder:after {
    width: 80px;
  }
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder input + label.checkboxPurple.rtl .buttonHolder:after,
.InternationalFrontendContainer .boxLogin .checkboxHolder input + label.checkboxPurple.rtl .buttonHolder:after {
  margin: 0 0 0 5px;
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder input:checked + label.checkboxPurple .labelText,
.InternationalFrontendContainer .boxLogin .checkboxHolder input:checked + label.checkboxPurple .labelText {
  color: #9e005d;
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder input:checked + label.checkboxPurple .buttonHolder:after,
.InternationalFrontendContainer .boxLogin .checkboxHolder input:checked + label.checkboxPurple .buttonHolder:after {
  content: ' ';
  display: inline-block;
  width: 110px;
  height: 30px;
  background: #ffffff;
  color: #9e005d;
  border: 1px solid #9e005d;
  text-align: center;
  position: relative;
  top: 0;
  margin-right: 5px;
  padding-top: 15px;
}
@media all and (max-width: 460px) {
  .InternationalFrontendContainer .boxSignUp .checkboxHolder input:checked + label.checkboxPurple .buttonHolder:after,
  .InternationalFrontendContainer .boxLogin .checkboxHolder input:checked + label.checkboxPurple .buttonHolder:after {
    width: 80px;
  }
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder input:checked + label.checkboxPurple .buttonHolder:before,
.InternationalFrontendContainer .boxLogin .checkboxHolder input:checked + label.checkboxPurple .buttonHolder:before {
  font-family: FontAwesome;
  content: ' ';
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 250;
  font-size: 16px;
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder input:checked + label.checkboxPurple.rtl .buttonHolder:before,
.InternationalFrontendContainer .boxLogin .checkboxHolder input:checked + label.checkboxPurple.rtl .buttonHolder:before {
  left: auto;
  right: 8px;
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder.multiRowFix input + label.checkboxPurple,
.InternationalFrontendContainer .boxLogin .checkboxHolder.multiRowFix input + label.checkboxPurple {
  line-height: 18px;
}
.InternationalFrontendContainer .boxSignUp .checkboxHolder.multiRowFix input + label.checkboxPurple .labelText,
.InternationalFrontendContainer .boxLogin .checkboxHolder.multiRowFix input + label.checkboxPurple .labelText {
  float: right;
  width: 90%;
}
.InternationalFrontendContainer .boxSignUp .inputGroup .item.inline .input input[type=text],
.InternationalFrontendContainer .boxLogin .inputGroup .item.inline .input input[type=text],
.InternationalFrontendContainer .boxSignUp .inputGroup .item.inline .input input[type=password],
.InternationalFrontendContainer .boxLogin .inputGroup .item.inline .input input[type=password],
.InternationalFrontendContainer .boxSignUp .inputGroup .item.inline .input input[type=email],
.InternationalFrontendContainer .boxLogin .inputGroup .item.inline .input input[type=email] {
  margin-top: 18px;
  height: 40px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #c7c7c7;
  background-color: transparent;
  background-image: url("/assets/images/frontend/reg_box_opac_bg.png");
  color: #ffffff;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 400;
}
.InternationalFrontendContainer .boxSignUp .inputGroup .item.inline .input.inputMax,
.InternationalFrontendContainer .boxLogin .inputGroup .item.inline .input.inputMax {
  width: 100% !important;
}
.InternationalFrontendContainer .boxSignUp .errorMessage,
.InternationalFrontendContainer .boxLogin .errorMessage {
  position: static;
  margin-bottom: 5px;
}
.InternationalFrontendContainer .boxSignUp .inputGroup .item.inline.hasError p,
.InternationalFrontendContainer .boxLogin .inputGroup .item.inline.hasError p {
  font-weight: bold;
  text-align: left;
}
.newRadio input[type=radio],
.newRadio input[type=checkbox] {
  display: none;
}
.newRadio .radioGroup {
  float: left;
  clear: none;
  width: 70%;
  margin-top: 15px;
}
.newRadio .radioGroup div {
  display: inline-block;
  clear: none;
  width: 48%;
}
.newRadio input + label {
  display: inline-block;
  text-align: center;
  width: 90%;
  height: 45px;
  padding: 12px 0 15px 0 ;
  background-color: #000000;
  color: #ffffff;
  border-radius: 5px;
  border: 1px solid #ffffff;
  font-size: 18px;
}
@media (max-width: 600px) {
  .newRadio input + label {
    font-size: 16px;
  }
}
@media (max-width: 400px) {
  .newRadio input + label {
    font-size: 12px;
    padding-top: 15px;
  }
}
.newRadio input:checked + label {
  background-color: #ffffff;
  color: #9e005d;
  border: 1px solid #9e005d;
}
.newRadio label {
  cursor: pointer;
}
.landingFooter.homePage {
  background: #2C2C2C;
}
@media (min-width: 768px) {
  .landingFooter.homePage {
    padding-top: 45px;
    padding-bottom: 48px;
  }
}
@media (min-width: 768px) {
  .landingFooter.homePage.mobileContainer {
    display: none;
  }
}
.landingFooter.homePage.desktopContainer {
  display: none;
}
@media (min-width: 768px) {
  .landingFooter.homePage.desktopContainer {
    display: block;
  }
}
.landingFooter.homePage .first-row .element:before {
  display: block;
  left: 10%;
  height: 1px;
  bottom: 0;
  width: 80%;
  background: rgba(255, 255, 255, 0.5);
  content: " ";
  position: absolute;
}
.landingFooter.homePage .row {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.landingFooter.homePage .element {
  width: 50%;
  height: 180px;
  display: block;
  float: left;
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  .landingFooter.homePage .element {
    width: 25%;
    border-right: 1px solid #7f7f7f;
    height: 220px;
  }
}
@media (min-width: 1024px) {
  .landingFooter.homePage .element {
    height: 270px;
  }
}
@media (min-width: 768px) {
  .landingFooter.homePage .element.last-element {
    border-right: unset;
  }
}
.landingFooter.homePage .element.first-element:after {
  display: block;
  right: 0;
  height: 140px;
  top: 20px;
  width: 1px;
  background: rgba(255, 255, 255, 0.5);
  content: " ";
  position: absolute;
}
.landingFooter.homePage .element .content {
  color: #fff;
  position: absolute;
  bottom: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .landingFooter.homePage .element .content {
    bottom: 60px;
  }
}
@media (min-width: 1024px) {
  .landingFooter.homePage .element .content {
    bottom: 87px;
  }
}
@media (min-width: 768px) {
  .landingFooter.homePage .element .content .img-container {
    margin-bottom: 6px;
  }
}
@media (min-width: 1024px) {
  .landingFooter.homePage .element .content .img-container {
    margin-bottom: 9px;
  }
}
.landingFooter.homePage .element .content .title {
  font-family: "Open Sans";
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  max-width: 100%;
  margin: 0 auto;
  text-transform: uppercase;
}
@media (min-width: 480px) {
  .landingFooter.homePage .element .content .title {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .landingFooter.homePage .element .content .title {
    font-size: 20px;
  }
}
@media (min-width: 1024px) {
  .landingFooter.homePage .element .content .title {
    font-size: 24px;
  }
}
.frontendContainer.isMobile {
  background: url(/assets/images/frontend/new_landing.jpg) no-repeat 57% 0;
  background-size: cover;
  max-width: 768px;
  margin: 0 auto;
}
.frontendContainer.isMobile .introText {
  max-width: 290px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding: 10px;
}
.frontendContainer.isMobile .introText a.logo img {
  width: 80%;
}
.frontendContainer.isMobile .sitePhilosophyWrapper {
  margin: 0 auto;
  width: 100%;
  padding: 15px;
  font-size: 14px;
  background-color: #dcdcdc;
}
.frontendContainer.isMobile.adWordsLanding .boxes {
  margin-bottom: 30px;
}
.frontendContainer.isMobile.adWordsLanding .boxes .radioHolder input + label.radioPurple .labelText,
.frontendContainer.isMobile.adWordsLanding .boxes .checkboxHolder input + label.checkboxPurple .labelText {
  color: #707070 !important;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box {
  width: 310px !important;
  margin: 0 auto 3px auto !important;
  float: none !important;
  border-bottom: none !important;
  background: rgba(255, 255, 255, 0.83) !important;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box:nth-last-child(1) {
  margin-bottom: 10px;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box .boxHead {
  color: #707070;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box .boxContent,
.frontendContainer.isMobile.adWordsLanding .boxes .box .boxHead,
.frontendContainer.isMobile.adWordsLanding .boxes .box .boxFoot {
  padding: 15px 27px;
  text-align: left;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box .boxContent .inputGroup {
  color: #ffffff;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box .boxContent .inputGroup .item.inline .label {
  width: 40% !important;
  padding-top: 5px;
  font-weight: 600;
  color: #707070;
  text-align: right;
  padding-right: 5px;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box .boxContent .inputGroup .item.inline .input {
  width: 60% !important;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin {
  /*background-color: #000;*/
  background-image: url("/assets/images/frontend/reg_box_opac_bg.png");
  clear: both;
  float: right;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .boxContent {
  position: relative;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .boxContent .loginButton {
  font-size: 12px;
  text-transform: uppercase;
  padding: 7px 0;
  width: 100px;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .boxContent .passReminderLink {
  font-size: 12px;
  padding-top: 6px;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder {
  position: absolute;
  bottom: -245px;
  height: 245px;
  width: 100%;
  right: 0;
  padding: 15px 26px;
  opacity: 0;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .inputGroupHeader {
  display: none;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .inputGroup.inputGroupPasswordReset .item.inline .label {
  width: 100%;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .inputGroup.inputGroupPasswordReset .item.inline .label.hideNewLanding {
  display: none;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .inputGroup.inputGroupPasswordReset .item.inline .input {
  width: 100%;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .resetDescription {
  font-size: 14px;
  line-height: 1.2;
  color: #707070;
  padding: 0 0 10px 0;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .passResetMessageHolder {
  padding-top: 45px;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .passResetMessageHolder p {
  color: #000;
  font-size: 13px;
  line-height: 15px;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .passResetMessageHolder .buttonHolder {
  padding-top: 15px;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .passResetMessageHolder .buttonHolder a {
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 600;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .reminderCloseButton {
  top: 0;
  right: 15px;
  font-size: 20px;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxLogin .contentPassReminder .reminderCloseButton:hover {
  cursor: pointer;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxSignUp {
  border-bottom: 1px solid #2a2a2a;
  clear: none;
  float: right;
  background-image: url("/assets/images/frontend/reg_box_opac_bg.png");
  position: relative;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxSignUp .boxFoot {
  padding-top: 20px;
  padding-bottom: 25px;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxSignUp .boxFoot .purpleButton {
  padding: 12px 0;
  font-size: 22px;
  border-radius: 5px;
  margin: 0;
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxSignUp .bell-container {
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(141, 41, 93, 0.8);
  color: #ffffff;
  width: 200px;
  padding: 10px 23px;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1.2px;
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  font-style: italic;
  text-align: left;
}
@media (min-width: 550px) {
  .frontendContainer.isMobile.adWordsLanding .boxes .box.boxSignUp .bell-container {
    top: -77px;
    right: 0;
    left: unset;
  }
}
@media (min-width: 768px) {
  .frontendContainer.isMobile.adWordsLanding .boxes .box.boxSignUp .bell-container {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 210px;
    top: 114px;
    font-size: 20px;
    padding: 15px 20px;
    left: 0;
    right: unset;
  }
}
.frontendContainer.isMobile.adWordsLanding .boxes .box.boxSignUp .bell-container .highlighted {
  font-weight: bold;
}
.frontendContainer .footerBar {
  text-align: center !important;
}
.frontendContainer .footerBar li {
  padding: 5px;
}
.frontendContainer .footerBar li:first-child {
  display: none;
}
.debugLayer {
  display: none;
}
.notFoundContainer {
  height: 100vh;
  width: 100%;
  background-color: #000000;
}
.notFoundContainer .innerContainer {
  width: 1398px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.notFoundContainer .innerContainer .container {
  background: url('/assets/images/frontend/video_bg_cover.png') no-repeat 0 0 transparent;
  padding-top: 56.15164%;
  background-size: 100%;
  height: 0;
  border-radius: 8px;
  position: relative;
}
.notFoundContainer .innerContainer .container .content {
  position: absolute;
  right: 0;
  bottom: 15px;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 25px;
}
.notFoundContainer .innerContainer .container .content h1 {
  color: #9e005d;
  font-size: 196px;
  text-transform: uppercase;
  margin: 0 0 30px 0;
}
.notFoundContainer .innerContainer .container .content p {
  color: #ffffff;
  font-size: 28px;
  line-height: 32px;
  text-transform: uppercase;
}
.notFoundContainer .innerContainer .container .content p.smallScreen {
  display: none;
}
.notFoundContainer .innerContainer .container .content ul {
  padding-top: 30px;
  list-style-type: none;
  margin: 0;
}
.notFoundContainer .innerContainer .container .content ul li {
  padding-bottom: 8px;
}
.notFoundContainer .innerContainer .container .content ul li a {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  text-decoration: underline;
}
.notFoundContainer .innerContainer .logo {
  display: block;
  background: url('/assets/images/_hu/common/logo.png') no-repeat 0 0 transparent;
  width: 312px;
  height: 90px;
  margin-bottom: 0;
}
@media all and (max-width: 1415px) {
  .notFoundContainer .innerContainer {
    width: 75%;
    margin: 0 auto;
  }
}
@media all and (max-width: 1130px) {
  .notFoundContainer .innerContainer .container .content {
    padding: 2.4vw;
  }
  .notFoundContainer .innerContainer .container .content h1 {
    font-size: 10vw;
    margin: 0 0 3vw 0;
  }
  .notFoundContainer .innerContainer .container .content p {
    font-size: 3vw;
    line-height: 3.2vw;
  }
  .notFoundContainer .innerContainer .container .content ul {
    padding-top: 3vw;
  }
  .notFoundContainer .innerContainer .container .content ul li {
    padding-bottom: 1vw;
  }
  .notFoundContainer .innerContainer .container .content ul li a {
    font-size: 2vw;
  }
}
@media all and (max-width: 720px) {
  .notFoundContainer .innerContainer .container .content p {
    display: none;
  }
  .notFoundContainer .innerContainer .container .content p.smallScreen {
    display: block;
  }
  .notFoundContainer .innerContainer .container .content ul {
    display: none;
  }
}
/**
 * Belépett főoldal
 */
.homeContainer {
  background-color: #ffffff;
  /*
    .columns {
        width: 100%;

        .col {
            background-color: @colorWhite;
            width: 50%;
            height: 315px;

            &.colQuickSearch {
                background-color: lighten(@colorGrayLightenedDarker, 19%);
            }
        }

        .colUserData {
            .userBox {
                margin-bottom: 20px;

                .userInfo {
                    padding: 12px 0 0 12px;

                    p, a {
                        font-size: 18px;

                        &.name {
                            color: @colorPurple;
                            line-height: 22px;
                        }

                        &.userId {
                            font-size: 14px;
                            color: @colorGrayLightenedDarker;
                            line-height: 20px;
                        }
                    }
                }
            }

            .statSummary, .subscriptionBox {
                width: 90%;
                margin: 0 auto;

                .row {
                    border-bottom: 1px solid @colorGrayLightenedDark;
                    width: 100%;

                    &:nth-child(1) {
                        border-top: 1px solid @colorGrayLightenedDark;
                    }

                    p, a {
                        display: inline-block;
                        padding: 8px 0;
                        font-size: 13px;
                    }

                    .key {
                        color: @colorBlack;
                        width: 80%;
                        border-right: 1px solid @colorGrayLightenedDark;
                        padding-left: 5px;
                    }

                    .value {
                        width: 15%;
                        text-align: center;
                        color: @colorPurple;
                        font-weight: @fontWeightBold;
                    }
                }
            }

            .subscriptionBox {
                .noEfiBox {
                    margin-top: 8px;

                    .inactiveEfiDescription {
                        margin-bottom: 15px;
                        font-size: 12px;
                        font-weight: @fontWeightSemiBold;
                        text-align: center;
                    }

                    a.purpleButton {
                        width: 45%;
                        margin: 0 auto;
                        font-size: 12px;
                        text-transform: uppercase;
                        padding: 8px 0;
                    }
                }

                .activeEfiText {
                    margin-top: 25px;
                    font-size: 18px;
                    text-align: center;
                    text-transform: uppercase;
                }
            }
        }

        .colQuickSearch {
            .inner {
                width: 85%;
                margin: 0 auto;
                padding: 20px 0;
                position: relative;

                .advancedSearchLink {
                    position: absolute;
                    top: 13px;
                    right: 0;
                    width: 60px;
                    text-align: right;

                    a {
                        text-decoration: underline;
                        font-size: 12px;
                    }
                }

                .head {
                    margin-bottom: 12px;

                    p {
                        text-transform: uppercase;
                        font-weight: @fontWeightSemiBold;
                        color: @colorBlack;
                        font-size: 16px;
                    }
                }

                .inputGroup {
                    .item {
                        margin-bottom: 7px;

                        &.inline {
                            .input {
                                width: 100%;
                            }
                        }

                        .label {
                            font-size: 12px;
                            font-weight: @fontWeightBold;
                            margin-bottom: 6px;
                        }
                    }

                    .checkboxHolder {
                        margin-right: 15px;
                        width: 95px;
                        margin-bottom: 0;

                        &:nth-last-child(1) {
                            margin-right: 0;
                        }

                        .labelText {
                            font-size: 12px;
                            color: @colorBlack;
                            font-weight: @fontWeightSemiBold;
                            text-transform: uppercase;
                        }
                    }

                    .ageDiviner {
                        width: 30px;
                        display: inline-block;
                        text-align: center;
                        position: relative;
                        top: -9px;
                    }

                    .viszonySelect {
                        &.quickSearchCountySelect {

                        }
                    }

                    .floatedBoxes {
                        .item {
                            width: 47%;
                        }
                    }
                }
            }

            .quickSearchSubmitButton {
                margin-top: 5px;
            }
        }
    }

    .messageList {
        background-color: lighten(@colorGrayLightenedDark, 7%);

        .head {
            padding: 20px 0 0 17px;
            position: relative;
            margin-bottom: 15px;

            p {
                font-size: 18px;
                color: @colorBlack;
                text-transform: uppercase;
            }

            a {
                position: absolute;
                top: 15px;
                right: 25px;
                font-size: 12px;
                text-decoration: underline;
                width: 60px;
                text-align: right;
            }
        }
    }

    .latestStories {
        background-color: lighten(@colorGrayLightenedDark, 7%);

        .head {
            padding: 20px 0 0 17px;
            margin-bottom: 25px;
            position: relative;

            .title {
                color: @colorBlack;
                font-size: 18px;
                text-transform: uppercase;
            }

            a {
                position: absolute;
                top: 15px;
                right: 25px;
                text-decoration: underline;
                font-size: 12px;
                width: 100px;
                text-align: right;
            }
        }

        .storyContainer {
            width: 93%;
            margin: 10px auto 0 auto;
            padding-bottom: 25px;

            .story {
                width: 47%;

                .title {
                    font-weight: @fontWeightBold;
                    color: @colorBlack;
                    margin-bottom: 13px;
                }

                .body a {
                    font-size: 13px;
                    line-height: 15px;
                    color: @colorBlack;

                    &:hover {
                        text-decoration: underline;
                    }
                }

                .author {
                    text-align: right;
                    margin-top: 5px;

                    a {
                        color: @colorBlack;
                        font-size: 13px;
                        font-style: italic;
                    }
                }
            }
        }
    }
    */
}
.homeContainer .row.background.gray {
  background-color: #dcdcdc;
}
.homeContainer .row.background.lightGray {
  background-color: #ededed;
}
.homeContainer .row .rowHead {
  padding: 20px 0 20px 18px;
}
.homeContainer .row .rowHead p {
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
}
.homeContainer .row.rowUserData .cols .col {
  width: 282px;
}
.homeContainer .row.rowUserData .cols .col.colUserMeta .userImage {
  width: 95px;
  display: inline-block;
}
.homeContainer .row.rowUserData .cols .col.colUserMeta .userInfo {
  display: inline-block;
  width: 180px;
  vertical-align: top;
  padding: 15px 0 0 15px;
}
.homeContainer .row.rowUserData .cols .col.colUserMeta .userInfo a {
  display: block;
  color: #9e005d;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 4px;
}
.homeContainer .row.rowUserData .cols .col.colUserMeta .userInfo span {
  display: block;
}
.homeContainer .row.rowUserData .cols .col.colUserMeta .subscriptionBox {
  padding: 11px 18px 16px 18px;
}
.homeContainer .row.rowUserData .cols .col.colUserMeta .subscriptionBox .noEfiBox p {
  text-align: center;
  font-size: 12px;
  color: #787878;
  padding-bottom: 9px;
}
.homeContainer .row.rowUserData .cols .col.colUserMeta .subscriptionBox .noEfiBox .purpleButton {
  font-size: 14px;
  padding: 7px 0;
  font-weight: 400;
  text-transform: uppercase;
}
.homeContainer .row.rowUserData .cols .col.colUserMeta .subscriptionBox .activeEfiText {
  font-size: 13px;
  color: #787878;
  line-height: 17px;
  padding-top: 10px;
}
.homeContainer .row.rowUserData .cols .col.colUserMeta .subscriptionBox .activeEfiText span {
  color: #545454;
  font-weight: 600;
}
.homeContainer .row.rowUserData .cols .col.colUserStat .statSummary {
  padding: 15px 18px;
}
.homeContainer .row.rowUserData .cols .col.colUserStat .statSummary .row {
  border-bottom: 1px solid #c7c7c7;
  width: 100%;
}
.homeContainer .row.rowUserData .cols .col.colUserStat .statSummary .row:nth-last-child(1) {
  border-bottom: none;
}
.homeContainer .row.rowUserData .cols .col.colUserStat .statSummary .row p,
.homeContainer .row.rowUserData .cols .col.colUserStat .statSummary .row a {
  display: inline-block;
  padding: 11px 0;
  font-size: 13px;
}
.homeContainer .row.rowUserData .cols .col.colUserStat .statSummary .row .key {
  color: #000000;
  width: 80%;
  border-right: 1px solid #c7c7c7;
  padding-left: 5px;
}
.homeContainer .row.rowUserData .cols .col.colUserStat .statSummary .row .value {
  width: 15%;
  text-align: center;
  color: #9e005d;
  font-weight: 700;
}
.homeContainer .row.rowQuickSearch .rowHead a.right {
  padding-right: 18px;
  width: 72px;
  font-size: 12px;
  color: #000000;
  text-decoration: underline;
  position: relative;
  top: -5px;
}
.homeContainer .row.rowQuickSearch .content {
  padding: 0 18px;
}
.homeContainer .row.rowQuickSearch .content .col {
  width: 50%;
}
.homeContainer .row.rowQuickSearch .content .col.left {
  padding-top: 21px;
}
.homeContainer .row.rowQuickSearch .content .col.right .label label {
  font-weight: 400;
  text-transform: none;
}
.homeContainer .row.rowQuickSearch .content .col.right .item {
  margin-bottom: 11px;
}
.homeContainer .row.rowQuickSearch .content .col .item:nth-last-child(1) {
  margin-bottom: 0;
}
.homeContainer .row.rowQuickSearch .content .quickSearchSubmitButton {
  padding: 18px 0 22px 0;
}
.homeContainer .row.rowQuickSearch .content .quickSearchSubmitButton a {
  width: 245px;
  margin: 0 auto;
  display: block;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
  padding: 11px 0;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item {
  margin-bottom: 30px;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item .input input[type=text],
.homeContainer .row.rowQuickSearch .content .inputGroup .item .input input[type=email],
.homeContainer .row.rowQuickSearch .content .inputGroup .item .input input[type=password],
.homeContainer .row.rowQuickSearch .content .inputGroup .item .input textarea {
  padding: 4px 5px;
  width: 264px;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item .viszonySelect .list-wrapper {
  top: 23px;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item .viszonySelect .selectHead {
  height: 23px;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item .viszonySelect .selectHead .arrowContainer {
  height: 23px;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item .viszonySelect .selectHead .arrowContainer:after {
  top: 2px;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item .viszonySelect .selectHead .currentSelection {
  color: #000000;
  padding: 6px 0 6px 10px;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item.inline .input {
  width: 100%;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item.inline .input .checkboxHolder {
  min-width: 35%;
  margin-bottom: 0;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item .label,
.homeContainer .row.rowQuickSearch .content .inputGroup .item .labelText {
  color: #000000;
  font-size: 13px;
  text-transform: uppercase;
}
.homeContainer .row.rowQuickSearch .content .inputGroup .item .ageDiviner {
  position: relative;
  top: -8px;
  padding: 0 6px 0 7px;
}
.homeContainer .row.rowRecommendation .content {
  background-color: #dcdcdc;
}
.homeContainer .row.rowRecommendation .content .userData {
  padding: 15px 0 15px 15px;
  width: 443px;
}
.homeContainer .row.rowRecommendation .content .userData .meta {
  width: 140px;
  color: #9e005d;
  position: relative;
  height: 92px;
}
.homeContainer .row.rowRecommendation .content .userData .meta p {
  line-height: 18px;
}
.homeContainer .row.rowRecommendation .content .userData .meta .userMain {
  font-size: 18px;
  line-height: 22px;
}
.homeContainer .row.rowRecommendation .content .userData .meta .userMain a {
  color: #9e005d;
  font-weight: 600;
}
.homeContainer .row.rowRecommendation .content .userData .meta .purpleButton {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 400;
  padding: 8px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.homeContainer .row.rowRecommendation .content .userData .introduction {
  width: 275px;
  padding-right: 15px;
}
.homeContainer .row.rowRecommendation .content .userData .introduction p {
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}
.homeContainer .row.rowRecommendation .content .userData .introduction .short {
  font-weight: 600;
  padding-bottom: 12px;
}
.homeContainer .row.rowPremiumUsers .userList {
  padding: 0;
}
.homeContainer .row.rowPremiumUsers .userList .userBox {
  display: inline-block;
}
.homeContainer .row.rowPremiumUsers .userList .userBox:nth-last-child(1) img {
  width: 95px;
}
.homeContainer .row.rowPremiumUsers .userList .userBox img {
  width: 94px;
  height: 94px;
}
.homeContainer .row.rowPremiumUsers .premiumBoxDescription {
  padding: 0 18px;
  text-transform: uppercase;
  color: #000000;
}
.homeContainer .row.rowPremiumUsers .premiumBoxDescription p {
  font-size: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.homeContainer .row.rowPremiumUsers .premiumBoxDescription p .fa {
  padding-left: 15px;
}
.homeContainer .row.rowPremiumUsers .premiumBoxDescription .purpleButton {
  width: 205px;
  margin-top: 12px;
  font-weight: 400;
}
.homeContainer .row.rowConversations .messageList .listHead {
  background-color: #d9d9d9;
}
.homeContainer .row.rowConversations .messageList .listHead .col p {
  font-weight: 400;
  font-size: 13px;
}
.homeContainer .row.rowNewPictures .pictureContainer .col {
  margin-right: 7px;
  width: 222px;
}
.homeContainer .row.rowNewPictures .pictureContainer .col.center {
  width: 107px;
}
.homeContainer .row.rowNewPictures .pictureContainer .col:nth-last-child(1) {
  margin-right: 0;
}
.homeContainer .row.rowNewPictures .pictureContainer .col .userBox {
  margin-bottom: 6px;
}
.homeContainer .row.rowNewPictures .pictureContainer .col .userBox .extraSpacing {
  margin-right: 7px;
}
.homeContainer .row.rowNewPictures .pictureContainer .col .userBox.large img {
  width: 222px;
  height: 222px;
}
.homeContainer .row.rowNewPictures .pictureContainer .col .userBox.small img {
  width: 108px;
  height: 107px;
}
.homeContainer .row.rowNewPictures .pictureContainer .col .userBox.smaller img {
  width: 107px;
  height: 107px;
}
.homeContainer .row.rowStories {
  padding: 0 18px 18px 18px;
}
.homeContainer .row.rowStories .story {
  background-color: #dcdcdc;
  margin-bottom: 15px;
}
.homeContainer .row.rowStories .story:nth-last-child(1) {
  margin-bottom: 0;
}
.homeContainer .row.rowStories .story .storyImage {
  width: 122px;
}
.homeContainer .row.rowStories .story .storyImage img {
  width: 122px;
  height: 122px;
}
.homeContainer .row.rowStories .story .storyPreview {
  width: 407px;
  padding: 18px 12px 0 18px;
}
.homeContainer .row.rowStories .story .storyPreview .title {
  padding-bottom: 10px;
}
.homeContainer .row.rowStories .story .storyPreview .title a {
  color: #000000;
  font-size: 16px;
  text-transform: uppercase;
}
.homeContainer .row.rowStories .story .storyPreview .storyText p {
  font-size: 13px;
  color: #000000;
  line-height: 15px;
}
.homeContainer .row.rowStories .story .storyPreview .storyMeta {
  font-size: 13px;
  padding-top: 10px;
}
.homeContainer .row.rowStories .story .storyPreview .storyMeta .left {
  color: #9e005d;
}
.homeContainer .row.rowStories .story .storyPreview .storyMeta .right {
  color: #000000;
}
.homeContainer .row.rowStories .story .storyPreview .storyMeta .right a {
  color: #000000;
}
/**
 * Profilom - Saját adataim oldal
 */
.profileModifyDataContainer .columns {
  width: 100%;
}
.profileModifyDataContainer .columns .col {
  width: 50%;
  margin-bottom: -99970px;
  padding: 0 0 99999px 0;
  overflow: hidden;
}
.profileModifyDataContainer .columns .col .colHolder {
  padding: 18px 40px 18px 24px;
}
.profileModifyDataContainer .columns .col .colHolder.modifyBox {
  padding-top: 36px;
  position: relative;
}
.profileModifyDataContainer .columns .col .colHolder.modifyBox .closeBadgeGray {
  position: absolute;
  right: 2px;
  top: 4px;
}
.profileModifyDataContainer .columns .col .colHolder.modifyBox p {
  font-size: 11px;
}
.profileModifyDataContainer .columns .col .colLeft {
  background-color: #d9d9d9;
}
.profileModifyDataContainer .columns .col .colRight {
  background-color: #e8e8e8;
}
.profileModifyDataContainer .columns .col .colRight .viszonySelect .arrowContainer {
  background-color: #d9d9d9;
}
.profileModifyDataContainer .columns .col .saveButton {
  margin-top: 20px;
}
.profileModifyDataContainer .columns .col .saveButton a {
  padding: 13px 0;
  font-weight: 400;
  font-size: 28px;
}
.profileModifyDataContainer .columns .col .boxHead {
  margin-bottom: 24px;
}
.profileModifyDataContainer .columns .col .boxHead p {
  color: #000000;
  font-size: 20px;
}
.profileModifyDataContainer .columns .col .inputGroup .modifyLink {
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
}
.profileModifyDataContainer .columns .col .inputGroup .smallSpaceGroup .item {
  margin-bottom: 3px;
}
.profileModifyDataContainer .columns .col .inputGroup .item .itemDescription {
  font-size: 11px;
  line-height: 14px;
}
.profileModifyDataContainer .columns .col .inputGroup .item.mainPasswordInput {
  margin-bottom: 5px;
}
.profileModifyDataContainer .columns .col .inputGroup .item .label {
  color: #000000;
  font-size: 12px;
  margin-bottom: 4px;
}
.profileModifyDataContainer .columns .col .inputGroup .item .input textarea {
  resize: none;
  height: 140px;
  font-size: 12px;
  color: #000000;
  padding: 10px;
}
.profileModifyDataContainer .columns .col .inputGroup .item .input .inputIconOnRelationshipGoal {
  top: -20px;
}
.profileModifyDataContainer .columns .col .inputGroup .item .input .checkboxHolder .labelText,
.profileModifyDataContainer .columns .col .inputGroup .item .input .radioHolder .labelText {
  font-size: 12px;
}
.profileModifyDataContainer .columns .col .inputGroup .item .errorMessage p {
  font-size: 12px;
}
.profileModifyDataContainer .columns .col .inputGroup .item .viszonySelect .selectHead .currentSelection {
  text-transform: none;
  color: #000000;
}
.profileModifyDataContainer .columns .col .inputGroup .item.inline .input {
  width: 50%;
}
.profileModifyDataContainer .columns .col .inputGroup .item.inline .label {
  width: 50%;
}
.profileModifyDataContainer .columns .col .inputGroup .inlineItems .item {
  width: 50%;
}
.profileModifyDataContainer .columns .col .inputGroup .inlineItems .item .label {
  margin-bottom: 10px;
}
.profileModifyDataContainer .columns .col .inputGroup .inlineItems .item .radioHolder {
  display: block;
  margin-bottom: 8px;
  margin-left: 10px;
}
.profileModifyDataContainer .columns .col .inputGroup .inlineItems .item .radioHolder:nth-last-child(1) {
  margin-bottom: 0;
}
/**
 * Profilom - Jellemzésem oldal
 */
.profileModifyCharacterizationContainer .columns {
  width: 100%;
  overflow: hidden;
}
.profileModifyCharacterizationContainer .columns .col {
  width: 50%;
  margin-bottom: -99970px;
  padding: 18px 40px 99999px 24px;
}
.profileModifyCharacterizationContainer .columns .col.columnLeft {
  background-color: #d9d9d9;
}
.profileModifyCharacterizationContainer .columns .col.columnRight {
  background-color: #e8e8e8;
  padding-top: 68px;
}
.profileModifyCharacterizationContainer .columns .col.columnRight .viszonySelect .arrowContainer {
  background-color: #d9d9d9;
}
.profileModifyCharacterizationContainer .columns .col .saveButton {
  margin-top: 20px;
}
.profileModifyCharacterizationContainer .columns .col .saveButton a {
  padding: 13px 0;
  font-weight: 400;
  font-size: 28px;
}
.profileModifyCharacterizationContainer .columns .col .boxHead {
  margin-bottom: 30px;
}
.profileModifyCharacterizationContainer .columns .col .boxHead p {
  font-size: 20px;
  color: #000000;
}
.profileModifyCharacterizationContainer .columns .col .inputGroup label {
  color: #000000;
  font-size: 12px;
}
.profileModifyCharacterizationContainer .columns .col .inputGroup .labelText {
  font-size: 12px;
  color: #000000;
}
.profileModifyCharacterizationContainer .columns .col .inputGroup .radioHolder {
  display: block;
  margin-bottom: 5px;
}
/**
 * Profilom - Akit keresek oldal
 */
.profileModifyLookingForContainer .columns {
  width: 100%;
  overflow: hidden;
}
.profileModifyLookingForContainer .columns .col {
  width: 50%;
  margin-bottom: -99970px;
  padding: 18px 40px 99999px 24px;
}
.profileModifyLookingForContainer .columns .col.columnLeft {
  background-color: #d9d9d9;
}
.profileModifyLookingForContainer .columns .col.columnRight {
  background-color: #e8e8e8;
}
.profileModifyLookingForContainer .columns .col.columnRight .viszonySelect .arrowContainer {
  background-color: #d9d9d9;
}
.profileModifyLookingForContainer .columns .col .boxHead {
  margin-bottom: 30px;
}
.profileModifyLookingForContainer .columns .col .boxHead p {
  font-size: 20px;
  color: #000000;
}
.profileModifyLookingForContainer .columns .col .saveButton {
  margin-top: 60px;
}
.profileModifyLookingForContainer .columns .col .saveButton a {
  padding: 13px 0;
  font-weight: 400;
  font-size: 28px;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countyContainer {
  display: none;
  position: relative;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countyContainer .buttonBackToCountries {
  position: absolute;
  bottom: 20px;
  right: 0;
  font-weight: 600;
  text-transform: uppercase;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countryContainer {
  position: relative;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countryContainer .purpleButton {
  position: absolute;
  font-size: 13px;
  text-transform: uppercase;
  padding: 6px 12px;
  font-weight: 400;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countryContainer .purpleButton.buttonSlovakia {
  top: 35px;
  right: 50px;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countryContainer .purpleButton.buttonHungary {
  bottom: 75px;
  right: 35px;
}
.profileModifyLookingForContainer .columns .col .mapContainer .commonMap {
  width: 100%;
  height: 100%;
}
.profileModifyLookingForContainer .columns .col .mapContainer .commonMap path {
  fill: #9f9f9f;
}
.profileModifyLookingForContainer .columns .col .mapContainer .commonMap path:hover {
  cursor: pointer;
}
.profileModifyLookingForContainer .columns .col .mapContainer .mapSvgCountries {
  height: 230px;
}
.profileModifyLookingForContainer .columns .col .mapContainer .mapSvgCountries #country_hungary {
  fill: #bdbdbd;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countyMap {
  width: 100%;
  height: 100%;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countyMap path {
  transition: .3s fill;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countyMap path.selected {
  fill: #9e005d;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countyMap path.selected:hover {
  fill: #cb2f8b;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countyMap path:hover {
  fill: #ffffff;
}
.profileModifyLookingForContainer .columns .col .mapContainer .countyContainer .buttonBackToCountries {
  bottom: 5px;
  text-transform: none;
  color: #000000;
  font-size: 12px;
  top: -18px;
  font-weight: 400;
  height: 12px;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item.halfWide .radioHolder,
.profileModifyLookingForContainer .columns .col .inputGroup .item.halfWide .checkboxHolder {
  width: 105px;
  display: inline-block;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item .rangeDiviner {
  position: relative;
  top: 5px;
  left: 11px;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item .label {
  color: #000000;
  font-size: 12px;
  margin-bottom: 6px;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item .input .checkboxHolder .labelText,
.profileModifyLookingForContainer .columns .col .inputGroup .item .input .radioHolder .labelText {
  font-size: 11px;
  color: #000000;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item .input .radioHolder {
  display: block;
  margin-bottom: 6px;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item .input .radioHolder:nth-last-child(1) {
  margin-bottom: 0;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item .input .row .checkboxHolder {
  width: 52%;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item .input .row .checkboxHolder:nth-child(1) {
  float: left;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item .input .row .checkboxHolder:nth-child(2n) {
  float: left;
  width: 48%;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item .errorMessage p {
  font-size: 12px;
}
.profileModifyLookingForContainer .columns .col .inputGroup .item .viszonySelect .selectHead .currentSelection {
  text-transform: none;
  color: #000000;
}
/**
 * Profilom - Fotóim
 */
.profileModifyPhotosContainer .head p {
  font-size: 20px;
  color: #000000;
  margin-bottom: 30px;
}
.profileModifyPhotosContainer .photosSection {
  background-color: #e8e8e8;
  padding: 20px 20px 35px 20px;
}
.profileModifyPhotosContainer .photosSection .head p {
  margin-bottom: 15px;
}
.profileModifyPhotosContainer .photosSection .inner {
  padding-left: 15px;
}
.profileModifyPhotosContainer .photosSection .inner .subTitle {
  color: #9e005d;
  font-size: 14px;
  text-transform: uppercase;
}
.profileModifyPhotosContainer .photosSection .inner input.imageUploader {
  display: none;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer {
  margin-top: 15px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .uploadPhotoButton {
  width: 95px;
  height: 120px;
  background-color: #ffffff;
  position: relative;
  margin: 0 32px 25px 0;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .uploadPhotoButton:hover {
  cursor: pointer;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .uploadPhotoButton:hover .upload {
  text-decoration: underline;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .uploadPhotoButton .upload {
  color: #9e005d;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 72px;
  font-size: 13px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .uploadPhotoButton:after {
  font-family: FontAwesome;
  content: '\f030';
  color: #9e005d;
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 38px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage {
  width: 94px;
  height: 120px;
  position: relative;
  margin: 0 32px 25px 0;
  overflow: hidden;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage[data-is-ok=no]:after,
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage[data-is-ok=no]:before {
  content: ' ';
  display: block;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage[data-is-ok=no]:after {
  position: absolute;
  z-index: 100;
  width: 94px;
  height: 94px;
  background-color: rgba(158, 0, 93, 0.85);
  top: 0;
  left: 0;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage[data-is-ok=no]:before {
  content: attr(data-under-mod-text);
  z-index: 110;
  position: absolute;
  width: 94px;
  top: 32px;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage.copyElement {
  display: none;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage img {
  width: 94px;
  height: 94px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage.isUploading .overlay:after {
  content: ' ';
  width: 94px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage.isUploading .overlay .texts .uploading,
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage.isUploading .overlay .texts .processing {
  color: #9e005d;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 72px;
  font-size: 13px;
  z-index: 50;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage.isUploading .overlay .texts .processing {
  display: none;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage.isUploading .overlay .texts:after {
  font-family: FontAwesome;
  content: '\f030';
  color: #9e005d;
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 38px;
  z-index: 50;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage.isUploading .overlay .progress {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #545454;
  height: 26px;
  width: 100%;
  z-index: 50;
  overflow: hidden;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage.isUploading .overlay .progress .percentage {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #9e005d;
  height: 26px;
  width: 0%;
  z-index: 51;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .badges .badge {
  position: absolute;
  top: 5px;
  z-index: 115;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .badges .badge i {
  color: #ffffff;
  font-size: 16px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .badges .badge.badgePrimary {
  left: 5px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .badges .badge.badgePrivate {
  right: 5px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .badges .badge.hide {
  display: none;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .editOverlay {
  background-color: rgba(255, 255, 255, 0.8);
  height: 94px;
  width: 94px;
  position: absolute;
  bottom: -90px;
  z-index: 120;
  padding: 0 10px 0 5px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .editOverlay .items li {
  margin-bottom: 8px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .editOverlay .items li:nth-last-child(1) {
  margin-bottom: 0;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .editOverlay .items li:nth-child(1) {
  margin-top: 10px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .editOverlay .items li a {
  font-size: 11px;
  color: #000000;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .editOverlay .items li a:hover {
  text-decoration: underline;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .editOverlay .items li a span {
  display: inline-block;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .editOverlay .items li a span i {
  position: relative;
  top: -2px;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .editOverlay .items li a i {
  font-size: 16px;
  color: #000000;
  padding: 0 8px 0 0;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .actionTriggers {
  height: 26px;
  position: relative;
  top: -2px;
  z-index: 130;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .actionTriggers .trigger {
  display: table-cell;
  vertical-align: middle;
  width: 94px;
  height: 26px;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  color: #000000;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .actionTriggers .trigger.triggerSettings {
  background-color: #ffffff;
}
.profileModifyPhotosContainer .photosSection .inner .pictureContainer .singleUploadedImage .actionTriggers .trigger.triggerCancel {
  display: none;
  background-color: #7f7f7f;
  color: #ffffff;
}
.profileModifyPhotosContainer .photoUploadRules {
  background-color: #d9d9d9;
  padding: 35px 35px 15px 35px;
}
.profileModifyPhotosContainer .photoUploadRules ul {
  padding-left: 20px;
}
.profileModifyPhotosContainer .photoUploadRules ul li {
  margin-bottom: 15px;
  color: #000000;
  position: relative;
  line-height: 16px;
  font-size: 13px;
}
.profileModifyPhotosContainer .photoUploadRules ul li:before {
  font-family: FontAwesome;
  content: '\f00c';
  color: #9e005d;
  font-size: 18px;
  position: absolute;
  left: -27px;
  top: 2px;
}
.profileModifyPhotosContainer .goodPhotoDescription {
  background-color: #e8e8e8;
  padding: 20px 20px 35px 20px;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner {
  padding-left: 30px;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner .photoExamples {
  margin-bottom: 30px;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner .photoExamples .example {
  display: inline-block;
  margin-right: 35px;
  position: relative;
  z-index: 10;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner .photoExamples .example:nth-last-child(1) {
  margin-right: 0;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner .photoExamples .example:after {
  content: ' ';
  position: absolute;
  z-index: 20;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  bottom: -12px;
  right: -12px;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner .photoExamples .example:before {
  font-family: FontAwesome;
  font-size: 18px;
  position: absolute;
  z-index: 50;
  bottom: -7px;
  right: -6px;
  color: #ffffff;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner .photoExamples .example.good:before {
  content: '\f00c';
}
.profileModifyPhotosContainer .goodPhotoDescription .inner .photoExamples .example.good:after {
  background-color: #1aaa6c;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner .photoExamples .example.wrong:before {
  content: '\f00d';
  bottom: -6px;
  right: -4px;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner .photoExamples .example.wrong:after {
  background-color: #9e005d;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner .goodDesc p {
  font-weight: 700;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner ol {
  margin: 25px 0 0 0;
  padding: 0;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner ol li {
  margin-bottom: 15px;
  line-height: 18px;
  font-size: 13px;
  color: #000000;
}
.profileModifyPhotosContainer .goodPhotoDescription .inner ol li:before {
  color: #9e005d;
  font-size: 24px;
  left: -25px;
  top: 5px;
}
/**
 *  Profilom - Egyéb beállítások
 */
.profileModifyOtherSettingsContainer .columns {
  width: 100%;
  overflow: hidden;
}
.profileModifyOtherSettingsContainer .columns .col {
  width: 50%;
  margin-bottom: -99970px;
  padding: 18px 25px 99999px 25px;
}
.profileModifyOtherSettingsContainer .columns .col.colLeft {
  background-color: #d9d9d9;
}
.profileModifyOtherSettingsContainer .columns .col.colRight {
  background-color: #e8e8e8;
}
.profileModifyOtherSettingsContainer .columns .head {
  margin-bottom: 35px;
}
.profileModifyOtherSettingsContainer .columns .head p {
  font-size: 20px;
  text-transform: uppercase;
  color: #000000;
}
.profileModifyOtherSettingsContainer .columns .notificationSubTitle {
  margin-bottom: 25px;
}
.profileModifyOtherSettingsContainer .columns .notificationSubTitle p {
  text-transform: uppercase;
}
.profileModifyOtherSettingsContainer .columns .inlineGroup:nth-child(2n),
.profileModifyOtherSettingsContainer .columns .inlineGroup:nth-child(3n) {
  border-top: 1px solid #b8b8b8;
}
.profileModifyOtherSettingsContainer .columns .inlineGroup:nth-child(2n) .item,
.profileModifyOtherSettingsContainer .columns .inlineGroup:nth-child(3n) .item {
  padding-top: 15px;
}
.profileModifyOtherSettingsContainer .columns .inlineGroup .item {
  width: 50%;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.profileModifyOtherSettingsContainer .columns .inlineGroup .item:nth-child(1) {
  padding-right: 20px;
  border-right: 1px solid #b8b8b8;
}
.profileModifyOtherSettingsContainer .columns .inlineGroup .item:nth-last-child(1) {
  padding-left: 20px;
}
.profileModifyOtherSettingsContainer .columns .inlineGroup .item .radioHolder {
  margin-bottom: 3px;
  display: block;
}
.profileModifyOtherSettingsContainer .columns .inlineGroup .item .radioHolder:nth-last-child(1) {
  margin-bottom: 0;
}
.profileModifyOtherSettingsContainer .columns .inlineGroup .item label {
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}
.profileModifyOtherSettingsContainer .columns .savedTermsTitle {
  margin: 55px 0 15px 0;
}
.profileModifyOtherSettingsContainer .columns .savedTermsTitle p {
  text-transform: uppercase;
  font-size: 14px;
  color: #000000;
}
.profileModifyOtherSettingsContainer .columns .savedTermsList ul li {
  padding: 10px 0;
  border-top: 1px solid #ffffff;
}
.profileModifyOtherSettingsContainer .columns .savedTermsList ul li:nth-last-child(1) {
  border-bottom: 1px solid #ffffff;
}
.profileModifyOtherSettingsContainer .columns .savedTermsList ul li a {
  font-weight: 400;
  font-size: 14px;
  padding: 5px 10px;
  width: 75px;
}
.profileModifyOtherSettingsContainer .columns .savedTermsList ul li p {
  padding: 5px;
}
.profileModifyOtherSettingsContainer .columns .messageRedirect.siteLanguage,
.profileModifyOtherSettingsContainer .columns .siteLanguage.siteLanguage {
  margin-bottom: 20px;
}
.profileModifyOtherSettingsContainer .columns .messageRedirect .multiRowFix input + label.checkboxPurple .labelText,
.profileModifyOtherSettingsContainer .columns .siteLanguage .multiRowFix input + label.checkboxPurple .labelText {
  width: 86%;
  top: -2px;
  font-size: 12px;
  color: #000000;
}
.profileModifyOtherSettingsContainer .columns .messageRedirect .head,
.profileModifyOtherSettingsContainer .columns .siteLanguage .head {
  margin: 23px 0 15px 0;
}
.profileModifyOtherSettingsContainer .columns .messageRedirect .head p,
.profileModifyOtherSettingsContainer .columns .siteLanguage .head p {
  font-size: 14px;
}
.profileModifyOtherSettingsContainer .saveSettingsButton {
  width: 350px;
  margin: 20px auto;
}
/**
 *  Profilom törlése - Elő rész (Motiváló)
 */
.profileDeleteMotivatorContainer .inner {
  background-color: #e8e8e8;
  color: #000000;
}
.profileDeleteMotivatorContainer .inner .head {
  margin-bottom: 20px;
}
.profileDeleteMotivatorContainer .inner .head p {
  padding: 17px 0 0 18px;
  font-size: 20px;
  text-transform: uppercase;
}
.profileDeleteMotivatorContainer .inner .whyDelete {
  background-color: #d9d9d9;
  padding: 30px 0;
}
.profileDeleteMotivatorContainer .inner .whyDelete p {
  text-align: center;
  font-size: 15px;
}
.profileDeleteMotivatorContainer .inner .whyDelete p.textPurple {
  font-weight: 700;
  font-size: 21px;
  margin-bottom: 3px;
}
.profileDeleteMotivatorContainer .inner .users a {
  width: 94px;
  height: 94px;
}
.profileDeleteMotivatorContainer .inner .users a:nth-child(4n),
.profileDeleteMotivatorContainer .inner .users a:nth-child(5n),
.profileDeleteMotivatorContainer .inner .users a:nth-child(6n) {
  width: 95px;
  height: 94px;
}
.profileDeleteMotivatorContainer .inner .users a:nth-child(4n) img,
.profileDeleteMotivatorContainer .inner .users a:nth-child(5n) img,
.profileDeleteMotivatorContainer .inner .users a:nth-child(6n) img {
  width: 95px;
  height: 94px;
}
.profileDeleteMotivatorContainer .inner .users img {
  display: inline-block;
  margin: 0 -4px -2px 0;
}
.profileDeleteMotivatorContainer .inner .buttons {
  background-color: #d9d9d9;
  padding: 25px 0;
}
.profileDeleteMotivatorContainer .inner .buttons .buttonContainer {
  width: 49%;
}
.profileDeleteMotivatorContainer .inner .buttons .buttonContainer.buttonRegDelete {
  text-align: right;
}
.profileDeleteMotivatorContainer .inner .buttons .buttonContainer a {
  width: auto;
  display: inline-block;
}
.profileDeleteMotivatorContainer .inner .buttons .buttonContainer a.purpleButton {
  padding: 14px 35px 13px 35px;
  font-size: 16px;
}
/**
 * Profilom törlése - Második rész (Döntés)
 */
.profileDeleteFinishContainer .inner {
  background-color: #e8e8e8;
  color: #000000;
}
.profileDeleteFinishContainer .inner .head {
  margin-bottom: 20px;
}
.profileDeleteFinishContainer .inner .head p {
  padding: 17px 0 0 18px;
  font-size: 20px;
  text-transform: uppercase;
}
.profileDeleteFinishContainer .inner .hibernationInfo {
  padding-left: 33px;
}
.profileDeleteFinishContainer .inner .hibernationInfo .head p {
  padding-left: 0;
  font-size: 15px;
}
.profileDeleteFinishContainer .inner .hibernationInfo ul {
  margin-bottom: 30px;
}
.profileDeleteFinishContainer .inner .hibernationInfo ul li {
  font-size: 13px;
  margin-bottom: 6px;
}
.profileDeleteFinishContainer .inner .hibernationInfo ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.profileDeleteFinishContainer .inner .hibernationInfo ul li:before {
  font-family: FontAwesome;
  content: '\f00c';
  color: #9e005d;
  font-size: 18px;
  margin-right: 15px;
}
.profileDeleteFinishContainer .inner .opinion {
  background-color: #d9d9d9;
}
.profileDeleteFinishContainer .inner .opinion .textareaWrapper {
  padding: 0 35px;
}
.profileDeleteFinishContainer .inner .opinion .textareaWrapper textarea {
  resize: vertical;
  border: none;
  width: 100%;
  height: 360px;
  margin-bottom: 30px;
}
.profileDeleteFinishContainer .inner .opinion .textareaWrapper textarea:active,
.profileDeleteFinishContainer .inner .opinion .textareaWrapper textarea:focus {
  outline: none;
}
.profileDeleteFinishContainer .inner .buttons {
  padding: 25px 0;
}
.profileDeleteFinishContainer .inner .buttons .buttonContainer {
  width: 49%;
}
.profileDeleteFinishContainer .inner .buttons .buttonContainer.buttonRegDelete {
  text-align: right;
}
.profileDeleteFinishContainer .inner .buttons .buttonContainer a {
  width: auto;
  display: inline-block;
}
.profileDeleteFinishContainer .inner .buttons .buttonContainer a.purpleButton {
  padding: 14px 35px 13px 35px;
  font-size: 16px;
}
.profileDeleteFinishContainer .inner .buttons .buttonContainer a.grayButton {
  background-color: #d9d9d9;
  padding-top: 11px;
  padding-bottom: 10px;
}
/**
 * Profilom törlése - Kilépő kérdőív
 */
.profileDeleteQuestionsContainer .inner {
  background-color: #ededed;
  color: #000000;
}
.profileDeleteQuestionsContainer .inner .head {
  margin-bottom: 35px;
}
.profileDeleteQuestionsContainer .inner .head p {
  padding: 20px 30px 0 17px;
  font-size: 20px;
  text-transform: uppercase;
}
.profileDeleteQuestionsContainer .inner .question {
  width: 510px;
  margin: 0 auto;
  padding: 20px 0 25px 30px;
  background-color: #d9d9d9;
}
.profileDeleteQuestionsContainer .inner .question .inputGroup .item .label {
  margin-bottom: 15px;
}
.profileDeleteQuestionsContainer .inner .question .inputGroup .item .label label {
  font-weight: 700;
  font-size: 15px;
  padding-left: 30px;
}
.profileDeleteQuestionsContainer .inner .question .inputGroup .item .radioHolder {
  display: block;
  margin-bottom: 10px;
}
.profileDeleteQuestionsContainer .inner .question .inputGroup .item .radioHolder .labelText {
  font-size: 12px;
}
.profileDeleteQuestionsContainer .inner .question .inputGroup .item .input input[type=text] {
  border: 0;
  padding: 5px;
  width: 420px;
  margin-left: 25px;
}
.profileDeleteQuestionsContainer .inner .remainingInfo {
  width: 510px;
  margin: 20px auto 0 auto;
  background-color: #9e005d;
}
.profileDeleteQuestionsContainer .inner .remainingInfo p {
  color: #ffffff;
  padding: 16px 0;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.profileDeleteQuestionsContainer .inner .buttonContainer {
  padding: 20px 0;
}
.profileDeleteQuestionsContainer .inner .buttonContainer a {
  width: 35%;
  margin: 0 auto;
  font-size: 18px;
  text-transform: uppercase;
}
/**
 * Profil megtekintése lap
 */
.profileViewContainer .col.colLeft {
  width: 283px;
}
.profileViewContainer .col.colRight {
  width: 550px;
}
.profileViewContainer .col .box {
  position: relative;
  height: 100%;
  margin-bottom: 12px;
  padding: 20px;
  background-color: #ffffff;
  /*&.characterization {
                .key {
                    width: 260px;
                }

                .value {
                    width: 240px;
                }
            }*/
}
.profileViewContainer .col .box.transparent {
  background-color: transparent;
}
.profileViewContainer .col .box.auto {
  height: auto !important;
}
.profileViewContainer .col .box h2 {
  margin: 0;
  padding: 0;
  color: #9e005d;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}
.profileViewContainer .col .box h3 {
  margin: 5px 0 0 0;
  padding: 0;
  color: #9e005d;
  font-size: 18px;
  font-weight: 400;
}
.profileViewContainer .col .box .data {
  margin-top: 20px;
  font-size: 15px;
}
.profileViewContainer .col .box.basic {
  height: 283px;
}
.profileViewContainer .col .box.basic .user-premium-alert {
  color: #9e005d;
  padding-left: 20px;
  position: absolute;
  top: 5px;
  font-weight: bold;
}
.profileViewContainer .col .box.basic .user-premium-alert:before {
  content: " ";
  height: 100%;
  width: 20px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(/assets/images/common/icons/premium.png) no-repeat left center;
  background-size: contain;
}
.profileViewContainer .col .box.basic .properties li {
  font-size: 15px;
}
.profileViewContainer .col .box.basic .properties li.capitalize {
  text-transform: capitalize;
}
.profileViewContainer .col .box.basic .properties li span {
  display: inline-block;
  width: 30px;
  margin-right: 10px;
  padding: 3px 10px 3px 0;
  border-right: 1px solid #a1a1a1;
  text-align: center;
  vertical-align: middle;
}
.profileViewContainer .col .box.basic .properties .sprite {
  display: inline-block;
  background-image: url(../../images/profile/properties.png);
  background-repeat: no-repeat;
}
.profileViewContainer .col .box.basic .properties .sprite-education {
  width: 18px;
  height: 12px;
  background-position: -5px -5px;
}
.profileViewContainer .col .box.basic .properties .sprite-hairAndEye {
  width: 10px;
  height: 14px;
  background-position: -33px -5px;
}
.profileViewContainer .col .box.basic .properties .sprite-heightAndWeight {
  width: 7px;
  height: 14px;
  background-position: -53px -5px;
}
.profileViewContainer .col .box.basic .properties .sprite-familyStatus {
  width: 15px;
  height: 14px;
  background-position: -5px -29px;
}
.profileViewContainer .col .box.basic .properties .sprite-language {
  width: 15px;
  height: 15px;
  background-position: -30px -29px;
}
.profileViewContainer .col .box.basic .properties .sprite-profession {
  width: 14px;
  height: 12px;
  background-position: -70px -5px;
}
.profileViewContainer .col .box.basic .properties .sprite-sex {
  width: 15px;
  height: 12px;
  background-position: -70px -27px;
}
.profileViewContainer .col .box.basic .properties .sprite-smoking {
  width: 15px;
  height: 9px;
  background-position: -55px -49px;
}
.profileViewContainer .col .box.basic .buttonBan {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 118px;
  padding: 8px;
  font-size: 14px;
  color: #545454;
  font-weight: 600;
  background-color: transparent;
  text-align: left;
  border: 1px solid #545454;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  -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;
  -webkit-transition: 0.2;
  -moz-transition: 0.2;
  -ms-transition: 0.2;
  -o-transition: 0.2;
  transition: 0.2;
}
.profileViewContainer .col .box.basic .buttonBan.inactive {
  color: #f0f0f0;
  border-color: #f0f0f0;
  cursor: default;
}
.profileViewContainer .col .box.basic .buttonBan:not(.inactive):hover {
  color: #9e005d;
  border-color: #9e005d;
}
.profileViewContainer .col .box.basic .buttonBan i {
  font-size: 17px;
  vertical-align: middle;
}
.profileViewContainer .col .box.basic .buttonBan span {
  display: inline-block;
  width: 84%;
  text-align: center;
  vertical-align: middle;
}
.profileViewContainer .col .box.basic .actions {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 118px;
}
.profileViewContainer .col .box.basic .actions a,
.profileViewContainer .col .box.basic .actions button {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 8px 0 8px 10px;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.profileViewContainer .col .box.basic .actions a.active,
.profileViewContainer .col .box.basic .actions button.active,
.profileViewContainer .col .box.basic .actions a.inactive,
.profileViewContainer .col .box.basic .actions button.inactive {
  cursor: default;
}
.profileViewContainer .col .box.basic .actions a.active:hover,
.profileViewContainer .col .box.basic .actions button.active:hover,
.profileViewContainer .col .box.basic .actions a.inactive:hover,
.profileViewContainer .col .box.basic .actions button.inactive:hover {
  box-shadow: none;
}
.profileViewContainer .col .box.basic .actions a.inactive,
.profileViewContainer .col .box.basic .actions button.inactive {
  background-color: #f0f0f0;
}
.profileViewContainer .col .box.basic .actions a i,
.profileViewContainer .col .box.basic .actions button i {
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}
.profileViewContainer .col .box.basic .actions a span,
.profileViewContainer .col .box.basic .actions button span {
  display: inline-block;
  width: 79%;
  text-align: center;
  vertical-align: middle;
}
.profileViewContainer .col .box.basic .actions .grayButton {
  color: #ffffff;
  background-color: #757575;
  border: none;
  outline: none;
}
.profileViewContainer .col .box.basic .actions .grayButton:hover {
  box-shadow: inset -3px -3px 15px -3px rgba(0, 0, 0, 0.45), inset 0px 8px 14px -3px rgba(255, 255, 255, 0.35);
}
.profileViewContainer .col .box.basic .actions .favorite.active {
  background-color: #9e005d;
}
.profileViewContainer .col .box.privatePhotos {
  padding: 20px 8px;
  height: 230px;
}
.profileViewContainer .col .box.privatePhotos h2 {
  color: #545454;
  text-align: center;
}
.profileViewContainer .col .box.privatePhotos ul li {
  position: relative;
  display: block;
  float: left;
}
.profileViewContainer .col .box.privatePhotos ul li:not(:first-of-type) {
  margin-left: 3px;
}
.profileViewContainer .col .box.privatePhotos ul li img {
  width: 87px;
  height: 87px;
  cursor: pointer;
}
.profileViewContainer .col .box.privatePhotos ul li img.half {
  width: 132px;
  height: 132px;
}
.profileViewContainer .col .box.privatePhotos ul li .photoCount {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -18px;
  color: #757575;
  font-size: 36px;
  text-align: center;
  text-shadow: 0 0 5px #b8b8b8;
  pointer-events: none;
}
.profileViewContainer .col .box.privatePhotos ul li div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.8;
  pointer-events: none;
}
.profileViewContainer .col .box.privatePhotos ul li.third,
.profileViewContainer .col .box.privatePhotos ul li.twothirds {
  height: 87px;
  font-size: 14px;
  text-align: center;
  border: 1px dotted #b8b8b8;
}
.profileViewContainer .col .box.privatePhotos ul li.third span,
.profileViewContainer .col .box.privatePhotos ul li.twothirds span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
}
.profileViewContainer .col .box.privatePhotos ul li.third {
  width: 87px;
}
.profileViewContainer .col .box.privatePhotos ul li.third span {
  margin-top: -14px;
}
.profileViewContainer .col .box.privatePhotos ul li.twothirds {
  width: 177px;
}
.profileViewContainer .col .box.privatePhotos ul li.twothirds span {
  margin-top: -7px;
}
.profileViewContainer .col .box.privatePhotos .actions {
  margin-top: 10px;
}
.profileViewContainer .col .box.privatePhotos .actions button {
  display: inline-block;
  width: 132px;
  padding: 10px 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border: none;
  outline: none;
  cursor: pointer;
  vertical-align: top;
}
.profileViewContainer .col .box.privatePhotos .actions button.active,
.profileViewContainer .col .box.privatePhotos .actions button.inactive {
  cursor: default;
}
.profileViewContainer .col .box.privatePhotos .actions button.active:hover,
.profileViewContainer .col .box.privatePhotos .actions button.inactive:hover {
  box-shadow: none;
}
.profileViewContainer .col .box.privatePhotos .actions button.inactive {
  background-color: #f0f0f0;
}
.profileViewContainer .col .box.privatePhotos .actions .purpleButton.active {
  background-color: #757575;
}
.profileViewContainer .col .box.privatePhotos .actions .grayButton {
  background-color: #757575;
}
.profileViewContainer .col .box.privatePhotos .actions .grayButton:hover {
  box-shadow: inset -3px -3px 15px -3px rgba(0, 0, 0, 0.45), inset 0px 8px 14px -3px rgba(255, 255, 255, 0.35);
}
.profileViewContainer .col .box.privatePhotos .actions .grayButton.active {
  background-color: #9e005d;
}
.profileViewContainer .col .box.about {
  min-height: 230px;
}
.profileViewContainer .col .box.about .shortIntroduction {
  margin-bottom: 18px;
  padding-bottom: 2px;
  color: #545454;
  font-weight: 600;
  font-style: italic;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.profileViewContainer .col .box.about .longIntroduction {
  line-height: 1.2;
}
.profileViewContainer .col .box.about .longIntroduction .readMore {
  color: #9e005d;
  text-decoration: underline;
  cursor: pointer;
}
.profileViewContainer .col .box.about .longIntroduction .readMore i {
  margin-left: 3px;
}
.profileViewContainer .col .box.about .longIntroduction .more {
  display: none;
}
.profileViewContainer .col .box.info {
  padding: 20px 8px;
}
.profileViewContainer .col .box.info li {
  padding-bottom: 7px;
}
.profileViewContainer .col .box.info li.separated {
  padding-top: 20px;
}
.profileViewContainer .col .box.info li span {
  color: #000000;
}
.profileViewContainer .col .box.lookingFor .item,
.profileViewContainer .col .box.characterization .item {
  padding-bottom: 15px;
  background-image: url("../../images/profile/d2d2d2-1x1.png");
  background-position: 145px 0;
  background-repeat: repeat-y;
  line-height: 20px;
}
.profileViewContainer .col .box.lookingFor .item .key,
.profileViewContainer .col .box.characterization .item .key {
  display: inline-block;
  color: #000000;
  text-align: left;
  vertical-align: top;
}
.profileViewContainer .col .box.lookingFor .item .key:after,
.profileViewContainer .col .box.characterization .item .key:after {
  content: ':';
}
.profileViewContainer .col .box.lookingFor .item .value,
.profileViewContainer .col .box.characterization .item .value {
  display: inline-block;
  padding-left: 50px;
}
.profileViewContainer .col .box.lookingFor .item .value li,
.profileViewContainer .col .box.characterization .item .value li {
  display: inline-block;
}
.profileViewContainer .col .box.lookingFor .item .value li:not(:first-of-type),
.profileViewContainer .col .box.characterization .item .value li:not(:first-of-type) {
  text-transform: lowercase;
}
.profileViewContainer .col .box.lookingFor .item .value li:not(:last-of-type):after,
.profileViewContainer .col .box.characterization .item .value li:not(:last-of-type):after {
  content: ',';
}
.profileViewContainer .col .box.lookingFor .key,
.profileViewContainer .col .box.characterization .key {
  width: 130px;
}
.profileViewContainer .col .box.lookingFor .value,
.profileViewContainer .col .box.characterization .value {
  width: 370px;
}
.profileViewContainer .col .zoneOnSideBox {
  width: auto;
  text-align: center;
}
.profileViewContainer .col .avatarContainer {
  position: relative;
  height: 283px;
  margin-bottom: 12px;
}
.profileViewContainer .col .avatarContainer .avatar {
  position: relative;
}
.profileViewContainer .col .avatarContainer .avatar img {
  width: 100%;
  height: 283px;
}
.profileViewContainer .col .avatarContainer .avatar.hiddenPhoto {
  z-index: 10;
}
.profileViewContainer .col .avatarContainer .avatar.hiddenPhoto .hiddenPhotoPreview {
  z-index: 20;
}
.profileViewContainer .col .avatarContainer .avatar.hiddenPhoto .hiddenPhotoPreview img {
  position: absolute;
  top: calc(50% - 47px);
  left: calc(50% - 47px);
  width: 94px;
  height: 94px;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.35);
}
.profileViewContainer .col .avatarContainer .photoCountBehind,
.profileViewContainer .col .avatarContainer .photoCountBehind2 {
  position: absolute;
  background-color: #e3e3e3;
  border: 2px solid #757575;
  pointer-events: none;
  z-index: 10;
}
.profileViewContainer .col .avatarContainer .photoCountBehind {
  width: 38px;
  height: 38px;
  bottom: 28px;
  right: 22px;
}
.profileViewContainer .col .avatarContainer .photoCountBehind2 {
  width: 34px;
  height: 34px;
  bottom: 36px;
  right: 24px;
}
.profileViewContainer .col .avatarContainer .photoCount {
  position: absolute;
  display: inline-block;
  width: 42px;
  height: 42px;
  bottom: 20px;
  right: 20px;
  color: #7a7a7a;
  background-color: #e3e3e3;
  font-size: 30px;
  font-weight: 600;
  border: 2px solid #757575;
  pointer-events: none;
  z-index: 10;
}
.profileViewContainer .col .avatarContainer .photoCount span {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -15px;
  text-align: center;
}
/**
 * Visszatérés hibernálásból
 */
.hibernationRecurringContainer {
  background-color: #ededed;
  padding: 35px 30px;
}
.hibernationRecurringContainer .welcome {
  margin-bottom: 30px;
}
.hibernationRecurringContainer .welcome p {
  color: #9e005d;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
}
.hibernationRecurringContainer .innerBox {
  background-color: #d9d9d9;
  padding: 25px 70px 35px 70px;
}
.hibernationRecurringContainer .innerBox p {
  color: #000000;
  font-size: 22px;
  text-align: center;
  line-height: 25px;
  margin-bottom: 20px;
}
.hibernationRecurringContainer .innerBox a {
  padding: 30px 0 27px 0;
  font-size: 22px;
}
.newPasswordContainer .pageHead {
  padding-bottom: 25px;
}
.newPasswordContainer .pageHead p {
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}
.newPasswordContainer .wrapper .description {
  padding-bottom: 15px;
}
.newPasswordContainer .wrapper .description p {
  line-height: 17px;
}
.newPasswordContainer .wrapper .description p.welcome {
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 15px;
}
.newPasswordContainer .wrapper .passwordChangeGroup {
  width: 300px;
}
/**
 * Gyorskeresés
 */
.quickSearchContainer {
  background-color: #e8e8e8;
}
.quickSearchContainer .head {
  padding: 20px 0 0 25px;
}
.quickSearchContainer .head p {
  color: #000000;
  font-size: 20px;
  text-transform: uppercase;
}
.quickSearchContainer .loadedMap {
  width: 460px;
  min-height: 235px;
  margin: 0 auto 20px auto;
}
.quickSearchContainer .loadedMap .countyContainer {
  display: none;
  position: relative;
}
.quickSearchContainer .loadedMap .countyContainer .buttonBackToCountries {
  position: absolute;
  bottom: 20px;
  right: 0;
  font-weight: 600;
  text-transform: uppercase;
}
.quickSearchContainer .loadedMap .countryContainer {
  position: relative;
}
.quickSearchContainer .loadedMap .countryContainer .purpleButton {
  position: absolute;
  font-size: 13px;
  text-transform: uppercase;
  padding: 6px 12px;
  font-weight: 400;
}
.quickSearchContainer .loadedMap .countryContainer .purpleButton.buttonSlovakia {
  top: 35px;
  right: 50px;
}
.quickSearchContainer .loadedMap .countryContainer .purpleButton.buttonHungary {
  bottom: 75px;
  right: 35px;
}
.quickSearchContainer .loadedMap .commonMap {
  width: 100%;
  height: 100%;
}
.quickSearchContainer .loadedMap .commonMap path {
  fill: #9f9f9f;
}
.quickSearchContainer .loadedMap .commonMap path:hover {
  cursor: pointer;
}
.quickSearchContainer .loadedMap .mapSvgCountries {
  height: 230px;
}
.quickSearchContainer .loadedMap .mapSvgCountries #country_hungary {
  fill: #bdbdbd;
}
.quickSearchContainer .loadedMap .countyMap {
  width: 100%;
  height: 100%;
}
.quickSearchContainer .loadedMap .countyMap path {
  transition: .3s fill;
}
.quickSearchContainer .loadedMap .countyMap path.selected {
  fill: #9e005d;
}
.quickSearchContainer .loadedMap .countyMap path.selected:hover {
  fill: #cb2f8b;
}
.quickSearchContainer .loadedMap .countyMap path:hover {
  fill: #ffffff;
}
.quickSearchContainer .columns {
  width: 405px;
  margin: 0 auto;
  color: #000000;
}
.quickSearchContainer .columns .inputGroup .inlineCheckboxes .checkboxHolder {
  display: inline-block;
  margin-right: 30px;
}
.quickSearchContainer .columns .inputGroup .inlineCheckboxes .checkboxHolder:nth-last-child(1) {
  margin-right: 0;
}
.quickSearchContainer .columns .inputGroup .checkboxHolder .labelText {
  text-transform: uppercase;
}
.quickSearchContainer .columns .inputGroup .ageDivider {
  position: relative;
  margin: 0 7px;
  top: -8px;
}
.quickSearchContainer .columns .inputGroup .ageDescription {
  position: relative;
  text-transform: uppercase;
  top: -7px;
}
.quickSearchContainer .columns .inputGroup .label {
  font-weight: 600;
  margin-bottom: 4px;
}
.quickSearchContainer .submitButtonHolder {
  padding: 20px 0;
  text-align: center;
}
.quickSearchContainer .submitButtonHolder a {
  display: inline-block;
  text-align: center;
  padding: 20px 50px;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 400;
}
/**
 * Összetett keresés
 */
.advancedSearchContainer .columns {
  width: 100%;
  overflow: hidden;
}
.advancedSearchContainer .columns .column {
  width: 50%;
  margin-bottom: -99970px;
  padding: 18px 25px 99999px 25px;
}
.advancedSearchContainer .columns .column.columnLeft {
  background-color: #d9d9d9;
}
.advancedSearchContainer .columns .column.columnRight {
  background-color: #e8e8e8;
}
.advancedSearchContainer .columns .head {
  padding-bottom: 30px;
}
.advancedSearchContainer .columns .head p {
  font-size: 20px;
  text-transform: uppercase;
}
.advancedSearchContainer .columns .inputGroup .item.halfWide .checkboxHolder {
  width: 114px;
  display: inline-block;
}
.advancedSearchContainer .columns .inputGroup .item.locationItem .input:nth-last-child(1) .viszonySelect {
  margin-bottom: 0;
}
.advancedSearchContainer .columns .inputGroup .item.locationItem .input .viszonySelect {
  margin-bottom: 10px;
}
.advancedSearchContainer .columns .inputGroup .item .rangeDiviner {
  position: relative;
  top: 5px;
  left: 11px;
}
.advancedSearchContainer .columns .inputGroup .item .label {
  color: #000000;
  font-size: 12px;
  margin-bottom: 6px;
}
.advancedSearchContainer .columns .inputGroup .item .input .checkboxHolder .labelText,
.advancedSearchContainer .columns .inputGroup .item .input .radioHolder .labelText {
  font-size: 11px;
  color: #000000;
}
.advancedSearchContainer .columns .inputGroup .item .input .radioHolder {
  display: block;
  margin-bottom: 6px;
}
.advancedSearchContainer .columns .inputGroup .item .input .radioHolder:nth-last-child(1) {
  margin-bottom: 0;
}
.advancedSearchContainer .columns .inputGroup .item .input .row .checkboxHolder {
  width: 52%;
}
.advancedSearchContainer .columns .inputGroup .item .input .row .checkboxHolder:nth-child(1) {
  float: left;
}
.advancedSearchContainer .columns .inputGroup .item .input .row .checkboxHolder:nth-child(2n) {
  float: left;
  width: 48%;
}
.advancedSearchContainer .columns .inputGroup .item .viszonySelect .selectHead .currentSelection {
  text-transform: none;
  color: #000000;
}
.advancedSearchContainer .columns .inputGroup .advancedOption {
  margin-top: 25px;
}
.advancedSearchContainer .columns .inputGroup .advancedOption .labelText {
  font-weight: 600;
}
.advancedSearchContainer .columns .doSearchButton {
  padding: 20px 0;
  text-align: center;
}
.advancedSearchContainer .columns .doSearchButton a {
  display: inline-block;
  text-align: center;
  padding: 20px 0;
  width: 100%;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 400;
}
.advancedSearchContainer .columns .searchTermSave .label {
  font-size: 12px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 5px;
}
.advancedSearchContainer .columns .searchTermSave .input input {
  width: 150px;
  display: inline-block;
  margin-right: 10px;
  border: none;
}
.advancedSearchContainer .columns .searchTermSave .input .purpleButton {
  display: inline-block;
  width: 60px;
  font-weight: 400;
  font-size: 11px;
  padding: 5px 0;
}
.imprintContainer {
  color: #000000;
}
.imprintContainer .row {
  height: 80px;
  width: 100%;
  vertical-align: middle;
  background-color: #d9d9d9;
  padding-left: 50px;
}
.imprintContainer .row:nth-child(2n) {
  background-color: #ededed;
}
.imprintContainer .row .content {
  display: table-cell;
  vertical-align: middle;
  height: 80px;
}
.imprintContainer .row .content p,
.imprintContainer .row .content h2 {
  font-size: 13px;
  font-weight: normal;
  line-height: 15px;
}
.imprintContainer .row .content a {
  text-decoration: underline;
}
.imprintContainer .row .content .imprintHead {
  text-transform: uppercase;
  font-size: 22px;
}
.customerServiceContainer {
  background-color: #e8e8e8;
  color: #000000;
}
.customerServiceContainer .head {
  padding: 20px 0 20px 18px;
}
.customerServiceContainer .head h2 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
}
.customerServiceContainer .announcement {
  background-color: #9e005d;
  margin-bottom: 20px;
  position: relative;
}
.customerServiceContainer .announcement:before {
  content: '\f12a';
  font-family: FontAwesome;
  color: #ffffff;
  font-size: 42px;
  position: absolute;
  top: 22px;
  left: 20px;
}
.customerServiceContainer .announcement p {
  color: #ffffff;
  padding: 20px 20px 20px 55px;
  font-size: 12px;
  line-height: 16px;
}
.customerServiceContainer .description {
  padding: 0 20px 5px 20px;
}
.customerServiceContainer .description p {
  font-size: 13px;
  line-height: 15px;
}
.customerServiceContainer .faqList {
  padding: 20px 25px;
  color: #000000;
}
.customerServiceContainer .faqList .categoryContainer:after {
  content: ' ';
  height: 1px;
  background-color: #bcbcbc;
  display: block;
  position: relative;
  top: 0;
}
.customerServiceContainer .faqList .categoryContainer .categoryTitle {
  font-weight: 600;
  font-size: 14px;
  padding: 12px;
  position: relative;
  margin: 0;
}
.customerServiceContainer .faqList .categoryContainer .categoryTitle i {
  position: absolute;
  left: 0;
}
.customerServiceContainer .faqList .categoryContainer:nth-last-child(1):after {
  display: none;
}
.customerServiceContainer .faqList .categoryContainer:nth-last-child(1) .categoryTitle {
  padding-bottom: 0;
  border-bottom: none;
}
.customerServiceContainer .faqList .categoryContainer:nth-child(1) .categoryTitle {
  padding-top: 0;
}
.customerServiceContainer .faqList .categoryContainer i {
  color: #9e005d;
}
.customerServiceContainer .faqList .questionContainer {
  padding: 0 20px 20px;
}
.customerServiceContainer .faqList .questionContainer:nth-last-child(1) .questionContainer {
  padding: 20px 20px 0;
}
.customerServiceContainer .faqList .questionContainer .question {
  font-weight: 600;
}
.customerServiceContainer .faqList .questionContainer .question:nth-last-child(1) .questionTitle {
  padding-bottom: 0;
}
.customerServiceContainer .faqList .questionContainer .question:nth-child(1) .questionTitle {
  padding-top: 10px;
}
.customerServiceContainer .faqList .questionContainer .question .questionTitle {
  padding-bottom: 10px;
  color: #9e005d;
  font-size: 13px;
}
.customerServiceContainer .faqList .questionContainer .question .questionAnswer {
  line-height: 16px;
  font-size: 12px;
  padding-bottom: 15px;
  font-weight: 400;
}
.customerServiceContainer .faqList .closed {
  display: none;
}
.customerServiceContainer .faqList .opened {
  display: block;
}
.customerServiceContainer .sectionCustomerServiceForm {
  background-color: #d9d9d9;
  padding-bottom: 30px;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup {
  padding: 0 30px 0 18px;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .multiRowFix input + label.checkboxPurple .labelText {
  width: 86%;
  top: -2px;
  font-size: 12px;
  color: #000000;
  text-transform: none;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .submitItem {
  text-align: right;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .submitItem .faqSubmitButton {
  display: inline-block;
  padding: 10px 30px;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .label {
  font-weight: 400;
  text-transform: uppercase;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .input input[type=text],
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .input input[type=email],
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .input input[type=password] {
  padding: 6px 5px;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .input textarea {
  height: 215px;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .input .currentUserId {
  font-weight: 600;
  color: #9e005d;
  font-size: 16px;
  position: relative;
  top: 4px;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .captchaItem {
  width: 100%;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .captchaItem .input .captchaDescription {
  width: 53%;
  margin-right: 10px;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .captchaItem .input .captchaDescription p {
  font-size: 10px;
  line-height: 14px;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .captchaItem .input .captchaImage {
  width: 16%;
  margin-right: 10px;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .captchaItem .input .captchaInput {
  width: 118px;
}
.customerServiceContainer .sectionCustomerServiceForm .inputGroup .captchaItem .input .captchaInput input {
  padding: 6px 0;
}
.customerServiceContainer .sectionContactInfo {
  background-color: #e8e8e8;
  padding-bottom: 20px;
}
.customerServiceContainer .sectionContactInfo .head p {
  color: #9e005d;
  font-weight: 600;
  font-size: 16px;
  text-transform: none;
}
.customerServiceContainer .sectionContactInfo .email {
  padding: 0 0 20px 18px;
}
.customerServiceContainer .sectionContactInfo .email a {
  text-decoration: underline;
  color: #000000;
}
.customerServiceContainer .sectionContactInfo .description .supportClosedMessage {
  color: #A80202;
  padding: 10px 0 10px 0;
  font-weight: bold;
}
.storyListContainer {
  color: #000000;
  background-color: #e8e8e8;
}
.storyListContainer .head {
  padding: 20px 0 20px 18px;
}
.storyListContainer .head h1 {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
}
.storyListContainer .columns {
  width: 100%;
  padding: 0 30px;
}
.storyListContainer .columns .column {
  width: 46%;
  margin-bottom: 25px;
}
.storyListContainer .columns .column.columnLeft {
  margin-right: 4%;
}
.storyListContainer .columns .column.columnRight {
  margin-left: 4%;
}
.storyListContainer .inputGroup .item {
  margin-bottom: 20px;
}
.storyListContainer .inputGroup .item .label {
  font-weight: 600;
}
.storyListContainer .inputGroup .item .label label {
  font-size: 12px;
}
.storyListContainer .inputGroup .item .input .viszonySelect {
  margin-left: 20px;
}
.storyListContainer .inputGroup .submitButton {
  text-align: center;
  margin-top: 20px;
}
.storyListContainer .inputGroup .submitButton a {
  padding: 10px 60px;
  display: inline-block;
  text-transform: uppercase;
}
.storyListContainer .orderingBox {
  text-align: center;
  margin-bottom: 15px;
}
.storyListContainer .orderingBox:nth-last-child(1) {
  margin-bottom: 0;
}
.storyListContainer .orderingBox .grayButton {
  background-color: #d1d1d1;
  color: #000000;
}
.storyListContainer .orderingBox:hover ul,
.storyListContainer .orderingBox.active ul {
  visibility: visible;
}
.storyListContainer .orderingBox.active[data-active-order=week] ul li:nth-child(1) a {
  text-decoration: underline;
}
.storyListContainer .orderingBox.active[data-active-order=month] ul li:nth-child(2) a {
  text-decoration: underline;
}
.storyListContainer .orderingBox.active[data-active-order=overall] ul li:nth-child(3) a {
  text-decoration: underline;
}
.storyListContainer .orderingBox ul {
  visibility: hidden;
}
.storyListContainer .orderingBox ul li {
  display: inline-block;
  font-size: 11px;
}
.storyListContainer .orderingBox ul li:after {
  content: ' |';
}
.storyListContainer .orderingBox ul li:nth-last-child(1):after {
  content: '';
}
.storyListContainer .orderingBox ul li a {
  color: #000000;
}
.storyListContainer .orderingBox ul li a:hover {
  text-decoration: underline;
}
.storyListContainer .listContainer {
  background-color: #ffffff;
  padding: 20px;
}
.storyListContainer .listContainer .listInner.noStories {
  text-align: center;
  font-size: 22px;
}
.storyListContainer .listContainer .listInner.noStories a {
  display: block;
  color: #9e005d;
}
.storyListContainer .listContainer .singleStory {
  background-color: #d9d9d9;
  margin-bottom: 15px;
  height: 122px;
}
.storyListContainer .listContainer .singleStory.outer {
  height: 100px;
}
.storyListContainer .listContainer .singleStory.outer .storyData {
  padding: 0 14px;
  width: 100%;
}
.storyListContainer .listContainer .singleStory .storyTitle a {
  display: block;
  color: #000000;
  text-transform: uppercase;
  padding: 8px 14px 0 14px;
  font-weight: 600;
}
.storyListContainer .listContainer .singleStory .storyTitle a h2 {
  font-weight: inherit;
  font-size: inherit;
  margin: 0;
}
.storyListContainer .listContainer .singleStory:nth-last-child(1) {
  margin-bottom: 0;
}
.storyListContainer .listContainer .singleStory .storyImage {
  padding: 12px;
}
.storyListContainer .listContainer .singleStory .storyImage img {
  width: 42px;
  height: 42px;
}
.storyListContainer .listContainer .singleStory .storyData {
  width: 84%;
  height: 100px;
  position: relative;
}
.storyListContainer .listContainer .singleStory .storyData .bodyFragment {
  padding: 12px 0;
}
.storyListContainer .listContainer .singleStory .storyData .bodyFragment a {
  color: #000000;
  line-height: 16px;
  font-size: 13px;
}
.storyListContainer .listContainer .singleStory .storyData .storyMeta {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 15px;
  width: 100%;
}
.storyListContainer .listContainer .singleStory .storyData .storyMeta .left,
.storyListContainer .listContainer .singleStory .storyData .storyMeta .right {
  width: 50%;
}
.storyListContainer .listContainer .singleStory .storyData .storyMeta .pointAverage {
  color: #9e005d;
  font-size: 13px;
  font-weight: 600;
}
.storyListContainer .listContainer .singleStory .storyData .storyMeta .userData {
  font-size: 13px;
  font-weight: 600;
  text-align: right;
}
.storyListContainer .listContainer .singleStory .storyData .storyMeta .userData a {
  color: #000000;
}
.myStoriesContainer {
  color: #000000;
  background-color: #e8e8e8;
}
.myStoriesContainer .title {
  padding: 20px 0 0 18px;
}
.myStoriesContainer .title p {
  text-transform: uppercase;
  font-size: 20px;
}
.myStoriesContainer .description {
  padding: 38px 0 38px 32px;
}
.myStoriesContainer .description p {
  line-height: 16px;
}
.myStoriesContainer .description p.count {
  color: #9e005d;
}
.myStoriesContainer .listHolder .noStoryWarning {
  position: relative;
  bottom: 20px;
  margin: 0 25px;
  background-color: #d9d9d9;
  text-align: center;
  color: #9e005d;
  padding: 12px 0;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}
.myStoriesContainer .listHolder .singleStory {
  background-color: #d9d9d9;
  padding: 20px 18px 20px 32px;
}
.myStoriesContainer .listHolder .singleStory:nth-child(2n) {
  background-color: #e8e8e8;
}
.myStoriesContainer .listHolder .singleStory .titleRow {
  margin-bottom: 15px;
}
.myStoriesContainer .listHolder .singleStory .titleRow .title {
  padding: 0;
  font-weight: 700;
}
.myStoriesContainer .listHolder .singleStory .date {
  font-size: 12px;
}
.myStoriesContainer .listHolder .singleStory .stats ul {
  margin-top: 5px;
}
.myStoriesContainer .listHolder .singleStory .stats ul li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
}
.myStoriesContainer .listHolder .singleStory .stats ul li:after {
  content: '|';
  display: inline-block;
  padding: 0 5px;
}
.myStoriesContainer .listHolder .singleStory .stats ul li:nth-last-child(1):after {
  content: '';
}
.myStoriesContainer .listHolder .singleStory .stats ul li span {
  color: #9e005d;
}
.myStoriesContainer .listHolder .singleStory .storyActions a {
  padding: 8px 0;
  width: 90px;
  font-size: 12px;
}
.myStoriesContainer .listHolder .singleStory .storyActions a.purpleButton {
  margin-bottom: 15px;
}
.myStoriesContainer .pagerContainer {
  border-top: 1px solid #ffffff;
  padding: 13px 18px 10px 0;
}
.storyWriteContainer {
  color: #000000;
  background-color: #e8e8e8;
}
.storyWriteContainer .head {
  padding: 20px 0 0 18px;
}
.storyWriteContainer .head p {
  text-transform: uppercase;
  font-size: 20px;
}
.storyWriteContainer .description {
  padding: 38px 0 38px 32px;
}
.storyWriteContainer .description p {
  line-height: 16px;
}
.storyWriteContainer .description p.count {
  color: #9e005d;
}
.storyWriteContainer .writeContainer {
  background-color: #d9d9d9;
  padding: 20px 30px 0 30px;
}
.storyWriteContainer .writeContainer .inputGroup .label {
  font-weight: 400;
  text-transform: uppercase;
}
.storyWriteContainer .writeContainer .inputGroup .input textarea {
  height: 340px;
}
.storyWriteContainer .writeContainer .buttons {
  padding: 32px 0 20px 0;
}
.storyWriteContainer .writeContainer .buttons .grayButton {
  margin-left: 11px;
  color: #000000;
}
.storyWriteContainer .writeContainer .buttons a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  padding: 10px 20px;
}
.storyViewContainer {
  color: #000000;
  background-color: #e8e8e8;
}
.storyViewContainer .head {
  padding: 20px 18px 0 18px;
  margin-bottom: 20px;
}
.storyViewContainer .head p {
  text-transform: uppercase;
  font-size: 20px;
}
.storyViewContainer .head a {
  text-decoration: underline;
  font-size: 12px;
}
.storyViewContainer .storyInner {
  background-color: #d9d9d9;
  padding: 25px 35px;
}
.storyViewContainer .storyInner .storyTitle {
  margin-bottom: 15px;
}
.storyViewContainer .storyInner .storyTitle h1 {
  font-weight: 700;
  font-size: 16px;
}
.storyViewContainer .storyInner .storyBody {
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 15px;
}
.storyViewContainer .storyInner .storyMeta {
  margin-top: 35px;
}
.storyViewContainer .storyInner .storyMeta p,
.storyViewContainer .storyInner .storyMeta a {
  font-size: 12px;
}
.storyViewContainer .storyInner .storyMeta a {
  color: #000000;
}
.storyViewContainer .storyRating {
  padding: 30px 35px;
}
.storyViewContainer .storyRating .userVotedStoryDesc {
  font-weight: 600;
  font-size: 12px;
}
.storyViewContainer .storyRating .rateBox span,
.storyViewContainer .storyRating .rateBox .viszonySelect {
  position: relative;
}
.storyViewContainer .storyRating .rateBox span {
  font-size: 12px;
  top: -6px;
}
.storyViewContainer .storyRating .rateBox .viszonySelect {
  top: 5px;
  margin-left: 5px;
}
.storyViewContainer .storyRating .pointSubmit {
  margin-left: 30px;
  position: relative;
  top: 4px;
}
.storyViewContainer .storyRating .pointSubmit a {
  text-transform: uppercase;
  padding: 8px 15px;
  font-size: 14px;
}
.storyViewContainer .storyRating .pointAverage {
  position: relative;
  top: 9px;
}
.storyViewContainer .storyRating .pointAverage.alreadyVotedState {
  top: 0;
}
.storyViewContainer .storyRating .pointAverage p {
  color: #9e005d;
}
/**
 * Előfizetési főoldal (csomag összehasonlítás és választás)
 */
.subscriptionIndexContainer {
  color: #000000;
}
.subscriptionIndexContainer .badgeSecure {
  width: 85px;
  height: 85px;
  background-color: #5b8400;
  border-radius: 50%;
  position: relative;
  -webkit-transform: rotate(13deg);
  -moz-transform: rotate(13deg);
  -ms-transform: rotate(13deg);
  -o-transform: rotate(13deg);
  transform: rotate(13deg);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}
.subscriptionIndexContainer .badgeSecure span {
  color: #ffffff;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  top: 36px;
  left: 9px;
  text-shadow: 0 0 1px #ffffff;
}
.subscriptionIndexContainer .topSection {
  background-color: #e8e8e8;
  padding: 18px 27px 20px 27px;
}
.subscriptionIndexContainer .topSection .subscriptionFreeRegionDescription p {
  text-align: center;
  font-size: 22px;
}
.subscriptionIndexContainer .topSection .subscriptionFreeRegionDescription p span {
  display: block;
  color: #9e005d;
}
.subscriptionIndexContainer .topSection .head {
  margin-bottom: 18px;
}
.subscriptionIndexContainer .topSection .head p {
  font-size: 20px;
  text-transform: uppercase;
}
.subscriptionIndexContainer .topSection .statusList {
  margin-bottom: 27px;
}
.subscriptionIndexContainer .topSection .statusList li {
  font-size: 12px;
  margin-bottom: 5px;
}
.subscriptionIndexContainer .topSection .statusList li.last {
  margin-bottom: 0;
}
.subscriptionIndexContainer .topSection ul li.unSubscribeLink {
  text-decoration: none;
  font-size: 12px !important;
}
.subscriptionIndexContainer .topSection ul li.unSubscribeLink a {
  text-decoration: underline;
}
.subscriptionIndexContainer .topSection .box {
  height: 82px;
  width: 235px;
  background-color: #d9d9d9;
  position: relative;
  top: 5px;
}
.subscriptionIndexContainer .topSection .box .text {
  width: 180px;
  padding: 20px 0 0 10px;
}
.subscriptionIndexContainer .topSection .box .text p {
  line-height: 16px;
  text-align: right;
  text-transform: uppercase;
  color: #5b8400;
}
.subscriptionIndexContainer .topSection .box .badge {
  position: absolute;
  top: -20px;
  right: -41px;
}
.subscriptionIndexContainer .topSection .installmentInfo {
  min-height: 60px;
  color: #7c7e7d;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.subscriptionIndexContainer .topSection .installmentInfo .breaking {
  float: left;
  width: 33%;
  clear: none;
  background-color: #9e005d;
  color: #ffffff;
  height: 60px;
  padding: 0;
  line-height: 60px;
  font-size: 28px;
  text-transform: uppercase;
  text-align: left;
}
.subscriptionIndexContainer .topSection .installmentInfo .breaking:before {
  content: '\f09d';
  font-size: 28px;
  font-family: FontAwesome;
  text-align: center;
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffffff;
  color: #9e005d;
  position: relative;
  top: -5px;
  left: -20px;
  line-height: 70px;
  padding: 0;
  margin: 0;
  display: inline-block;
  float: left;
  clear: none;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}
.subscriptionIndexContainer .topSection .installmentInfo .info {
  float: left;
  clear: none;
  width: 50%;
  height: 60px;
  line-height: 20px;
  text-align: center;
  background-color: #ffffff;
}
.subscriptionIndexContainer .topSection .installmentInfo .info p:nth-child(1) {
  font-size: 20px;
  color: #9e005d;
  text-transform: uppercase;
  vertical-align: bottom;
  padding-top: 10px;
  font-weight: 600;
}
.subscriptionIndexContainer .topSection .installmentInfo .info p:nth-child(2) {
  font-size: 14px;
}
.subscriptionIndexContainer .topSection .installmentInfo .detailsOpener {
  cursor: pointer;
  float: left;
  clear: none;
  width: 17%;
  text-align: center;
  background-color: #ffffff;
  line-height: 60px;
  height: 60px;
  outline: none;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
}
.subscriptionIndexContainer .topSection .installmentInfo .detailsOpener i {
  font-size: 18px;
}
.subscriptionIndexContainer .topSection .installmentInfo .details {
  display: none;
  background-color: #efefef;
  cursor: auto;
  user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}
.subscriptionIndexContainer .topSection .installmentInfo .details p {
  font-size: 14px;
  padding: 15px;
  clear: both;
  line-height: 20px;
  color: #000000;
}
.subscriptionIndexContainer .topSection .subscriptionRow {
  margin-top: 25px;
  padding: 20px;
  background-color: #d9d9d9;
}
.subscriptionIndexContainer .topSection .subscriptionRow .viszonySelect .list-wrapper {
  top: 36px;
}
.subscriptionIndexContainer .topSection .subscriptionRow .viszonySelect .selectHead {
  height: 36px;
}
.subscriptionIndexContainer .topSection .subscriptionRow .viszonySelect .selectHead .currentSelection {
  padding: 13px 0 12px 10px;
  font-weight: 700;
  color: #545454;
}
.subscriptionIndexContainer .topSection .subscriptionRow .viszonySelect .selectHead .arrowContainer {
  height: 36px;
}
.subscriptionIndexContainer .topSection .subscriptionRow .viszonySelect .selectHead .arrowContainer:after {
  top: 8px;
}
.subscriptionIndexContainer .topSection .subscriptionRow .selectSubscription {
  margin-right: 25px;
}
.subscriptionIndexContainer .topSection .subscriptionRow .selectSubscription p {
  font-weight: 700;
  color: #9e005d;
  padding-top: 11px;
}
.subscriptionIndexContainer .topSection .subscriptionRow .selectSubscriptionType {
  margin-right: 20px;
}
.subscriptionIndexContainer .topSection .subscriptionRow .subscriptionNext a {
  font-size: 15px;
  text-transform: uppercase;
  width: 140px;
}
.subscriptionIndexContainer .topSection.withUser .topRow .badgeHolder .text,
.subscriptionIndexContainer .topSection.withUser .topRow .badgeHolder .badge {
  display: inline-block;
}
.subscriptionIndexContainer .topSection.withUser .topRow .badgeHolder .badgeSecure {
  width: 55px;
  height: 55px;
}
.subscriptionIndexContainer .topSection.withUser .topRow .badgeHolder .badgeSecure span {
  font-weight: 400;
  font-size: 10px;
  top: 21px;
  left: 6px;
}
.subscriptionIndexContainer .topSection.withUser .topRow .badgeHolder .text {
  padding: 4px 10px 0 0;
}
.subscriptionIndexContainer .topSection.withUser .topRow .badgeHolder .text p {
  line-height: 16px;
  text-align: right;
  color: #5b8400;
}
.subscriptionIndexContainer .topSection.withUser .topTwoCol .box {
  width: 48%;
  height: 95px;
  background-color: #d9d9d9;
  margin: 8px 0 25px 0;
}
.subscriptionIndexContainer .topSection.withUser .topTwoCol .box.userBox {
  position: relative;
}
.subscriptionIndexContainer .topSection.withUser .topTwoCol .box.userBox:after {
  position: absolute;
  bottom: -16px;
  left: calc(50% - 44px);
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 22px 0 22px;
  border-color: #d9d9d9 transparent transparent transparent;
  line-height: 0px;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.subscriptionIndexContainer .topSection.withUser .topTwoCol .box.userBox .userInfo .userImage .premiumBadge {
  background-color: #9e005d;
  width: 94px;
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  position: absolute;
  top: 39px;
  left: -56px;
}
.subscriptionIndexContainer .topSection.withUser .topTwoCol .box.userBox .userInfo .userImage .premiumBadge p {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  padding: 4px 0 3px 0;
}
.subscriptionIndexContainer .topSection.withUser .topTwoCol .box.userBox .userInfo .userMeta {
  padding: 30px 40px;
}
.subscriptionIndexContainer .topSection.withUser .topTwoCol .box.userBox .userInfo .userMeta p {
  font-size: 16px;
}
.subscriptionIndexContainer .topSection.withUser .topTwoCol .box.userBox .userInfo .userMeta p.userNameAndAge {
  font-size: 18px;
}
.subscriptionIndexContainer .topSection.withUser .topTwoCol .box.descriptionBox p {
  padding: 30px 0 30px 60px;
  font-size: 15px;
  line-height: 17px;
}
.subscriptionIndexContainer .subscriptionCompareTable {
  background-color: #d9d9d9;
  padding: 0 27px 20px 27px;
}
.subscriptionIndexContainer .subscriptionCompareTable .cancelRenewalLink {
  padding: 25px 0 10px 0;
}
.subscriptionIndexContainer .subscriptionCompareTable .cancelRenewalLink a {
  color: #000000;
  text-decoration: underline;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  margin: 0 auto;
  display: block;
}
.subscriptionIndexContainer .subscriptionCompareTable .paymentLogos {
  padding-top: 18px;
  text-align: right;
  padding-right: 5px;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner {
  width: 785px;
  margin: 0 auto;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row {
  height: 42px;
  background-color: #f3f3f3;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row.autoHeight {
  height: auto;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row.autoHeight {
  height: auto;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row.headerRow {
  background-color: #d9d9d9 !important;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row.headerRow span {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row.headerRow .colStatusPremium span {
  color: #9e005d;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row:nth-child(2n+1) {
  background-color: #ffffff;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row:nth-child(2n+1) .col.colPopover .popover:after {
  background-color: #f3f3f3;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col {
  height: 42px;
  color: #000000;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col span {
  display: inline-block;
  vertical-align: middle;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col span.popoverText {
  display: none;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col:after {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col.colPopover {
  width: 42px;
  position: relative;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col.colPopover .popover {
  margin-left: 10px;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col.colPopover .popover:after {
  content: ' ';
  width: 20px;
  height: 20px;
  display: block;
  background-color: #ffffff;
  border-radius: 50%;
  position: relative;
  z-index: 10;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col.colPopover .popover:before {
  content: '?';
  color: #d9d9d9;
  position: absolute;
  top: 13px;
  left: 17px;
  font-size: 16px;
  z-index: 20;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col.colName {
  width: 410px;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col.colStatusFree,
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col.colStatusPremium,
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col.colStatusStandard {
  width: 111px;
  text-align: center;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col .statusTextual {
  font-size: 11px;
  color: #c0bebe;
  padding-top: 8px;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col .statusIcon:after {
  content: ' ';
  font-family: FontAwesome;
  text-align: center;
  display: block;
  font-size: 22px;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col .statusIcon.statusIconUnavailable:after {
  content: '\f00d';
  color: #c0bebe;
}
.subscriptionIndexContainer .subscriptionCompareTable .inner .row .col .statusIcon.statusIconAvailable:after {
  content: '\f00c';
  color: #9e005d;
}
.subscriptionIndexContainer .subscriptionCompareTable .customerSupportRow {
  position: relative;
  width: 245px;
  margin: 0 auto;
}
.subscriptionIndexContainer .subscriptionCompareTable .customerSupportRow .phoneIcon {
  position: absolute;
  top: 28px;
  left: 0;
}
.subscriptionIndexContainer .subscriptionCompareTable .customerSupportRow .phoneIcon .phoneIconImpl {
  width: 35px;
  height: 35px;
  border: 2px solid #9e005d;
  border-radius: 50%;
}
.subscriptionIndexContainer .subscriptionCompareTable .customerSupportRow .phoneIcon .phoneIconImpl:before {
  font-family: FontAwesome;
  content: '\f095';
  color: #9e005d;
  font-size: 20px;
  position: relative;
  top: 8px;
  left: 7px;
  font-weight: 700;
}
.subscriptionIndexContainer .subscriptionCompareTable .customerSupportRow .phoneIcon .phoneIconImpl .ringer {
  border: 2px solid #9e005d;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  border-radius: 50%;
  position: relative;
}
.subscriptionIndexContainer .subscriptionCompareTable .customerSupportRow .phoneIcon .phoneIconImpl .ringer.big {
  width: 17px;
  height: 25px;
  top: -24px;
  left: 4px;
  -webkit-transform: rotate(48deg);
  -moz-transform: rotate(48deg);
  -ms-transform: rotate(48deg);
  -o-transform: rotate(48deg);
  transform: rotate(48deg);
}
.subscriptionIndexContainer .subscriptionCompareTable .customerSupportRow .phoneIcon .phoneIconImpl .ringer.small {
  width: 8px;
  height: 10px;
  top: -9px;
  left: 11px;
  -webkit-transform: rotate(51deg);
  -moz-transform: rotate(51deg);
  -ms-transform: rotate(51deg);
  -o-transform: rotate(51deg);
  transform: rotate(51deg);
}
.subscriptionIndexContainer .subscriptionCompareTable .customerSupportRow .text {
  padding: 20px 0 20px 42px;
}
.subscriptionIndexContainer .subscriptionCompareTable .customerSupportRow .text p {
  font-size: 12px;
}
.subscriptionIndexContainer .subscriptionCompareTable .customerSupportRow .text p.phoneNumber {
  font-weight: 700;
  color: #9e005d;
  font-size: 20px;
  padding: 4px 0;
}
/**
 * Előfizetési szolgáltató választása oldal
 */
.subscriptionPaymentSelectContainer {
  color: #000000;
}
.subscriptionPaymentSelectContainer .topSection {
  background-color: #d9d9d9;
}
.subscriptionPaymentSelectContainer .topSection .head {
  padding: 20px 0 0 18px;
}
.subscriptionPaymentSelectContainer .topSection .head p {
  font-size: 20px;
  text-transform: uppercase;
}
.subscriptionPaymentSelectContainer .topSection .selectedPackageInfo {
  padding: 15px 0 22px 18px;
}
.subscriptionPaymentSelectContainer .topSection .selectedPackageInfo p {
  font-size: 18px;
}
.subscriptionPaymentSelectContainer .topSection .selectedPackageInfo p b {
  color: #9e005d;
}
.subscriptionPaymentSelectContainer .topSection .installmentInfo {
  min-height: 60px;
  color: #7c7e7d;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.subscriptionPaymentSelectContainer .topSection .installmentInfo .breaking {
  float: left;
  width: 33%;
  clear: none;
  background-color: #9e005d;
  color: #ffffff;
  height: 60px;
  padding: 0;
  line-height: 60px;
  font-size: 28px;
  text-transform: uppercase;
  text-align: left;
}
.subscriptionPaymentSelectContainer .topSection .installmentInfo .breaking:before {
  content: '\f09d';
  font-size: 28px;
  font-family: FontAwesome;
  text-align: center;
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffffff;
  color: #9e005d;
  position: relative;
  top: -5px;
  left: -20px;
  line-height: 70px;
  padding: 0;
  margin: 0;
  display: inline-block;
  float: left;
  clear: none;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}
.subscriptionPaymentSelectContainer .topSection .installmentInfo .info {
  float: left;
  clear: none;
  width: 50%;
  height: 60px;
  line-height: 20px;
  text-align: center;
  background-color: #ffffff;
}
.subscriptionPaymentSelectContainer .topSection .installmentInfo .info p:nth-child(1) {
  font-size: 20px;
  color: #9e005d;
  text-transform: uppercase;
  vertical-align: bottom;
  padding-top: 10px;
  font-weight: 600;
}
.subscriptionPaymentSelectContainer .topSection .installmentInfo .info p:nth-child(2) {
  font-size: 14px;
}
.subscriptionPaymentSelectContainer .topSection .installmentInfo .detailsOpener {
  cursor: pointer;
  float: left;
  clear: none;
  width: 17%;
  text-align: center;
  background-color: #ffffff;
  line-height: 60px;
  height: 60px;
  outline: none;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
}
.subscriptionPaymentSelectContainer .topSection .installmentInfo .detailsOpener i {
  font-size: 18px;
}
.subscriptionPaymentSelectContainer .topSection .installmentInfo .details {
  display: none;
  background-color: #efefef;
  cursor: auto;
  user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}
.subscriptionPaymentSelectContainer .topSection .installmentInfo .details p {
  font-size: 14px;
  padding: 15px;
  clear: both;
  line-height: 20px;
  color: #000000;
}
.subscriptionPaymentSelectContainer .secureSection {
  background-color: #ffffff;
  padding: 14px 0 18px 0;
  border-top: 25px solid #d9d9d9;
}
.subscriptionPaymentSelectContainer .secureSection p {
  text-align: center;
  color: #5b8400;
  font-size: 18px;
}
.subscriptionPaymentSelectContainer .secureSection p i {
  font-size: 26px;
  padding-right: 14px;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox {
  cursor: pointer;
  background-color: #e8e8e8;
  width: 33%;
  height: 415px;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox * {
  cursor: pointer;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.active,
.subscriptionPaymentSelectContainer .mainSection .modeBox:hover {
  background-color: #dedede;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.active {
  box-shadow: inset 0px -10px 50px 2px rgba(115, 115, 115, 0.2);
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.cardBox {
  width: 34%;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.cardBox .icon {
  background: url('/assets/images/subscription/icon_card.png') no-repeat center center transparent;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.cardBox .providers {
  margin-top: 5px;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.cardBox .description {
  margin: 0 auto 25px auto;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.cardBox .description:before {
  height: 15px;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.mobileBox .icon {
  background: url('/assets/images/subscription/icon_phone.png') no-repeat center center transparent;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.checkBox .icon {
  background: url('/assets/images/subscription/icon_check.png') no-repeat center center transparent;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .icon {
  height: 125px;
  width: 100%;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.disabled .description {
  height: auto;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.disabled .description p {
  line-height: 15px;
  display: none;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox.disabled .description p.disabledMessage {
  display: block;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .title {
  padding: 35px 0 25px 0;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .title p {
  text-transform: uppercase;
  color: #9e005d;
  font-size: 21px;
  text-align: center;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .providers {
  margin-top: 15px;
  text-align: center;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .description {
  width: 220px;
  margin: 25px auto 28px auto;
  height: 27px;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .description:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .description p {
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .description p.disabledMessage {
  display: none;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .price {
  margin-bottom: 23px;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .price p {
  text-align: center;
  font-weight: 700;
  color: #9e005d;
  font-size: 23px;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .input {
  text-align: center;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .installmentSelect {
  display: none;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .installmentSelect .inputGroup .item {
  margin: 10px 0 ;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .installmentSelect label {
  color: #333;
  font-size: 16px;
  padding: 0 0 0 50px;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .installmentSelect label.active {
  color: #9e005d;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .installmentSelect label i {
  font-style: normal;
  font-size: 18px;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .installmentSelect label span {
  font-size: 18px;
  font-weight: 600;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .installmentSelect label input[type=radio] {
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .installmentSelect label input[type=radio]:before {
  content: ' ';
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  position: relative;
  bottom: 15px;
  left: -30px;
}
.subscriptionPaymentSelectContainer .mainSection .modeBox .installmentSelect label input[type=radio]:checked:before {
  background-color: #9e005d;
}
.subscriptionPaymentSelectContainer .bottomSection {
  background-color: #ffffff;
  padding: 35px 0;
}
.subscriptionPaymentSelectContainer .bottomSection .buttonHolder .button {
  width: 48%;
}
.subscriptionPaymentSelectContainer .bottomSection .buttonHolder .button.left {
  position: relative;
}
.subscriptionPaymentSelectContainer .bottomSection .buttonHolder .button.left a {
  position: absolute;
  right: 0;
}
.subscriptionPaymentSelectContainer .bottomSection .buttonHolder .button a {
  height: 60px;
  text-transform: uppercase;
  padding: 0;
  font-size: 28px;
  width: 225px;
}
.subscriptionPaymentSelectContainer .bottomSection .buttonHolder .button a:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.subscriptionPaymentSelectContainer .bottomSection .buttonHolder .button a span {
  display: inline-block;
  vertical-align: middle;
}
.subscriptionPaymentSelectContainer .bottomSection .buttonHolder .button a.grayButton {
  color: #000000;
  font-size: 18px;
}
.subscriptionPaymentSelectContainer .bottomSection .eulaHolder {
  width: 480px;
  margin: 25px auto 0 auto;
}
.subscriptionPaymentSelectContainer .bottomSection .eulaHolder .checkbox {
  width: 30px;
}
.subscriptionPaymentSelectContainer .bottomSection .eulaHolder .checkboxDescription {
  width: 440px;
}
.subscriptionPaymentSelectContainer .bottomSection .eulaHolder .checkboxDescription p {
  font-size: 12px;
  line-height: 14px;
}
.subscriptionPaymentSelectContainer .bottomSection .eulaHolder .checkboxHolder .buttonHolder:after {
  border: 1px solid #d9d9d9;
}
.subscriptionPaymentSelectContainer .bottomSection .eulaAcceptMessage {
  margin-top: 15px;
  display: none;
}
.subscriptionPaymentSelectContainer .bottomSection .eulaAcceptMessage p {
  text-align: center;
  color: #9e005d;
  font-size: 12px;
}
/**
 * SMS előfizetési információs oldal
 */
.subscriptionSmsProviderContainer {
  color: #000000;
}
.subscriptionSmsProviderContainer .topSection {
  background-color: #e8e8e8;
}
.subscriptionSmsProviderContainer .topSection .head {
  padding: 20px 0 0 18px;
}
.subscriptionSmsProviderContainer .topSection .head p {
  font-size: 20px;
  text-transform: uppercase;
}
.subscriptionSmsProviderContainer .topSection .selectedInfo {
  margin-top: 35px;
  padding: 0 0 40px 33px;
}
.subscriptionSmsProviderContainer .topSection .selectedInfo p {
  font-size: 16px;
  line-height: 22px;
}
.subscriptionSmsProviderContainer .topSection .selectedInfo p b {
  color: #9e005d;
}
.subscriptionSmsProviderContainer .progressSection {
  background-color: #d9d9d9;
  padding: 20px 20px 75px 30px;
}
.subscriptionSmsProviderContainer .progressSection .head {
  padding-bottom: 40px;
}
.subscriptionSmsProviderContainer .progressSection .head p {
  font-size: 20px;
  text-transform: uppercase;
}
.subscriptionSmsProviderContainer .progressSection .columns {
  width: 100%;
}
.subscriptionSmsProviderContainer .progressSection .columns .column {
  height: 506px;
}
.subscriptionSmsProviderContainer .progressSection .columns .left {
  width: 53%;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box {
  height: 160px;
  background-color: #e8e8e8;
  margin-bottom: 13px;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box .inner {
  display: inline-block;
  vertical-align: middle;
  padding-left: 42px;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box:nth-last-child(1) {
  margin-bottom: 0;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxStepMessageContent {
  position: relative;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxStepMessageContent p {
  font-size: 19px;
  line-height: 23px;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxStepMessageContent p b {
  color: #9e005d;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxStepMessageContent .iconHolder {
  position: absolute;
  top: -40px;
  right: 25px;
  transform: rotate(-15deg);
  z-index: 20;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxStepMessageContent .iconHolder span {
  font-family: FontAwesome;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxStepMessageContent .iconHolder span:after {
  color: #9e005d;
  font-size: 255px;
  content: '\f10b';
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxStepMessageContent:after {
  content: ' ';
  width: 28px;
  height: 56px;
  background: url('/assets/images/subscription/arrow_sms_transition_left.png') no-repeat 0 0 transparent;
  position: absolute;
  bottom: -40px;
  left: -16px;
  z-index: 30;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxMessageProgression {
  position: relative;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxMessageProgression p {
  line-height: 23px;
  font-size: 19px;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxMessageProgression p.smaller {
  font-size: 13px;
  line-height: 15px;
  margin-top: 5px;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxMessageProgression:after {
  content: ' ';
  width: 28px;
  height: 56px;
  background: url('/assets/images/subscription/arrow_sms_transition_right.png') no-repeat 0 0 transparent;
  position: absolute;
  bottom: -38px;
  right: -19px;
  z-index: 30;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxSuccessfulSubscription {
  position: relative;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxSuccessfulSubscription p {
  line-height: 23px;
  font-size: 19px;
}
.subscriptionSmsProviderContainer .progressSection .columns .left .box.boxSuccessfulSubscription .purpleButton {
  position: absolute;
  right: 18px;
  bottom: 18px;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 16px;
  padding: 7px 10px;
}
.subscriptionSmsProviderContainer .progressSection .columns .right {
  color: #545454;
  width: 47%;
  padding-left: 27px;
  position: relative;
}
.subscriptionSmsProviderContainer .progressSection .columns .right .inner {
  position: absolute;
  bottom: 0;
}
.subscriptionSmsProviderContainer .progressSection .columns .right .section {
  margin-bottom: 32px;
}
.subscriptionSmsProviderContainer .progressSection .columns .right .section:nth-last-child(1) {
  margin-bottom: 0;
}
.subscriptionSmsProviderContainer .progressSection .columns .right .section p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px;
}
.subscriptionSmsProviderContainer .progressSection .columns .right .section p:nth-last-child(1) {
  margin-bottom: 0;
}
.subscriptionSmsProviderContainer .infoSection {
  background-color: #ffffff;
}
.subscriptionSmsProviderContainer .infoSection .head {
  padding: 30px 0 0 18px;
  margin-bottom: 25px;
}
.subscriptionSmsProviderContainer .infoSection .head p {
  text-transform: uppercase;
  font-size: 20px;
}
.subscriptionSmsProviderContainer .infoSection .description {
  padding: 0 50px 50px 33px;
}
.subscriptionSmsProviderContainer .infoSection .description p {
  font-size: 13px;
  line-height: 16px;
}
/**
 * Csekkes előfizetési információs oldal
 */
.subscriptionCheckProviderContainer {
  color: #000000;
}
.subscriptionCheckProviderContainer .topSection {
  background-color: #e8e8e8;
}
.subscriptionCheckProviderContainer .topSection .head {
  padding: 20px 0 0 18px;
}
.subscriptionCheckProviderContainer .topSection .head p {
  font-size: 20px;
  text-transform: uppercase;
}
.subscriptionCheckProviderContainer .topSection .selectedInfo {
  margin-top: 35px;
  padding: 0 0 40px 33px;
}
.subscriptionCheckProviderContainer .topSection .selectedInfo p {
  font-size: 16px;
  line-height: 22px;
}
.subscriptionCheckProviderContainer .topSection .selectedInfo p b {
  color: #9e005d;
}
.subscriptionCheckProviderContainer .howToSection {
  background-color: #d9d9d9;
}
.subscriptionCheckProviderContainer .howToSection .head {
  padding: 20px 0 0 18px;
  margin-bottom: 20px;
}
.subscriptionCheckProviderContainer .howToSection .head p {
  text-transform: uppercase;
  font-size: 18px;
}
.subscriptionCheckProviderContainer .howToSection .inner {
  padding: 0 38px 0 30px;
}
.subscriptionCheckProviderContainer .howToSection .inner .descriptionTop p {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 12px;
}
.subscriptionCheckProviderContainer .howToSection .inner .descriptionTop p:nth-last-child(1) {
  margin-bottom: 0;
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical {
  margin-top: 50px;
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical .left {
  width: 47%;
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical .left .box {
  height: 95px;
  width: 330px;
  background-color: #e8e8e8;
  margin-bottom: 18px;
  position: relative;
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical .left .box:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical .left .box .inner {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 18px;
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical .left .box:nth-last-child(1) {
  margin-bottom: 0;
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical .left .box b {
  color: #9e005d;
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical .left .box p {
  font-size: 15px;
  line-height: 18px;
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical .left .box .checkIconHolder {
  font-family: viszony-nav;
  position: absolute;
  top: 2px;
  right: -16px;
  transform: rotate(-12deg);
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical .left .box .checkIconHolder:after {
  content: 'f';
  color: #9e005d;
  font-size: 90px;
}
.subscriptionCheckProviderContainer .howToSection .inner .graphical .right {
  width: 53%;
}
.subscriptionCheckProviderContainer .howToSection .inner .howToSend {
  padding: 35px 0 20px 0;
}
.subscriptionCheckProviderContainer .howToSection .inner .howToSend p {
  font-size: 15px;
  line-height: 17px;
}
.subscriptionCheckProviderContainer .importantSection {
  padding: 30px 45px 30px 80px;
  background-color: #9e005d;
  position: relative;
}
.subscriptionCheckProviderContainer .importantSection .iconImportant {
  position: absolute;
  top: 22px;
  left: 18px;
}
.subscriptionCheckProviderContainer .importantSection .iconImportant:after {
  content: '!!!';
  font-size: 57px;
  font-weight: 700;
  color: white;
}
.subscriptionCheckProviderContainer .importantSection p {
  color: #ffffff;
  font-size: 17px;
  line-height: 20px;
}
.subscriptionCheckProviderContainer .bottomSection {
  background-color: #d9d9d9;
  padding: 37px 35px;
}
.subscriptionCheckProviderContainer .bottomSection p {
  font-size: 16px;
  line-height: 18px;
}
.subscriptionCheckProviderContainer .bottomSection p a {
  color: #000000;
}
.subscriptionCheckProviderContainer .bottomSection .contactInfo {
  padding-top: 35px;
  text-align: center;
}
.subscriptionCheckProviderContainer .bottomSection .contactInfo span {
  padding: 0 15px;
}
.subscriptionCheckProviderContainer .bottomSection .contactInfo a {
  color: #000000;
  text-decoration: underline;
}
/**
 * SMS szolgáltatás stílusai
 */
.smsToUserContainer {
  color: #000000;
}
.smsToUserContainer .head {
  padding: 18px 0 0 20px;
  margin-bottom: 30px;
}
.smsToUserContainer .head p {
  font-size: 20px;
  text-transform: uppercase;
}
.smsToUserContainer .topSection {
  background-color: #e8e8e8;
}
.smsToUserContainer .topSection .inner {
  padding: 0 40px 40px 40px;
}
.smsToUserContainer .topSection .inner .progress {
  margin-bottom: 20px;
}
.smsToUserContainer .topSection .inner .progress .subHeading {
  font-size: 16px;
  margin-bottom: 16px;
}
.smsToUserContainer .topSection .inner .progress .subHeading b {
  color: #9e005d;
}
.smsToUserContainer .topSection .inner .progress .progressDescription {
  font-size: 12px;
  line-height: 14px;
}
.smsToUserContainer .topSection .inner .userInfoBox {
  height: 94px;
  background-color: #d9d9d9;
}
.smsToUserContainer .topSection .inner .userInfoBox .userAvatar {
  position: relative;
}
.smsToUserContainer .topSection .inner .userInfoBox .userAvatar .userPremiumBadge {
  background-color: #9e005d;
  width: 94px;
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  position: absolute;
  top: 39px;
  left: -56px;
}
.smsToUserContainer .topSection .inner .userInfoBox .userAvatar .userPremiumBadge p {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  padding: 4px 0 3px 0;
}
.smsToUserContainer .topSection .inner .userInfoBox .userData {
  height: 94px;
  padding-left: 20px;
}
.smsToUserContainer .topSection .inner .userInfoBox .userData:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.smsToUserContainer .topSection .inner .userInfoBox .userData p {
  display: inline-block;
  vertical-align: middle;
}
.smsToUserContainer .topSection .inner .userInfoBox .userData p span {
  display: block;
}
.smsToUserContainer .topSection .inner .userInfoBox .userData p span.name {
  font-size: 22px;
  margin-bottom: 5px;
}
.smsToUserContainer .topSection .inner .userInfoBox .userData p span.userId {
  font-size: 13px;
}
.smsToUserContainer .topSection .inner .messageInputBox {
  margin-top: 18px;
}
.smsToUserContainer .topSection .inner .messageInputBox .label label {
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
}
.smsToUserContainer .topSection .inner .messageInputBox .input textarea {
  height: 120px;
}
.smsToUserContainer .paymentSection {
  background-color: #d9d9d9;
  padding-bottom: 50px;
}
.smsToUserContainer .paymentSection .inner {
  padding: 0 40px;
}
.smsToUserContainer .paymentSection .inner ol {
  margin: 0 0 35px 0;
  padding: 0;
  list-style-position: inside;
}
.smsToUserContainer .paymentSection .inner ol li {
  margin-bottom: 15px;
}
.smsToUserContainer .paymentSection .inner ol li:nth-last-child(1) {
  margin-bottom: 0;
}
.smsToUserContainer .paymentSection .inner .smsCode .label {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.smsToUserContainer .paymentSection .inner .smsCode .inner {
  padding: 0;
}
.smsToUserContainer .paymentSection .inner .smsCode .inner .left input {
  width: 320px;
  font-size: 20px;
  padding: 8px 10px;
  border: none;
  text-transform: uppercase;
  font-weight: 400;
}
.smsToUserContainer .paymentSection .inner .smsCode .inner .left input:focus {
  outline: none;
}
.smsToUserContainer .paymentSection .inner .smsCode .inner .right a {
  position: relative;
  top: 1px;
  width: 155px;
}
.smsToUserContainer .paymentSection .inner .smsCode .inner .right .buttonDescription {
  font-size: 15px;
  text-align: center;
  color: #9e005d;
  position: relative;
  top: 8px;
}
.smsToUserContainer .howItWorksSection {
  background-color: #e8e8e8;
}
.smsToUserContainer .howItWorksSection ul {
  padding: 0 0 30px 18px;
}
.smsToUserContainer .howItWorksSection ul li {
  font-size: 13px;
  line-height: 15px;
  padding: 0 25px 0 25px;
  margin-bottom: 15px;
  position: relative;
}
.smsToUserContainer .howItWorksSection ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.smsToUserContainer .howItWorksSection ul li:before {
  content: '\f00c';
  font-family: FontAwesome;
  color: #9e005d;
  font-size: 18px;
  position: absolute;
  top: 1px;
  left: 0;
}
.otpResult {
  font-size: 14px;
}
.otpResult h3 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 15px 0;
  padding: 0;
}
.otpResult p {
  padding: 5px 0;
}
.otpResult span {
  color: #9e025d;
  font-weight: bold;
}
.otpResult ul li {
  background: url('/assets/images/static/foto_bull.png') no-repeat;
  padding: 0 0 0 35px;
  margin: 10px 0;
}
.otpResult ul li span {
  color: #000;
}
.otpResult .lighterBox {
  background-color: #ededed;
  padding: 20px;
}
.otpResult .darkerBox {
  background-color: #d8d8d8;
  padding: 20px 30px;
}
.otpResult.success .purpleButton {
  width: 150px;
  margin: 0 auto;
}
.otpResult.failed .purpleButton,
.otpResult.pending .purpleButton {
  width: 350px;
  margin: 0 auto;
}
/**
 * Wirecard efi oldal
 */
.wirecardPayment,
.simplepayPayment {
  text-align: center;
}
.wirecardPayment .head,
.simplepayPayment .head {
  background-color: #9e005d;
  height: 50px;
  line-height: 50px;
}
.wirecardPayment .head p,
.simplepayPayment .head p {
  font-size: 20px;
  text-transform: uppercase;
  color: white;
}
.wirecardPayment .secureSection,
.simplepayPayment .secureSection {
  background-color: #c7c7c7;
  height: 45px;
  line-height: 45px;
}
.wirecardPayment .secureSection p,
.simplepayPayment .secureSection p {
  text-align: center;
  color: #1b1b1b;
  font-size: 18px;
}
.wirecardPayment .secureSection p i,
.simplepayPayment .secureSection p i {
  font-size: 26px;
  padding-right: 14px;
}
.wirecardPayment .content,
.simplepayPayment .content {
  background-color: white;
  padding: 40px;
}
.wirecardPayment .content .title,
.simplepayPayment .content .title {
  font-size: 22px;
  color: #9e005d;
  padding: 10px 0 25px 0;
  text-transform: uppercase;
  font-weight: bold;
}
.wirecardPayment .content .monthPrice,
.simplepayPayment .content .monthPrice {
  font-size: 18px;
  padding: 0 0 10px 0;
}
.wirecardPayment .content p,
.simplepayPayment .content p {
  padding: 0 0 5px 0;
}
.wirecardPayment .bottomSection,
.simplepayPayment .bottomSection {
  background-color: #ffffff;
  padding: 35px 0;
}
.wirecardPayment .bottomSection .buttonHolder .button,
.simplepayPayment .bottomSection .buttonHolder .button {
  width: 48%;
}
.wirecardPayment .bottomSection .buttonHolder .button.left,
.simplepayPayment .bottomSection .buttonHolder .button.left {
  position: relative;
}
.wirecardPayment .bottomSection .buttonHolder .button.left a,
.simplepayPayment .bottomSection .buttonHolder .button.left a {
  position: absolute;
  right: 0;
}
.wirecardPayment .bottomSection .buttonHolder .button a,
.simplepayPayment .bottomSection .buttonHolder .button a {
  height: 60px;
  text-transform: uppercase;
  padding: 0;
  font-size: 28px;
  width: 225px;
}
.wirecardPayment .bottomSection .buttonHolder .button a:before,
.simplepayPayment .bottomSection .buttonHolder .button a:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.wirecardPayment .bottomSection .buttonHolder .button a span,
.simplepayPayment .bottomSection .buttonHolder .button a span {
  display: inline-block;
  vertical-align: middle;
}
.wirecardPayment .bottomSection .buttonHolder .button a.grayButton,
.simplepayPayment .bottomSection .buttonHolder .button a.grayButton {
  color: #000000;
  font-size: 18px;
}
.wirecardPayment .bottomSection .eulaText,
.simplepayPayment .bottomSection .eulaText {
  font-size: 12px;
  text-align: justify;
  line-height: 14px;
}
.wirecardPayment .bottomSection .eulaText .shortenedText,
.simplepayPayment .bottomSection .eulaText .shortenedText {
  height: 25px;
  overflow: hidden;
}
.wirecardPayment .bottomSection .eulaText .shortenedText.opened,
.simplepayPayment .bottomSection .eulaText .shortenedText.opened {
  height: auto;
}
.wirecardPayment .bottomSection .eulaText span,
.simplepayPayment .bottomSection .eulaText span {
  color: #9e005d;
  font-weight: bold;
  cursor: pointer;
}
.wirecardPayment .bottomSection .eulaHolder,
.simplepayPayment .bottomSection .eulaHolder {
  margin: 10px auto 20px auto;
}
.wirecardPayment .bottomSection .eulaHolder .checkbox,
.simplepayPayment .bottomSection .eulaHolder .checkbox {
  width: 30px;
}
.wirecardPayment .bottomSection .eulaHolder .checkboxDescription p,
.simplepayPayment .bottomSection .eulaHolder .checkboxDescription p {
  font-size: 12px;
  line-height: 14px;
  padding-top: 5px;
}
.wirecardPayment .bottomSection .eulaHolder .checkboxHolder .buttonHolder:after,
.simplepayPayment .bottomSection .eulaHolder .checkboxHolder .buttonHolder:after {
  border: 1px solid #d9d9d9;
}
.wirecardPayment .bottomSection .eulaAcceptMessage,
.simplepayPayment .bottomSection .eulaAcceptMessage {
  margin-top: 15px;
  display: none;
}
.wirecardPayment .bottomSection .eulaAcceptMessage p,
.simplepayPayment .bottomSection .eulaAcceptMessage p {
  text-align: center;
  color: #9e005d;
  font-size: 12px;
}
/**
 * Conversation - lista
 */
.messageListContainer .head {
  background-color: #f3f3f3;
}
.messageListContainer .head .order .title {
  padding: 16px 0 14px 24px;
}
.messageListContainer .head .order .title p {
  font-size: 22px;
  text-transform: uppercase;
}
.messageListContainer .head .folderSelector .tab {
  display: inline-block;
  width: 50%;
  background-color: #d9d9d9;
  padding: 12px 0 12px 22px;
  position: relative;
}
.messageListContainer .head .folderSelector .tab span {
  position: relative;
  z-index: 10;
  font-size: 18px;
}
.messageListContainer .head .folderSelector .tab:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 5;
  border-style: solid;
  border-width: 42px 0 0 42px;
  border-color: transparent transparent transparent #b8b8b8;
  -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;
}
.messageListContainer .head .folderSelector .tab:hover:after {
  border-width: 42px 0 0 52px;
}
.messageListContainer .head .folderSelector .tab.active {
  background-color: #ffffff;
  position: relative;
}
.messageListContainer .head .folderSelector .tab.active:after {
  content: '';
  display: none;
}
.messageListContainer .head .buttonGroup {
  padding: 6px 0;
  text-align: center;
  background-color: #f3f3f3;
}
.messageListContainer .head .button {
  background-color: #f3f3f3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.messageListContainer .head .button.order {
  padding: 12px 24px 14px 0;
  color: #cb2f8b;
}
.messageListContainer .head .button.order:hover {
  cursor: pointer;
}
.messageListContainer .head .button.order:after {
  display: inline-block;
  font-family: viszony-nav;
  font-size: 24px;
  padding: 0 0 0 10px;
  position: relative;
  top: 6px;
  color: #cb2f8b;
}
.messageListContainer .head .button.order p {
  display: inline-block;
}
.messageListContainer .head .button.order.desc:after {
  content: 'l';
}
.messageListContainer .head .button.order.asc:after {
  content: 'c';
}
.messageListContainer .head .button.filter {
  display: inline-block;
  width: 182px;
  text-align: center;
  padding: 8px 0;
}
.messageListContainer .head .button.filter p {
  padding-top: 8px;
  font-size: 12px;
}
.messageListContainer .head .button.filter:nth-last-child(1) {
  margin-right: 0;
}
.messageListContainer .head .button.filter.filterUnread,
.messageListContainer .head .button.filter.filterRead {
  border-right: 1px solid #c7c7c7;
}
.messageListContainer .head .button.filter.active,
.messageListContainer .head .button.filter:hover {
  cursor: pointer;
  color: #cb2f8b;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.messageListContainer .head .button.filter.active:before,
.messageListContainer .head .button.filter:hover:before {
  color: #cb2f8b;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.messageListContainer .head .button.filter:before {
  color: #c7c7c7;
  display: block;
  font-family: viszony-nav;
  font-size: 24px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -khtml-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.messageListContainer .head .button.filter.filterUnread:before {
  content: 'i';
}
.messageListContainer .head .button.filter.filterRead:before {
  content: 'h';
}
.messageListContainer .head .button.filter.filterReplied:before {
  content: 'g';
}
.messageListContainer .listBody .listContainer {
  background-color: #ffffff;
}
.messageListContainer .listBody .listContainer .col {
  display: inline-block;
}
.messageListContainer .listBody .listContainer .col.colUser {
  width: 180px;
  border-right: 1px solid #b8b8b8;
}
.messageListContainer .listBody .listContainer .col.colFragment {
  width: 315px;
}
.messageListContainer .listBody .listContainer .col.colStatus {
  width: 70px;
}
.messageListContainer .listBody .listContainer .listHead ul {
  padding: 8px 0 8px 0;
}
.messageListContainer .listBody .listContainer .listHead .col {
  background-color: #ffffff;
  padding: 4px 0 4px 18px;
  font-size: 12px;
  font-weight: 600;
}
.messageListContainer .listBody .listContainer .newMessageFlag {
  display: block;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  background-color: #9e005d;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}
.messageListContainer .listBody .listContainer .messageList .singleMessage {
  height: 70px;
  overflow: hidden;
}
.messageListContainer .listBody .listContainer .messageList .singleMessage.userIsPremium.sex1 {
  background-color: #e9b8d5;
}
.messageListContainer .listBody .listContainer .messageList .singleMessage.userIsPremium.sex1 .faded {
  position: relative;
}
.messageListContainer .listBody .listContainer .messageList .singleMessage.userIsPremium.sex1 .faded:after {
  content: ' ';
  display: block;
  height: 70px;
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 50;
  background-image: -o-linear-gradient(left, #e9b8d5 0%, rgba(217, 217, 217, 0.1) 85%);
  background-image: -moz-linear-gradient(left, #e9b8d5 0%, rgba(217, 217, 217, 0.1) 85%);
  background-image: -webkit-linear-gradient(left, #e9b8d5 0%, rgba(217, 217, 217, 0.1) 85%);
  background-image: -ms-linear-gradient(left, #e9b8d5 0%, rgba(217, 217, 217, 0.1) 85%);
  background-image: linear-gradient(to left, #e9b8d5 0%, rgba(217, 217, 217, 0.1) 85%);
}
.messageListContainer .listBody .listContainer .messageList .singleMessage .removeButton {
  margin: 3px 0 0 13px;
}
.messageListContainer .listBody .listContainer .messageList .singleMessage .messageCols .col.faded:after {
  right: 3px;
}
.messageListContainer .listBody .listContainer .messageList .singleMessage .messageCols .colBodyFragment {
  width: 305px;
}
.messageListContainer .listBody .listContainer .messageList .singleMessage .messageCols .senderImage {
  padding-left: 0;
  left: -4px;
  margin-left: 0;
  width: 70px;
  height: 70px;
  overflow: hidden;
}
.messageListContainer .listBody .listContainer .messageList .singleMessage .messageCols .senderDataOuter {
  padding-left: 0;
  width: 105px;
}
.messageListContainer .listBody .listContainer .messageList .singleMessage .messageCols .senderData {
  width: 95px;
}
.messageListContainer .listBody .listContainer .messageList .singleMessage .messageCols .grey {
  color: grey;
}
.messageListContainer .listBody .pagerContainer {
  margin-top: 0;
  padding: 12px 0;
  background-color: #e6e6e6;
}
.messageListContainer .listBody .pagerContainer ul {
  padding-right: 15px;
}
.messageViewContainer .head {
  padding: 18px 25px;
  background-color: #f3f3f3;
}
.messageViewContainer .head p {
  text-transform: uppercase;
  font-size: 18px;
}
.messageViewContainer .head a {
  border-bottom: 1px solid #545454;
}
.messageViewContainer .userInfo {
  background-color: #e3e3e3;
}
.messageViewContainer .userInfo .userImage {
  width: 153px;
}
.messageViewContainer .userInfo .userImage img {
  display: block;
}
.messageViewContainer .userInfo .userData {
  width: 186px;
  padding: 15px 0 0 15px;
}
.messageViewContainer .userInfo .userData p,
.messageViewContainer .userInfo .userData a {
  font-size: 16px;
  color: #000000;
  padding-bottom: 7px;
}
.messageViewContainer .userInfo .userData p.userId,
.messageViewContainer .userInfo .userData a.userId {
  color: #979797;
  font-size: 12px;
}
.messageViewContainer .userInfo .userActions {
  width: 226px;
}
.messageViewContainer .userInfo .userActions .actionButton {
  width: 113px;
  height: 76px;
  text-align: center;
  font-size: 12px;
  position: relative;
  -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;
}
.messageViewContainer .userInfo .userActions .actionButton:nth-child(3),
.messageViewContainer .userInfo .userActions .actionButton:nth-child(4) {
  height: 77px;
}
.messageViewContainer .userInfo .userActions .actionButton p {
  color: #9e005d;
  position: relative;
  z-index: 10;
}
.messageViewContainer .userInfo .userActions .actionButton.inactive {
  background-color: transparent;
  cursor: default;
}
.messageViewContainer .userInfo .userActions .actionButton.inactive:hover,
.messageViewContainer .userInfo .userActions .actionButton.inactive.active {
  background-color: transparent;
  cursor: default;
}
.messageViewContainer .userInfo .userActions .actionButton.inactive:before,
.messageViewContainer .userInfo .userActions .actionButton.inactive p {
  color: #c7c7c7;
}
.messageViewContainer .userInfo .userActions .actionButton:hover,
.messageViewContainer .userInfo .userActions .actionButton.active {
  background-color: #d4d4d4;
  cursor: pointer;
}
.messageViewContainer .userInfo .userActions .actionButton.disabled span,
.messageViewContainer .userInfo .userActions .actionButton.disabled:before {
  color: #c7c7c7;
}
.messageViewContainer .userInfo .userActions .actionButton.disabled:hover {
  cursor: auto;
  background-color: transparent;
}
.messageViewContainer .userInfo .userActions .actionButton:before {
  font-family: viszony-nav;
  display: block;
  font-size: 24px;
  padding: 14px 0 10px 0;
  text-align: center;
  color: #9e005d;
}
.messageViewContainer .userInfo .userActions .actionButton.buttonFavorite:before {
  content: 'j';
}
.messageViewContainer .userInfo .userActions .actionButton.buttonSms:before {
  content: 'i';
}
.messageViewContainer .userInfo .userActions .actionButton.buttonRequestPrivatePictureAccess:before {
  content: 'n';
}
.messageViewContainer .userInfo .userActions .actionButton.buttonAllowPrivatePictureAccess:before {
  content: 'o';
}
.messageViewContainer .userInfo .userActions .actionButton.cantTakeAction:hover {
  cursor: default;
}
.messageViewContainer .userInfo .userActions .actionButton.cantTakeAction:hover:after {
  content: attr(data-card-text);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 50;
  padding: 10px 5px 0 5px;
  text-align: center;
  font-size: 11px;
  background-color: #545454;
  color: #ffffff;
}
.messageViewContainer .requestRow {
  background-color: #cb2f8b;
  color: #ffffff;
  padding: 10px;
  font-size: 12px;
}
.messageViewContainer .requestRow .description {
  padding-top: 9px;
}
.messageViewContainer .requestRow .button {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  padding: 8px;
  width: 80px;
}
.messageViewContainer .requestRow .button:nth-last-child(1) {
  margin-left: 8px;
}
.messageViewContainer .messageBox {
  background-color: #ffffff;
  position: relative;
  max-height: 370px;
  min-height: 150px;
  overflow: hidden;
}
.messageViewContainer .messageBox:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  height: 20px;
  width: 547px;
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.25) 25%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25) 25%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 25%, #ffffff 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 25%, #ffffff 100%);
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, #ffffff 100%);
  z-index: 20;
}
.messageViewContainer .messageBox .noMessageOverlay {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  opacity: .5;
}
.messageViewContainer .messageBox .noMessageOverlay p {
  text-align: center;
  font-size: 36px;
}
.messageViewContainer .messageBox .iScrollVerticalScrollbar {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 100%;
}
.messageViewContainer .messageBox .iScrollVerticalScrollbar .iScrollIndicator {
  position: relative;
  min-height: 32px;
  background-color: #c7c7c7;
}
.messageViewContainer .messageBox .iScrollVerticalScrollbar .iScrollIndicator:before,
.messageViewContainer .messageBox .iScrollVerticalScrollbar .iScrollIndicator:after {
  font-family: FontAwesome;
  position: absolute;
  left: 4px;
  color: #ffffff;
}
.messageViewContainer .messageBox .iScrollVerticalScrollbar .iScrollIndicator:before {
  content: '\f106';
  top: 5px;
}
.messageViewContainer .messageBox .iScrollVerticalScrollbar .iScrollIndicator:after {
  content: '\f107';
  bottom: 5px;
}
.messageViewContainer .messageBox .messageItem {
  margin-bottom: 30px;
}
.messageViewContainer .messageBox .messageItem:nth-child(2) {
  padding-top: 25px;
}
.messageViewContainer .messageBox .messageItem:nth-last-child(1) {
  margin-bottom: 0;
  padding-bottom: 25px;
}
.messageViewContainer .messageBox .messageItem .col {
  display: inline-block;
  vertical-align: top;
}
.messageViewContainer .messageBox .messageItem .col.userCol {
  width: 95px;
}
.messageViewContainer .messageBox .messageItem .col.userCol .userImage img {
  display: block;
  width: 57px;
  margin: 0 auto;
}
.messageViewContainer .messageBox .messageItem .col.colMessage {
  width: 440px;
}
.messageViewContainer .messageBox .messageItem .col.colMessage .header {
  margin-bottom: 15px;
}
.messageViewContainer .messageBox .messageItem .col.colMessage .header .dateAdded {
  color: #c7c7c7;
}
.messageViewContainer .messageBox .messageItem .col.colMessage .header .senderName {
  font-weight: 600;
  color: #000000;
}
.messageViewContainer .messageBox .messageItem .col.colMessage .message .messageBody {
  font-size: 13px;
  color: #000000;
  line-height: 15px;
}
.messageViewContainer .writeBox {
  background-color: #e8e8e8;
  padding: 15px 20px;
  position: relative;
}
.messageViewContainer .writeBox .textareaHolder {
  padding-bottom: 15px;
}
.messageViewContainer .writeBox .textareaHolder textarea {
  display: block;
  width: 100%;
  height: 65px;
  resize: vertical;
}
.messageViewContainer .writeBox .goToSubscriptionBox {
  display: none;
  background-color: #9e005d;
  width: 565px;
  padding: 15px 25px;
  z-index: 350;
}
.messageViewContainer .writeBox .goToSubscriptionBox .left {
  width: 390px;
}
.messageViewContainer .writeBox .goToSubscriptionBox .left p {
  font-size: 12px;
  color: #ffffff;
}
.messageViewContainer .writeBox .goToSubscriptionBox .right a {
  text-transform: uppercase;
  background-color: #cb2f8b;
  padding: 5px 10px;
  font-weight: 600;
  color: #ffffff;
  position: relative;
  top: 5px;
}
.messageViewContainer .writeBox .controlHolder .button {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  padding: 8px 10px;
  text-transform: uppercase;
  background-color: #b8b8b8;
}
.messageViewContainer .writeBox .controlHolder .button.active {
  background-color: #9e005d;
}
.messageViewContainer .writeBox .controlHolder .button.deleteConversationButton {
  margin: 0 65px 0 0;
}
.messageViewContainer .writeBox .controlHolder .checkboxHolder {
  width: 170px;
  margin: 0 12px 0 0;
}
.messageViewContainer .writeBox .controlHolder .checkboxHolder.isAllowingQuickSend {
  margin: 0;
}
.messageViewContainer .writeBox .controlHolder .checkboxHolder .labelText {
  width: 82%;
  top: 0;
}
.hidingPlacesContainer .topSection {
  background-color: #e8e8e8;
}
.hidingPlacesContainer .topSection .pageTitle {
  padding: 20px 0 0 20px;
}
.hidingPlacesContainer .topSection .pageTitle p {
  font-size: 20px;
  text-transform: uppercase;
}
.hidingPlacesContainer .topSection .description {
  padding: 20px;
}
.hidingPlacesContainer .topSection .description p {
  font-size: 13px;
  line-height: 16px;
  padding-bottom: 20px;
}
.hidingPlacesContainer .topSection .description p:nth-last-child(1) {
  padding-bottom: 0;
}
.hidingPlacesContainer .topSection .ordering {
  padding: 0 0 20px 20px;
}
.hidingPlacesContainer .topSection .ordering .orderText {
  padding-right: 15px;
  position: relative;
  top: 8px;
  font-size: 13px;
  font-weight: 600;
}
.hidingPlacesContainer .topSection .ordering .link a {
  padding-right: 20px;
  font-size: 13px;
  color: #9e005d;
  position: relative;
  top: 8px;
}
.hidingPlacesContainer .bottomSection {
  background-color: #d9d9d9;
  padding: 30px 20px;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem {
  background-color: #e8e8e8;
  margin-bottom: 10px;
  padding: 7px;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem:nth-last-child(1) {
  margin-bottom: 0;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem a {
  display: block;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem .left p {
  font-size: 12px;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem .left.padded {
  padding-left: 10px;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem .left.centered {
  line-height: 77px;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem .left.centered p {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem .left.image:hover {
  cursor: pointer;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem .left.name {
  width: 120px;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem .left.description {
  width: 190px;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem .left.price {
  width: 100px;
}
.hidingPlacesContainer .bottomSection .listContainer .listItem .left.price p {
  text-align: center;
  width: 100%;
}
.logoutContainer .headLine {
  background-color: #9e005d;
  border-bottom: 10px solid #545454;
}
.logoutContainer .headLine .inner img {
  padding: 10px 0 10px 15px;
}
.logoutContainer .headLine .inner .closeOverlay {
  color: #ffffff;
  padding: 10px;
}
.disloyaltyPage .wrapper {
  width: 100%;
}
.disloyaltyPage .wrapper .inner {
  width: 1040px;
  margin: 0 auto;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.disloyaltyPage .topWrapper {
  background: url('/assets/images/disloyalty/topBackground.jpg') no-repeat top center #efedee;
}
.disloyaltyPage .topWrapper .inner {
  position: relative;
}
.disloyaltyPage .topWrapper .inner:after {
  position: absolute;
  left: 90px;
  bottom: -25px;
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 34.5px 0 34.5px;
  border-color: #E1E0E0 transparent transparent transparent;
}
.disloyaltyPage .topWrapper .logo {
  display: inline-block;
  padding: 52px 0 22px 12px;
}
.disloyaltyPage .topWrapper .logo img {
  max-width: 100%;
}
.disloyaltyPage .topWrapper .content {
  padding-bottom: 25px;
}
@media (min-width: 768px) {
  .disloyaltyPage .topWrapper .content .toTwoCol .left {
    width: 50%;
  }
}
.disloyaltyPage .topWrapper .content .toTwoCol .text h2 {
  text-transform: uppercase;
  font-size: 52px;
  margin: 30px 0 25px 0;
}
.disloyaltyPage .topWrapper .content .toTwoCol .text h2 span:nth-of-type(1) {
  color: #000000;
  font-weight: 600;
}
.disloyaltyPage .topWrapper .content .toTwoCol .text .indexDescription p {
  line-height: 18px;
  margin-bottom: 24px;
}
.disloyaltyPage .topWrapper .content .toTwoCol .text .indexDescription p:nth-last-child(1) {
  margin-bottom: 0;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats {
  padding: 30px 0 0 35px;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner {
  background-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0px 0px 2px 0px rgba(120, 120, 120, 0.6);
  border-radius: 2px;
  padding: 25px 20px;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner .topText h3 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner ul {
  padding: 18px 0;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner ul li {
  padding: 0 0 0 25px;
  position: relative;
  margin-bottom: 7px;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner ul li:before {
  content: ' ';
  background: url('/assets/images/disloyalty/statListArrow.png');
  width: 12px;
  height: 11px;
  position: absolute;
  top: 4px;
  left: 0;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner ul li p {
  font-size: 18px;
  color: #000000;
  font-weight: 600;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner ul li p span {
  color: #cb2f8b;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner .separatorLine {
  height: 1px;
  overflow: hidden;
  margin: 0 -20px 25px -20px;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner .separatorLine p {
  border: 1px dashed #9f9f9f;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner .actualCount p {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
}
.disloyaltyPage .topWrapper .content .toTwoCol .indexStats .statInner .actualCount p span {
  color: #cb2f8b;
}
.disloyaltyPage .topWrapper .content .indexChart {
  margin: 42px 0 0 0;
}
.disloyaltyPage .topWrapper .content .indexChart .chartInner {
  background-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0px 0px 2px 0px rgba(120, 120, 120, 0.6);
  border-radius: 2px;
  text-align: center;
  padding: 15px 0;
}
.disloyaltyPage .topWrapper .content .indexChart .chartInner img {
  max-width: 100%;
}
.disloyaltyPage .pressReleaseWrapper {
  background-color: #B8B8B8;
}
.disloyaltyPage .pressReleaseWrapper .inner {
  position: relative;
}
.disloyaltyPage .pressReleaseWrapper .inner:after {
  position: absolute;
  left: calc(50% - 68px);
  bottom: -25px;
  content: ' ';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 34.5px 0 34.5px;
  border-color: #B8B8B8 transparent transparent transparent;
}
.disloyaltyPage .pressReleaseWrapper .sectionHead {
  margin: 0 0 45px 80px;
  padding: 45px 0 10px 0;
  border-bottom: 1px solid #000000;
  position: relative;
}
.disloyaltyPage .pressReleaseWrapper .sectionHead:before {
  position: absolute;
  content: ' ';
  background: url('/assets/images/disloyalty/iconPress.png') no-repeat 0 0 transparent;
  width: 51px;
  height: 63px;
  top: 40px;
  left: -66px;
}
.disloyaltyPage .pressReleaseWrapper .sectionHead h2 {
  font-size: 36px;
  color: #353434;
  text-transform: uppercase;
}
.disloyaltyPage .pressReleaseWrapper .sectionHead h2 span {
  font-weight: 600;
}
.disloyaltyPage .pressReleaseWrapper .articleContainer {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}
.disloyaltyPage .pressReleaseWrapper .articleContainer .article {
  width: 100%;
  padding: 0 0 35px 24px;
}
@media (min-width: 768px) {
  .disloyaltyPage .pressReleaseWrapper .articleContainer .article {
    width: 50%;
  }
}
.disloyaltyPage .pressReleaseWrapper .articleContainer .article .head {
  border-bottom: 1px dashed #909090;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
}
.disloyaltyPage .pressReleaseWrapper .articleContainer .article .head .title {
  color: #353434;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  display: block;
}
.disloyaltyPage .pressReleaseWrapper .articleContainer .article .head .title h3 {
  font-weight: 600;
  font-size: 20px;
}
.disloyaltyPage .pressReleaseWrapper .articleContainer .article .head .title:hover {
  color: #9e005d;
}
.disloyaltyPage .pressReleaseWrapper .articleContainer .article .head .title:before {
  content: ' ';
  position: absolute;
  width: 11px;
  height: 11px;
  background-color: #9e005d;
  top: 4px;
  left: -15px;
}
.disloyaltyPage .pressReleaseWrapper .articleContainer .article .head .lead {
  padding-top: 8px;
  font-style: italic;
}
.disloyaltyPage .pressReleaseWrapper .articleContainer .article .content p {
  line-height: 18px;
  display: inline;
}
.disloyaltyPage .pressReleaseWrapper .articleContainer .article .content a {
  color: #9e005d;
  font-weight: 600;
}
.disloyaltyPage .appearanceWrapper {
  background-color: #1B1B1B;
}
.disloyaltyPage .appearanceWrapper .sectionHead {
  margin: 0 0 45px 100px;
  padding: 45px 0 10px 0;
  border-bottom: 1px solid #b8b8b8;
  position: relative;
}
.disloyaltyPage .appearanceWrapper .sectionHead:before {
  position: absolute;
  content: ' ';
  background: url('/assets/images/disloyalty/iconGlobe.png') no-repeat 0 0 transparent;
  width: 60px;
  height: 61px;
  top: 40px;
  left: -66px;
}
.disloyaltyPage .appearanceWrapper .sectionHead h2 {
  font-size: 36px;
  color: #b8b8b8;
  text-transform: uppercase;
  font-weight: normal;
  margin: 0;
}
.disloyaltyPage .appearanceWrapper .appearancesContainer {
  width: 975px;
  margin: 0 auto;
  max-width: 100%;
}
.disloyaltyPage .appearanceWrapper .appearancesContainer .appearance {
  padding: 0 0 40px 0;
  width: 100%;
}
@media (min-width: 768px) {
  .disloyaltyPage .appearanceWrapper .appearancesContainer .appearance {
    width: 50%;
    padding-left: 20px;
  }
}
.disloyaltyPage .appearanceWrapper .appearancesContainer .appearance .head {
  padding: 0 0 20px 15px;
}
.disloyaltyPage .appearanceWrapper .appearancesContainer .appearance .head .title {
  font-weight: 600;
  font-size: 18px;
  color: #b8b8b8;
  padding: 0 0 10px 0;
  position: relative;
}
.disloyaltyPage .appearanceWrapper .appearancesContainer .appearance .head .title h3 {
  font-size: 18px;
  font-weight: 600;
}
.disloyaltyPage .appearanceWrapper .appearancesContainer .appearance .head .title:before {
  content: ' ';
  position: absolute;
  top: 5px;
  left: -14px;
  width: 8px;
  height: 8px;
  background-color: #9e005d;
  border-radius: 50%;
}
.disloyaltyPage .appearanceWrapper .appearancesContainer .appearance .head .date {
  font-weight: 600;
  color: #878686;
  text-transform: lowercase;
}
.disloyaltyPage .appearanceWrapper .appearancesContainer .appearance .image img {
  max-width: 100%;
}
.disloyaltyPage .appearanceWrapper .advertisementHead {
  position: relative;
  padding-bottom: 35px;
}
.disloyaltyPage .appearanceWrapper .advertisementHead h2 {
  font-size: 22px;
  color: #878686;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  z-index: 50;
  background-color: #1B1B1B;
  padding: 0 10px 0 0;
}
.disloyaltyPage .appearanceWrapper .advertisementHead:after {
  content: ' ';
  display: inline-block;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 12px;
  left: 0;
  background-color: #878686;
}
.disloyaltyPage .appearanceWrapper .advertisementContainer {
  padding-bottom: 75px;
  width: 984px;
  max-width: 100%;
  margin: 0 auto;
}
.disloyaltyPage .appearanceWrapper .advertisementContainer .singleVideo {
  display: block;
  width: 328px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .disloyaltyPage .appearanceWrapper .advertisementContainer .singleVideo {
    float: left;
    padding: 0 4px;
  }
}
.disloyaltyPage .appearanceWrapper .advertisementContainer .singleVideo iframe {
  max-width: 100%;
}
.disloyaltyPage .appearanceWrapper .advertisementContainer .singleVideo .title h3.title {
  color: #b8b8b8;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 5px;
}
.disloyaltyPage .appearanceWrapper .advertisementContainer .singleVideo .title h3.title span.textPurple {
  font-weight: 700;
  color: #cb2f8b;
}
.disloyaltyPage .appearanceWrapper .advertisementContainer .singleVideo .title .date {
  color: #b8b8b8;
}
.disloyaltyPage .appearanceWrapper .advertisementContainer .singleVideo .video {
  margin-top: 25px;
}
.disloyaltyPage .footerWrapper ul {
  list-style-type: none;
  padding: 20px 0;
  text-align: center;
}
.disloyaltyPage .footerWrapper ul li {
  display: inline-block;
}
.disloyaltyPage .footerWrapper ul li:after {
  content: '|';
  padding: 0 5px;
}
.disloyaltyPage .footerWrapper ul li:nth-last-child(1):after {
  content: '';
}
.disloyaltyPage.articleView .topWrapper .inner:after {
  display: none;
}
.disloyaltyPage.articleView .topWrapper .content {
  padding-bottom: 35px;
}
.disloyaltyPage.articleView .topWrapper .content .head .title {
  color: #9e005d;
  font-weight: 600;
  font-size: 36px;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.disloyaltyPage.articleView .topWrapper .content .head .lead {
  color: #4d4d4d;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 7px;
}
.disloyaltyPage.articleView .topWrapper .content .head .date {
  color: #4d4d4d;
  font-weight: 600;
}
.disloyaltyPage.articleView .topWrapper .content .description {
  padding-top: 35px;
  color: #000000;
  line-height: 18px;
  font-weight: 700;
}
.disloyaltyPage.articleView .pressReleaseWrapper .inner {
  padding: 35px 20px;
}
.disloyaltyPage.articleView .pressReleaseWrapper .inner:after {
  display: none;
}
.disloyaltyPage.articleView .pressReleaseWrapper .inner p {
  padding-bottom: 20px;
  line-height: 18px;
}