@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 100;
  src: local("Exo 2 Thin Italic"),local(Exo2-ThinItalic),url(//fonts.gstatic.com/s/exo2/v4/7cHqv4okm5zmbtYtE48s51oo.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHqv4okm5zmbtYtE48s51os.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHqv4okm5zmbtYtE48s51oq.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 200;
  src: local("Exo 2 Extra Light Italic"),local(Exo2-ExtraLightItalic),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtEyM98H0JnA.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtEyM98H0JmA.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtEyM98H0Jng.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 300;
  src: local("Exo 2 Light Italic"),local(Exo2-LightItalic),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE0c-8H0JnA.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE0c-8H0JmA.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE0c-8H0Jng.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 400;
  src: local("Exo 2 Italic"),local(Exo2-Italic),url(//fonts.gstatic.com/s/exo2/v4/7cHov4okm5zmbtYtG-wc4Q.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHov4okm5zmbtYtG-wc5Q.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHov4okm5zmbtYtG-wc4w.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 500;
  src: local("Exo 2 Medium Italic"),local(Exo2-MediumItalic),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtEx8_8H0JnA.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtEx8_8H0JmA.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtEx8_8H0Jng.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 600;
  src: local("Exo 2 Semi Bold Italic"),local(Exo2-SemiBoldItalic),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtEzM48H0JnA.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtEzM48H0JmA.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtEzM48H0Jng.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 700;
  src: local("Exo 2 Bold Italic"),local(Exo2-BoldItalic),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE1c58H0JnA.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE1c58H0JmA.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE1c58H0Jng.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 800;
  src: local("Exo 2 Extra Bold Italic"),local(Exo2-ExtraBoldItalic),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE0s68H0JnA.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE0s68H0JmA.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE0s68H0Jng.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: italic;
  font-weight: 900;
  src: local("Exo 2 Black Italic"),local(Exo2-BlackItalic),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE2878H0JnA.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE2878H0JmA.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHtv4okm5zmbtYtE2878H0Jng.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 100;
  src: local("Exo 2 Thin"),local(Exo2-Thin),url(//fonts.gstatic.com/s/exo2/v4/7cHov4okm5zmbt5LG-wc4Q.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHov4okm5zmbt5LG-wc5Q.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHov4okm5zmbt5LG-wc4w.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 200;
  src: local("Exo 2 Extra Light"),local(Exo2-ExtraLight),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt7nCvs7wHs.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt7nCvs7wH8.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt7nCvs7wHk.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 300;
  src: local("Exo 2 Light"),local(Exo2-Light),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6DCfs7wHs.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6DCfs7wH8.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6DCfs7wHk.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 400;
  src: local("Exo 2"),local(Exo2-Regular),url(//fonts.gstatic.com/s/exo2/v4/7cHmv4okm5zmbtYoK-o.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHmv4okm5zmbtYoK-4.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHmv4okm5zmbtYoK-g.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 500;
  src: local("Exo 2 Medium"),local(Exo2-Medium),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt7bCPs7wHs.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt7bCPs7wH8.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt7bCPs7wHk.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 600;
  src: local("Exo 2 Semi Bold"),local(Exo2-SemiBold),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt73D_s7wHs.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt73D_s7wH8.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt73D_s7wHk.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 700;
  src: local("Exo 2 Bold"),local(Exo2-Bold),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6TDvs7wHs.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6TDvs7wH8.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6TDvs7wHk.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 800;
  src: local("Exo 2 Extra Bold"),local(Exo2-ExtraBold),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6PDfs7wHs.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6PDfs7wH8.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6PDfs7wHk.woff) format("woff"); }
@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 900;
  src: local("Exo 2 Black"),local(Exo2-Black),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6rDPs7wHs.eot?#) format("eot"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6rDPs7wH8.woff2) format("woff2"),url(//fonts.gstatic.com/s/exo2/v4/7cHrv4okm5zmbt6rDPs7wHk.woff) format("woff"); }
/*
* @section      Style for login wrapper
* @description  This section holds specific style redeclarations for
*               login content wrapper
*/
.dropdown-menu .jx-header-account-wrapper {
  width: 18.75rem;
  padding: 1.875rem; }

.jx-header-account-wrapper.is-logged .user-data h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  font: 400 1.25rem/1.5rem "Exo 2", sans-serif;
  color: #767676; }

.jx-header-account-wrapper.is-logged .user-data img {
  border: 0.125rem solid #ebebeb; }

@media (min-width: 768px) {
  .dropdown-menu .jx-header-account-wrapper.is-logged.twocolumns {
    width: 31.25rem; }
  .jx-header-account-wrapper.is-logged.twocolumns .user-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.25rem; }
    .jx-header-account-wrapper.is-logged.twocolumns .user-data img {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 30%;
              flex: 0 0 30%;
      max-width: 30%;
      margin-right: 1.25rem; }
    .jx-header-account-wrapper.is-logged.twocolumns .user-data h3 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
  .jx-header-account-wrapper.is-logged.twocolumns ul {
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 1.25rem;
            column-gap: 1.25rem;
    list-style-position: inside; } }

.jx-header-account-wrapper.is-logged .logout {
  margin-top: 1.25rem; }

.jx-header-account-wrapper .header-login-content {
  display: none; }
  .jx-header-account-wrapper .header-login-content.active {
    display: block;
    max-height: none;
    overflow: visible; }
  .jx-header-account-wrapper .header-login-content .page-heading {
    margin-bottom: 0.9375rem; }
  .jx-header-account-wrapper .header-login-content .form-group .form-control-label {
    display: none; }
  .jx-header-account-wrapper .header-login-content .form-group .form-control, .jx-header-account-wrapper .header-login-content .form-group .btn-show-password {
    border-top: none;
    border-left: none;
    border-right: none; }
  .jx-header-account-wrapper .header-login-content .form-group .form-control {
    text-align: center; }
  .jx-header-account-wrapper .header-login-content .submit {
    margin-top: 1.25rem;
    margin-bottom: 1.5rem; }

.jx-header-account-wrapper .header-login-footer {
  text-align: center; }
  .jx-header-account-wrapper .header-login-footer .register-link {
    margin-top: 0.625rem; }
    .jx-header-account-wrapper .header-login-footer .register-link a {
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      font-weight: 700; }
  .jx-header-account-wrapper .header-login-footer .forgot-password {
    display: inline-block;
    margin-top: 0.75rem; }

.jx-header-account-wrapper .radio-inline {
  margin-right: 1.25rem; }
  .jx-header-account-wrapper .radio-inline:last-child {
    margin-right: 0; }
  .jx-header-account-wrapper .radio-inline .custom-radio {
    margin-right: 0; }

.jx-header-account {
  position: relative; }
  @media (min-width: 1200px) {
    .jx-header-account {
      } }
  @media (min-width: 1360px) {
    .jx-header-account {
      } }
  @media (min-width: 1650px) {
    .jx-header-account {
       } }
  .jx-header-account.dropdown .dropdown-menu {
    margin-top: 1.4375rem; }
  .jx-header-account #jx-header-account-link {

    position: relative;
    font: 700 0.875rem/1.375rem Arial, sans-serif;
    letter-spacing: 0.1em;
 }
    .jx-header-account #jx-header-account-link i {
      font-size: 1.25rem;
      line-height: 1; }
    @media (min-width: 1200px) and (max-width: 1649px) {
      .jx-header-account #jx-header-account-link {
        font-size: 0.75rem; }
        .jx-header-account #jx-header-account-link i {
          font-size: 1.125rem; } }
    .jx-header-account #jx-header-account-link:hover, .jx-header-account #jx-header-account-link:focus, .jx-header-account #jx-header-account-link:active {
      color: #000; }
    @media (max-width: 1199.98px) {
      .jx-header-account #jx-header-account-link span {
        display: none; } }

/*
* @section      Style for social login buttons
* @description  This section holds specific style for
*               social login buttons
*/
.social-login-buttons {
  margin-top: 2.1875rem; }
  .social-login-buttons.row {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  .social-login-buttons .col {
    padding-right: 0.25rem;
    padding-left: 0.25rem; }
  .social-login-buttons a {
    display: inline-block; }
    .social-login-buttons a span {
      display: none; }
  .social-login-buttons .btn {
    width: 100%;
    color: #fff;
    padding: 0.5rem 0.9375rem 0.375rem;
    border-radius: 1.5rem;
    line-height: 1.875rem; }
    .social-login-buttons .btn i {
      font-size: 1.3125rem;
      line-height: 1.875rem; }
  .social-login-buttons .btn-login-facebook {
    background-color: #3b5998;
    border: 0.125rem solid #3b5998; }
    .social-login-buttons .btn-login-facebook:hover, .social-login-buttons .btn-login-facebook:focus, .social-login-buttons .btn-login-facebook:active {
      background: none;
      color: #3b5998; }
  .social-login-buttons .btn-login-google {
    background-color: #df4a32;
    border: 0.125rem solid #df4a32; }
    .social-login-buttons .btn-login-google:hover, .social-login-buttons .btn-login-google:focus, .social-login-buttons .btn-login-google:active {
      background: none;
      color: #df4a32; }
  .social-login-buttons .btn-login-vk {
    background-color: #3383c1;
    border: 0.125rem solid #3383c1; }
    .social-login-buttons .btn-login-vk:hover, .social-login-buttons .btn-login-vk:focus, .social-login-buttons .btn-login-vk:active {
      background: none;
      color: #3383c1; }

/*
* @section      MODAL AS LEFT/RIGHT SIDEBAR
* @description  Add "left" or "right" in modal parent div, after class="modal".
*/
.jx-header-account {
  /*Left*/
  /*Right*/ }
  .jx-header-account .modal.left .modal-dialog,
  .jx-header-account .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 20rem;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0); }
    @media (min-width: 768px) {
      .jx-header-account .modal.left .modal-dialog,
      .jx-header-account .modal.right .modal-dialog {
        width: 31.25rem; } }
  .jx-header-account .modal.left .modal-content,
  .jx-header-account .modal.right .modal-content {
    height: 100%;
    overflow-y: auto; }
  .jx-header-account .modal.left.fade .modal-dialog {
    left: -20rem;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out; }
    @media (min-width: 768px) {
      .jx-header-account .modal.left.fade .modal-dialog {
        left: -31.25rem; } }
  .jx-header-account .modal.left.fade.in .modal-dialog {
    left: 0; }
  .jx-header-account .modal.right.fade .modal-dialog {
    right: -20rem;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out; }
    @media (min-width: 768px) {
      .jx-header-account .modal.right.fade .modal-dialog {
        right: -31.25rem; } }
  .jx-header-account .modal.right.fade.in .modal-dialog {
    right: 0; }

/*
* @section      Style for login wrapper
* @description  This section holds specific style redeclarations for
*               login content wrapper
*/
#wrapper .jx-header-account-wrapper, #footer .jx-header-account-wrapper {
  padding: 1.25rem;
  max-width: 100%;
  margin-bottom: 1.875rem;
  background: #ffffff;
  -webkit-box-shadow: 0.125rem 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0.125rem 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.2); }
  #wrapper .jx-header-account-wrapper [class^="col-"], #wrapper .jx-header-account-wrapper [class*=" col-"], #footer .jx-header-account-wrapper [class^="col-"], #footer .jx-header-account-wrapper [class*=" col-"] {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    text-align: left; }

/*
* @section      Style for modal jx header account
*/
#jxha-modal .modal-body {
  padding: 1.875rem; }
  @media (min-width: 768px) {
    #jxha-modal .modal-body {
      padding: 3.125rem; } }
  @media (min-width: 992px) {
    #jxha-modal .modal-body {
      padding: 5.75rem 7.5rem 6.25rem; } }

/*
* @section      Style for slidebar left or right position
*/
@media (min-width: 1200px) {
  .jxheaderaccount-left:not(.inactive-device)[data-off-canvas*=left], .jxheaderaccount-left:not(.inactive-device)[data-off-canvas*=right],
  .jxheaderaccount-right:not(.inactive-device)[data-off-canvas*=left],
  .jxheaderaccount-right:not(.inactive-device)[data-off-canvas*=right] {
    width: 26.25rem; } }

@media (min-width: 768px) {
  .jxheaderaccount-left:not(.inactive-device)[data-off-canvas*=left], .jxheaderaccount-left:not(.inactive-device)[data-off-canvas*=right],
  .jxheaderaccount-right:not(.inactive-device)[data-off-canvas*=left],
  .jxheaderaccount-right:not(.inactive-device)[data-off-canvas*=right] {
    padding: 3.75rem 1.875rem 1.25rem; } }