.clearfix:after {
  content: '';
  display: block;
  clear: both; }

.ellipsis {
  white-space: nowrap;
  /* 1 */
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  /* 2 */
  overflow: hidden; }

@font-face {
  font-family: All-Round-Gothic;
  src: url("../fonts/AllRoundGothicBook.woff") format("woff"), url("../fonts/AllRoundGothicBook.woff2") format("woff2");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: All-Round-Gothic;
  src: url("../fonts/AllRoundGothicBold.woff") format("woff"), url("../fonts/AllRoundGothicBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: din-pro;
  src: url("../fonts/DINPro-Black.woff") format("woff"), url("../fonts/DINPro-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: icomoon;
  src: url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow:before {
  content: "\e91c"; }

.icon-comment-dots1:before {
  content: "\e91a"; }

.icon-whatsapp:before {
  content: "\e91b"; }

.icon-comment-dots:before {
  content: "\e918"; }

.icon-envelope:before {
  content: "\e919"; }

.icon-light-on:before {
  content: "\e90b"; }

.icon-crane:before {
  content: "\e90c"; }

.icon-car-door:before {
  content: "\e90d"; }

.icon-lightbulb-on:before {
  content: "\e90e"; }

.icon-pen-fancy:before {
  content: "\e90f"; }

.icon-exclamation-triangle:before {
  content: "\e910"; }

.icon-chart-bar:before {
  content: "\e911"; }

.icon-fire:before {
  content: "\e912"; }

.icon-unlock:before {
  content: "\e913"; }

.icon-parking-square:before {
  content: "\e914"; }

.icon-car:before {
  content: "\e915"; }

.icon-comment:before {
  content: "\e916"; }

.icon-settings:before {
  content: "\e917"; }

.icon-tick-thick:before {
  content: "\e900"; }

.icon-tick:before {
  content: "\e901"; }

.icon-tick-light:before {
  content: "\e902"; }

.icon-close:before {
  content: "\e903"; }

.icon-edit:before {
  content: "\e904"; }

.icon-about:before {
  content: "\e905"; }

.icon-dashboard:before {
  content: "\e906"; }

.icon-img:before {
  content: "\e907"; }

.icon-bars:before {
  content: "\e908"; }

.icon-message:before {
  content: "\e909"; }

.icon-qr:before {
  content: "\e90a"; }

body {
  min-width: 320px; }

#wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  margin: 0 auto; }
  @media (min-width: 768px) {
    #wrapper {
      max-width: 428px; } }
  .page-lg #wrapper {
    max-width: 100%;
    margin: 0; }
    @media (min-width: 768px) {
      .page-lg #wrapper {
        max-width: 100%; } }

a,
button {
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

a:hover {
  text-decoration: none; }

.btn {
  min-width: inherit;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (min-width: 768px) {
    .page-lg .btn {
      min-width: 200px; } }
  @media (min-width: 992px) {
    .page-lg .btn {
      font-size: 19px;
      line-height: 1.455;
      padding: 15px 20px; } }
  @media (min-width: 1200px) {
    .page-lg .btn {
      font-size: 22px; } }
  .btn .icon-arrow {
    font-size: 13px;
    line-height: 1;
    margin: 0 10px 0 0;
    position: relative;
    top: 2px; }
    @media (min-width: 992px) {
      .page-lg .btn .icon-arrow {
        font-size: 14px; } }
  .btn.btn-primary {
    color: #fff; }
    .btn.btn-primary:focus, .btn.btn-primary:active {
      color: #fff !important; }
  .btn.btn-outline-primary {
    color: #fff; }
    .btn.btn-outline-primary:focus, .btn.btn-outline-primary:active {
      color: #fff !important; }
  .btn.btn-secondary {
    color: rgba(0, 0, 0, 0.5); }
    .btn.btn-secondary:focus, .btn.btn-secondary:active {
      color: rgba(0, 0, 0, 0.5) !important; }
  .btn.btn-warning {
    color: #fff; }
    .btn.btn-warning:focus, .btn.btn-warning:active {
      color: #fff !important; }

h1 {
  line-height: 1.111; }
  @media (min-width: 768px) {
    .page-lg h1 {
      font-size: 28px; } }
  @media (min-width: 992px) {
    .page-lg h1 {
      font-size: 32px; } }
  @media (min-width: 1200px) {
    .page-lg h1 {
      font-size: 36px; } }
  h1.display-1 {
    color: rgba(0, 0, 0, 0.8);
    margin: 0 0 10px; }
    h1.display-1.text-lg {
      font-size: 24px;
      text-align: center; }
    h1.display-1.text-sm {
      font-size: 16px;
      text-align: center;
      font-weight: 600;
      font-family: "Hind Vadodara", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
    h1.display-1 .welcome-text {
      font-size: 30px;
      line-height: 35px;
      font-weight: 300;
      display: block;
      margin: 0 0 7px; }
      @media (min-width: 420px) {
        h1.display-1 .welcome-text {
          font-size: 40px;
          line-height: 45px; } }

h2 {
  position: relative;
  margin: 0 0 12px;
  font-weight: 600;
  font-family: "Hind Vadodara", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
  @media (min-width: 768px) {
    .page-lg h2 {
      font-size: 18px;
      margin: 0 0 24px; } }
  @media (min-width: 1200px) {
    .page-lg h2 {
      font-size: 22px; } }

h3 {
  margin: 0 0 15px; }
  @media (min-width: 768px) {
    .page-lg h3 {
      font-size: 24px; } }
  @media (min-width: 992px) {
    .page-lg h3 {
      font-size: 27px;
      margin: 0 0 26px; } }
  @media (min-width: 1200px) {
    .page-lg h3 {
      font-size: 30px; } }

p {
  margin: 0 0 20px; }
  @media (min-width: 768px) {
    .page-lg p {
      margin: 0 0 27px; } }

.text-sm {
  font-size: 14px;
  line-height: 1.714;
  color: #7d7d7d; }

.text-lg {
  font-size: 20px;
  line-height: 1.5;
  margin: 0 0 20px !important; }
  @media (min-width: 768px) {
    .page-lg .text-lg {
      margin: 0 0 25px !important; } }

.form-control {
  line-height: 23px;
  -webkit-appearance: none;
  height: auto !important; }
  @media (min-width: 768px) {
    .page-lg .form-control {
      font-size: 20px;
      padding: 11px 20px; } }
  .form-control.has-error {
    color: #e7522d;
    border-color: #e7522d;
    background: rgba(231, 82, 45, 0.15); }
    .form-control.has-error::-webkit-input-placeholder {
      color: #e7522d; }
    .form-control.has-error:-ms-input-placeholder {
      color: #e7522d; }
    .form-control.has-error::-ms-input-placeholder {
      color: #e7522d; }
    .form-control.has-error::placeholder {
      color: #e7522d; }

textarea.form-control {
  font-size: 14px;
  line-height: 1.5;
  resize: none;
  height: 130px !important;
  color: 989898; }
  textarea.form-control::-webkit-input-placeholder {
    color: 989898; }
  textarea.form-control:-ms-input-placeholder {
    color: 989898; }
  textarea.form-control::-ms-input-placeholder {
    color: 989898; }
  textarea.form-control::placeholder {
    color: 989898; }
  textarea.form-control:focus {
    color: 989898; }

.link {
  color: #CC9600; }
  .link:hover {
    color: #CC9600;
    text-decoration: underline; }

.nav-opener {
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 1;
  color: #000;
  position: absolute;
  right: 24px;
  top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.8; }
  @media (min-width: 992px) {
    .nav-opener {
      display: none; } }
  .nav-opener:hover {
    color: #3d7d70; }

.sidebar {
  width: 294px;
  background: #fbfbfb;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  padding: 58px 30px;
  overflow: auto;
  -webkit-box-shadow: -20px 0px 50px rgba(0, 0, 0, 0.08);
  box-shadow: -20px 0px 50px rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  @media (min-width: 992px) {
    .sidebar {
      left: 0;
      right: auto;
      width: 250px;
      border-radius: 0;
      -webkit-box-shadow: 10px 0 40px rgba(0, 0, 0, 0.1);
      box-shadow: 10px 0 40px rgba(0, 0, 0, 0.1);
      padding: 82px 25px 80px;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  @media (min-width: 1200px) {
    .sidebar {
      width: 300px; } }
  @media (min-width: 1440px) {
    .sidebar {
      width: 350px; } }
  .nav-active .sidebar {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

.logo {
  display: block;
  width: 134px;
  margin: 0 auto 3vh; }
  .page-lg .logo {
    margin-bottom: 54px; }
    @media (min-width: 992px) {
      .page-lg .logo {
        width: 152px;
        margin-bottom: 80px; } }
  .logo a {
    display: block; }
  .logo img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto; }

.navigation {
  font-size: 18px;
  line-height: 1.5;
  overflow: hidden; }
  @media (min-width: 992px) {
    .navigation {
      font-size: 16px; } }
  @media (min-width: 1200px) {
    .navigation {
      padding: 0 0 0 10px;
      font-size: 18px; } }
  @media (min-width: 1440px) {
    .navigation {
      padding: 0 0 0 45px; } }
  .navigation ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .navigation ul li {
      margin: 0 0 43px; }
      .navigation ul li a {
        color: #b0b0b0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .navigation ul li .icon {
        font-size: 20px;
        line-height: 1;
        margin: 0 25px 0 0;
        min-width: 20px;
        position: relative; }
        @media (min-width: 992px) {
          .navigation ul li .icon {
            margin: 0 10px 0 0; } }
        @media (min-width: 1200px) {
          .navigation ul li .icon {
            margin: 0 15px 0 0; } }
        @media (min-width: 1440px) {
          .navigation ul li .icon {
            margin: 0 25px 0 0; } }
        .navigation ul li .icon.icon-usersettings {
          width: 18px;
          height: 18px;
          min-width: 18px;
          margin: 0 27px 0 0;
          border-radius: 2px;
          background: #b0b0b0;
          -webkit-transition: all 0.25s ease-in-out;
          -o-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out; }
          @media (min-width: 992px) {
            .navigation ul li .icon.icon-usersettings {
              margin: 0 12px 0 0; } }
          @media (min-width: 1200px) {
            .navigation ul li .icon.icon-usersettings {
              margin: 0 17px 0 0; } }
          @media (min-width: 1440px) {
            .navigation ul li .icon.icon-usersettings {
              margin: 0 25px 0 0; } }
          .navigation ul li .icon.icon-usersettings:after {
            width: 7px;
            height: 4px;
            position: absolute;
            top: 50%;
            right: 3px;
            content: '';
            background: #fbfbfb;
            border-radius: 4px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
      .navigation ul li .text {
        letter-spacing: 0.5px; }
      .navigation ul li:hover a, .navigation ul li.active a {
        color: #3d7d70; }
      .navigation ul li:hover .icon.icon-usersettings, .navigation ul li.active .icon.icon-usersettings {
        background: #3d7d70; }

.main-content {
  overflow: hidden;
  padding: 4vh 15px;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  @media (min-width: 420px) {
    .main-content {
      padding: 4vh 15px; } }
  @media (min-width: 768px) {
    .page-lg .main-content {
      padding: 20px 30px 50px; } }
  @media (min-width: 992px) {
    .page-lg .main-content {
      padding: 40px 25px 40px 275px;
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  @media (min-width: 1200px) {
    .page-lg .main-content {
      padding: 40px 50px 40px 350px; } }
  @media (min-width: 1440px) {
    .page-lg .main-content {
      padding: 40px 50px 40px 400px; } }
  .nav-active .main-content {
    filter: blur(8px);
    -webkit-filter: blur(8px);
    opacity: 0.6; }
  .main-content .head {
    overflow: hidden;
    margin: 0 0 27px; }
    @media (min-width: 992px) {
      .main-content .head {
        margin-bottom: 54px; } }
    .main-content .head h1 {
      margin: 0 0 53px; }
      @media (min-width: 992px) {
        .main-content .head h1 {
          margin: 0; } }

.user-box {
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  @media (min-width: 992px) {
    .user-box {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .user-box .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 40px;
    margin-left: 15px; }
    @media (min-width: 992px) {
      .user-box .icon {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0; } }
    .user-box .icon img {
      display: block;
      max-width: none;
      width: 100%;
      height: auto; }
  .user-box .welcome-text {
    font-size: 24px;
    line-height: 1.2;
    color: #000;
    font-family: "All-Round-Gothic", "Hind Vadodara", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }
    @media (min-width: 420px) {
      .user-box .welcome-text {
        font-size: 30px; } }
    @media (min-width: 992px) {
      .page-lg .user-box .welcome-text {
        font-size: 20px;
        line-height: 1.15;
        padding: 0 21px; } }
    .user-box .welcome-text strong {
      display: block; }
      @media (min-width: 992px) {
        .page-lg .user-box .welcome-text strong {
          display: inline; } }
    .user-box .welcome-text .user-name {
      font-weight: 300; }
  .user-box .user-img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    display: none; }
    @media (min-width: 992px) {
      .page-lg .user-box .user-img {
        display: block; } }
    .user-box .user-img img {
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }

.nav-tabs {
  font-size: 13px;
  line-height: 1.5;
  background: #f4f4f4;
  max-width: 100%;
  border-radius: 8px;
  padding: 5px;
  font-weight: 600;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.03);
  border: 0;
  margin: 0 0 21px; }
  @media (min-width: 992px) {
    .page-lg .nav-tabs {
      font-size: 18px;
      max-width: 430px;
      margin: 0 0 35px; } }
  @media (min-width: 1200px) {
    .page-lg .nav-tabs {
      font-size: 20px;
      max-width: 480px; } }
  .nav-tabs .nav-item {
    width: 50%;
    margin: 0; }
  .nav-tabs .nav-link {
    border: 0;
    border-radius: 8px;
    color: #7a7a7a;
    padding: 13px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 992px) {
      .page-lg .nav-tabs .nav-link {
        padding: 12px 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    .nav-tabs .nav-link .icon {
      font-size: 16px;
      line-height: 1;
      margin: 0 0 0 7px; }
      @media (min-width: 992px) {
        .page-lg .nav-tabs .nav-link .icon {
          font-size: 22px;
          margin: 0; } }
    .nav-tabs .nav-link.active {
      color: #fff;
      background: #3d7d70; }

.code-box {
  padding: 10px;
  overflow: hidden;
  background: #f4f4f4;
  position: relative;
  border-radius: 20px;
  margin: 0 0 20px; }
  .code-box .image-box {
    width: 90px;
    height: 90px;
    border-radius: 15px;
    overflow: hidden; }
    @media (min-width: 420px) {
      .code-box .image-box {
        width: 100px;
        height: 100px; } }
    @media (min-width: 992px) {
      .page-lg .code-box .image-box {
        width: 120px;
        height: 120px; } }
    .code-box .image-box img {
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 15px;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }
  .code-box .textbox {
    font-size: 13px;
    line-height: 1.5;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding: 0 0 0 15px; }
    @media (min-width: 992px) {
      .page-lg .code-box .textbox {
        font-size: 16px;
        padding: 0 0 0 10px; } }
    @media (min-width: 1200px) {
      .page-lg .code-box .textbox {
        padding: 0 0 0 20px;
        font-size: 18px; } }
    @media (min-width: 1440px) {
      .page-lg .code-box .textbox {
        padding: 0 0 0 30px; } }
  .code-box .settings-link {
    font-size: 20px;
    line-height: 1;
    color: #7a7a7a;
    position: absolute;
    right: 15px;
    top: 15px; }
    @media (min-width: 992px) {
      .page-lg .code-box .settings-link {
        font-size: 19px; } }
    @media (min-width: 1200px) {
      .page-lg .code-box .settings-link {
        font-size: 22px; } }
    .code-box .settings-link:hover {
      color: #3d7d70; }
  .code-box .title {
    display: block;
    color: #3d7d70;
    font-weight: 600;
    margin: 0 0 10px; }
    @media (max-width: 991.98px) {
      .code-box .title {
        font-size: 15px; } }
  .code-box .date {
    color: #CC9600;
    display: block;
    margin: 0 0 10px; }
    .code-box .date time {
      color: #7a7a7a; }
  .code-box .active-text {
    color: #3d7d70;
    display: none; }
    @media (max-width: 991.98px) {
      .code-box .active-text {
        font-size: 11px; } }
  .code-box .deactive-text {
    color: rgba(255, 0, 0, 0.5); }
    @media (max-width: 991.98px) {
      .code-box .deactive-text {
        font-size: 11px; } }
  .code-box .toggle-switch {
    margin: 0; }
    .code-box .toggle-switch .toggle-button {
      margin: 0 14px 0 0; }
    .code-box .toggle-switch input:checked ~ .active-text {
      display: block; }
    .code-box .toggle-switch input:checked ~ .deactive-text {
      display: none; }

.toggle-switch {
  position: relative;
  display: inline-block; }
  .toggle-switch .toggle-button {
    width: 38px;
    height: 18px;
    cursor: pointer;
    background-color: #eaeaea;
    position: relative;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 34px; }
    @media (min-width: 992px) {
      .page-lg .toggle-switch .toggle-button {
        width: 52px;
        height: 24px; } }
    .toggle-switch .toggle-button:before {
      width: 18px;
      height: 18px;
      position: absolute;
      content: "";
      left: 0;
      top: 0;
      background-color: white;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s;
      border-radius: 50%; }
      @media (min-width: 992px) {
        .page-lg .toggle-switch .toggle-button:before {
          width: 24px;
          height: 24px; } }
  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0; }
    .toggle-switch input:checked + .toggle-button {
      background-color: #3d7d70; }
      .toggle-switch input:checked + .toggle-button:before {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px); }
        @media (min-width: 992px) {
          .page-lg .toggle-switch input:checked + .toggle-button:before {
            -webkit-transform: translateX(29px);
            -ms-transform: translateX(29px);
            transform: translateX(29px); } }

.messages-list {
  font-size: 12px;
  line-height: 1.5; }
  @media (min-width: 992px) {
    .messages-list {
      font-size: 18px;
      padding: 0; } }
  @media (min-width: 1200px) {
    .messages-list {
      font-size: 20px;
      padding: 13px 0 0; } }
  .messages-list li {
    margin: 0 0 10px; }
    @media (min-width: 992px) {
      .messages-list li {
        margin: 0 0 15px; } }
    .messages-list li a {
      padding: 15px;
      overflow: hidden;
      background: #f4f4f4;
      position: relative;
      border-radius: 8px; }
      @media (min-width: 420px) {
        .messages-list li a {
          padding: 15px 20px; } }
      @media (min-width: 992px) {
        .messages-list li a {
          padding: 25px;
          border-radius: 15px; } }
      @media (min-width: 1200px) {
        .messages-list li a {
          padding: 25px 45px; } }
  .messages-list .title-box {
    overflow: hidden; }
    .messages-list .title-box .icon {
      font-size: 18px;
      line-height: 1;
      margin: 0 12px 0 0;
      color: #3d7d70; }
      @media (min-width: 992px) {
        .messages-list .title-box .icon {
          font-size: 20px; } }
      @media (min-width: 1200px) {
        .messages-list .title-box .icon {
          font-size: 24px; } }
  .messages-list .title,
  .messages-list .pro-modal {
    display: block;
    color: #3d7d70;
    font-weight: 600; }
  .messages-list .date {
    color: #CC9600;
    display: block;
    text-align: center; }
    @media (max-width: 991.98px) {
      .messages-list .date {
        font-size: 10px; } }
    .messages-list .date time {
      color: #7a7a7a;
      display: block; }
      @media (min-width: 992px) {
        .messages-list .date time {
          display: inline; } }
  .messages-list .icon-comment {
    font-size: 20px;
    line-height: 1;
    color: #3d7d70; }
    @media (min-width: 420px) {
      .messages-list .icon-comment {
        font-size: 24px; } }
    @media (min-width: 992px) {
      .messages-list .icon-comment {
        font-size: 32px; } }
    @media (min-width: 1200px) {
      .messages-list .icon-comment {
        font-size: 44px; } }

.settings-block {
  width: 100%; }
  .settings-block .btn {
    width: 100%; }
    @media (min-width: 992px) {
      .page-lg .settings-block .btn {
        width: auto; } }
    .settings-block .btn.btn-back {
      margin-bottom: 28px; }
      @media (min-width: 768px) {
        .page-lg .settings-block .btn.btn-back {
          margin-bottom: 50px; } }
  .settings-block h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.8);
    margin: 0 0 12px; }
    @media (max-width: 991.98px) {
      .settings-block h2 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 16px;
        margin: 0 0 27px; } }
    .settings-block h2 .icon-settings {
      font-size: 16px;
      line-height: 1;
      color: #3d7d70;
      margin: 0 10px 0 0;
      position: relative;
      top: 2px; }
      @media (min-width: 992px) {
        .settings-block h2 .icon-settings {
          font-size: 20px; } }
    .settings-block h2 .text-primary {
      padding-left: 6px; }

.item-box {
  overflow: hidden;
  background: #f4f4f4;
  padding: 10px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin: 0 0 18px;
  border-radius: 10px; }
  @media (min-width: 768px) {
    .page-lg .item-box {
      max-width: 402px;
      margin: 0 0 20px; } }
  .item-box .image-box {
    width: 51px;
    height: 51px;
    overflow: hidden;
    border-radius: 8px;
    margin: 0 15px 0 0; }
    @media (min-width: 420px) {
      .item-box .image-box {
        width: 61px;
        height: 61px;
        margin: 0 20px 0 0; } }
    @media (min-width: 768px) {
      .page-lg .item-box .image-box {
        width: 81px;
        height: 81px;
        margin: 0 30px 0 0; } }
    .item-box .image-box img {
      width: 100%;
      height: 100%;
      display: block;
      border-radius: 8px;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }
  .item-box .title {
    font-size: 18px;
    line-height: 1.5;
    color: #3d7d70;
    display: block;
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding-right: 55px; }
    @media (min-width: 420px) {
      .item-box .title {
        font-size: 22px; } }
    @media (min-width: 768px) {
      .page-lg .item-box .title {
        font-size: 24px; } }
  .item-box .icon,
  .item-box .btn-edit {
    font-size: 22px;
    line-height: 1;
    color: #7a7a7a;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 400; }
    @media (min-width: 768px) {
      .page-lg .item-box .icon, .page-lg
      .item-box .btn-edit {
        font-size: 34px;
        right: 25px; } }
    .item-box .icon:hover,
    .item-box .btn-edit:hover {
      color: #3d7d70; }
  .item-box .icon {
    color: #3d7d70; }

.form-block {
  font-size: 14px;
  line-height: 1.5;
  color: #b0b0b0; }
  .page-lg .form-block {
    font-size: 14px; }
    @media (min-width: 768px) {
      .page-lg .form-block {
        font-size: 16px; } }
  .form-block .empty-selection:not(.no-counter) .lbl {
    color: #f00; }
    .form-block .empty-selection:not(.no-counter) .lbl .selected-categories {
      color: #f00; }
  .form-block .lbl {
    display: block;
    margin: 0 0 12px; }
    @media (min-width: 768px) {
      .page-lg .form-block .lbl {
        margin: 0 0 10px; } }
    .form-block .lbl span {
      display: block;
      font-weight: 400; }
      .form-block .lbl span a {
        color: #CC9600; }
        .form-block .lbl span a:hover {
          text-decoration: underline; }
      .form-block .lbl span.selected-categories {
        display: inline;
        color: #3d7d70; }
        .form-block .lbl span.selected-categories:before {
          content: '('; }
        .form-block .lbl span.selected-categories:after {
          content: ')'; }
      .form-block .lbl span.subtext {
        color: #b0b0b0; }
        @media (max-width: 767.98px) {
          .form-block .lbl span.subtext {
            font-size: 10px; } }
  .form-block .categories-holder.checkbox-selected .lbl span.selected-categories {
    display: inline; }
  .form-block strong.lbl {
    font-weight: 600; }
    .form-block strong.lbl span.selected-categories {
      font-weight: 600; }
  .form-block p.lbl {
    font-size: 12px;
    margin: 0 0 15px;
    padding: 10px 0 0; }
    @media (min-width: 768px) {
      .page-lg .form-block p.lbl {
        padding: 0;
        margin: 0 0 20px;
        font-size: 16px; } }
  .form-block .fields-wrap {
    margin: 0 0 5px; }
    @media (min-width: 768px) {
      .page-lg .form-block .fields-wrap {
        margin: 0; } }
  .form-block .field.email {
    max-width: 328px; }
  .form-block .form-control {
    margin: 0 0 13px; }
    @media (min-width: 768px) {
      .page-lg .form-block .form-control {
        margin: 0 0 19px; } }
  .form-block .cols-wrap {
    margin-left: -5px;
    margin-right: -5px; }
    @media (min-width: 768px) {
      .page-lg .form-block .cols-wrap {
        margin-left: -10px;
        margin-right: -10px; } }
    .form-block .cols-wrap .lbl {
      font-size: 14px;
      margin: 0 0 6px; }
      .page-lg .form-block .cols-wrap .lbl {
        font-size: 14px;
        margin: 0 0 12px; }
        @media (min-width: 768px) {
          .page-lg .form-block .cols-wrap .lbl {
            font-size: 16px;
            margin: 0 0 10px; } }
    .form-block .cols-wrap .col {
      width: 50%;
      padding: 0 5px;
      -ms-flex-preferred-size: inherit;
      flex-basis: inherit;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; }
      @media (min-width: 420px) {
        .form-block .cols-wrap .col {
          width: 40%; } }
      @media (min-width: 768px) {
        .page-lg .form-block .cols-wrap .col {
          width: auto;
          max-width: 220px;
          padding: 0 10px;
          -ms-flex-preferred-size: 0;
          flex-basis: 0;
          -webkit-box-flex: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; } }
      @media (min-width: 420px) {
        .form-block .cols-wrap .col:first-child {
          width: 60%; } }
      @media (min-width: 768px) {
        .page-lg .form-block .cols-wrap .col:first-child {
          width: auto;
          max-width: 348px; } }
  .form-block .counter-area {
    font-size: 10px;
    line-height: 1.5;
    overflow: hidden;
    text-align: right;
    color: #7a7a7a; }
  .form-block .buttons-wrap {
    overflow: hidden;
    padding-top: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 768px) {
      .page-lg .form-block .buttons-wrap {
        padding-top: 55px; } }
    .form-block .buttons-wrap .btn {
      width: 100%; }
      @media (min-width: 768px) {
        .page-lg .form-block .buttons-wrap .btn {
          width: auto; } }
      .form-block .buttons-wrap .btn + .btn {
        margin-left: 10px; }
        @media (min-width: 768px) {
          .page-lg .form-block .buttons-wrap .btn + .btn {
            margin-left: 20px; } }
      .form-block .buttons-wrap .btn:only-child {
        max-width: 250px;
        margin: 0 auto; }

.buttons-list {
  margin: 0 -5px;
  background: none;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  @media (min-width: 768px) {
    .page-lg .buttons-list {
      margin: 0 -5px; } }
  @media (min-width: 1200px) {
    .page-lg .buttons-list {
      margin: 0 -10px; } }
  @media (min-width: 1440px) {
    .page-lg .buttons-list {
      max-width: 88.8%; } }
  .buttons-list.nav-tabs {
    max-width: inherit; }
    .buttons-list.nav-tabs .nav-link {
      padding: 0;
      display: block; }
  .buttons-list li {
    padding: 0 5px;
    margin: 0 0 13px;
    width: 100%; }
    @media (min-width: 375px) {
      .buttons-list li {
        width: 50%; } }
    @media (min-width: 768px) {
      .page-lg .buttons-list li {
        padding: 0 5px;
        width: 33.333%;
        margin: 0 0 18px; } }
    @media (min-width: 992px) {
      .page-lg .buttons-list li {
        width: 25%; } }
    @media (min-width: 1200px) {
      .page-lg .buttons-list li {
        padding: 0 10px; } }
  @media (min-width: 1440px) {
    .page-lg .buttons-list.large {
      max-width: 79%; } }
  @media (min-width: 768px) {
    .page-lg .buttons-list.large li {
      width: 33.333%; } }

.custom-button {
  display: block;
  position: relative;
  margin: 0; }
  .custom-button.active .button-box {
    color: #fff;
    background: #3d7d70; }
  .custom-button input[type="radio"],
  .custom-button input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden; }
    .custom-button input[type="radio"]:checked + .button-box,
    .custom-button input[type="checkbox"]:checked + .button-box {
      color: #fff;
      background: #3d7d70; }
  .custom-button .button-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f4f4f4;
    border-radius: 8px;
    padding: 12px 15px;
    color: #7a7a7a;
    cursor: pointer; }
    @media (min-width: 768px) {
      .page-lg .custom-button .button-box {
        padding: 13px 15px; } }
    .custom-button .button-box .text {
      font-size: 14px;
      line-height: 1.5;
      display: block;
      font-weight: 600; }
      @media (min-width: 768px) {
        .page-lg .custom-button .button-box .text {
          font-size: 15px; } }
      @media (min-width: 1200px) {
        .page-lg .custom-button .button-box .text {
          font-size: 17px; } }
      @media (min-width: 1440px) {
        .page-lg .custom-button .button-box .text {
          font-size: 20px; } }
    .custom-button .button-box .icon {
      font-size: 22px;
      line-height: 1; }
      @media (min-width: 768px) {
        .page-lg .custom-button .button-box .icon {
          font-size: 17px; } }
      @media (min-width: 1200px) {
        .page-lg .custom-button .button-box .icon {
          font-size: 19px; } }
      @media (min-width: 1440px) {
        .page-lg .custom-button .button-box .icon {
          font-size: 22px; } }
  .custom-button.large .button-box {
    padding: 10px 15px; }
    @media (min-width: 768px) {
      .page-lg .custom-button.large .button-box {
        padding: 15px 20px; } }
    .custom-button.large .button-box .icon {
      font-size: 26px; }
      @media (min-width: 1200px) {
        .page-lg .custom-button.large .button-box .icon {
          font-size: 29px; } }
      @media (min-width: 1440px) {
        .page-lg .custom-button.large .button-box .icon {
          font-size: 32px; } }
      .custom-button.large .button-box .icon.icon-envelope {
        font-size: 22px; }
        @media (min-width: 1200px) {
          .page-lg .custom-button.large .button-box .icon.icon-envelope {
            font-size: 24px; } }
        @media (min-width: 1440px) {
          .page-lg .custom-button.large .button-box .icon.icon-envelope {
            font-size: 26px; } }

.file-uploader {
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  background: #f4f4f4;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 11px 10px 11px 15px;
  margin: 0 0 19px;
  font-weight: 600;
  cursor: pointer;
  color: #b0b0b0; }
  @media (min-width: 768px) {
    .page-lg .file-uploader {
      font-size: 20px;
      padding: 12px 12px 12px 20px; } }
  .file-uploader .custom-file {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden; }
  .file-uploader .image-box,
  .file-uploader .image-placeholder {
    width: 22px;
    height: 22px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    border-radius: 4px;
    margin-left: 5px; }
    @media (min-width: 768px) {
      .page-lg .file-uploader .image-box, .page-lg
      .file-uploader .image-placeholder {
        width: 30px;
        height: 30px; } }
    .file-uploader .image-box img,
    .file-uploader .image-placeholder img {
      width: 22px;
      height: 22px;
      display: block;
      border-radius: 4px;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }
      @media (min-width: 768px) {
        .page-lg .file-uploader .image-box img, .page-lg
        .file-uploader .image-placeholder img {
          width: 30px;
          height: 30px; } }
  .file-uploader.file-added .file-name {
    font-size: 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0; }
    @media (min-width: 768px) {
      .page-lg .file-uploader.file-added .file-name {
        font-size: 16px; } }

.header {
  overflow: hidden;
  padding: 4.5vh 0 0; }

.steps-list {
  max-width: 276px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding-bottom: 4vh;
  padding-top: 2vh; }
  .steps-list li {
    font-size: 11px;
    line-height: 16px;
    width: 32px;
    height: 32px;
    font-weight: 500;
    border: 5px solid #fbfbfb;
    border-radius: 100%;
    background: #d6d6d6;
    color: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .steps-list li:after {
      width: 100px;
      height: 2px;
      position: absolute;
      right: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: #d6d6d6;
      content: '';
      z-index: -1; }
    .steps-list li:first-child:after {
      display: none; }
    .steps-list li .title {
      font-size: 10px;
      line-height: 15px;
      color: #b0b0b0;
      position: absolute;
      top: 100%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-top: 5px;
      text-align: center;
      width: 70px; }
    .steps-list li.current, .steps-list li.visited {
      background: #3d7d70; }
      .steps-list li.current:after, .steps-list li.visited:after {
        background: #3d7d70; }
      .steps-list li.current .title, .steps-list li.visited .title {
        color: #3d7d70; }
  .steps-list.two-tems li:after {
    width: 240px; }

.subhead {
  overflow: hidden;
  margin: 0 0 20px; }
  .subhead .subtitle {
    font-size: 15px;
    line-height: 1.5;
    color: #b0b0b0;
    display: block;
    font-weight: 400; }
    .subhead .subtitle span {
      font-size: 10px;
      display: block;
      padding: 5px 0 0; }
    .subhead .subtitle a {
      color: #CC9600; }
      .subhead .subtitle a:hover {
        text-decoration: underline; }

.welcome-page {
  background-image: url("../images/bg-pattern-m.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top; }
  @media (min-width: 768px) {
    .welcome-page {
      background-image: url("../images/bg-pattern.png"); } }
  .welcome-page #wrapper {
    padding: 5vh 0; }
    .welcome-page #wrapper.no-space {
      padding: 0; }
  .welcome-page .logo-lg {
    width: 80vw;
    overflow: hidden;
    margin: 11vh auto; }
    @media (min-width: 420px) {
      .welcome-page .logo-lg {
        width: 322px; } }
    .welcome-page .logo-lg img {
      display: block;
      max-width: none;
      width: 100%;
      height: auto; }

.btn-wrap {
  overflow: hidden;
  text-align: center;
  color: #b0b0b0;
  padding-top: 5vh; }
  .btn-wrap .btn {
    display: block;
    max-width: 250px;
    margin: 0 auto;
    width: 100%; }
    .btn-wrap .btn + .btn {
      margin-top: 20px; }
  .btn-wrap p {
    margin: 0;
    padding: 15px 0 0;
    font-size: 12px;
    font-weight: 500; }

.user-form {
  color: #b0b0b0;
  max-width: 370px;
  margin: 0 auto; }
  .user-form .form-holder {
    width: 100%; }
  .user-form .form-group {
    width: 100%;
    margin: 0 0 10px; }
  .user-form label {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 8px;
    padding: 0 4px;
    display: inline-block; }
  .user-form .check-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 5px 0 0; }
  .user-form .custom-checkbox {
    font-size: 10px;
    line-height: 15px;
    color: #CC9600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
    .user-form .custom-checkbox .custom-btn {
      width: 14px;
      height: 14px;
      background: #CC9600;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin: 0 0 0 8px; }
      .user-form .custom-checkbox .custom-btn:before {
        font-size: 6px;
        line-height: 1;
        font-family: 'icomoon';
        content: '\e901';
        color: #fff;
        opacity: 0; }
    .user-form .custom-checkbox input[type="checkbox"] {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      visibility: hidden; }
      .user-form .custom-checkbox input[type="checkbox"]:checked ~ .custom-btn:before {
        opacity: 1; }
  .user-form .success-image {
    overflow: hidden;
    text-align: center;
    max-width: 70vw;
    margin: 0 auto -4vh; }
    .user-form .success-image img {
      display: block;
      max-width: none;
      width: 100%;
      height: auto; }
  .user-form .item-box {
    margin: 0; }
  .user-form.add-height .form-holder {
    height: 29vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.options-box {
  padding: 15px;
  overflow: hidden;
  background: #f4f4f4;
  border-radius: 8px;
  margin: 0 0 20px; }
  .options-box .subtitle {
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #3d7d70;
    font-weight: 500;
    margin: 0 0 15px; }
    .options-box .subtitle .icon {
      font-size: 17px;
      line-height: 1;
      margin: 0 0 0 10px; }

.options-list li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 7px; }

.options-list label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin: 0; }
  .options-list label .radio-lbl {
    font-size: 14px;
    line-height: 1.5;
    color: #7a7a7a;
    display: block; }
  .options-list label .radio-btn {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 1px solid #eaeaea;
    display: block;
    position: relative; }
    .options-list label .radio-btn:before {
      width: 8px;
      height: 8px;
      background: #eaeaea;
      border-radius: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      content: '';
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .options-list label input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden; }
    .options-list label input[type="radio"]:checked + .radio-lbl {
      color: #3d7d70; }
    .options-list label input[type="radio"]:checked ~ .radio-btn {
      border-color: #3d7d70; }
      .options-list label input[type="radio"]:checked ~ .radio-btn:before {
        background: #3d7d70; }

.modal-sm {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 420px) {
    .modal-sm {
      max-width: 370px; } }
  @media (min-width: 768px) {
    .page-lg .modal-sm {
      max-width: 482px; } }

.modal-content {
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08); }
  .modal-content .close {
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #b0b0b0;
    z-index: 1; }
    @media (min-width: 768px) {
      .page-lg .modal-content .close {
        font-size: 16px; } }
    .modal-content .close:hover {
      color: #3d7d70; }

.modal-body {
  font-size: 14px;
  line-height: 1.5;
  padding: 20px 20px 15px;
  color: #7a7a7a; }
  @media (min-width: 768px) {
    .page-lg .modal-body {
      font-size: 18px;
      padding-top: 30px; } }
  .modal-body h1.display-1 {
    font-size: 22px;
    margin: 0 0 30px;
    text-align: center; }
    @media (min-width: 768px) {
      .page-lg .modal-body h1.display-1 {
        font-size: 36px; } }
    .modal-body h1.display-1 .icon {
      margin-left: 10px; }
  .modal-body .date {
    font-size: 10px;
    line-height: 1.5;
    display: block;
    text-align: center;
    margin-top: -25px;
    margin-bottom: 20px;
    color: #7a7a7a; }
    @media (min-width: 768px) {
      .page-lg .modal-body .date {
        font-size: 16px;
        margin-bottom: 30px; } }
  .modal-body p {
    margin: 0 0 10px; }
    .modal-body p strong {
      font-weight: 600; }
  .modal-body .edit-box {
    max-width: 220px;
    margin: 0 auto;
    padding: 20px 0; }
    @media (min-width: 768px) {
      .page-lg .modal-body .edit-box {
        max-width: 270px; } }
    .modal-body .edit-box .form-control {
      color: #989898; }
      .modal-body .edit-box .form-control::-webkit-input-placeholder {
        color: #989898; }
      .modal-body .edit-box .form-control:-ms-input-placeholder {
        color: #989898; }
      .modal-body .edit-box .form-control::-ms-input-placeholder {
        color: #989898; }
      .modal-body .edit-box .form-control::placeholder {
        color: #989898; }
      .modal-body .edit-box .form-control:focus {
        color: #989898; }
  .modal-body .uploader-field {
    position: relative;
    padding-left: 60px; }
    @media (min-width: 768px) {
      .page-lg .modal-body .uploader-field {
        padding-left: 70px; } }
    .modal-body .uploader-field .image-box {
      width: 44px;
      height: 44px;
      position: absolute;
      left: -60px;
      top: 0;
      margin: 0;
      border-radius: 8px; }
      @media (min-width: 768px) {
        .page-lg .modal-body .uploader-field .image-box {
          width: 54px;
          height: 54px;
          left: -70px; } }
      .modal-body .uploader-field .image-box img {
        width: 44px;
        height: 44px;
        border-radius: 8px;
        display: block; }
        @media (min-width: 768px) {
          .page-lg .modal-body .uploader-field .image-box img {
            width: 54px;
            height: 54px; } }
  .modal-body .premium-box {
    text-align: center;
    padding: 20px 24px; }
    .modal-body .premium-box p {
      margin: 0 0 50px; }
      @media (min-width: 768px) {
        .page-lg .modal-body .premium-box p {
          line-height: 1.667;
          max-width: 280px;
          margin: 0 auto 50px; } }
    .modal-body .premium-box .pricing {
      font-size: 24px; }
      @media (min-width: 768px) {
        .page-lg .modal-body .premium-box .pricing {
          font-size: 34px; } }

.modal-footer {
  border: 0;
  padding: 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (min-width: 768px) {
    .page-lg .modal-footer {
      padding-bottom: 30px; } }
  .modal-footer .btn {
    margin: 0;
    min-width: 180px; }
    @media (min-width: 768px) {
      .page-lg .modal-footer .btn {
        max-width: 270px;
        display: block;
        width: 100%; } }

.modal-open #wrapper {
  filter: blur(8px);
  -webkit-filter: blur(8px);
  opacity: 0.6; }

.modal-category .modal-body {
  line-height: 1.857; }
  @media (min-width: 420px) {
    .modal-category .modal-body {
      padding-left: 44px;
      padding-right: 44px;
      padding-bottom: 0; } }
  .modal-category .modal-body p {
    margin: 0 0 20px; }

.modal-category .text-warning {
  font-size: 12px;
  margin: 0 0 5px;
  text-align: center;
  padding-top: 5px; }

.modal-category .info-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: -5px 0 25px; }
  .modal-category .info-list li {
    position: relative;
    padding-left: 18px; }
    .modal-category .info-list li:before {
      width: 8px;
      height: 8px;
      position: absolute;
      left: 0;
      top: 11px;
      content: '';
      background: #CC9600;
      border-radius: 100%; }

.carousel-indicators {
  font-size: 0;
  line-height: 0;
  position: static; }
  .carousel-indicators li {
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    border: 0;
    opacity: 1;
    margin: 0;
    background: transparent;
    position: relative; }
    .carousel-indicators li:after {
      width: 8px;
      height: 8px;
      font-size: 0;
      line-height: 0;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      content: '';
      background: rgba(0, 0, 0, 0.15);
      border-radius: 100%; }
    .carousel-indicators li.active:after {
      background: #3d7d70; }

.error {
  font-size: 12px;
  line-height: 15px;
  color: #f00;
  padding: 5px 0 0;
  display: none; }

.has-error .error {
  display: block; }

.has-error .form-control {
  border: 1px solid #f00; }

.tab-content > .tab-pane {
  display: block !important;
  max-height: 1px;
  overflow: hidden; }
  .tab-content > .tab-pane.active {
    max-height: inherit;
    position: static !important; }

.flex-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: inherit;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .flex-block .align-center {
    width: 100%; }
    .flex-block .align-center.has-space {
      padding: 5vh 0; }

.show-large-only {
   display: flex;
   }
  @media (min-width: 992px) {
    .show-large-only {
      display: none; } }

.flex-block-top {
    min-height:0;
}

.link-warning {
    color:#CC9600;
}

.nav-footer-link {
    color: #b0b0b0;
    font-size:14px;
}

.label_optional {
    font-size: 12px;
    font-style: italic;
}

.form-full-width-md {
  width: 100%;}
  @media (min-width: 992px) {
    .form-full-width-md {
      width: auto;} }

.top-right {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.pagination-area {
    width: 100%;
    text-align: center;
    color:#7a7a7aa3;
}

.spinner-hc {
    width: 2rem;
    height: 2rem;
    color: #65d6c1;
}

.badge-free {
    position:absolute;
    top:10px;
    right:10px;
    font-size:1.325rem;
    color:#fff;
}

.badge-active {
    position:absolute;
    top:10px;
    left:10px;
    font-size:1.325rem;
    color:#fff;
}

.language-link {
    opacity: 0.5;
}

.language-link:hover{
    opacity: 1.0;
}

.custom-control-input:focus~.custom-control-label::before {
  border-color: #3d7d70 !important;
  box-shadow: 0 0 0 0.2rem rgb(101 214 191 / 50%) !important;
}

.custom-control-input:checked~.custom-control-label::before {
  border-color: #3d7d70 !important;
  background-color: #3d7d70 !important;
}

.custom-control-input:active~.custom-control-label::before {
  background-color: #3d7d70 !important;
  border-color: #3d7d70 !important;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #3d7d70 !important;
}

.custom-control-input-green:not(:disabled):active~.custom-control-label::before {
  background-color: #3d7d70 !important;
  border-color: #3d7d70 !important;
}

.customDemoTooltip * {
  color: #4a4a4a;
}

.custom-fade-in {
    visibility: hidden;
}

.subtitle-green {
    color: #3d7d70;
}

.country-select {
    padding-left: 5px;
    padding-right: 5px;
}

.hc-hp-field {
  display: none;
}

.message-box {
  background: #f4f4f4;
  padding: 10px;
  margin: 0 0 18px;
  border-radius: 10px; }