/*MAIN*/
/*BREAKPOINTS*/
/*HEADER*/
/*COLORS*/
/*CONTENT*/
/*SIDEBAR*/
/*MOBILE MENU*/
/*FILTERS*/
/*LOGIN*/
/*OVERLAY*/
/*CLASSES*/
ul {
  margin-top: unset; }

.inline-block {
  display: inline-block; }

.form-error {
  border: 1px solid #85715d; }

.active {
  color: #85715d !important; }

.placeholder-error {
  color: #85715d; }

.menu-fixed {
  overflow: hidden; }

.active {
  color: #85715d !important; }

/*BUTTONS*/
.button {
  border: 1px solid white;
  width: 250px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: background-color .3s ease-out;
  -moz-transition: background-color .3s ease-out;
  -o-transition: background-color .3s ease-out;
  -ms-transition: background-color .3s ease-out;
  transition: background-color .3s ease-out;
  margin: 10px 0; }
  .button:hover {
    background-color: black;
    border: 1px solid black; }
  .button:hover h3 a {
    color: white !important; }
  @media (max-width: 480px) {
    .button {
      margin: 3px 0; } }
  @media (max-width: 320px) {
    .button {
      margin: 3px; } }
  @media (max-width: 1024px) {
    .button {
      width: 80%; } }
  @media (max-width: 719px) {
    .button {
      width: 80%; } }
  .button h3 {
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: white;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    -ms-transition: color .3s ease-out;
    transition: color .3s ease-out;
    text-align: center; }
    .button h3 a {
      width: 100%;
      height: 100%;
      color: white;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center; }

.disabled {
  opacity: 0.1;
  pointer-events: none; }

.button-main-section {
  width: 250px; }

/*INPUT*/
textarea, select, input, button {
  outline: none; }

/*CHECKBOX*/
.checkbox-container {
  min-width: 35px;
  min-height: 35px;
  background-color: white; }
  .checkbox-container .checkbox {
    width: 35px;
    height: 35px;
    cursor: pointer;
    position: absolute; }
  .checkbox-container .checkbox-flag {
    width: inherit;
    height: inherit;
    opacity: 0;
    cursor: pointer;
    position: absolute; }
    .checkbox-container .checkbox-flag img {
      position: relative;
      top: 5px;
      left: 7px; }

/*COURSES ITEM*/
.courses-category-container {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  position: relative;
  top: -5px;
  width: 100%;
  background-color: #e6e6e6;
  margin: 44px 0;
  padding: 33px; }
  .courses-category-container .courses-category-title h1 {
    margin: 0;
    font-size: 36px;
    font-weight: 300;
    text-transform: uppercase; }
  .courses-category-container .courses-category-courses {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start; }
    @media (max-width: 719px) {
      .courses-category-container .courses-category-courses {
        justify-content: flex-start;
        min-width: 32%; } }
    .courses-category-container .courses-category-courses .courses-category-course {
      flex: 0 0 32%;
      margin-right: 0;
      padding: 10px 0; }
      @media (max-width: 1916px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.5%;
          margin-right: 0; } }
      @media (max-width: 1324px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.4%; } }
      @media (max-width: 1307px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  47.9%; } }
      @media (max-width: 1024px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.9%; } }
      @media (max-width: 990px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.8%; } }
      @media (max-width: 915px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.7%; } }
      @media (max-width: 898px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.6%; } }
      @media (max-width: 796px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.5%; } }
      @media (max-width: 748px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.4%; } }
      @media (max-width: 707px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.3%; } }
      @media (max-width: 670px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.2%; } }
      @media (max-width: 637px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  48.1%; } }
      @media (max-width: 608px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  47.9%; } }
      @media (max-width: 558px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  47.8%; } }
      @media (max-width: 536px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  47.7%; } }
      @media (max-width: 519px) {
        .courses-category-container .courses-category-courses .courses-category-course {
          flex: 0 0  100%; } }
      .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container {
        opacity: 1;
        position: relative;
        width: 100%;
        height: 228px;
        overflow: hidden;
        box-sizing: content-box; }
        .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container .course-category-image {
          position: absolute;
          background-color: #666;
          width: 100%;
          height: auto; }
          @media (max-width: 519px) {
            .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container .course-category-image {
              height: auto; } }
          @media (max-width: 480px) {
            .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container .course-category-image {
              height: 120%; } }
          .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container .course-category-image img {
            width: 100%;
            height: auto; }
            @media (max-width: 519px) {
              .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container .course-category-image img {
                height: auto; } }
        .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container .course-category-image-course {
          height: 100%; }
          .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container .course-category-image-course img {
            height: auto; }
            @media (max-width: 480px) {
              .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container .course-category-image-course img {
                height: 100%; } }
        .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container .course-category-overlay {
          display: table;
          position: absolute;
          background-color: rgba(0, 0, 0, 0.5);
          width: 100%;
          height: inherit;
          -webkit-transition: opacity .3s ease-out;
          -moz-transition: opacity .3s ease-out;
          -o-transition: opacity .3s ease-out;
          -ms-transition: opacity .3s ease-out;
          transition: opacity .3s ease-out;
                    /*@media(max-width: $breakpointEndMultipleCourses){
                        width: 100%;
                    }

                    @media(max-width: $breakpointInitMobileLandscape){
                        height: 100%;
                    }

                    @media(max-width: $breakpointIphonePlus){
                        height: 100%;
                    }

                    @media(max-width: $breakpointIphone6){
                        height: 91%;
                    }

                    @media(max-width: $breakpointGalaxy){
                        height: 87%;
                    }*/ }
        .courses-category-container .courses-category-courses .courses-category-course .course-category-image-container .course-category-button-container {
          width: 100%;
          height: 100%;
          position: absolute;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
      .courses-category-container .courses-category-courses .courses-category-course .course-category-info-container {
        width: 100%;
        height: 120px;
        background-color: #666;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: relative; }
        .courses-category-container .courses-category-courses .courses-category-course .course-category-info-container h3 {
          margin: 8px 0; }
        .courses-category-container .courses-category-courses .courses-category-course .course-category-info-container .course-category-course-title {
          text-align: center;
          position: relative;
          top: 10px;
          width: 100%;
          height: 50%; }
          .courses-category-container .courses-category-courses .courses-category-course .course-category-info-container .course-category-course-title h3 {
            margin: 0;
            text-transform: uppercase;
            color: white;
            font-size: 18px;
            font-weight: 200; }
            @media (max-width: 768px) {
              .courses-category-container .courses-category-courses .courses-category-course .course-category-info-container .course-category-course-title h3 {
                font-size: 16px; } }
        .courses-category-container .courses-category-courses .courses-category-course .course-category-info-container .course-category-course-info {
          position: relative;
          width: 100%;
          height: 50%;
          bottom: -15px; }
          .courses-category-container .courses-category-courses .courses-category-course .course-category-info-container .course-category-course-info h3 {
            margin: 0;
            color: white;
            font-size: 14px;
            font-weight: 200;
            line-height: 16px;
            text-align: center; }
            @media (max-width: 768px) {
              .courses-category-container .courses-category-courses .courses-category-course .course-category-info-container .course-category-course-info h3 {
                font-size: 12px; } }
            .courses-category-container .courses-category-courses .courses-category-course .course-category-info-container .course-category-course-info h3 span {
              text-transform: uppercase; }
        .courses-category-container .courses-category-courses .courses-category-course .course-category-info-container .course-category-div {
          padding: 0 20px;
          -webkit-transition: margin .3s ease-out;
          -moz-transition: margin .3s ease-out;
          -o-transition: margin .3s ease-out;
          -ms-transition: margin .3s ease-out;
          transition: margin .3s ease-out; }
    @media (min-width: 1917px) {
      .courses-category-container .courses-category-courses .courses-category-course:nth-child(3n+2) {
        flex: 0 0 32%;
        margin: 0 20px; } }
    @media (max-width: 1916px) {
      .courses-category-container .courses-category-courses .courses-category-course:nth-child(2n+1) {
        margin-right: 20px; } }

/*STICKY NAV*/
.sticky {
  position: fixed !important;
  top: 0;
  height: 50px !important; }

.desktop-logo {
  opacity: 0;
  width: 0;
  height: 0; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .desktop-logo {
      display: block !important;
      width: auto !important;
      height: auto !important; } }
  @supports (-ms-ime-align: auto) {
    .desktop-logo {
      display: block !important;
      width: auto !important;
      height: auto !important; } }

.sticky-menu {
  position: relative;
  top: -4px; }
@-moz-document url-prefix() {
  .sticky-menu {
    position: relative; } }
  @supports (-ms-ime-align: auto) {
    .sticky-menu {
      position: relative;
      top: -25px; } }

@media all and (-ms-high-contrast: none) {
  .sticky-menu {
    top: -42px; }

  /* IE10 */
  *::-ms-backdrop, .sticky-menu {
    top: -42px; }

  /* IE11 */ }
.sticky-top-menu {
  opacity: 0; }

.sticky-top-menu-cont {
  border-bottom: 1px solid #343a40; }

.sticky-logo {
  opacity: 1 !important;
  position: relative;
  z-index: 150; }

.sticky-hamburger {
  height: 50px !important; }

.sticky-filter {
  height: 50px !important; }

.sticky-sidebar {
  top: -115px; }

.sticky-header {
  height: 50px !important; }

/*FORM*/
input {
  width: 100%;
  border-width: 0;
  height: 50px;
  padding-left: 15px;
  color: black;
  font-size: 18px;
  font-weight: 400;
  border: 1px solid white; }

input::placeholder {
  padding-left: 0;
  color: black;
  font-size: 18px;
  font-weight: 400;
  position: relative;
  top: 2px;
  text-transform: uppercase; }
  @media (max-width: 479px) {
    input::placeholder {
      font-size: 14px;
      position: relative;
      top: 2px; } }

/*SELECT*/
.dropdown-menu {
  border-radius: 0;
  border: 1px solid white !important;
  outline: none; }
  .dropdown-menu ul li a span {
    text-transform: uppercase; }
  .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
    background-color: black; }

.btn {
  border-radius: 0; }
  .btn .filter-option-inner-inner {
    text-transform: uppercase; }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  background-color: white;
  border-color: white; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 90%; }

select {
  outline: none; }

.dropdown:focus, .dropdown:active {
  outline: none !important; }

/*EDGE*/
@supports (-ms-ime-align: auto) {
  ul {
    margin-left: -40px; } }
/*IE11*/
@media all and (-ms-high-contrast: none) {
  ul {
    margin-left: -40px; }

  /* IE10 */
  *::-ms-backdrop, ul {
    margin-left: -40px; }

  /* IE11 */ }
/*SAFARI*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome */
  ul {
    margin-left: -40px; } }
.container-min-height {
  min-height: calc(100vh - 165px - 40px); }
  @media (max-width: 767px) {
    .container-min-height {
      min-height: calc(100vh - 112px - 40px); } }

#no-content-warning {
  font-size: 24px;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: center; }

html, body {
  overflow-x: hidden; }

body {
  margin: 0;
  background-color: white;
  width: 100%;
  height: 100vh;
  font-family: 'Nunito', sans-serif !important;
  position: static; }
  @media (min-width: 1025px) {
    body {
      position: static !important; } }
  body .main-container {
    width: inherit;
    height: auto;
    position: absolute; }

.footer-container {
  width: 100%;
  height: 40px;
  background-color: #343a40;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .footer-container h1 {
    margin: 0;
    color: white;
    font-size: 18px;
    visibility: hidden;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center; }
    @media (max-width: 767px) {
      .footer-container h1 {
        font-size: 14px; } }

.overlay-container {
  width: 100%;
  height: 100vh;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 120;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .overlay-container .overlay-box {
    /* FIX TIM */
    /*width: $overlayWidth;
    min-height: 400px;
    */
    background-color: #e6e6e6;
    position: relative;
    /*padding: 30px 0; */ }
    @media (min-width: 480px) and (max-width: 812px) {
      .overlay-container .overlay-box {
        width: 90%; } }
    @media (min-width: 768px) and (max-width: 768px) {
      .overlay-container .overlay-box {
        width: 680px;
        /*height: $overlayHeight; */ } }
    @media (max-width: 480px) {
      .overlay-container .overlay-box {
        width: 100%; } }
    .overlay-container .overlay-box .overlay-box-header {
      width: 100%;
      height: 30px;
      background-color: #343a40;
      position: relative;
      top: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .overlay-container .overlay-box .overlay-box-header h1 {
        color: white;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 18px;
        margin: 0; }
    .overlay-container .overlay-box .overlay-box-footer {
      width: 100%;
      height: 30px;
      background-color: #343a40;
      position: relative;
      bottom: 0;
      margin-top: 50px; }
    .overlay-container .overlay-box .overlay-box-close-button {
      position: relative;
      cursor: pointer;
      z-index: 100; }
      .overlay-container .overlay-box .overlay-box-close-button img {
        float: right;
        position: relative;
        margin-right: 10px;
        margin-bottom: 20px;
        margin-top: 20px; }
    .overlay-container .overlay-box .overlay-box-title-container {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 20px;
      margin-bottom: 20px;
      padding-left: 45px;
      padding-right: 45px;
            /* FIX TIM

            @media(min-width: $breakpointInitMobileLandscape) and (max-width: $breakpointEndMobileLandscape){
                padding: 20px 40px;
            }
    
            @media(min-width: $breakpointInitTablet) and (max-width: $breakpointInitTablet){
                padding: 20px 20px;
            }

            @media(max-width: $breakpointInitMobileLandscape){
                padding: 20px 20px;
            }
            */ }
      .overlay-container .overlay-box .overlay-box-title-container h1 {
        font-size: 24px;
        font-weight: 400;
        text-align: center;
        margin: 0;
        text-transform: uppercase;
        overflow: visible; }
    .overlay-container .overlay-box .overlay-box-button-container {
      position: relative;
      width: 100%;
      margin-top: 10%;
      /* FIX TIM */
      /* 
      @media(max-width: $breakpointInitMobileLandscape){
          bottom: 40px;
      }
      */ }
      .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button {
        width: 49%;
        height: 80px;
        position: relative;
        /*display: flex;
        justify-content: center;
        align-items: center;*/ }
        @media (max-width: 480px) {
          .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button {
            width: 100%;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center; } }
        .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-yes {
          border: 1px solid black;
          background-color: black;
          width: 250px;
          height: 45px;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          /* FIX TIM */
          /*position: absolute;*/
          right: 0;
          margin-right: 20px;
          -webkit-transition: background-color .3s ease-out;
          -moz-transition: background-color .3s ease-out;
          -o-transition: background-color .3s ease-out;
          -ms-transition: background-color .3s ease-out;
          transition: background-color .3s ease-out; }
          @media (min-width: 480px) {
            .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-yes {
              width: 50%;
              position: relative;
              margin: 0 auto; } }
          @media (max-width: 480px) {
            .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-yes {
              position: relative;
              margin-right: 0; } }
          .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-yes:hover {
            background-color: #666;
            border: 1px solid #666; }
          .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-yes:hover h3 {
            color: black; }
          .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-yes h3 {
            font-size: 18px;
            font-weight: 400;
            width: 100%;
            height: 100%;
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            text-transform: uppercase;
            margin: 0;
            -webkit-transition: color .3s ease-out;
            -moz-transition: color .3s ease-out;
            -o-transition: color .3s ease-out;
            -ms-transition: color .3s ease-out;
            transition: color .3s ease-out; }
        .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-no {
          border: 1px solid black;
          background: transparent;
          width: 250px;
          height: 45px;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
          /* FIX TIM */
          /*position: absolute;*/
          left: 0;
          margin-left: 20px;
          -webkit-transition: background-color .3s ease-out;
          -moz-transition: background-color .3s ease-out;
          -o-transition: background-color .3s ease-out;
          -ms-transition: background-color .3s ease-out;
          transition: background-color .3s ease-out; }
          @media (min-width: 480px) {
            .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-no {
              width: 50%;
              position: relative;
              margin: 0 auto; } }
          @media (max-width: 480px) {
            .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-no {
              position: relative;
              left: none;
              margin-left: 0; } }
          .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-no:hover {
            background-color: #666;
            border: 1px solid #666; }
          .overlay-container .overlay-box .overlay-box-button-container .overlay-box-button .overlay-box-button-no h3 {
            font-size: 18px;
            font-weight: 400;
            width: 100%;
            height: 100%;
            color: black;
            display: flex;
            justify-content: center;
            align-items: center;
            text-transform: uppercase;
            margin: 0;
            -webkit-transition: color .3s ease-out;
            -moz-transition: color .3s ease-out;
            -o-transition: color .3s ease-out;
            -ms-transition: color .3s ease-out;
            transition: color .3s ease-out; }

.overlay-with-buttons {
  /* FIX TIM */
    /*
    min-height: 600px !important;

    @media(max-width: $breakpointEndMobile){
        height: 600px !important;
    }
    */ }

.login-container {
  width: inherit;
  height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/img/login-background.jpg");
  background-size: cover;
  background-position: 50% 50%; }
  .login-container .login-box {
    width: 680px;
    background-color: #e6e6e6;
    display: flex;
    justify-content: center;
    padding: 70px 0; }
    @media (min-width: 480px) and (max-width: 812px) {
      .login-container .login-box {
        width: 100%;
        max-height: 300px; } }
    @media (min-width: 768px) and (max-width: 768px) {
      .login-container .login-box {
        max-height: 500px; } }
    @media (max-width: 479px) {
      .login-container .login-box {
        width: 100%; } }
    .login-container .login-box .login {
      width: 70%;
      height: 100%; }
      @media (min-width: 480px) and (max-width: 812px) {
        .login-container .login-box .login {
          margin-top: -50px; } }
      @media (max-width: 479px) {
        .login-container .login-box .login {
          width: 80%; } }
      .login-container .login-box .login .login-title {
        width: 100%;
        display: flex;
        justify-content: center; }
      .login-container .login-box .login .login-email {
        width: 100%;
        display: flex;
        justify-content: center; }
      .login-container .login-box .login .login-button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #343a40;
        height: 50px;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;
        cursor: pointer;
        border: 1px solid black; }
        .login-container .login-box .login .login-button h3 {
          margin: 0;
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .login-container .login-box .login .login-button h3 a {
            text-transform: uppercase;
            text-decoration: none;
            color: white;
            font-size: 18px;
            font-weight: 400; }
        .login-container .login-box .login .login-button:hover {
          background-color: #666;
          border: 1px solid #666; }
      .login-container .login-box .login .login-forgot-password-container {
        height: 0;
        overflow: hidden; }
      .login-container .login-box .login .login-forgot-password {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 40px;
        margin-bottom: 20px; }
        @media (min-width: 480px) and (max-width: 812px) {
          .login-container .login-box .login .login-forgot-password {
            margin-top: 20px; } }
        @media (min-width: 768px) and (max-width: 768px) {
          .login-container .login-box .login .login-forgot-password {
            margin-top: 40px; } }
        .login-container .login-box .login .login-forgot-password h3 {
          margin: 0;
          display: flex;
          justify-content: center;
          align-items: center; }
          .login-container .login-box .login .login-forgot-password h3 a {
            text-transform: uppercase;
            text-decoration: none;
            color: black;
            font-size: 18px;
            font-weight: 400;
            cursor: pointer;
            -webkit-transition: color .3s ease-out;
            -moz-transition: color .3s ease-out;
            -o-transition: color .3s ease-out;
            -ms-transition: color .3s ease-out;
            transition: color .3s ease-out; }
            .login-container .login-box .login .login-forgot-password h3 a:hover {
              color: #666; }

textarea, select, input, button {
  outline: none; }

.form-element {
  margin-bottom: 20px; }
  @media (min-width: 480px) and (max-width: 812px) {
    .form-element {
      margin-bottom: 5px; } }
  @media (min-width: 768px) and (max-width: 768px) {
    .form-element {
      margin-bottom: 20px; } }

/*# sourceMappingURL=style-login.css.map */