@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);












body,
input,
textarea,
.mbr-company .list-group-text {
  font-family: 'Raleway', sans-serif;
}
.mbr-footer-content li,
.mbr-footer .mbr-contacts li {
  font-family: 'Raleway', sans-serif;
}
.btn,
.alert,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.mbr-figure .mbr-figure-caption,
.mbr-gallery-title,
.mbr-map [data-state-details],
.mbr-price {
  font-family: 'Raleway', sans-serif;
}
.mbr-footer-content h1,
.mbr-footer .mbr-contacts h1,
.mbr-footer-content h2,
.mbr-footer .mbr-contacts h2,
.mbr-footer-content h3,
.mbr-footer .mbr-contacts h3,
.mbr-footer-content h4,
.mbr-footer .mbr-contacts h4,
.mbr-footer-content p strong,
.mbr-footer .mbr-contacts p strong,
.mbr-footer-content strong,
.mbr-footer .mbr-contacts strong {
  font-family: 'Raleway', sans-serif;
}
.btn-sm,
.lead a,
.lead blockquote,
.mbr-section-subtitle,
.mbr-section-hero .mbr-section-lead,
.mbr-cards .card-subtitle,
.mbr-testimonial .card-block {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
}
.mbr-author-name {
  font-family: 'Raleway', sans-serif;
}
.mbr-author-desc {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
}
.mbr-plan-title {
  font-family: 'Raleway', sans-serif;
}
.mbr-plan-subtitle,
.mbr-plan-price-desc {
  font-family: 'Raleway', sans-serif;
  font-style: normal;
}
.bg-primary {
  background-color: #c0a375 !important;
}
.bg-success {
  background-color: #28324e !important;
}
.bg-info {
  background-color: #7e9b9f !important;
}
.bg-warning {
  background-color: #f3c649 !important;
}
.bg-danger {
  background-color: #b8312f !important;
}
.btn-primary {
  background-color: #c0a375;
  border-color: #c0a375;
  color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #a07e49;
  border-color: #a07e49;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff !important;
  background-color: #a07e49 !important;
  border-color: #a07e49 !important;
}
.btn-secondary {
  background-color: #bfcecb;
  border-color: #bfcecb;
  color: #ffffff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active {
  color: #ffffff;
  background-color: #94ada8;
  border-color: #94ada8;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #ffffff !important;
  background-color: #94ada8 !important;
  border-color: #94ada8 !important;
}
.btn-info {
  background-color: #7e9b9f;
  border-color: #7e9b9f;
  color: #ffffff;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active {
  color: #ffffff;
  background-color: #597478;
  border-color: #597478;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #ffffff !important;
  background-color: #597478 !important;
  border-color: #597478 !important;
}
.btn-success {
  background-color: #28324e;
  border-color: #28324e;
  color: #ffffff;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active {
  color: #ffffff;
  background-color: #0e121b;
  border-color: #0e121b;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #ffffff !important;
  background-color: #0e121b !important;
  border-color: #0e121b !important;
}
.btn-warning {
  background-color: #f3c649;
  border-color: #f3c649;
  color: #ffffff;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active {
  color: #ffffff;
  background-color: #e1a90f;
  border-color: #e1a90f;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #ffffff !important;
  background-color: #e1a90f !important;
  border-color: #e1a90f !important;
}
.btn-danger {
  background-color: #b8312f;
  border-color: #b8312f;
  color: #ffffff;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active {
  color: #ffffff;
  background-color: #7b211f;
  border-color: #7b211f;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff !important;
  background-color: #7b211f !important;
  border-color: #7b211f !important;
}
.btn-primary-outline {
  background: none;
  border-color: #8e7041;
  color: #8e7041;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline.focus,
.btn-primary-outline:active,
.btn-primary-outline.active {
  color: #ffffff;
  background-color: #c0a375;
  border-color: #c0a375;
}
.btn-primary-outline.disabled,
.btn-primary-outline:disabled {
  color: #ffffff !important;
  background-color: #c0a375 !important;
  border-color: #c0a375 !important;
}
.btn-secondary-outline {
  background: none;
  border-color: #85a29c;
  color: #85a29c;
}
.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline.focus,
.btn-secondary-outline:active,
.btn-secondary-outline.active {
  color: #ffffff;
  background-color: #bfcecb;
  border-color: #bfcecb;
}
.btn-secondary-outline.disabled,
.btn-secondary-outline:disabled {
  color: #ffffff !important;
  background-color: #bfcecb !important;
  border-color: #bfcecb !important;
}
.btn-info-outline {
  background: none;
  border-color: #4e6669;
  color: #4e6669;
}
.btn-info-outline:hover,
.btn-info-outline:focus,
.btn-info-outline.focus,
.btn-info-outline:active,
.btn-info-outline.active {
  color: #ffffff;
  background-color: #7e9b9f;
  border-color: #7e9b9f;
}
.btn-info-outline.disabled,
.btn-info-outline:disabled {
  color: #ffffff !important;
  background-color: #7e9b9f !important;
  border-color: #7e9b9f !important;
}
.btn-success-outline {
  background: none;
  border-color: #05070b;
  color: #05070b;
}
.btn-success-outline:hover,
.btn-success-outline:focus,
.btn-success-outline.focus,
.btn-success-outline:active,
.btn-success-outline.active {
  color: #ffffff;
  background-color: #28324e;
  border-color: #28324e;
}
.btn-success-outline.disabled,
.btn-success-outline:disabled {
  color: #ffffff !important;
  background-color: #28324e !important;
  border-color: #28324e !important;
}
.btn-warning-outline {
  background: none;
  border-color: #c9970d;
  color: #c9970d;
}
.btn-warning-outline:hover,
.btn-warning-outline:focus,
.btn-warning-outline.focus,
.btn-warning-outline:active,
.btn-warning-outline.active {
  color: #ffffff;
  background-color: #f3c649;
  border-color: #f3c649;
}
.btn-warning-outline.disabled,
.btn-warning-outline:disabled {
  color: #ffffff !important;
  background-color: #f3c649 !important;
  border-color: #f3c649 !important;
}
.btn-danger-outline {
  background: none;
  border-color: #671b1a;
  color: #671b1a;
}
.btn-danger-outline:hover,
.btn-danger-outline:focus,
.btn-danger-outline.focus,
.btn-danger-outline:active,
.btn-danger-outline.active {
  color: #ffffff;
  background-color: #b8312f;
  border-color: #b8312f;
}
.btn-danger-outline.disabled,
.btn-danger-outline:disabled {
  color: #ffffff !important;
  background-color: #b8312f !important;
  border-color: #b8312f !important;
}
.text-primary {
  color: #c0a375 !important;
}
.text-success {
  color: #28324e !important;
}
.text-info {
  color: #7e9b9f !important;
}
.text-warning {
  color: #f3c649 !important;
}
.text-danger {
  color: #b8312f !important;
}
.alert-success {
  background-color: #28324e;
}
.alert-info {
  background-color: #7e9b9f;
}
.alert-warning {
  background-color: #f3c649;
}
.alert-danger {
  background-color: #b8312f;
}
.btn-social {
  border-color: #c0a375;
}
.btn-social:hover {
  background: #c0a375;
}
.mbr-company .list-group-item.active .list-group-text {
  color: #c0a375;
}
.mbr-footer p a,
.mbr-footer ul a {
  color: #c0a375;
}
.mbr-footer-content li::before,
.mbr-footer .mbr-contacts li::before {
  background: #c0a375;
}
.mbr-footer-content li a:hover,
.mbr-footer .mbr-contacts li a:hover {
  color: #c0a375;
}
.lead a,
.lead a:hover {
  color: #c0a375;
}
.lead blockquote {
  border-color: #c0a375;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
  color: #e8ddcd;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
  color: #94a1c8;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
  color: #c7d4d5;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
  color: #ffffff;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
  color: #e08886;
}
.mbr-small-footer a,
.mbr-gallery-filter li:hover {
  color: #c0a375;
}
.scrollToTop_wraper {
  display: none;
}
.form-control {
  padding: 0.9rem;
}
.align-center {
  text-align: center;
}
.col,
.col-12,
.col-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
form a.btn {
  margin: 0;
}
.mx-auto {
  margin: 0 auto;
}
section.custom-form .container,
section.form .container {
  display: flex;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
#header1-4 .mbr-section-title {
  font-family: 'Raleway', sans-serif;
}
#header1-4 .mbr-section-title DIV {
  font-family: 'Raleway', sans-serif;
}
#header5-1 .mbr-section-title {
  color: #ffffff;
  text-align: center;
  font-family: 'Raleway', sans-serif;
}
#header5-1 .mbr-section-lead {
  color: #ffffff;
  text-align: left;
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
}
#header2-h .mbr-section-text {
  color: #000000;
}
#header2-h .mbr-section-text P {
  text-align: left;
}
#header3-e .mbr-section-title,
#header3-e .mbr-section-subtitle {
  text-align: center;
}
#header3-e .mbr-section-title {
  color: #0189c1;
}
#content1-f DIV {
  color: #000000;
}
#msg-box8-a .mbr-section-title,
#msg-box8-a p {
  color: #fff;
}
#msg-box8-a .mbr-section-title {
  font-family: 'Raleway', sans-serif;
}
#content1-c DIV {
  text-align: left;
  font-family: 'Raleway', sans-serif;
  color: #2969b0;
  font-size: 12px;
}
#content1-c P {
  font-family: 'Raleway', sans-serif;
  font-size: 22px;
  text-align: left;
}
#content1-c UL {
  font-family: 'Raleway', sans-serif;
}
#content1-c H1 {
  text-align: left;
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
}
#form1-6 .form-control-label {
  color: #ffffff;
}
#form1-6 .mbr-section-title {
  font-family: 'Raleway', sans-serif;
}
#form1-6 SMALL {
  font-family: 'Raleway', sans-serif;
  text-align: left;
  color: #232323;
}
#form1-6 .mbr-section-subtitle {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
}
#msg-box8-r .mbr-section-title,
#msg-box8-r p {
  color: #fff;
}
#msg-box8-r .mbr-section-title {
  font-size: 25px;
}
#msg-box8-r .mbr-section-title DIV {
  font-size: 36px;
}
#msg-box8-r .mbr-section-title SPAN {
  font-size: 32px;
}
#ext_menu-u .hide-buttons .nav-btn {
  display: none !important;
}
#ext_menu-u .navbar-caption {
  color: #ffffff;
}
#ext_menu-u .navbar-toggler {
  color: #ffffff;
}
#ext_menu-u .close-icon::before,
#ext_menu-u .close-icon::after {
  background-color: #ffffff;
}
#ext_menu-u .link,
#ext_menu-u .dropdown-item {
  color: #ffffff;
}
#ext_menu-u .link {
  font-size: 0.75rem;
}
#ext_menu-u .dropdown-item,
#ext_menu-u .nav-dropdown-sm .link {
  font-size: 0.812rem;
}
#ext_menu-u .link:hover,
#ext_menu-u .dropdown-item:hover,
#ext_menu-u .link:focus,
#ext_menu-u .dropdown-item:focus {
  color: #c0a375;
}
#ext_menu-u .link[aria-expanded="true"],
#ext_menu-u .dropdown-menu {
  background: #0e0e0e;
}
#ext_menu-u .nav-dropdown-sm .link:focus,
#ext_menu-u .nav-dropdown-sm .link:hover,
#ext_menu-u .nav-dropdown-sm .dropdown-item:focus,
#ext_menu-u .nav-dropdown-sm .dropdown-item:hover {
  background: #202020!important;
}
#ext_menu-u .navbar,
#ext_menu-u .nav-dropdown-sm,
#ext_menu-u .nav-dropdown-sm .link[aria-expanded="true"],
#ext_menu-u .nav-dropdown-sm .dropdown-menu {
  background: #282828;
}
#ext_menu-u .bg-color.transparent .link {
  color: #ffffff;
  transition: none;
}
#ext_menu-u .bg-color.transparent.opened .link {
  transition: color 0.2s ease-in-out;
}
#ext_menu-u .bg-color.transparent.opened .link:hover,
#ext_menu-u .bg-color.transparent.opened .link:focus {
  color: #c0a375;
}
#ext_menu-u .link[aria-expanded="true"],
#ext_menu-u .dropdown-item[aria-expanded="true"] {
  color: #c0a375!important;
}
#content5-1a .mbr-section-title,
#content5-1a p {
  color: #fff;
}
#content5-1a P {
  text-align: right;
}
#content5-z .mbr-section-title,
#content5-z p {
  color: #fff;
}
#content5-z DIV {
  color: #ffffff;
}
#content5-15 .mbr-section-title,
#content5-15 p {
  color: #fff;
}
#content5-17 .mbr-section-title,
#content5-17 p {
  color: #fff;
}
#content5-17 DIV {
  color: #ffffff;
}
#content5-18 .mbr-section-title,
#content5-18 p {
  color: #fff;
}
#content5-18 DIV {
  color: #ffffff;
}
#content5-14 .mbr-section-title,
#content5-14 p {
  color: #fff;
}
#content5-14 DIV {
  color: #ffffff;
}
#content5-13 .mbr-section-title,
#content5-13 p {
  color: #fff;
}
#content5-13 DIV {
  color: #ffffff;
}
#content5-19 .mbr-section-title,
#content5-19 p {
  color: #fff;
}
#content5-19 DIV {
  color: #ffffff;
}






    /* Улучшенные стили для лучшего UX/UI */
    
    /* Плавные переходы */
    .mbr-section {
      transition: all 0.3s ease-in-out;
    }
    
    
    /* Улучшенные кнопки */
    .btn-info {
      background: linear-gradient(135deg, #0189c1 0%, #026a9c 100%);
      border: none;
      border-radius: 8px;
      padding: 12px 30px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      box-shadow: 0 4px 15px rgba(1, 137, 193, 0.3);
    }
    
    .btn-info:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 25px rgba(1, 137, 193, 0.4);
      background: linear-gradient(135deg, #026a9c 0%, #0189c1 100%);
    }
    
    /* Улучшенная типографика */
    .mbr-section-title {
      text-shadow: 0 2px 4px rgba(0,0,0,0.1);
      line-height: 1.2;
    }
    
    .mbr-section-lead {
      font-size: 1.2rem;
      line-height: 1.7;
      text-shadow: 0 1px 2px rgba(0,0,0,0.1);
    }
    
    /* Улучшенная форма */
    .form-control {
      border-radius: 8px;
      border: 2px solid #e9ecef;
      padding: 12px 16px;
      transition: all 0.3s ease;
      font-size: 1rem;
    }
    
    .form-control:focus {
      border-color: #0189c1;
      box-shadow: 0 0 0 0.2rem rgba(1, 137, 193, 0.25);
      transform: translateY(-1px);
    }
    
    /* Анимации появления */
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(30px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    
    .mbr-section-hero {
      animation: fadeInUp 1s ease-out;
    }
    
    /* Улучшенные ссылки */
    .text-primary {
      color: #0189c1 !important;
      text-decoration: none;
      border-bottom: 2px solid transparent;
      transition: all 0.3s ease;
      font-weight: 600;
    }
    
    .text-primary:hover {
      color: #026a9c !important;
      border-bottom-color: #026a9c;
    }
    
    .text-danger {
      color: #dc3545 !important;
      text-decoration: none;
      border-bottom: 2px solid transparent;
      transition: all 0.3s ease;
      font-weight: 600;
    }
    
    .text-danger:hover {
      color: #c82333 !important;
      border-bottom-color: #c82333;
    }
    
    /* Улучшенный контент */
    .mbr-section-text {
      line-height: 1.8;
      font-size: 1.1rem;
    }
    
    .mbr-section-text p {
      margin-bottom: 1.5rem;
    }
    
    /* Кастомные скроллбары */
    ::-webkit-scrollbar {
      width: 8px;
    }
    
    ::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 4px;
    }
    
    ::-webkit-scrollbar-thumb {
      background: linear-gradient(135deg, #0189c1 0%, #026a9c 100%);
      border-radius: 4px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
      background: linear-gradient(135deg, #026a9c 0%, #0189c1 100%);
    }
    
    /* Улучшенные отступы и паддинги */
    .mbr-section__container {
      padding-top: 40px;
      padding-bottom: 40px;
    }
    
    /* Адаптивность для мобильных */
    @media (max-width: 768px) {
      .mbr-section-title.display-1 {
        font-size: 2.5rem;
      }
      
      .mbr-section-title.display-2 {
        font-size: 2rem;
      }
      
      .mbr-gallery-item {
        margin-bottom: 20px;
      }
      
      .btn-info {
        width: 100%;
        margin-top: 10px;
      }
    }
    
    /* Эффекты для изображения книги */
    .mbr-figure {
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 8px 30px rgba(0,0,0,0.15);
      transition: all 0.3s ease;
    }
    
    .mbr-figure:hover {
      transform: rotate(1deg) scale(1.02);
      box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    }
    
    /* Улучшенный оверлей */
    .mbr-overlay {
      transition: opacity 0.3s ease;
    }
    
    /* Анимация стрелки */
    .mbr-arrow-floating {
      animation: bounce 2s infinite;
    }
    
    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-10px);
      }
      60% {
        transform: translateY(-5px);
      }
    }
    
    /* Градиентные тексты */
    .gradient-text {
      background: linear-gradient(135deg, #0189c1 0%, #026a9c 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    
    /* Улучшенные карточки покупки */
    .purchase-option {
      background: white;
      border-radius: 12px;
      padding: 25px;
      margin: 15px 0;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      border-left: 4px solid #0189c1;
      transition: all 0.3s ease;
    }
    
    .purchase-option:hover {
      transform: translateX(10px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    }
    
    /* Кастомные буллеты для списков */
    .content-list {
      list-style: none;
      padding-left: 0;
    }
    
    .content-list li {
      padding: 8px 0;
      padding-left: 30px;
      position: relative;
    }
    
    .content-list li:before {
      content: "➤";
      position: absolute;
      left: 0;
      color: #0189c1;
      font-weight: bold;
    }