/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 2, 2017, 5:20:35 PM
    Author     : stanimir
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 12, 2017, 5:07:46 PM
    Author     : stanimir
*/
/*
$cool-grey: #8996a0;
$slate-grey: #55505a;
$white: #ffffff;
$black: #000000;
$dandelion: #fad705;
$off-white: #f3f3f3;
$red: #ff6565;*/
.background-white {
  background-color: #ffffff; }

.background-slate-grey {
  background-color: #55505a; }

.background-off-white {
  background-color: #f3f3f3; }

.text-cool-gray {
  color: #8996a0; }

.text-slate-gray {
  color: #55505a; }

.color-class-0 {
  background-color: #00BE4B !important; }

.color-class-1 {
  background-color: #003C87 !important; }

.color-class-2 {
  background-color: #00BEC8 !important; }

.color-class-3 {
  background-color: #826EDC !important; }

.color-class-4 {
  background-color: #F0503C !important; }

.color-class-5 {
  background-color: #006E78 !important; }

.color-class-6 {
  background-color: #82144B !important; }

.color-class-7 {
  background-color: #37DCB9 !important; }

.color-class-8 {
  background-color: #00B9FA !important; }

.color-class-9 {
  background-color: #FF649B !important; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 2, 2017, 5:21:00 PM
    Author     : stanimir
*/
/*body .outerWrapper{
    z-index: 10001;
}*/
.popup.register h5.bg-off-white a:first-child {
  margin-top: 16px; }

.no-gutter {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.plr-16 {
  padding: 0 16px; }

.popup.register,
.popup.account-created,
.popup.login {
  font-weight: normal;
  position: initial;
  /*padding-top: 40px;*/
  width: 593px;
  border-radius: 3px;
  overflow-y: auto;
  color: #55505a; }
  .popup.register .mt-8,
  .popup.account-created .mt-8,
  .popup.login .mt-8 {
    margin-top: 8px; }
  .popup.register .toggle button,
  .popup.account-created .toggle button,
  .popup.login .toggle button {
    margin-right: 4px;
    font-size: 16px; }
  .popup.register .popup .form__field-wrap,
  .popup.account-created .popup .form__field-wrap,
  .popup.login .popup .form__field-wrap {
    padding-top: 16px; }
  .popup.register .forgotten-password,
  .popup.account-created .forgotten-password,
  .popup.login .forgotten-password {
    font-size: 14px;
    line-height: 1.71;
    font-weight: normal;
    color: #55505a; }
  .popup.register a,
  .popup.account-created a,
  .popup.login a {
    font-weight: normal; }
  .popup.register .btn-tertiary,
  .popup.account-created .btn-tertiary,
  .popup.login .btn-tertiary {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    background-color: #fbfbfa; }
    .popup.register .btn-tertiary:visited,
    .popup.account-created .btn-tertiary:visited,
    .popup.login .btn-tertiary:visited {
      background-color: #fbfbfa; }
  .popup.register .user_inputs,
  .popup.account-created .user_inputs,
  .popup.login .user_inputs {
    padding-bottom: 16px; }
  .popup.register .nf_iconset.facebook:before, .popup.register .nf_iconset.twitter:before,
  .popup.account-created .nf_iconset.facebook:before,
  .popup.account-created .nf_iconset.twitter:before,
  .popup.login .nf_iconset.facebook:before,
  .popup.login .nf_iconset.twitter:before {
    color: #55505a;
    font-size: 20px !important; }
  .popup.register .nf_iconset.close,
  .popup.account-created .nf_iconset.close,
  .popup.login .nf_iconset.close {
    top: 16px;
    right: 16px;
    color: #ffffff;
    position: absolute;
    z-index: 10101; }
  .popup.register img.sign-up-logo,
  .popup.account-created img.sign-up-logo,
  .popup.login img.sign-up-logo {
    width: 80px;
    height: auto;
    margin: 0 auto;
    display: table; }
  .popup.register .popup__social-login,
  .popup.account-created .popup__social-login,
  .popup.login .popup__social-login {
    margin: 0 8px; }
  .popup.register .popup-header,
  .popup.account-created .popup-header,
  .popup.login .popup-header {
    padding: 0; }
    .popup.register .popup-header ul,
    .popup.account-created .popup-header ul,
    .popup.login .popup-header ul {
      padding: 0 16px; }
  .popup.register h3,
  .popup.account-created h3,
  .popup.login h3 {
    font-size: 32px;
    line-height: 1.5;
    text-align: center;
    color: #55505a;
    margin: 16px 0 0 0; }
  .popup.register h5,
  .popup.account-created h5,
  .popup.login h5 {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #55505a;
    margin: 0;
    /*padding: 0 16px;*/ }
    .popup.register h5 a,
    .popup.account-created h5 a,
    .popup.login h5 a {
      color: #55505a; }
      .popup.register h5 a:hover,
      .popup.account-created h5 a:hover,
      .popup.login h5 a:hover {
        text-decoration: none; }
  .popup.register .form__row,
  .popup.account-created .form__row,
  .popup.login .form__row {
    padding-top: 16px; }
  .popup.register h5.bg-off-white,
  .popup.account-created h5.bg-off-white,
  .popup.login h5.bg-off-white {
    background-color: #f4f3f3;
    padding-bottom: 8px;
    border-radius: 0 0 3px 3px; }
    .popup.register h5.bg-off-white a,
    .popup.account-created h5.bg-off-white a,
    .popup.login h5.bg-off-white a {
      font-weight: normal; }
    .popup.register h5.bg-off-white .btn-rounded,
    .popup.account-created h5.bg-off-white .btn-rounded,
    .popup.login h5.bg-off-white .btn-rounded {
      width: 100%;
      margin-bottom: 8px;
      border-radius: 3px;
      color: #ffffff;
      font-weight: normal;
      line-height: 40px;
      height: 40px; }
      .popup.register h5.bg-off-white .btn-rounded span.nf_iconset,
      .popup.account-created h5.bg-off-white .btn-rounded span.nf_iconset,
      .popup.login h5.bg-off-white .btn-rounded span.nf_iconset {
        width: 18px; }
      .popup.register h5.bg-off-white .btn-rounded span:before,
      .popup.account-created h5.bg-off-white .btn-rounded span:before,
      .popup.login h5.bg-off-white .btn-rounded span:before {
        color: #ffffff; }
  .popup.register h5.text-left,
  .popup.account-created h5.text-left,
  .popup.login h5.text-left {
    text-align: left; }
  .popup.register .popup__body,
  .popup.account-created .popup__body,
  .popup.login .popup__body {
    padding: 0; }
    .popup.register .popup__body h6,
    .popup.account-created .popup__body h6,
    .popup.login .popup__body h6 {
      font-size: 12px;
      line-height: 1.33;
      text-align: left;
      color: #55505a; }
    .popup.register .popup__body .form__field-wrap input[type="text"],
    .popup.register .popup__body .form__field-wrap input[type="search"],
    .popup.register .popup__body .form__field-wrap input[type="email"],
    .popup.register .popup__body .form__field-wrap input[type="password"],
    .popup.account-created .popup__body .form__field-wrap input[type="text"],
    .popup.account-created .popup__body .form__field-wrap input[type="search"],
    .popup.account-created .popup__body .form__field-wrap input[type="email"],
    .popup.account-created .popup__body .form__field-wrap input[type="password"],
    .popup.login .popup__body .form__field-wrap input[type="text"],
    .popup.login .popup__body .form__field-wrap input[type="search"],
    .popup.login .popup__body .form__field-wrap input[type="email"],
    .popup.login .popup__body .form__field-wrap input[type="password"] {
      border-radius: 3px;
      background-color: #ffffff;
      border: solid 1px #8996a0;
      font-size: 16px;
      line-height: 40px; }
    .popup.register .popup__body .form__field-wrap .form__field-input,
    .popup.account-created .popup__body .form__field-wrap .form__field-input,
    .popup.login .popup__body .form__field-wrap .form__field-input {
      padding: 0 16px; }
    .popup.register .popup__body .form__row.user_inputs,
    .popup.account-created .popup__body .form__row.user_inputs,
    .popup.login .popup__body .form__row.user_inputs {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .popup.register .popup__body .form__field-wrap span.error-message,
    .popup.account-created .popup__body .form__field-wrap span.error-message,
    .popup.login .popup__body .form__field-wrap span.error-message {
      display: none;
      background: white;
      position: absolute;
      height: 38px;
      bottom: 1px;
      font-size: 16px;
      left: 1px;
      font-weight: 600;
      width: calc(100% - 2px);
      line-height: 38px;
      padding-left: 13px;
      color: #ff6565;
      border-radius: 3px; }
      .popup.register .popup__body .form__field-wrap span.error-message i,
      .popup.account-created .popup__body .form__field-wrap span.error-message i,
      .popup.login .popup__body .form__field-wrap span.error-message i {
        float: right;
        margin: 12px;
        font-size: 14px;
        cursor: pointer; }
    .popup.register .popup__body .form__field-wrap.error input,
    .popup.account-created .popup__body .form__field-wrap.error input,
    .popup.login .popup__body .form__field-wrap.error input {
      border-color: #ff6565 !important; }
    .popup.register .popup__body .form__field-wrap.error span.error-message,
    .popup.account-created .popup__body .form__field-wrap.error span.error-message,
    .popup.login .popup__body .form__field-wrap.error span.error-message {
      display: block; }
    .popup.register .popup__body .form__field-wrap.error p.error-message,
    .popup.account-created .popup__body .form__field-wrap.error p.error-message,
    .popup.login .popup__body .form__field-wrap.error p.error-message {
      margin-bottom: 0; }
    .popup.register .popup__body a#password-visibility,
    .popup.account-created .popup__body a#password-visibility,
    .popup.login .popup__body a#password-visibility {
      float: right;
      font-size: 12px;
      text-align: right;
      color: #55505a;
      margin: 5px 0 0 0;
      font-weight: normal;
      text-decoration: none; }
      .popup.register .popup__body a#password-visibility span,
      .popup.account-created .popup__body a#password-visibility span,
      .popup.login .popup__body a#password-visibility span {
        margin-left: 4px; }
    .popup.register .popup__body .password-validation,
    .popup.account-created .popup__body .password-validation,
    .popup.login .popup__body .password-validation {
      display: table;
      background: #f3f3f3;
      width: 100%;
      border-radius: 3px;
      padding: 16px;
      margin-top: 16px; }
      .popup.register .popup__body .password-validation i.dot,
      .popup.account-created .popup__body .password-validation i.dot,
      .popup.login .popup__body .password-validation i.dot {
        width: 8px;
        height: 8px;
        display: table;
        background: #55505a;
        border-radius: 8px;
        float: left;
        margin: 6px 12px 0 0; }
      .popup.register .popup__body .password-validation span,
      .popup.account-created .popup__body .password-validation span,
      .popup.login .popup__body .password-validation span {
        float: left;
        font-size: 12px;
        line-height: 21px;
        text-align: left;
        color: #55505a; }
      .popup.register .popup__body .password-validation .completed i.dot,
      .popup.account-created .popup__body .password-validation .completed i.dot,
      .popup.login .popup__body .password-validation .completed i.dot {
        background-color: #00c23b; }
      .popup.register .popup__body .password-validation .completed span,
      .popup.account-created .popup__body .password-validation .completed span,
      .popup.login .popup__body .password-validation .completed span {
        color: #00c23b;
        text-decoration: line-through; }
    .popup.register .popup__body .popup__title.terms,
    .popup.account-created .popup__body .popup__title.terms,
    .popup.login .popup__body .popup__title.terms {
      padding-top: 6px;
      padding-bottom: 0;
      width: 100%;
      margin-bottom: 0;
      text-align: left;
      font-size: 16px;
      line-height: 1.5;
      text-align: left;
      color: #55505a; }
      .popup.register .popup__body .popup__title.terms a,
      .popup.account-created .popup__body .popup__title.terms a,
      .popup.login .popup__body .popup__title.terms a {
        color: #55505a; }
        .popup.register .popup__body .popup__title.terms a:hover,
        .popup.account-created .popup__body .popup__title.terms a:hover,
        .popup.login .popup__body .popup__title.terms a:hover {
          text-decoration: none; }
      .popup.register .popup__body .popup__title.terms input#terms[type="checkbox"],
      .popup.account-created .popup__body .popup__title.terms input#terms[type="checkbox"],
      .popup.login .popup__body .popup__title.terms input#terms[type="checkbox"] {
        display: none; }
    .popup.register .popup__body .form__field-wrap input[type="checkbox"]:not(checked) + label,
    .popup.account-created .popup__body .form__field-wrap input[type="checkbox"]:not(checked) + label,
    .popup.login .popup__body .form__field-wrap input[type="checkbox"]:not(checked) + label {
      padding-left: 25px; }
    .popup.register .popup__body .form__field-wrap input[type="checkbox"]:not(checked) + label:before,
    .popup.account-created .popup__body .form__field-wrap input[type="checkbox"]:not(checked) + label:before,
    .popup.login .popup__body .form__field-wrap input[type="checkbox"]:not(checked) + label:before {
      width: 16px;
      height: 16px;
      border-radius: 3px;
      border: solid 2px #55505a;
      padding: 0;
      line-height: 0;
      box-shadow: none;
      top: -8px; }
    .popup.register .popup__body .form__field-wrap input[type="checkbox"]:checked + label:after,
    .popup.account-created .popup__body .form__field-wrap input[type="checkbox"]:checked + label:after,
    .popup.login .popup__body .form__field-wrap input[type="checkbox"]:checked + label:after {
      content: '';
      width: 12px;
      height: 13px;
      background-color: #55505a;
      background-image: url(../images/symbols/icon-checkmark-white.svg);
      padding: 0;
      line-height: 0;
      box-shadow: none;
      top: -7px;
      left: 2px;
      background-size: 12px;
      background-repeat: no-repeat;
      background-position: center; }
    .popup.register .popup__body .button-register,
    .popup.account-created .popup__body .button-register,
    .popup.login .popup__body .button-register {
      padding: 14px 16px 16px 16px;
      background-color: #f4f3f3; }
      .popup.register .popup__body .button-register input,
      .popup.account-created .popup__body .button-register input,
      .popup.login .popup__body .button-register input {
        font-weight: normal;
        line-height: 40px;
        height: 40px;
        font-size: 16px; }
      .popup.register .popup__body .button-register .form__field-input,
      .popup.account-created .popup__body .button-register .form__field-input,
      .popup.login .popup__body .button-register .form__field-input {
        display: table;
        width: auto;
        margin: 0 auto 16px auto; }
        .popup.register .popup__body .button-register .form__field-input label,
        .popup.account-created .popup__body .button-register .form__field-input label,
        .popup.login .popup__body .button-register .form__field-input label {
          padding-bottom: 0; }
        .popup.register .popup__body .button-register .form__field-input p,
        .popup.account-created .popup__body .button-register .form__field-input p,
        .popup.login .popup__body .button-register .form__field-input p {
          margin-bottom: 0; }
    .popup.register .popup__body .popup__row.forget-details,
    .popup.account-created .popup__body .popup__row.forget-details,
    .popup.login .popup__body .popup__row.forget-details {
      padding-top: 0;
      padding-bottom: 16px;
      background-color: #f4f3f3;
      font-weight: normal; }
      .popup.register .popup__body .popup__row.forget-details a,
      .popup.account-created .popup__body .popup__row.forget-details a,
      .popup.login .popup__body .popup__row.forget-details a {
        color: #55505a;
        font-size: 16px;
        line-height: 1.5;
        text-align: center;
        color: #55505a;
        margin: 0; }
        .popup.register .popup__body .popup__row.forget-details a:hover,
        .popup.account-created .popup__body .popup__row.forget-details a:hover,
        .popup.login .popup__body .popup__row.forget-details a:hover {
          text-decoration: none; }

#forgot-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto; }
  #forgot-page .nf_iconset.close {
    top: 16px;
    right: 16px;
    color: #ffffff;
    position: absolute;
    z-index: 10101; }
  #forgot-page .container-absolute {
    z-index: 100001;
    position: absolute;
    background: white;
    padding: 0;
    border-radius: 3px;
    left: calc(50% - 195px);
    width: 390px;
    top: 50%;
    transform: translateY(-50%); }
    #forgot-page .container-absolute h3 {
      font-size: 32px;
      line-height: 1.44;
      text-align: center;
      color: #55505a;
      padding: 0 16px;
      margin: 16px 0 0 0; }
    #forgot-page .container-absolute h5 {
      font-size: 16px;
      line-height: 1.5;
      text-align: center;
      color: #55505a;
      margin: 16px 0 0 0;
      padding: 0 16px; }
    #forgot-page .container-absolute > div {
      padding: 16px 0 0 0; }
      #forgot-page .container-absolute > div .close {
        display: none; }
      #forgot-page .container-absolute > div form p.sent-message {
        border-radius: 3px;
        background-color: #f3f3f3;
        height: 40px;
        line-height: 40px;
        margin: 0;
        padding: 0;
        text-align: center; }
        #forgot-page .container-absolute > div form p.sent-message span {
          margin: 0 auto;
          line-height: 40px;
          display: table;
          width: auto; }
          #forgot-page .container-absolute > div form p.sent-message span i {
            background-image: url("../images/symbols/icon-checkmark-green.svg");
            border: 1px solid #47bf4d;
            display: inline-block;
            width: 16px;
            height: 16px;
            float: left;
            border-radius: 50%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 12px;
            margin: 11px 4px 0 0; }
      #forgot-page .container-absolute > div form span {
        width: 100%;
        display: block;
        font-size: 12px;
        line-height: 1.33;
        text-align: left;
        color: #55505a;
        margin: 11px 0; }
      #forgot-page .container-absolute > div form label {
        float: none;
        margin-bottom: 8px;
        width: 100%; }
        #forgot-page .container-absolute > div form label input {
          height: 40px;
          line-height: 38px;
          width: 100%;
          padding: 0 10px;
          color: #55505A;
          background: transparent;
          box-shadow: none;
          border-radius: 2px;
          background-color: #ffffff;
          border: solid 1px #8996a0; }
      #forgot-page .container-absolute > div form .recover {
        width: 100%;
        float: none;
        padding: 0;
        box-shadow: none;
        color: #55505a;
        background: #fad705;
        border-color: #fad705;
        margin-bottom: 5px; }
      #forgot-page .container-absolute > div form .forgot-page-content,
      #forgot-page .container-absolute > div form .forgot-page-footer {
        width: 100%;
        background: none;
        box-shadow: none;
        border-radius: 0;
        padding: 16px;
        margin: 0;
        border: 0; }
        #forgot-page .container-absolute > div form .forgot-page-content a,
        #forgot-page .container-absolute > div form .forgot-page-footer a {
          font-size: 16px;
          text-align: center;
          color: #55505a; }
          #forgot-page .container-absolute > div form .forgot-page-content a:hover,
          #forgot-page .container-absolute > div form .forgot-page-footer a:hover {
            color: #55505a;
            text-decoration: none; }
      #forgot-page .container-absolute > div form .forgot-page-footer {
        background: #f3f3f3;
        padding: 16px 16px 24px 16px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        font-weight: normal;
        border-radius: 0 0 3px 3px; }
        #forgot-page .container-absolute > div form .forgot-page-footer input {
          font-weight: normal;
          line-height: 40px;
          height: 40px; }

.popup.account-created {
  max-width: 593px;
  width: 100%; }
  .popup.account-created .popup__close.nf_iconset.close {
    background: transparent; }
  .popup.account-created .popup-header {
    padding: 16px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .popup.account-created .popup-header img {
      height: 50px;
      width: auto; }
    .popup.account-created .popup-header h1 {
      margin: 0; }
  .popup.account-created .popup__body {
    padding: 0 8px;
    text-align: left; }
    .popup.account-created .popup__body h2 {
      margin: 16px 8px 0 8px; }
    .popup.account-created .popup__body h5 {
      text-align: left; }
    .popup.account-created .popup__body h6 {
      font-size: 14px;
      line-height: 1.71; }
    .popup.account-created .popup__body hr {
      margin: 16px 8px;
      border-color: rgba(0, 0, 0, 0.1); }
    .popup.account-created .popup__body .nf-swich-mode .nf-form-field span {
      font-size: 16px;
      margin-top: 1px; }
    .popup.account-created .popup__body .nf-form-field {
      max-width: 600px; }
      .popup.account-created .popup__body .nf-form-field input, .popup.account-created .popup__body .nf-form-field textarea, .popup.account-created .popup__body .nf-form-field button {
        max-width: 600px; }
    .popup.account-created .popup__body p {
      line-height: 24px; }
  .popup.account-created .popup__footer {
    background: #fbfbfa;
    padding: 16px; }
    .popup.account-created .popup__footer .btn {
      height: 40px;
      line-height: 40px;
      font-size: 16px;
      font-weight: normal;
      margin: 0; }
      .popup.account-created .popup__footer .btn.btn-primary {
        margin: 0 0 8px 0; }
    .popup.account-created .popup__footer .icon.icon-checkmark {
      background-image: url(../images/symbols/icon-checkmark-slate_grey.svg); }

.stop-click-events {
  pointer-events: none; }
  .stop-click-events .popup__holder {
    pointer-events: all; }

@media (min-width: 1366px) {
  .popup.register .popup__body h6, .popup.login .popup__body h6 {
    font-size: 14px; } }

/*@media (min-width: 1025px){
    .popup.register {
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        video{
            position: fixed;
            z-index: 100000;
            top: 0;
            right: 0;
            min-height: 100%;
            height: auto;
            min-width: 100%;
            width: auto;
            display: block;
        }
        .popup__holder{
            z-index: 100001;
            position: fixed;
            background: white;
            padding: 40px 0 0 0;
            border-radius: 3px;
            left: calc(100% / 12);
            width: 390px;
            top: 50%;
            transform: translateY(-50%);
        }
        h4{
            font-size: 24px;
            line-height: 1.67;
            letter-spacing: 0.1px;
            color: #ffffff;
            width: calc(100% - 390px - 2*100% / 12);
            padding-left: 16px;
            vertical-align: middle;
            top: 50%;
            transform: translateY(-50%);
            position: absolute;
            z-index: 100001;
            left: calc(100% / 12 + 390px);
            margin-top: 0;
            max-width: 450px;
            a{
                border: 2px solid white;
                border-radius: 3px;
                font-size: 16px;
                height: 38px;
                line-height: 38px;
                display: table;
                padding: 0 8px;
                color: white;
                text-decoration: none;
            }
        }
    }
}*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 3, 2017, 6:37:02 PM
    Author     : stanimir
*/
@media (max-width: 992px) {
  #forgot-page h4 {
    width: calc(100% - 390px - 44px);
    left: 406px; }
  .popup.register,
  .popup.login,
  .popup.account-created {
    width: 548px; } }

@media (max-width: 767px) {
  #forgot-page video,
  #forgot-page h4 {
    display: none; }
  #forgot-page .nf_iconset.close {
    color: #55505a;
    width: auto;
    z-index: 101011;
    top: 16px;
    right: 32px; }
  body.account #main .content-box > div.container-absolute {
    background: #f3f3f3; }
  body.account #main .content-box > div.container-absolute > div {
    background: #ffffff; }
    body.account #main .content-box > div.container-absolute > div .close {
      float: right;
      margin-right: 16px;
      display: table; }
  #forgot-page .container-absolute {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none;
    background: #f3f3f3; }
  #forgot-page .container-absolute div {
    max-width: 100%;
    width: 100%; }
  #forgot-page .container-absolute > div {
    background: #ffffff; }
  .popup.register,
  .popup.login,
  .popup.account-created {
    width: 100%; }
  .popup.account-created {
    max-width: 100%; }
    .popup.account-created .popup-header h1 {
      font-size: 36px;
      line-height: 44px; }
    .popup.account-created .popup__body .nf-form-field,
    .popup.account-created .popup__body .nf-form-field textarea,
    .popup.account-created .popup__body .nf-form-field button,
    .popup.account-created .popup__body .nf-form-field input {
      max-width: 100%; }
  .popup.register .popup__body .form__row.user_inputs, .popup.login .popup__body .form__row.user_inputs {
    border: none;
    padding-top: 0; }
  .popup.register .popup__body .button-register, .popup.login .popup__body .button-register {
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .popup.register .popup__body .button-register {
    position: relative; }
    .popup.register .popup__body .button-register .form__field-wrap {
      padding: 0; }
  .popup.register .popup-header, .popup.login .popup-header {
    background: #ffffff; }
  .popup.login {
    top: 0;
    transform: none;
    margin-bottom: 0; }
    .popup.login .popup__holder {
      width: 100%;
      height: 100%;
      left: 0;
      background: #ffffff;
      padding-top: 0; }
      .popup.login .popup__holder .popup__body {
        background: white;
        padding-top: 0; }
  .nf_iconset.close {
    color: #55505a; }
  .popup__container.disable-selection {
    background: #ffffff; }
  /*}
    @media (max-width: 568px) {*/
  .popup.login .nf_iconset.close {
    color: #55505a; }
  .popup.register .popup__body .form__field-wrap .form__field-input,
  .popup.login .popup__body .form__field-wrap .form__field-input {
    padding: 0; }
  .popup__container.disable-selection {
    background: #ffffff; }
  .popup.register,
  .popup.login,
  .popup.account-created {
    width: 100%;
    /*padding: 16px;*/
    margin-top: 0; }
  .popup.register .nf_iconset.close,
  .popup.login .nf_iconset.close {
    top: 16px;
    right: 16px;
    color: #55505a;
    position: absolute; }
  .popup.login .nf_iconset.close {
    top: 16px;
    right: 16px;
    color: #55505a; }
  .popup.register .popup__title.terms,
  .popup.login .popup__title.terms {
    padding-left: 0;
    padding-right: 0; }
  /*    .popup.register{
            padding:40px 0 0 0;
        }*/
  .popup__container.disable-selection {
    /*background: #f4f3f3;*/ }
    .popup__container.disable-selection .popup .form__field-wrap {
      padding: 16px 16px 0 16px; }
  .popup.account-created .popup__close.nf_iconset.close {
    color: #55505a; }
  .stop-click-events {
    pointer-events: all; } }

@media (max-width: 767px) and (min-height: 767px) {
  .popup.account-created {
    padding-bottom: 121px; }
    .popup.account-created .popup__footer {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 0;
      height: 121px; } }

@media (max-width: 767px) and (max-height: 450px) {
  .popup.register .popup__body .button-register, .popup.login .popup__body .button-register {
    position: relative; } }