@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url("../fonts/proximanova-reg-webfont.woff2") format("woff2"), url("../fonts/proximanova-reg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'dpix_8ptregular';
    src: url('../fonts/dpix_8pt-webfont.woff2') format('woff2'),
    url('../fonts/dpix_8pt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a {
  color: #00a4da;
  font-family: 'Open Sans', sans-serif;
}

.breadcrumb {
  color: #00a4da;
  margin-top: -15px;
}

.pb-0 {
  padding-bottom: 0 !important;
}

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

.mb-0 {
  margin-bottom: 0 !important;
}

.header .navbar {
  margin-top: 10px;
  margin-bottom: 10px;
}

.header__logo {
  position: relative;
  padding: 5px 15px;
  margin-left: -35px !important;
}

.nav > li > a {
  padding: 20px 8px;
}

#menu-main {
  margin-left: 20px;
}

#main-menu li a {
  color: #3e3e3e;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.reg-btn {
  background-color: #be90d4;
  border-radius: 1px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  margin-top: 15px;
  color: #fff !important;
}

.reg-btn:hover, .reg-btn:focus {
  color: #fff;
  background-color: #be90d4 !important;
}

.login-btn {
  position: relative;
  color: #be90d4;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  margin: 0 20px 0 25px;
}

/*.login-btn:before {*/
/*  position: absolute;*/
/*  left: -15px;*/
/*  content: "";*/
/*  width: 30px !important;*/
/*  height: 30px !important;*/
/*  background: url("../images/login.png") no-repeat;*/
/*}*/

.dropdown-menu li > a {
  padding-top: 15px;
  padding-bottom: 15px;
}

.header-phone {
  position: relative;
  color: #777;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.header-phone:before {
  position: absolute;
  left: -30px;
  content: "";
  width: 30px !important;
  height: 30px !important;
  background: url("../images/phone.png") no-repeat top;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background: none;
  color: #05bce0;
}

.header .navbar-collapse .navbar-nav.navbar-right {
  display: flex;
  height: 60px;
  align-items: center;
}

.breadcrumb {
  padding: 0;
  background: none;
  color: #05BCE0;
}

.banner {
  position: relative;
  min-height: 300px;
  background: url("../images/banner.png") no-repeat center/cover;
}

.banner--second {
  min-height: 250px;
  background: url("../images/banner.png") no-repeat center/cover;
}

.banner__single {
  position: relative;
}

.banner__single:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 2px;
  left: 0;
  background-color: #51b2e2;
}

.banner__outer {
  margin-left: 15px;
  margin-top: 40px;
}

.banner__outer h1 {
  color: white;
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0;
}

.banner__title {
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}

.banner__subtitle {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 0;
}

.banner-form__subtitle {
  margin-top: 10px;
  color: white;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.banner-form__wrapper {
  margin-top: 30px;
}

.banner-form__wrapper input, .banner-form__wrapper select{
  margin-right: 15px;
  height: 50px;
  width: 250px !important;
  border: none;
  box-shadow: none;
  border-radius: 0;
}

.banner-form__wrapper input:not([type='submit']) {
  background-color: #fffdfd;
  padding-left: 45px;
  border-radius: 0;
  color: #777;
  font-family: "proxima_nova_rgregular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
}

.banner-form__wrapper input[type="submit"] {
  background-color: #f88525;
  border-radius: 1px;
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
}

.banner-form__wrapper input[type="text"] {
  background: url("../images/input-name-icon.png") no-repeat left 15px top 17px, #fff;
}

.banner-form__wrapper input[type="email"] {
  background: url("../images/envelope.png") no-repeat left 15px top 18px, #fff;
}

.info-grid {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.info-grid__item {
  width: 250px;
  margin: auto;
}

.info-grid__title,
.info-grid__caption {
  color: #585858;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 26px;
}

.info-grid__title {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
}

.info-grid__caption {
  color: #525252;
  font-family: 'Roboto', sans-serif;
}

.info-grid__single > div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.info-grid__single .info-grid__title {
  color: #585858;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

.info-grid__single .info-grid__item img {
  width: 70px;
  margin: auto;
  display: block;
}

.text-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.text-section p {
  color: #3e3e3e;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-section--blue {
  background-color: #f3fdfd;
}

.text-section__icon {
  margin-top: 50px;
}

.text-section__title,
.text-section__title-wrapper h1{
  margin: 0;
  margin-bottom: 40px;
  color: #585858;
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  text-transform: uppercase;
}

.text-section__title__single {
  color: #0889c5;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
}

.text-section__content {
  color: #525252;
  font-family: "proxima_nova_rgregular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-section__content p, .text-section__content ul {
  margin-bottom: 30px;
}

.text-section__content p:last-child, .text-section__content ul:last-child {
  margin-bottom: 0;
}

.hiw {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
}

.hiw--single {
  background-color: #fcf5ff;
}

.hiw__caption {
  margin-top: 30px;
}

.hiw__outer {
  margin-top: 25px;
}

.hiw__outer .hiw__item {
  position: relative;
}

.hiw__outer .hiw__item:after {
  content: url("../images/array-hiw.png");
  position: absolute;
  overflow: hidden;
  top: 30px;
  left: 72%;
  width: 80%;
}

.hiw__outer > div {
  width: 20%;
}

.hiw__outer > div:last-child .hiw__item:after {
  content: '';
}

.hiw__caption {
  color: #585858;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.reviews-section {
  padding-top: 40px;
  padding-bottom: 40px;
  background: #FEF5FF;
}

.review__inner {
  position: relative;
}

#review-arr-left {
  left: -50px;
  background: url('../images/arr-left.png') no-repeat center;
}

#review-arr-right {
  right: -50px;
  background: url('../images/arr-right.png') no-repeat center;
}

.review__arrow {
  position: absolute;
  top: 40%;
  border: 1px solid transparent;
  background: none;
  height: 30px;
  width: 30px;
}

.reviews__item {
  padding-left: 40px;
  padding-right: 40px;
  background-color: white;
  border: 1px solid #eee3f3;
  border-top: 2px solid #a15bbf;
}

.review__title {
  color: #a15bbf;
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.review__content {
  color: #3e3e3e;
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #FF973A;
}

.br-theme-fontawesome-stars .br-widget a:after {
  color: #FFB630;
}

.review__outer .tab-pane {
  padding-top: 20px;
  padding-bottom: 20px;
}

.review__outer .nav-tabs {
  text-align: center;
}

.review__outer .nav-tabs li.active {
  border-top: 2px solid #0889c5;
}

.review__outer .nav-tabs a {
  width: 370px;
  color: #0889c5 !important;
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  border-radius: 0;
  margin: 0;
  border-left: none !important;
  border-bottom-color: transparent !important;
}

.sample__item {
  padding: 30px;
  background-color: #f9f9f9;
}

.sample__title {
  margin-top: 0;
  color: #0889c5;
  font-family: "proxima_nova_rgregular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
}

.sample__icon {
  margin: 30px auto;
  display: block;
}

.sample__download {
  display: block;
  color: #0889c5;
  font-family: "proxima_nova_rgregular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: underline;
  text-align: center;
}

.stats__number--single {
  display: block;
  width: 65px;
  padding-bottom: 15px;
  margin: auto;
  text-align: center;
  border-bottom: 2px solid #a15bbf;
  color: #a15bbf;
  font-family: 'OpenSans', sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 26px;
}

.stats__title--single {
  color: #6c656f;
  text-align: center;
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.stats {
  padding-top: 40px;
  padding-bottom: 40px;
}

.stats__title {
  color: #585858;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;
}

.stats__number {
  display: block;
  width: 150px;
  height: 150px;
  padding-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  color: #f88525;
  font-family: 'OpenSans', sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 152px;
  background: url('../images/stats-item-bg.png') no-repeat center / contain;
}

.stats__single > div {
  padding-left: 5px;
  padding-right: 5px;
}

.stats__single .stats__title {
  color: #6c656f;
  font-family: "OpenSans", sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;
}

.stats__single .stats__number {
  color: #ff8125;
  font-family: 'proxima_nova_rgregular', sans-serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 12px;
  text-transform: uppercase;
}

.stats__single img {
  height: 40px;
}

.strapline-section {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #B65BC3;
}

.ss__title {
  color: white;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 28px;
  font-size: 24px;
  text-transform: uppercase;
}

.ss__subtitle {
  font-size: 18px;
  color: #fff;
}

.ss__icon-outer {
  margin-top: 18px;
}

.objects {
  padding-top: 40px;
  padding-bottom: 40px;
}

.objects--single {
  background-color: #fbfbfb;
}

.objects-outer {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.objects-outer li {
  padding: 10px;
  background-color: white;
  border: 1px solid #acacac;
  margin: 10px 5px;
}

.objects-outer li a {
  color: #0889c5;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #5884B9;
}

.footer__description {
  margin-top: 0;
  color: white;
  font-family: "OpenSans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.footer__payments {
  margin-top: 15px;
}

.footer__conf {
  text-align: right;
}

.footer__conf a {
  color: #cff0ff;
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-decoration: underline;
}

.footer__ul-a {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  margin-top: 25px;
}

.footer__ul-a li {
  display: inline-block;
}

.footer__ul-a li a {
  color: white;
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
}

.footer__line {
  border-left: 1px solid #fff;
  height: 16px;
  width: 0;
  margin: 0 3px;
  margin-bottom: -2px;
  line-height: 30px;
}


.footer__contacts {
  list-style: none;
  padding: 0;
}

.footer__contacts-tl li {
  text-align: left !important;
}

.footer__contacts li {
  text-align: right;
}

.footer__contacts li a {
  position: relative;
  color: white;
  font-family: "OpenSans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.footer__contacts li a:before {
  content: '';
  position: absolute;
  top: -8px;
  left: -30px;
  width: 30px;
  height: 30px;
}

.footer__contacts li:first-child a:before {
  background: url("../images/phone-footer.png") no-repeat center;
}

.footer__contacts-tl li:nth-child(1) a:before {
  background: url("../images/email-footer.png") no-repeat center;
}

.footer__contacts-tl li:nth-child(2) a:before {
  background: url("../images/address.png") no-repeat center;
}

.single__pricelist-outer {
  padding: 0;
}

.single__pricelist {
  border: 1px solid #ccc;
  padding: 0;
  margin: 0;
  margin-left: 20px;
  list-style: none;
}

.single__pricelist li {
  padding: 30px 20px;
  padding-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ccc;
}

.single__pricelist li:last-child {
  border: none;
}

.single__pricelist li span:first-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #0889c5;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;
}

.single__pricelist li span:last-child {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #fdb04b;
  font-family: "Rubik", sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 26px;
  text-align: right;
}

.qa__title {
  margin: 0;
  padding-left: 20px;
  padding-right: 30px;
  color: #a15bbf;
  font-family: 'OpenSans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  background-color: #fcf5ff;
}

.qa__section {
  padding: 0;
  border: 1px solid #d8e8d7;
}

.qa__section table th {
  padding: 0 !important;
}

.qa__section > div {
  padding: 0;
}

.qa__section table {
  margin-bottom: 0 !important;
}

.qa__section table tr td:first-child,
.qa__section table tr th:first-child {
  /*border-right: 1px dashed #ccc;*/
}

.qa__section > div:last-child {
  border-left: none;
}

.qa__section table tr:nth-child(odd) {
  background-color: #fcf5ff;
}

.qa__item {
  padding: 20px !important;
  width: 50%;
}

.qa__title--question {
  position: relative;
}

.qa__title--exclamation {
  position: relative;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border: none;
}

.lr-modal .modal-dialog {
  width: 340px;
  margin-top: 10%;
}

.lr-modal .modal-content {
  background-color: #3877BC;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.lr-modal .modal-title {
  text-align: center;
  color: white;
  font-family: "Rubik", sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}

.lr-modal .modal-header {
  border-bottom: 0;
}

.lr-modal .modal-content input[type="submit"] {
  background-color: #FF860F;
  border-radius: 2px;
  color: white;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.lr-modal .banner-form__wrapper {
  margin: 0;
}

.lr-modal .banner-form__wrapper input {
  width: 310px !important;
  margin-bottom: 30px;
  display: block;
}

.lr-modal .banner-form__wrapper input[type="email"] {
  background: url(../images/002-message-closed-envelope.png) no-repeat left 15px top 20px, #fff;
}

.lr-modal .banner-form__wrapper input[type="password"] {
  background: url(../images/003-padlock.png) no-repeat left 15px top 16px, #fff;
}

.lr-modal .banner-form__wrapper input[type="tel"] {
  background: url(../images/001-technology.png) no-repeat left 15px top 16px, #fff;
}

.lr-modal .modal_links {
  text-align: center;
  display: block;
  width: 310px;
}

.lr-modal .modal_links a,
.lr-modal .modal_links span {
  color: #aaf4ff;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
  text-decoration: underline;
}

.lr-modal .close {
  color: #fff;
  opacity: 1;
  font-size: 20px;
}

.modal-backdrop {
  background-color: #23474f;
}

.modal-backdrop.in {
  opacity: 0.87;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.section-404-pipular-posts {
  list-style: none;
  padding: 0;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}

.dropdown:hover> .dropdown-menu {
  display: block;
}
.text_new_title
{
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;

    margin: 0 auto;
    margin-bottom: 0;
    margin-bottom: 20px;

    text-transform: uppercase;

    color: #585858;
}


.mini-form .price-button {
  background-color: #ffa94c !important;
  font-size: 14px !important;
  border-radius: 1px;
  color: white;
  font-family: "Rubik",sans-serif !important;
  font-weight: 400 !important;
  line-height: 40px !important;
  text-transform: uppercase !important;
}

.mini-form .na5ku-type-list,
.mini-form .mail_reg_home {
  padding-left: 5px !important;
  border-radius: 0;
  color: #777;
  font-family: "proxima_nova_rgregular", sans-serif;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 40px;
}

.mini-form .mail_reg_home {
  padding-left: 15px !important;
  background: url(../images/envelope.png) no-repeat left 15px top 18px, #fff;
}


.modal {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 2000000000000 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  overflow-y: auto !important;
  transition: opacity 0.3s ease-in-out !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.modal.active {
  opacity: 1 !important;
  visibility: visible !important;
}
.modal__wrap {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-y: auto;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 340px;
  width: 100%;
}
.modal__wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.modal__body {
  position: relative;
  background: #be90d4;
  padding: 15px;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.modal__body--content p {
  margin: 0;
}
.modal__body img {
  width: auto;
}
.modal__body input {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  margin-right: 15px;
  height: 50px;
  border: 1px solid #e3e3e3;
  box-shadow: none;
  border-radius: 0;
}


.login-cabinet {
  padding: 0.625rem 0.8125rem 0.6875rem 0.9375rem;
  line-height: 1.375;
  font-weight: 700;
  letter-spacing: 0.02em;
  border: 1px solid #be90d4;
  border-radius: 6px !important;
  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 10px !important;
  position: relative;
  color: #be90d4 !important;
  font-family: "Roboto", sans-serif;
}
.login-cabinet:hover {
  cursor: pointer;
  opacity: 0.8;
}

.modal-password-reset .modal__body{
  padding-top: 50px;
}

.modal-profile .modal__close:before {
  filter: none;
}

.logout-cabinet,
.in-cabinet {
  display: none;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
}
.logout-cabinet:hover,
.in-cabinet:hover {
  opacity: 0.8;
  cursor: pointer;
  color: #fff;
  text-decoration: auto;
}

.logout-cabinet {
  padding: 0 5px;
  border: none;
  background: transparent;
  border-radius: 0;
  color: #be90d4;
  transition: opacity 0.1s ease-in-out;
  text-decoration: underline;
}

.password-reset {
  text-decoration: underline;
  text-align: center;
  margin: 10px auto 5px auto;
  width: max-content;
}
.password-reset:hover {
  cursor: pointer;
  color: #fff;
}

.in-cabinet {
  position: relative;
  padding: 5px;
  border-radius: 5px;
  background: linear-gradient(to left, #FF860F, #FF860F);
  color: #fff;
  text-decoration: none;
  transition: opacity 0.2s ease-in-out;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .in-cabinet {
    padding: 10px 25px;
    border-radius: 0.375rem;
  }
}

.show-btns {
  margin: 10px 0;
}
.show-login-form-btn, .show-register-form-btn {
  display: inline-block;
  border: none;
  padding: 0.5em;
  vertical-align: top;
  background-color: #eee;
  cursor: pointer;
  text-decoration: none;
  color: #333;
}
.show-login-form-btn.active-button, .show-register-form-btn.active-button {
  background-color: #FF860F;
  cursor: default;
  color: white;
}

#preloader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 999999999;
}

#preloader-orders {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 999999999;
}

.preloader-client-form {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 99999999;
}

.loader {
  border: 16px solid #f3f3f3 !important;
  border-top: 16px solid #be90d4 !important;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.error-login,
.error-register,
.error-profile,
.error-rates {
  display: block;
  margin-top: 10px !important;
  color: red;
}
.error-login p,
.error-register p,
.error-profile p,
.error-rates p {
  font-size: 12px;
}
.error-login p:not(:last-child),
.error-register p:not(:last-child),
.error-profile p:not(:last-child),
.error-rates p:not(:last-child) {
  margin-bottom: 10px;
}

.error-login {
  color: #fff;
}

.done-profile {
  display: block;
  margin-top: 10px !important;
  color: #FF860F;
}

#loginBtn, #register-submit, #password-reset-submit {
  background-color: #FF860F;
  border-radius: 2px;
  color: white;
  font-size: 24px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
  height: 50px;
  border: none;
  width: 100%;
}

.form-password-reset__title {
  text-align: center;
  color: white;
  font-family: "Rubik", sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
}


.header-phone {
  font-size: 14px;
}
.login-btn {
  font-size: 14px;
}
.nav > li > a {
  padding: 20px 8px;
}
@media (min-width: 1100px) {
  .header:not(.fixed-header) .navbar {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}