/* Start:/local/templates/main_new/css/inscreen-animations.css?16802680441428*/
[animation]{
    animation-duration: 1s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

[animation="fadeIn"]:not(.fadeIn){
    opacity: 0;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

[animation="fadeInDown"]:not(.fadeInDown){
    opacity: 0;
}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

[animation="fadeInLeft"]:not(.fadeInLeft){
    opacity: 0;
}

@keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translate3d(10%, 0, 0);
    }
  
    to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
  }
  
  .fadeInRight {
    animation-name: fadeInRight;
  }
  
  [animation="fadeInRight"]:not(.fadeInRight){
      opacity: 0;
  }


@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 50%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

[animation="fadeInUp"]:not(.fadeInUp){
    opacity: 0;
}
/* End */


/* Start:/local/templates/main_new/css/bootstrap.css?1680268044157354*/
/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

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

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014 \00A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 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;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}


.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.8125rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(2.875rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid, .was-validated
.custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip, .was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #71dd8a;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after {
  border-color: inherit;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
.custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip, .was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #efa2a9;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after {
  border-color: inherit;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}


@media screen and (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover, .btn:focus {
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}


.fade {
  transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  height: calc(2.875rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  height: calc(1.8125rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #dee2e6;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #007bff;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-select-lg {
  height: calc(2.875rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:focus ~ .custom-file-label::after {
  border-color: #80bdff;
}

.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 2.25rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  padding-left: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }
  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #545b62;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #d39e00;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-light[href]:hover, .badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #dae0e5;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
}

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item:hover, .list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  color: #000;
  text-decoration: none;
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (0.5rem * 2));
  content: "";
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-width: 0.5rem 0.5rem 0;
}

.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
  bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}


.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
  bottom: 1px;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
  left: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}


.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
  left: 1px;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
  top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
  top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}


.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  top: 1px;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
  right: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}


.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
  right: 1px;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-item.active,
  .carousel-item-next,
  .carousel-item-prev {
    transition: none;
  }
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-prev {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

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

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

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

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

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

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0062cc !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #545b62 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #1d2124 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/*# sourceMappingURL=bootstrap.css.map */
/* End */


/* Start:/local/templates/main_new/css/bootstrap-grid.css?174651966037789*/
/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1235px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-1500 {
  width: 100%;
  max-width: 1500px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 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;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
/*# sourceMappingURL=bootstrap-grid.css.map */
/* End */


/* Start:/local/templates/main_new/css/bootstrap-button.css?168026804415664*/

.btn {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 50px;
    line-height: 50px;
    border: 2px solid;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    background: transparent;
}

@media screen and (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover, .btn:focus {
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary
{
    color: #0575DC;
    border-color: #0575DC;
}

.btn-primary.solid
{
    background: #0066FF;
    color:#fff;
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-light:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

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

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-primary {
    color: #007bff;
    background-color: transparent;
    background-image: none;
    border-color: #007bff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
    color: #6c757d;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
    color: #17a2b8;
    background-color: transparent;
    background-image: none;
    border-color: #17a2b8;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
    color: #ffc107;
    background-color: transparent;
    background-image: none;
    border-color: #ffc107;
}

.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
    color: #dc3545;
    background-color: transparent;
    background-image: none;
    border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
    color: #f8f9fa;
    background-color: transparent;
    background-image: none;
    border-color: #f8f9fa;
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent;
}

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

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
    color: #343a40;
    background-color: transparent;
    background-image: none;
    border-color: #343a40;
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
    font-weight: 400;
    color: #007bff;
    background-color: transparent;
}

.btn-link:hover {
    color: #0056b3;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
    color: #6c757d;
    pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

.btn-block + .btn-block {
    margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

/* End */


/* Start:/local/templates/main_new/css/bootstrap-modal.css?1680268044693*/
.modal-header .close
{
    background: url("/local/templates/main_new/css/../images/icon/close.svg") 50% 50% no-repeat;
    margin: -38px -38px 0 0;
}

.modal-body
{
    font-size: 15px;
    line-height: 166.5%;
    color: #38404E;
}
.modal-content
{
    padding: 35px 45px;
    background: #FFFFFF;
    box-shadow: 0px 49px 72px rgba(0, 0, 0, 0.33);
    border-radius: 3px;
}

.modal-title
{
    /*font-weight: 500;*/
}

.modal-header
{
    font-size: 22px;
}

@media (max-width: 1023px)
{

    .modal-title
    {
        font-size: 17px;
        text-align: center;
    }
    .modal-content
    {
        padding: 25px;
    }
    .modal-body
    {
        padding: 0;
    }
}
/* End */


/* Start:/local/templates/main_new/css/nanoscroller.css?16802680441423*/
/** initial setup **/
.scroll-box{
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.scroll-box> .nano-content {
  /*position      : absolute;*/
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
  height: 300px;
}
.scroll-box> .nano-content:focus {
  outline: thin dotted;
}
.scroll-box> .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.scroll-box> .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.scroll-box> .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.scroll-box:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

/* End */


/* Start:/local/templates/main_new/css/styles.css?175077339850267*/
body {
    font-family: "Product Sans", -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" !important;
    background: #FAFAFA;
    font-size: 14px;
    font-weight: 400;
    line-height: 124%;
    letter-spacing: 0.005em;
    color: #686868;
    padding: 0;
    margin: 0;
    padding-top: 90px;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
}

img {
    max-width: 100%;
}

a {
    color: #0575DC;
    border-bottom: 1px dashed #0081DE;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

body>header {
    height: 87px;
    line-height: 87px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #FAFAFA;
}

body>header a {
    border: none;
}

.mobile-header {
    display: none;
}

.container-1500:before,
.container-1500:after {
    display: table;
    content: " ";
}

.header-block .logo a {
    background: url('/local/templates/main_new/css/../images/logo.png') no-repeat 100% 50%;
    width: 168px;
    height: 70px;
    display: block;
    background-size: auto;
    background-position: center;
}

.header-block {
    display: flex;
    justify-content: space-between;
}

.header-block .buttons div {
    display: inline-block;
    width: 60px;
    height: 100%;
    background: no-repeat 50% 50%;
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    cursor: pointer;
}

.header-block .buttons .call-back {
    background-image: url("/local/templates/main_new/css/../images/icon/header/phone.svg");
}

.header-block .buttons .mail {
    background-image: url("/local/templates/main_new/css/../images/icon/header/mail.svg");
}

.header-block .buttons .search {
    background-image: url("/local/templates/main_new/css/../images/icon/header/search.svg");
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.header-block .city-selector {
    background: url("/local/templates/main_new/css/../images/city-select.svg") no-repeat 0 50%;
    padding-left: 31px;
    margin-left: 25px;
}

.header-block .city-selector span {
    font-size: 16px;
    line-height: 158.5%;
    color: #0081DE;
    border-bottom: 1px dashed #0081DE;
    cursor: pointer;
}

.header-block .city-selector .select-city-shower.active {
    display: block;
    z-index: 100;
}

.header-block .city-selector .select-city-shower {
    display: none;
    background: #FFFFFF;
    box-shadow: 0px 49px 72px rgba(0, 0, 0, 0.33);
    border-radius: 3px;
    position: absolute;
    margin-top: -20px;
    margin-left: -31px;
    padding: 20px 30px;
}

.header-block .city-selector .select-city-shower ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-block .city-selector .select-city-shower ul li a:hover {
    color: #0575DC;
}

.header-block .city-selector .select-city-shower ul li a {
    font-size: 16px;
    color: #3F4653;
    text-decoration: none;
}

.header-block .city-selector .select-city-shower ul li {
    line-height: 100%;
    margin-bottom: 15px;
}

.header-block .city-selector .select-city-shower ul li:last-child {
    line-height: 100%;
    margin-bottom: 0px;
}

.header-block .city-selector .select-city-shower ul li a.active {
    color: #ADADAD;
}
.header-block .city-header-phone a{
    color: #3f4653;
}
.header-block .city-header-phone a:hover{
    color: #0081de;
    text-decoration: none;
}
.header-block .menu {
    position: relative;
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.header-block .menu ul.main-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

.header-block .menu ul.main-menu li {
    display: inline-block;
    line-height: 100%;
    margin-right: 20px;
}
.header-block .menu ul.main-menu li:first-child {
    padding-left: 20px;
}
.header-block .menu ul.main-menu li.hide-menu-item {
    display: none;
}

.header-block .menu ul.main-menu li a {
    color: #3F4653;
    font-size: 16px;
    text-decoration: none;
    transition: all .2s;
}
.header-block .menu ul.main-menu li a:hover{
    color: #0081de;
}

.header-block .menu ul.main-menu li.extend {
    display: none;
    background: url("/local/templates/main_new/css/../images/icon/header/more-menu.svg") 100% 50% no-repeat;
    width: 22px;
    height: 10px;
    padding-left: 40px;
    cursor: pointer;
}

.header-block .menu .extend-menu-shower {
    display: none;
    background: #FFFFFF;
    box-shadow: 0px 49px 72px rgba(0, 0, 0, 0.33);
    border-radius: 3px;
    position: absolute;
    margin-top: -20px;
    right: 0;
    padding: 20px 30px;
    z-index: 100;
}

.header-block .menu .extend-menu-shower.active {
    display: block;
}

.header-block .menu .extend-menu-shower ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.header-block .menu .extend-menu-shower ul li a:hover {
    color: #0575DC;
}

.header-block .menu .extend-menu-shower ul li a {
    font-size: 16px;
    color: #3F4653;
    text-decoration: none;
}

.header-block .menu .extend-menu-shower ul li {
    line-height: 100%;
    margin-bottom: 15px;
}

.header-block .menu .extend-menu-shower ul li:last-child {
    line-height: 100%;
    margin-bottom: 0px;
}

.header-block .city-header-phone {
    padding-right: 30px;
    font-weight: 900;
    font-size: 16px;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    color: #3F4653;
    font-family: "Product Sans";
    cursor: pointer;
}
.header-block .buttons {
    display: flex;
}
.mobile-menu__phone {
    font-size: 20px;
    color: #3f4653;
    font-weight: 900;
    line-height: 29px;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
}

.mobile-menu__phone:hover {
    color: #3f4653;
    text-decoration: none;
}

footer {
    margin-top: 60px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

footer .line {
    display: flex;
}

footer .line .block-subscript {
    flex-basis: 27%;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    height: 100%;
    padding-bottom: 30px;
}

footer .line .block-subscript input[type=text] {
    width: 90%;
}

footer .line .block-subscript .send-form-subscr {
    margin-top: 20px;
    width: 90%;
}

footer .line .block-subscript .title {
    font-size: 19px;
    line-height: 160%;
    font-weight: bold;
    color: #3F4653;
    margin: 50px 0 30px 0;
}

footer .line .block-menu {
    flex-basis: 55%;
    padding: 0 30px;
    margin-bottom: 50px;
}

footer .line .block-menu .title {
    margin-top: 50px;
    font-weight: bold;
    font-size: 14px;
    line-height: 220.5%;
    letter-spacing: 0.005em;
    color: #454545;
}

footer .line .block-menu ul.footer-menu li {
    margin-bottom: 20px;
}

footer .line .block-menu ul.footer-menu li:last-child {
    margin-bottom: 0;
}

footer .line .block-menu ul.footer-menu li a {
    font-size: 14px;
    line-height: 124%;
    letter-spacing: 0.005em;
    color: #454545;
    text-decoration: none;
    border: none;
}

footer .line .block-menu ul.footer-menu {
    padding: 20px 0 0 0;
    margin: 0;
    list-style: none;
}

footer .line .block-contacts {
    flex-basis: 18%;
    text-align: right;
    margin-top: 50px;
}

footer .block-contacts .btn.call-back {
    margin-top: 20px;
    width: 100%;
}

footer .block-contacts .block-contacts-phones .city-phone {
    font-size: 21px;
    line-height: 160%;
    text-align: right;
    color: #3F4653;
    font-weight: bold;
}

footer .block-contacts .block-contacts-phones .city-name {
    font-size: 13px;
    line-height: 160%;
    color: #888F9C;
}
.footer-menu__title {
    font-size: 14px;
    color: #111010;
    font-weight: 600;
    line-height: 31px;
    letter-spacing: 0.005em;
    margin-bottom: 20px;
    position: relative;
}

footer .block-menu .footer-menu__nav {
    margin-top: 50px;
}

.footer-menu__nav ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.footer-menu__nav ul li {
    line-height: 17px;
    margin-bottom: 15px;
}

.footer-menu__nav ul li a {
    font-size: 14px;
    color: #454545;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.005em;
    margin-bottom: 20px;
    border-bottom: 0;
}
.footer-menu__nav ul li a:hover{
    text-decoration: underline;
}
.social-links {
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.social-links__link {
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-bottom: none;
}

.social-links__link:last-child {
    margin-right: 0;
}

.social-links__icon {
    position: relative;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-links__link.rt .social-links__icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.social-links__icon img,
.social-links__icon svg {
    display: inline-block;
    width: 100%;
    object-fit: contain;
}
footer .block-contacts ul.socnet {
    padding: 0;
    list-style: none;
    margin: 20px 0 0;
}

footer .block-contacts ul.socnet li {
    display: inline-block;
    padding-left: 20px;
}

footer .block-contacts ul.socnet li:first-child {
    padding-left: 0;
}

footer .block-contacts ul.socnet li a {
    border: none;
    text-decoration: none;
    width: 45px;
    height: 45px;
    display: block;
}

footer .block-contacts ul.socnet li a:hover {
    text-decoration: none;
}

footer .block-contacts ul.socnet li a.facebook {
    background: url("/local/templates/main_new/css/../images/icon/socnet/facebook.svg") 50% 50% no-repeat;
}

footer .block-contacts ul.socnet li a.youtube {
    background: url("/local/templates/main_new/css/../images/icon/socnet/youtube.svg") 50% 50% no-repeat;
}

footer .block-contacts .agreements {
    margin-top: 50px;
}

footer .block-contacts .agreements span {
    line-height: 124%;
    text-align: right;
    letter-spacing: 0.005em;
    color: #0575DC;
    border-bottom: 1px dashed #0081DE;
    cursor: pointer;
}

footer .copyright {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    color: #828589;
    font-size: 13px;
    height: 50px;
    line-height: 50px;
}

input[type="text"],
input[type="password"],
textarea {
    border: 1px solid #C5C5C5;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 17px;
    line-height: 160%;
    color: #38404E;
    ;
    padding: 12px 20px;
    outline: none;
    height: 56px;
}

input[type="text"]::-webkit-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="text"]::placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="password"]::placeholder,
textarea::-webkit-input-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder,
textarea::placeholder {
    color: #9C9C9C;
}

.checkbox {
    display: flex;
}

.checkbox .label {
    font-size: 13px;
    line-height: 160%;
    color: #3F4653;
}

.checkbox .input {
    width: 30px;
    padding-right: 30px;
    padding-top: 4px;
    cursor: pointer;
}

.checkbox .input input[type="checkbox"] {
    display: none;
}

.checkbox .input:before {
    border: 1px solid rgba(99, 156, 209, 0.42);
    box-sizing: border-box;
    border-radius: 3px;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
}

.checkbox .input.checked:before {
    background: url("/local/templates/main_new/css/../images/icon/checkbox.svg") 50% 50% no-repeat #0575DC;
}

footer .line .block-subscript .checkbox {
    margin-top: 30px;
    width: 90%;
}

footer .line .block-subscript .checkbox span.agreements {
    color: #0575DC;
    border-bottom: 1px dashed #0081DE;
    cursor: pointer;
}

.modal-header {
    font-size: 25px;
    line-height: 124.5%;
    color: #3F4653;
    border: none;
}

.scroll-box .nano-content {
    padding: 20px;
}

.scroll-box .nano-pane {
    background: transparent;
    width: 8px;
    right: 1px;
    margin: 5px;
}

.scroll-box>.nano-pane>.nano-slider {
    background: #E9E9E9;
    border-radius: 25px;
}


#call-back-popup {
    display: none;
    background: #062A4B;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
}

#call-back-popup .popup-page {
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#call-back-popup .popup-page .header {
    width: 80%;
}

#call-back-popup .popup-page .body {
    width: 45%;
    align-items: flex-end;
}

#call-back-popup .popup-page .header,
#call-back-popup .popup-page .body .call-back-form-group {
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}


#call-back-popup .popup-page .header .close-window>div {
    height: 62px;
    line-height: 64px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-left: 52px;
    padding-right: 26px;
    cursor: pointer;
}

#call-back-popup .popup-page .header .close-window {
    position: relative;
    border: 1px solid #fff;
}

#call-back-popup .popup-page .header .close-window::before {
    content: '';
    background: url("/local/templates/main_new/css/../images/icon/close-popup.svg");
    width: 6px;
    height: 11px;
    left: 23px;
    top: calc(50% - 6px);
    position: absolute;
    ;
}

#call-back-popup .popup-page .header .contact-phone {
    text-align: right;
}

#call-back-popup .popup-page .header .contact-phone .phone {
    font-size: 23px;
    line-height: 160%;
    text-align: right;
    color: #FFFFFF;
}

#call-back-popup .popup-page .header .contact-phone .name {
    font-size: 14px;
    line-height: 200.5%;
    color: rgba(255, 255, 255, 0.4);
}

#call-back-popup .popup-page .description {
    text-align: center;
    font-size: 20px;
    line-height: 156%;
    color: #FFFFFF;
    margin-top: 20px;
}

#call-back-popup .popup-page .title {
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
    font-family: "Proxima Nova Th";
    font-size: 50px;
    line-height: 124%;
    letter-spacing: 0.015em;
    color: #FFFFFF;
}

#call-back-popup .popup-page .body .manager .profession {
    font-size: 14px;
    line-height: 200.5%;
    text-align: right;
    color: rgba(255, 255, 255, 0.4);
}

#call-back-popup .popup-page .body .manager .name {
    font-weight: 500;
    font-size: 18px;
    text-align: right;
    color: #FFFFFF;
    padding-top: 14px;
}

#call-back-popup .popup-page .body .manager .text {
    font-size: 20px;
    line-height: 141.5%;
    text-align: right;
    color: #FFFFFF;
}

#call-back-popup form.call-back {
    margin-top: 70px;
    width: 320px;
}

#call-back-popup form.call-back .input {
    position: relative;
}

#call-back-popup form.call-back label {
    position: absolute;
    top: 0;
    right: 22px;
    color: #F05C5C;
    line-height: 56px;
}

#call-back-popup form.call-back input[type="text"].error {
    border: 1px solid #F05C5C;
}

#call-back-popup form.call-back input[type="text"] {
    border: 1px solid rgba(255, 255, 255, 0.19);
    box-sizing: border-box;
    border-radius: 3px;
    background: transparent;
    color: rgba(255, 255, 255, 1);
    width: 320px;
    height: 56px;
    line-height: 56px;
}

#call-back-popup form.call-back input[type="text"]:first-child {
    margin-bottom: 20px;
}

#call-back-popup form.call-back .btn {
    margin: 40px 0 20px 0;
    width: 100%;
}

#call-back-popup form.call-back .agreements-link .label {
    color: rgba(255, 255, 255, 0.35);
}

#call-back-popup form.call-back .agreements-link .label span {
    color: #0575DC;
    border-bottom: 1px dashed #0081DE;
    cursor: pointer;
}

#call-back-popup .form-finish {
    display: none;
    width: 60%;
}

#call-back-popup .form-finish .pdf-catalog-block {
    display: flex;
    justify-content: space-between;
    margin-top: 115px;
}

#call-back-popup .form-finish .pdf-catalog-block .catalog-product {
    background: #0575DC;
    width: 490px;
    height: 210px;
    position: relative;
    border-radius: 3px;
    text-align: center;
}

#call-back-popup .form-finish .pdf-catalog-block .catalog-control-system {
    background: #352E87;
    width: 490px;
    height: 210px;
    position: relative;
    border-radius: 3px;
    text-align: center;
}

#call-back-popup .form-finish .pdf-catalog-block .catalog-product img,
#call-back-popup .form-finish .pdf-catalog-block .catalog-control-system img {
    position: relative;
    top: -50px;
}

#call-back-popup .form-finish .pdf-catalog-block .catalog-product .download,
#call-back-popup .form-finish .pdf-catalog-block .catalog-control-system .download {
    font-size: 19px;
    line-height: 124.5%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
    margin-top: -20px;
}

#call-back-popup .form-finish .pdf-catalog-block .catalog-product .download a,
#call-back-popup .form-finish .pdf-catalog-block .catalog-control-system .download a {
    font-size: 19px;
    line-height: 124.5%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed #fff;
}

#agreements-modal {
    z-index: 1500;
}

#send-message form.send-message input {
    margin-bottom: 20px;
}

#send-message form.send-message input[type=submit] {
    margin-top: 35px;
    width: 100%;
}

#send-message form.send-message .agreements-link .label span.agreements {
    color: #0575DC;
    border-bottom: 1px dashed #0081DE;
    cursor: pointer;
}

#send-message form.send-message .agreements-link .label {
    color: #3F4653;
}

#send-message .input {
    position: relative;
}

#send-message label {
    position: absolute;
    top: 0;
    right: 22px;
    color: #F05C5C;
    line-height: 56px;
}

form#footer-form-subscr .input {
    position: relative;
}

form#footer-form-subscr label {
    position: absolute;
    top: 0;
    right: 35px;
    color: #F05C5C;
    line-height: 56px;
}

form#footer-form-subscr label input[type=text].error {
    border-color: #F05C5C;
}

.container.index-page {
    margin: 40px auto 0 auto;
    padding: 0;
}

.index-page .index-header-links {
    display: none;
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-between;*/
}

.index-page .index-header-links.desktop
{
    display: block;
}

.index-page .index-header-links .guarantee {
    width: 210px;
    height: 56px;
    line-height: 56px;
    padding-left: 58px;
    background: url("/local/templates/main_new/css/../images/icon/index/star.svg") no-repeat 24px 50% rgba(255, 255, 255, 0.62);
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 900;
    color: #3F4653;
    display: inline-block;
}

.index-page .index-header-links .download-catalog a:hover {
    text-decoration: none;
    /*color: #838892;*/
}

.index-page .index-header-links .download-catalog a {
    font-size: 12px;
    line-height: 134.5%;
    font-weight: 900;
    letter-spacing: 0.185em;
    text-transform: uppercase;
    color: #3F4653;
    border: none;
}

.index-page .index-header-links .download-catalog {
    display: inline-block;
    margin-left: 50px;
    line-height: 56px;
    padding-left: 58px;
    background: url("/local/templates/main_new/css/../images/icon/index/pdf.svg") no-repeat 0 50%;
}

.index-page .index-header-links .download-catalog:hover {
    opacity: 0.8;
}

.index-page .index-header-links .request-calculation a.btn {
    width: 100%;
    font-weight: 900;
}

.index-page .index-header-links .request-calculation {
    flex-grow: 1;
    text-align: right;
}

.index-page .catalog-content {
    margin-top: 140px;
}

.index-page .catalog-content h1 {
    font-family: "Proxima Nova Th";
    font-size: 52px;
    line-height: 114%;
    letter-spacing: 0.015em;
    color: #38404E;
    font-weight: bold;
}

.index-page .catalog-content .header-description {
    font-size: 21px;
    line-height: 191%;
    color: #3F4653;
}

.index-page .catalog-section {
    padding-top: 130px;
}

.index-page .catalog-section .fixtures,
.index-page .catalog-section .lighting-control,
.index-page .catalog-section .energy-service-contracts {
    display: flex;
    align-items: flex-end;
    border-radius: 3px;
    height: 230px;
    padding-bottom: 25px;
    font-size: 20px;
    line-height: 124.5%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    position: relative;
}

.index-page .catalog-section .fixtures div,
.index-page .catalog-section .lighting-control div,
.index-page .catalog-section .energy-service-contracts div {
    padding-left: 35px;
    position: relative;
}

.index-page .catalog-section .fixtures:hover div:after,
.index-page .catalog-section .lighting-control:hover div:after,
.index-page .catalog-section .energy-service-contracts:hover div:after {
    content: "";
    background: url("/local/templates/main_new/css/../images/icon/index/index-catalog-up-arrow.svg");
    width: 6px;
    height: 11px;
    position: absolute;
    top: 8px;
    right: -13px;
}

.index-page .catalog-section .fixtures img,
.index-page .catalog-section .lighting-control img,
.index-page .catalog-section .energy-service-contracts img {
    position: absolute;
    top: -15px;
    align-items: center;
    transition: 0.8s ease;
}

.index-page .catalog-section .fixtures {
    background: #0575DC;
}

.index-page .catalog-section .fixtures img {
    left: calc(50% - 107px);
}

.index-page .catalog-section .fixtures:hover img,
.index-page .catalog-section .lighting-control:hover img,
.index-page .catalog-section .energy-service-contracts:hover img {
    transform: translateY(-50px);
}

.index-page .catalog-section .lighting-control {
    background: #00C64F;
}

.index-page .catalog-section .lighting-control img {
    left: calc(50% - 103px);
}

.index-page .catalog-section .energy-service-contracts {
    background: #352E87;
}

.index-page .catalog-section .energy-service-contracts img {
    left: calc(50% - 71px);
}

.index-page.our-clients .production-content>.row {
    margin: 0 -30px;
}

.index-page .production-content {
    margin-top: 180px;
}

.index-page .production-content .description {
    font-size: 20px;
    line-height: 150%;
    text-align: right;
    color: #38404E;
    padding-top: 6px;
}

.index-page .production-content .title {
    font-family: "Proxima Nova Th";
    font-size: 47px;
    line-height: 140%;
    letter-spacing: 0.015em;
    color: #38404E;
    font-weight: bold;
}

.index-page .production-content .description .director {
    padding-top: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.index-page .production-content .description .director .content {
    display: inline-block;
    padding-right: 15px;
}

.index-page .production-content .description .director .content .name {
    font-size: 18px;
    line-height: 200.5%;
    text-align: right;
    color: #38404E;
    font-weight: 500;
}

.index-page .production-content .description .director .content .position {
    font-size: 14px;
    line-height: 200.5%;
    text-align: right;
    color: #8F8F8F;
}

.index-page .production-content .description .director .image {
    display: inline-block;
}

.index-page .production-content .description .director .image img {
    border-radius: 50%;
    /*border: 1px solid #00C64F;*/
}

.index-page .production-content .production {
    margin: 60px 0;
    height: 400px;
    width: 100%;
    position: relative;
}

.index-page .production-content .production-mobile {
    display: none;
    margin: 30px 0;
    height: 400px;
    width: 100%;
    position: relative;
}

.index-page .production-about {
    font-size: 19px;
    line-height: 204%;
    color: #38404E;
}

.index-page .production-about ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.index-page .production-about ul li:before {
    content: "— ";
}

.index-page .production-numbers {
    margin-top: 80px;
    display: flex;
    height: 200px;
}

.index-page .production-numbers .block {
    border: 1px solid #DCDCDC;
    border-right: none;
    box-sizing: border-box;
    flex-basis: 33.3%;
}

.index-page .production-numbers .block:last-child {
    border-right: 1px solid #DCDCDC;
}

.index-page .production-numbers .block .number-description {
    font-size: 20px;
    line-height: 160%;
    color: #38404E;
    padding-left: 45px;
}

.index-page .production-numbers .block .number {
    font-family: "Proxima Nova Th";
    font-size: 60px;
    line-height: 124%;
    letter-spacing: 0.015em;
    font-weight: bold;
    color: #0575DC;
    padding: 30px 0 0 45px;
}

.index-page.our-clients {
    background: #F3F3F3;
    margin-top: 90px;
    padding: 70px 0 100px 0;
}

.index-page.our-clients .production-content {
    margin-top: 0;
}

.index-page.our-clients .production-logos {
    margin-top: 30px;
}

.index-page.our-clients .production-logos .col-sm-2 {
    border: 1px solid #dcdcdc;
}

.index-page.our-clients .production-logos .logo {
    height: 148px;
    background: no-repeat 50% 50%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /* IE 6-9 */
    transition: all 0.3s ease;
    cursor: pointer;
    margin: 10px 0;
    background-size: contain;
}

.index-page.our-clients .production-logos .logo:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}

.index-page .index-question {
    background: #062A4B;
    border-radius: 3px;
}

.index-page .index-question .title {
    font-family: "Proxima Nova Th";
    font-size: 50px;
    line-height: 112%;
    font-weight: bold;
    letter-spacing: 0.015em;
    color: #FFFFFF;
    padding: 80px 0 110px 70px;
}

.index-page .index-question .description {
    padding-top: 85px;
    font-size: 20px;
    line-height: 175%;
    color: #FFFFFF;
}

.index-page .index-question .call-back .btn {
    margin-top: 93px;
    width: 100%;
}

.index-page .index-question .call-back .description {
    padding-top: 20px;
    font-size: 15px;
    line-height: 161%;
    color: rgba(254, 254, 254, 0.34);
    background: url("/local/templates/main_new/css/../images/icon/index/call-back-description-timmer.svg") 0% 50% no-repeat;
    padding-left: 30px;
}

.index-page .index-catalog-products .index-catalog-product {
    padding-top: 160px;
}

.index-page .index-catalog-products .index-catalog-product .product-line {
    margin-top: 60px;
    padding: 25px;
    background: #F3F3F3;
    border-radius: 3px;
}

.index-page .index-catalog-products .index-catalog-product .section-description {
    padding-top: 15px;
    font-size: 16px;
    line-height: 200%;
    color: #3F4653;
}

.index-page .index-catalog-products .index-catalog-product .title {
    font-family: "Proxima Nova Th";
    font-size: 47px;
    line-height: 124%;
    letter-spacing: 0.015em;
    color: #38404E;
    font-weight: bold;
}

.index-page .index-catalog-products .index-catalog-product .calc:hover
{
    box-shadow: 0px 19px 26px rgba(0, 0, 0, 0.05);
}

.index-page .index-catalog-products .index-catalog-product .calc {
    background: #FFFFFF;
    border-radius: 3px;
    transition: 0.4s ease;
}

.index-page .index-catalog-products .index-catalog-product .calc .images {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

.index-page .index-catalog-products .index-catalog-product .calc .images .image {
    width: 50px;
    height: 50px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.index-page .index-catalog-products .index-catalog-product .calc .count {
    padding: 20px 0;
    text-align: center;
    font-size: 12px;
    line-height: 134.5%;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #606060;
    font-weight: bold;
    border: none;
}

.index-page .index-catalog-products .index-catalog-product .calc .count:after {
    content: "";
    background: url("/local/templates/main_new/css/../images/icon/index/calc-count-row.svg") 50% 50% no-repeat;
    position: absolute;
    width: 9px;
    height: 16px;
    margin-left: 7px;
    margin-top: 1px;
}

.index-page .index-catalog-products .index-catalog-product .calc .count:before {
    content: "";
    background: url("/local/templates/main_new/css/../images/icon/index/ellipse.svg") 50% 50% no-repeat;
    position: absolute;
    width: 9px;
    height: 17px;
    margin-left: -15px;
}

.index-page .index-catalog-products .index-catalog-product .product-line .name {
    font-size: 20px;
    line-height: 124.5%;
    letter-spacing: 0.05em;
    color: #3F4653;
    font-weight: 500;
}

.index-page .index-catalog-products .index-catalog-product .product-line .description {
    font-size: 15px;
    line-height: 190%;
    color: #9C9C9C;
}

.index-page .index-catalog-products .index-catalog-product .product-line .image {
    margin: 8px 0;
    height: 200px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.index-page .index-catalog-products .index-catalog-product .product-line .properties {
    font-size: 14px;
    font-weight: 500;
    line-height: 190%;
    letter-spacing: 0.025em;
    color: #38404E;
}

.index-page .index-catalog-products .index-catalog-product .product-line .properties>div {
    padding-left: 30px;
}

.index-page .index-catalog-products .index-catalog-product .product-line .properties .property-lm {
    background: url("/local/templates/main_new/css/../images/icon/properties-lm.svg") 0% 50% no-repeat;
}

.index-page .index-catalog-products .index-catalog-product .product-line .properties .property-power {
    background: url("/local/templates/main_new/css/../images/icon/properties-power.svg") 0% 50% no-repeat;
}

.index-page .index-catalog-products .index-catalog-product .product-line:hover {
    background: #062A4B;
}

.index-page .index-catalog-products .index-catalog-product .product-line:hover .name {
    color: #fff;
}

.index-page .index-catalog-products .index-catalog-product .product-line:hover .description {
    color: #5E7B97;
}

.index-page .index-catalog-products .index-catalog-product .product-line:hover .properties {
    color: #fff;
}

.index-page .index-catalog-products .index-catalog-product .product-video {
    padding-top: 60px;
    cursor: pointer;
    border-radius: 3px;
}

.index-page .index-catalog-products .index-catalog-product .product-video:after {
    content: "";
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    position: absolute;
    top: 30px;
    left: 15px;
    background: url("/local/templates/main_new/css/../images/icon/video-play.svg") 50% 50% no-repeat;

}

.index-page .index-catalog-products .index-catalog-product .product-video:before {
    content: "";
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    position: absolute;
    top: 30px;
    left: 15px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.25%, rgba(0, 0, 0, 0.72) 100%);
}

.index-page .index-catalog-products .index-catalog-product .product-video .name {
    position: absolute;
    padding: 30px;
    bottom: 0;
    font-size: 16px;
    line-height: 132.5%;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    font-weight: 500;
}

#video-catalog-popup,
#video-energy-popup {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background: #040D1F;
    backdrop-filter: blur(19px);
}

#video-catalog-popup .popup-page,
#video-energy-popup .popup-page {
    display: flex;
    height: 100vh;
    justify-content: center;
    flex-direction: row;
}

#video-catalog-popup .popup-page,
#video-energy-popup .popup-page {
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: calc(50% - 230px);
}

#video-catalog-popup .popup-page .close-window>div,
#video-energy-popup .popup-page .close-window>div {
    height: 62px;
    line-height: 64px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding-left: 52px;
    padding-right: 26px;
    cursor: pointer;
}

#video-catalog-popup .popup-page .close-window,
#video-energy-popup .popup-page .close-window {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.28);
    width: 250px;
}

#video-catalog-popup .popup-page .close-window::before,
#video-energy-popup .popup-page .close-window::before {
    content: '';
    background: url("/local/templates/main_new/css/../images/icon/close-popup.svg");
    width: 6px;
    height: 11px;
    left: 23px;
    top: calc(50% - 6px);
    position: absolute;
    ;
}

#video-catalog-popup .popup-page .content-description .title,
#video-energy-popup .popup-page .content-description .title {
    font-weight: 500;
    font-size: 34px;
    line-height: 132.5%;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    margin-top: 40px;
}

#video-catalog-popup .popup-page .content-description p,
#video-energy-popup .popup-page .content-description p {
    font-size: 18px;
    line-height: 150%;
    color: #FFFFFF;
    margin-top: 40px;
}

#video-catalog-popup .popup-page .left-column,
#video-energy-popup .popup-page .left-column {
    width: 500px;
}

#video-catalog-popup .close-box,
#video-energy-popup .close-box {
    top: 56px;
    right: 56px;
    position: absolute;
    background: url("/local/templates/main_new/css/../images/icon/index/close-big-window.svg");
    width: 24px;
    height: 24px;
    cursor: pointer;
}

#video-catalog-popup .popup-page .right-column,
#video-energy-popup .popup-page .right-column {
    margin-left: 100px;
}

.index-page .control-system .row.header,
.index-page .control-system .row.body {
    margin: 0 -30px;
}

.index-page .control-system {
    margin-top: 130px;
    background: #F4F4F4;
    padding-bottom: 115px;
}

.index-page .control-system .header .btn {
    width: 100%;
    margin-top: 104px;
}

.index-page .control-system .header .title {
    margin-top: 90px;
    font-size: 48px;
    line-height: 140%;
    letter-spacing: 0.015em;
    color: #38404E;
    font-weight: bold;
    font-family: "Proxima Nova Th";
}

.index-page .control-system .body .image .switch-image .switch {
    content: "";
    /*background: url("/local/templates/main_new/css/../images/index/light-switch.svg") 50% 50% no-repeat;*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 29px;
    right: 24px;
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 2;
}


.index-page .control-system .body .image .switch-image {
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 60px;
    width: 530px;
    height: 559px;
    /*background: url("/local/templates/main_new/css/../images/index/light-on.jpg");*/
}

.index-page .control-system .body .image .switch-image .dark{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: url("/local/templates/main_new/css/../images/index/light-off.jpg");*/
    z-index: 1;
    opacity: 0;
    transition: 0.3s ease;
}

.index-page .control-system .body .image .switch-image.off .dark{
    opacity: 1;
}

/* .index-page .control-system .body .image .switch-image.off {
    background: url("/local/templates/main_new/css/../images/index/light-off.png");
    width: 530px;
    height: 559px;
} */

.index-page .control-system .body .content .description p {
    font-size: 20px;
    line-height: 200%;
    color: #3F4653;
}

.index-page .control-system .body .content .description {
    margin-top: 60px;
}

.index-page .control-system .body .content .product {
    background: #E9E9E9;
    border-radius: 3px;
}

.index-page .control-system .body .content .product .name {
    font-size: 20px;
    line-height: 124.5%;
    letter-spacing: 0.05em;
    color: #38404E;
    padding: 26px 0 0 32px;
    font-weight: 500;
}

.index-page .control-system .body .content .product .description {
    margin: 0;
    font-size: 15px;
    line-height: 190%;
    color: #9C9C9C;
    padding: 6px 0 0 32px;
}

.index-page .control-system .body .content .product .image {
    height: 147px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.index-page .control-system .body .content .product:hover .name
{
    color: #fff;
}

.index-page .control-system .body .content .product:hover .description
{
    color: #5E7B97;
}

.index-page .control-system .body .content .product:hover
{
    background: #062A4B;
}

.index-page .magazine {
    margin-top: 190px;
}

.index-page .magazine .catalog-product img {
    position: absolute;
    top: -100px;
    left: calc(50% - 190px);
}

.index-page .magazine .catalog-product {
    background: #0575DC;
    height: 290px;
    position: relative;
    border-radius: 3px;
    text-align: center;
    display: flex;
    align-self: flex-end;
    align-items: flex-end;
    justify-content: center;
}

.index-page .magazine .catalog-control-system img {
    position: absolute;
    top: -100px;
    left: calc(50% - 177px);
}

.index-page .magazine a {
    font-size: 19px;
    line-height: 124.5%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    border-bottom: 1px dashed #fff;
    font-weight: 500;
}

.index-page .magazine .catalog-control-system {
    background: #352E87;
    height: 290px;
    position: relative;
    border-radius: 3px;
    text-align: center;
    display: flex;
    align-self: flex-end;
    align-items: flex-end;
    justify-content: center;
}

.index-page .magazine .catalog-product>div,
.index-page .magazine .catalog-control-system>div {
    display: block;
    margin-bottom: 40px;
    font-size: 19px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    background: url("/local/templates/main_new/css/../images/icon/index/pdf_white.svg") 0 50% no-repeat;
    height: 50px;
    line-height: 50px;
    padding-left: 65px;
}

.news-index-page {
    background: #F4F4F4;
    margin-top: 90px;
}

.news-index-page .news-items {}

.news-index-page .news-items .news-item {
    background: #E9E9E9;
    border-radius: 3px;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.news-index-page .news-items .news-item .date {
    font-size: 13px;
    line-height: 190%;
    color: #8F8F8F;
    padding: 20px 0 0 30px;
}

.news-index-page .news-items .news-item .name {
    font-size: 14px;
    line-height: 125%;
    letter-spacing: 0.05em;
    color: #3F4653;
    padding: 10px 30px 10px 30px;
    font-weight: 500;
}

.news-index-page .news-items .news-item a.read-more {
    font-size: 13px;
    line-height: 158.5%;
    margin: 20px 0 0 30px;
    padding-top: 20px;
}

.news-index-page .video-items {}

.news-index-page .video-items .video-item {}

.news-index-page .video-items .video-item .image {
    height: 220px;
    background: rgba(0, 0, 0, 0.21);
    border-radius: 3px;
    background-size: cover;
    background-position: 50% 50%;
}

.news-index-page .video-items .video-item .name {
    padding-top: 20px;
}

.news-index-page .video-items .video-item a {
    font-size: 18px;
    line-height: 155%;
    letter-spacing: 0.05em;
    color: #0081DE;
    font-weight: 500;
}

.news-index-page .header .title {
    font-family: "Proxima Nova Th";
    font-size: 50px;
    line-height: 124%;
    letter-spacing: 0.015em;
    font-weight: bold;
    color: #38404E;
    padding: 90px 0 60px 15px;
}

.news-index-page .description .btn {
    width: 100%;
    margin-top: 105px;
}

.index-page.energy-help {
    background: #062A4B;
    margin-top: 60px;
    border-radius: 3px;
}

.index-page.energy-help .description {
    font-family: "Proxima Nova Th";
    font-weight: bold;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0.015em;
    color: #FFFFFF;
    padding: 50px 0 50px 70px;
}

.index-page.energy-help .energy-help-request div.input input.error{
    border: 1px solid #F05C5C;
}

.index-page.energy-help .energy-help-request div.input {
    position: relative;
}

.index-page.energy-help .energy-help-request label {
    position: absolute;
    top: 0;
    right: 22px;
    color: #F05C5C;
    line-height: 56px;
}

.index-page.energy-help .energy-help-request {
    margin-top: 50px;
}

.index-page.energy-help .energy-help-request input[type=text] {
    border: 1px solid rgba(255, 255, 255, 0.19);
    background: transparent;
    width: 100%;
    color: #fff;
}

.index-page.energy-help .energy-help-request .btn {
    width: 100%;
    margin-top: 25px;
}

.index-page.energy-help .energy-help-request .agreements-link .label {

    color: #8496B7;
}

.index-page.energy-help .energy-help-request .agreements-link {
    margin-top: 30px;
    font-size: 13px;
    line-height: 160%;
}

.index-page.energy-help .energy-help-request .agreements-link span.agreements {
    color: #0575DC;
    border-bottom: 1px dashed #0081DE;
    cursor: pointer;
}

.index-page.energy-contract {
    margin-top: 90px;
}

.index-page.energy-contract .header .btn {
    width: 100%;
    margin-top: 12px;
}

.index-page.energy-contract .header .title {
    font-weight: bold;
    font-size: 44px;
    line-height: 140%;
    letter-spacing: 0.015em;
    color: #38404E;
    font-family: "Proxima Nova Th";
}

.index-page.energy-contract .body .description span {
    background: #DAE7F0;
    border-radius: 3px;
}

.index-page.energy-contract .body .description {
    padding-top: 60px;
}

.index-page.energy-contract .body .description p {
    font-size: 20px;
    line-height: 200%;
    color: #38404E;
}

.index-page.energy-contract .body .block-example {
    background: #F3F3F3;
    border-radius: 3px;
    padding: 30px 50px;
    margin-top: 75px;
}

.index-page.energy-contract .body .block-example .title {
    font-size: 20px;
    line-height: 124.5%;
    letter-spacing: 0.05em;
    color: #A5A7AB;
}

.index-page.energy-contract .body .block-example .content .message {
    font-size: 15px;
    line-height: 152.5%;
    color: #9C9C9C;
    padding-top: 5px;
}

.index-page.energy-contract .body .block-example .content .number {
    font-size: 20px;
    line-height: 124.5%;
    letter-spacing: 0.05em;
    color: #3F4653;
    padding-top: 25px;
    font-weight: 500;
}

.index-page.energy-contract .body .block-example .description {
    font-size: 16px;
    line-height: 31px;
    color: #38404E;
    padding-top: 30px;
}

.index-page.energy-contract .description-block>.row {
    margin-left: 0;
}

.index-page.energy-contract .description-block {
    margin-top: 50px;
}

.index-page.energy-contract .description-block .green-block {
    background: #00C64F;
    border-radius: 3px;
    padding-left: 35px;
    padding-top: 30px;
}

.index-page.energy-contract .description-block .green-block .title {
    font-size: 20px;
    line-height: 124.5%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    padding-bottom: 50px;
    font-weight: 500;
}

.index-page.energy-contract .description-block .green-block .items>div {
    font-size: 18px;
    line-height: 153.5%;
    letter-spacing: 0.05em;
    color: #FFFFFF;
}

.index-page.energy-contract .description-block .green-block .items>div>div {
    font-size: 15px;
    line-height: 190%;
    color: rgba(255, 255, 255, 0.72);
    padding-bottom: 30px;
}

.index-page.energy-contract .video-block {
    cursor: pointer;
}

.index-page.energy-contract .video-block img {
    border-radius: 3px;
}

.index-page.energy-contract .video-block:after {
    content: "";
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    position: absolute;
    top: 30px;
    left: 15px;
    background: url("/local/templates/main_new/css/../images/icon/video-play.svg") 50% 50% no-repeat;
}

.index-page.energy-contract .video-block:before {
    content: "";
    width: calc(100% - 45px);
    height: calc(100% - 30px);
    position: absolute;
    top: 30px;
    left: 30px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.25%, rgba(0, 0, 0, 0.72) 100%);
}

.index-page.energy-contract .video-block .name {
    position: absolute;
    padding: 30px;
    bottom: 0;
    font-size: 16px;
    line-height: 132.5%;
    letter-spacing: 0.04em;
    color: #FFFFFF;
    font-weight: 500;
}

#energy-contract-modal ol {
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: energyContractModalCounter;
}

#energy-contract-modal ol li .btn {
    width: 100%;
    margin-top: 25px;
}

#energy-contract-modal ol li {
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 152%;
    color: #38404E;
}

#energy-contract-modal ol li:last-child {
    margin-bottom: 0;
}

#energy-contract-modal ol li:before {
    counter-increment: energyContractModalCounter;
    content: counter(energyContractModalCounter) ".";
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 19px;
    line-height: 152%;
    color: #C2C2C2;
}

.container.no-margin {
    padding: 0;
}

/* 
    Added by Medzhidov
*/

/* Rewrite bootstrapp styles */

.btn-primary {
    transition: 0.1s ease;
}

.btn-primary:hover {
    background-color: #0575DC;
    color: #ffffff;
}

/* Fixed background */

.parallax-background{
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.parallax-background__image{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.index-page.energy-contract .col-sm-5
{
    padding-left: 30px;
}
.request-catalog-item-modal.request-catalog-item-price-modal{
    width: 494px;
    text-align: left;
    background: #FFFFFF;
    box-shadow: 0px 49px 72px rgba(0, 0, 0, 0.33);
    border-radius: 3px;
}
.request-catalog-item-price-modal.modalbox .content{
    padding: 65px 70px;
}
.request-catalog-item-modal.request-catalog-item-price-modal.modalbox div.content div.title{
    font-family: 'Product Sans';
    font-size: 22px;
    line-height: 147.5%;
    color: #3F4653;
    font-weight: 500;
    text-align: left;
}
.request-catalog-item-price-modal .title .title-item-name{
    color: #cbcbcb;
}
.request-catalog-item-price-modal .btn-general{
    width: 100%;
}
.request-catalog-item-modal.request-catalog-item-price-modal div.content input[type="text"]{
    font-size: 17px;
}
#send-message input.form-control, #send-message textarea.form-control{
    border: 1px solid #d2d5d9;
    color: #8a9199;
    height: 56px;
    line-height: 54px;
    padding: 0 22px;
    font-size: 17px;
}
#send-message input.form-control::placeholder, #send-message textarea.form-control::placeholder{
    color: #8a9199;
}
.outdoor-section__button button:not(:last-child){
    margin-bottom: 20px;
}
.hidden_goods_archive{
    cursor: pointer;
}
.hidden_goods_archive td span{
    color: #0081de !important;
    display: inline-block !important;
    border-bottom: 1px dashed #0081de !important;
    letter-spacing: 0.01em !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}
.hidden_goods_archive:hover td span{
    border-bottom-color: transparent !important;
}
.hidden_goods_archive td{
    padding: 15px 0 12px !important;
}
.hidden_goods_row{
    transition: all 0.8s ease-out;
}
.hide-row{
    display: none;
}
.fixed-cookie {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 20;
}

#cookiePopup {
  z-index: 15;
  background-color: #ffffff;
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  font-size: 14px;
  width: 70vw;
  max-width: 42.85em;
  box-shadow: 0 0 2em rgba(5, 0, 31, 0.15);
  text-align: justify;
  line-height: 1.8em;
  padding: 2em 1.4em;
  border-radius: 6px;
  transition: all 0.5s ease-in;
  z-index: 20;
}
#cookiePopup img {
  display: block;
  width: 3.75em;
  transform: translateZ(0);
  position: relative;
  margin: auto;
}
#cookiePopup p {
  text-align: center;
  margin: 1.4em 0;
}
#cookiePopup button {
  background-color: #0066FF;
  border: none;
  color: #ffffff;
  height: 50px;
  font-size: 12px;
  padding: .5em 1.4em;
  display: block;
  position: relative;
  margin: auto;
  border-radius: 2px;
}
#cookiePopup a {
  color: #0066FF;
}
.hidecoockie {
  visibility: hidden;
  bottom: 0;
  right: 2em;
}
.showcoockie {
  visibility: visible;
  bottom: 2em;
  right: 2em;
}
@media only screen and (max-width: 37.5em) {
  #cookiePopup {
    width: 100%;
  }
  .hidecoockie {
    bottom: 2em;
    right: 0;
  }
  .showcoockie {
    right: 0;
    bottom: 0;
  }
}
/* End */


/* Start:/local/templates/main_new/css/media.css?168026804418913*/
@media (max-width: 1023px)
{

    body > header
    {
        height: 70px;
        line-height: 70px;
    }

    .mobile-header
    {
        padding: 0;
        display: flex;
        justify-content: space-between;
    }

    .container-1500
    {
        display: none;
    }

    .mobile-header .mobile-menu
    {
        display: inline-block;
        width: 70px;
        height: 69px;
        cursor: pointer;
        background: url("/local/templates/main_new/css/../images/icon/header/mobile-menu.svg") no-repeat 50% 50%;
        border-right: 1px solid rgba(0, 0, 0, 0.12);
    }

    .mobile-header .mobile-logo
    {
        background: url('/local/templates/main_new/css/../images/logo.png') no-repeat 50% 50%;
        width: 168px;
        height: 55px;
        display: block;
    }

    .mobile-header .mobile-call-back
    {
        display: inline-block;
        width: 70px;
        height: 69px;
        cursor: pointer;
        background: url("/local/templates/main_new/css/../images/icon/header/phone.svg") no-repeat 50% 50%;
        border-left: 1px solid rgba(0, 0, 0, 0.12);
    }

    .mobile-header .mobile-menu-popup
    {
        position: absolute;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.5);
        z-index: 10;
        display: none;
    }

    .mobile-header .mobile-menu-popup .body
    {
        background: #FBFBFB;
        height: 100vh;
        width: 300px;
        left: -300px;
        position: absolute;
        padding: 25px;
        line-height: 100%;
    }

    .mobile-header .mobile-menu-popup .close
    {
        background: url("/local/templates/main_new/css/../images/icon/header/close-mobile-menu.svg");
        width: 24px;
        height: 24px;
        right: 32px;
        top: 52px;
        position: absolute;
        z-index: 150;
    }

    .mobile-header .mobile-menu-popup .search-form
    {
        position: relative;
    }

    .mobile-header .mobile-menu-popup .search-form input[type=text]
    {
        width: 100%;
    }

    .mobile-header .mobile-menu-popup .search-form input[type=submit]
    {
        position: absolute;
        border: none;
        background: url("/local/templates/main_new/css/../images/icon/header/mobile-search.svg") no-repeat 50% 50% transparent;
        width: 24px;
        height: 24px;
        top: 14px;
        right: 22px;
    }

    .mobile-header .city-selector
    {
        padding-top: 25px;
    }

    .mobile-header .city-selector .select-city
    {
        background: url("/local/templates/main_new/css/../images/city-select.svg") no-repeat 0 50%;
        padding-left: 31px;
    }

    .mobile-header .city-selector .select-city span
    {
        font-size: 20px;
        line-height: 160%;
        color: #0081DE;
        border-bottom: 1px dashed #0081DE;
        cursor: pointer;
    }

    .mobile-header .city-selector .select-city-shower
    {
        display: none;
    }

    .mobile-header .city-selector .select-city-shower ul
    {
        padding: 0 0 0 31px;
        margin: 0;
        list-style: none;
    }

    .mobile-header .city-selector .select-city-shower ul li
    {
        line-height: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
        font-size: 17px;
    }

    .mobile-header .city-selector .select-city-shower ul li a
    {
        color: #3F4653;
    }

    .mobile-header .city-selector .city-header-phone
    {
        margin-top: 15px;
        font-weight: bold;
        margin-left: 5px;
        font-size: 19px;
        line-height: 180%;
        letter-spacing: 0.055em;
        text-transform: uppercase;
        color: #3F4653;
    }

    .mobile-header .mobile-menu-items
    {
        margin-top: 30px;
    }

    .mobile-header .mobile-menu-items ul
    {
        padding: 0;
        list-style: none;
        margin: 0 0 0 5px;
    }

    .mobile-header .mobile-menu-items ul li
    {
        margin-bottom: 20px;
    }

    .mobile-header .mobile-menu-items ul li a
    {
        font-size: 19px;
        line-height: 134.5%;
        color: #3F4653;
    }

    footer .line
    {
        display: block;
        margin: 0 25px;
    }

    footer .line .block-subscript
    {
        border: none;
        height: auto;
        padding-bottom: 0;
    }

    footer .line .block-subscript .title
    {
        margin-top: 20px;
    }

    footer .line .block-subscript input[type=text],
    footer .line .block-subscript input[type=submit]
    {
        width: 100%;
    }

    footer .line .block-menu
    {
        margin: 0;
        padding: 0;
    }

    footer .line .block-menu
    {
        margin-top: 30px;
    }
    footer .line .block-menu .title
    {
        margin: 0 -25px;
        padding: 0 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        height: 70px;
        line-height: 70px;
        font-size: 20px;
        letter-spacing: 0.005em;
        font-weight: bold;
        color: #454545;
        position: relative;
    }

    footer .line .block-menu .title:after
    {
        content: "";
        background: url("/local/templates/main_new/css/../images/icon/arrow-down.svg") no-repeat 50% 50%;
        position: absolute;
        right: 25px;
        top: 35px;
        width: 11px;
        height: 6px;
    }

    footer .line .block-menu .title.active:after
    {
        background: url("/local/templates/main_new/css/../images/icon/arrow-up.svg") no-repeat 50% 50% !important;
    }

    footer .line .block-menu ul.footer-menu
    {
        display: none;
        padding: 0 0 0 10px;
    }

    footer .line .block-menu ul.footer-menu li:last-child
    {
        margin-bottom: 30px;
    }

    footer .line .block-contacts
    {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        margin: 0 -25px;
        text-align: left;
    }

    footer .line .block-contacts .block-contacts-phones
    {
        margin: 20px 25px 0 25px;
        text-align: left;
    }

    footer .block-contacts .block-contacts-phones .city-phone
    {
        text-align: left;
    }

    footer .block-contacts .call-back
    {
        margin: 0 25px;
        width: calc(100% - 50px);
    }

    footer .block-contacts ul.socnet
    {
        margin: 20px 25px 0 25px;
    }

    footer .block-contacts .agreements
    {
        margin: 30px 25px 0 25px;
    }

    footer .copyright
    {
        margin-top: 25px;
        padding: 10px 25px 10px 25px;
        text-align: center;
        height: auto;
        line-height: 150%;
        color: #828589;
        font-size: 13px;
    }

    #call-back-popup .popup-page .header, #call-back-popup .popup-page .body .call-back-form-group
    {
        flex-direction: column;
        display: flex;
        align-items: center;
    }

    #call-back-popup .popup-page .body
    {
        width: 100%;
    }

    #call-back-popup .popup-page .title
    {
        font-size: 30px;
    }

    #call-back-popup .popup-page .description
    {
        width: 80%;
        margin: 0 auto;
        font-size: 16px;
    }

    #call-back-popup .popup-page .body .manager
    {
        display: none;
    }

    #call-back-popup form.call-back
    {
        margin-top: 30px;
    }

    #call-back-popup .popup-page .header .contact-phone
    {
        margin-top: 20px;
    }

    #call-back-popup form.call-back .btn
    {
        margin: 20px 0 20px 0;
    }

    .index-page .control-system .body .image .switch-image
    {
        max-width: 100%;
    }

    .container.index-page
    {
        padding: 0 15px;
        margin: 0 auto;
    }

    .index-page .index-header-links .guarantee
    {
        width: 100%;
        margin-top: 20px;
    }

    .index-page .index-header-links .download-catalog
    {
        margin-left: 0;
        margin-top:20px;
    }

    .index-page .index-header-links .request-calculation
    {
        margin-top: 0px;
    }

    .index-page .catalog-content
    {
        margin-top: 40px;
    }

    .index-page .catalog-section
    {
        padding-top: 0px;
    }

    .index-page .catalog-section .fixtures,
    .index-page .catalog-section .lighting-control,
    .index-page .catalog-section .energy-service-contracts
    {
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .index-page .catalog-section .fixtures img, .index-page .catalog-section .lighting-control img, .index-page .catalog-section .energy-service-contracts img
    {
        top: 15px;
    }

    .index-page .catalog-section .fixtures div, .index-page .catalog-section .lighting-control div, .index-page .catalog-section .energy-service-contracts div
    {
        padding-left: 20px;
    }

    .index-page .production-content
    {
        margin-top: 100px;
    }

    .index-page .catalog-content h1
    {
        font-size: 40px;
    }

    .index-page .production-content .title
    {
        font-size: 34px;
    }

    .index-page .production-content .description
    {
        font-size: 19px;
        text-align: left;
        margin-top: 20px;
    }

    .index-page .production-content .description .director
    {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .index-page .production-content .description .director .image
    {
        padding-right: 20px;
    }

    .index-page .production-content .description .director .content .name,
    .index-page .production-content .description .director .content .position
    {
        text-align: left;
    }

    .index-page .production-numbers
    {
        margin-top: 30px;
        display: flex;
        height: auto;
        flex-direction: column;
    }

    .index-page .production-numbers .block
    {
        border: 1px solid #DCDCDC;
        border-bottom: none;
    }

    .index-page .production-numbers .block:last-child
    {
        border-bottom: 1px solid #DCDCDC;
    }

    .index-page .production-numbers .block .number
    {
        font-size: 40px;
        padding: 15px 0 0 20px;
    }

    .index-page .production-numbers .block .number-description
    {
        padding-left: 20px;
        font-size: 18px;
        margin-bottom: 15px;
    }
    .index-page.our-clients .production-content > .row
    {
        margin: 0 -15px;
    }
    .index-page.our-clients .production-logos .col-sm-2
    {
        margin: -1px 0 0 0px;
    }
    .index-page.our-clients .production-logos .col-sm-2:nth-child(2n+1)
    {
        border-right: none;
    }

    .index-page.our-clients .production-logos .logo
    {
        -webkit-filter: none;
        -moz-filter: none;
        -ms-filter: none;
        -o-filter: none;
        filter: none;
    }

    .index-page.our-clients .production-logos .row
    {
        margin: 0;
    }

    .index-page.our-clients
    {
        padding: 70px 0 30px 0;
    }

    .index-page .index-question .title
    {
        padding: 40px;
    }

    .index-page .index-question .description
    {
        padding: 0 40px;
    }

    .index-page .index-question .call-back
    {
        margin: 40px 35px 0 35px;
    }

    .index-page .index-question .call-back .btn
    {
        margin-top: 0;
    }

    .index-page .index-question .call-back .description
    {
        padding: 20px 0 0px 30px;
        margin-bottom: 40px;
    }

    .index-page .index-catalog-products .index-catalog-product
    {
        padding-top: 40px;
    }

    .index-page .index-catalog-products .index-catalog-product .calc
    {
        margin-top: 25px;
    }

    .index-page .control-system
    {
        margin-top: 40px;
        padding-bottom: 40px;
    }

    .index-page .control-system .row.header, .index-page .control-system .row.body
    {
        margin: 0 -15px;
    }

    .index-page .control-system .header .title
    {
        margin-top: 40px;
    }

    .index-page .control-system .body .content .product
    {
        margin-top: 20px;
    }

    .index-page .control-system .body .content .btn
    {
        margin-top: 20px;
    }

    .index-page.energy-contract .header .title
    {
        font-size: 36px;
    }

    .index-page.energy-contract
    {
        margin-top: 40px;
    }

    .container.no-margin.energy-contract,
    .container.no-margin.energy-help,
    .container.no-margin.news,
    .container.no-margin.magazine
    {
        padding: 0 15px;
    }

    .index-page.energy-contract .body .description p
    {
        font-size: 19px;
    }

    .index-page.energy-contract .body .block-example
    {
        margin-top: 20px;
    }

    .index-page.energy-contract .description-block > .row
    {
        margin: 0;
    }

    .index-page.energy-contract .video-block
    {
        padding: 25px 0;
    }
    .index-page.energy-contract .video-block:before
    {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: -26px;
        left: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.25%, rgba(0, 0, 0, 0.72) 100%);
    }
    .index-page.energy-help
    {
        margin-top: 40px;
    }
    .index-page.energy-help .description
    {
        font-size: 33px;
        padding: 30px 30px 0px 40px;
    }
    .index-page.energy-help .energy-help-request
    {
        margin-top: 20px;
        padding: 30px 30px 0px 40px;
    }
    .index-page.energy-help .energy-help-request .agreements-link
    {
        padding-bottom: 40px;
    }
    .news-index-page
    {
        margin-top: 40px;
    }
    .news-index-page .header .title
    {
        padding-top: 40px;
        font-size: 36px;
        line-height: 118%;
    }
    .news-index-page .video-items .video-item .name
    {
        padding: 10px 0 20px 0;
    }

    .news-index-page .video-items .video-item .name a
    {
        font-weight: 500;
        font-size: 18px;
        line-height: 145%;
        letter-spacing: 0.05em;
        color: #38404E;
        border: none;
    }
    .index-page.energy-help .energy-help-request .btn
    {
        white-space: pre-wrap;
        font-size: 11px;
        line-height: 163%;
        text-align: center;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        height: 65px;
    }

    .news-index-page .all-videos .btn
    {
        width: 100%;
    }

    .container.no-margin.news
    {
        padding-bottom: 40px;
    }

    .index-page .magazine
    {
        margin-top: 120px;
    }

    .index-page .magazine .catalog-product img
    {
        top: -70px;
        max-width: 80%;
        left: auto;
    }
    .index-page .magazine a
    {
        font-size: 18px;
    }

    .index-page .magazine .catalog-product > div, .index-page .magazine .catalog-control-system > div
    {
        background: none;
        padding: 10px 30px 0 30px;
        line-height: 137.5%;
        letter-spacing: 0.05em;
    }

    .index-page .magazine .catalog-product
    {
        height: 225px;
        margin-bottom: 120px;
    }

    .index-page .magazine .catalog-control-system img
    {
        top: -70px;
        max-width: 80%;
        left: auto;
    }

    .index-page .magazine .catalog-product > div, .index-page .magazine .catalog-control-system > div
    {
        background: none;
        padding: 10px 30px 0 30px;
        line-height: 137.5%;
        letter-spacing: 0.05em;
    }

    .index-page .magazine .catalog-control-system
    {
        height: 225px;
        margin-bottom: 0px;
    }
    .modal-title {
        font-size: 18px;
        text-align: center;
        font-weight: 500;
    }

    footer.mobile .footer-call-back
    {
        padding-right: 50px;
    }

    #video-energy-popup .popup-page,
    #video-catalog-popup .popup-page
    {
        width: 100%;
        padding: 15px;
        top: auto;
        display: block;
    }

    #video-energy-popup .popup-page .right-column,
    #video-catalog-popup .popup-page .right-column
    {
        margin: 0;
        width: 100% !important;
    }

    #video-energy-popup .close-box,
    #video-catalog-popup .close-box
    {
        display: none;
    }

    #video-energy-popup .popup-page .close-window,
    #video-catalog-popup .popup-page .close-window
    {
        width: 100%;
    }

    #video-energy-popup .popup-page .content-description p,
    #video-catalog-popup .popup-page .content-description p
    {
        margin-top: 10px;
        line-height: 120%;
    }

    #video-energy-popup .popup-page .left-column,
    #video-catalog-popup .popup-page .left-column
    {
        width: 100%;
    }

    #video-energy-popup .popup-page .content-description .title,
    #video-catalog-popup .popup-page .content-description .title
    {
        font-size: 22px;
    }

    .index-page .control-system .body .content .product .image
    {
        background-position: right top;
    }

    .index-page .index-catalog-products .index-catalog-product .title
    {
        font-size: 30px;
    }

    .index-page .index-catalog-products .index-catalog-product .product-line
    {
        margin-top: 30px;
    }

    .index-page .production-content .production
    {
        height: 300px;
        margin: 30px 0;
    }

    #call-back-popup .form-finish
    {
        width: 90%;
    }

    #call-back-popup .form-finish .pdf-catalog-block .catalog-product,
    #call-back-popup .form-finish .pdf-catalog-block .catalog-control-system
    {
        width: 100%;
        margin: 0 20px;
    }

    #call-back-popup .form-finish .pdf-catalog-block .catalog-product .download,
    #call-back-popup .form-finish .pdf-catalog-block .catalog-control-system .download
    {
        margin: -20px 10px 0 10px;
        font-size: 16px;
        font-weight: normal;
    }

    #call-back-popup .form-finish .pdf-catalog-block .catalog-product .download a,
    #call-back-popup .form-finish .pdf-catalog-block .catalog-control-system .download a
    {
        font-size: 16px;
        font-weight: normal;
    }

    .index-page .index-header-links.desktop
    {
        display: none;
    }

    .index-page .index-header-links.mobile
    {
        display: block;
    }

    .index-page .production-content .production
    {
        display: none;
    }

    .index-page .production-content .production-mobile
    {
        display: block;
    }
}
@media (max-width: 480px){
    .request-catalog-item-price-modal.modalbox .content{
        padding: 25px 20px;
    }
}
/* End */


/* Start:/local/templates/main_new/css/jquery.fancybox.css?168026804418278*/
body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
/* End */


/* Start:/local/templates/main_new/../main//css/switcher.css?16802680432056*/
.switcher {cursor: pointer; display: inline-block; *display: inline; *zoom: 1;}
.switcher .content {position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.switcher .text {display: none; overflow: hidden; text-align: center; white-space: nowrap;}
.switcher.is-disabled {opacity: 0.4;}
.switcher.default {background-color: #fff; border: 2px solid #4c82d9; min-width: 48px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; height: 30px;}
.switcher.default input {display: none;}
.switcher.default .slider {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #eaeaea; height: 26px; left: 0; position: absolute; top: 0; -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; width: 50%; z-index: 2;}
.switcher.default .text {width: 50%; display: inline-block; *display: inline; *zoom: 1;}
.switcher.default .textYes {color: #ccc; float: left;}
.switcher.default .textNo {color: #9f9f9f; float: right;}
.switcher.default.is-active {background-color: #4c82d9;}
.switcher.default.is-active .slider {-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);}
.switcher.short {cursor: pointer; display: inline-block; margin-right: 5px; vertical-align: middle;}
.switcher.short input {display: none;}
.switcher.short .content {border: 1px solid #aaaaaa; border-radius: 50%; height: 18px; padding: 0; width: 18px;}
.switcher.short .slider {background-color: #519b20; border-radius: 50%; height: 12px; margin: 3px; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.2s; transition: all 0.2s; width: 12px;}
.switcher.is-active .slider {background: #fff; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/* End */


/* Start:/local/templates/main_new/../main//css/product_slider.css?16802680435118*/
.Container {
	max-width: 480px;
	margin: 0 auto;
	overflow: hidden;
}


.Wallop-item:before {position: absolute; top: 30px; right: 30px; font-size: 40px; text-align: center; line-height: 0;}
.Wallop img {vertical-align: middle; width: 100%;}
.Wallop {position: relative;}
.Wallop-list {position: relative; overflow: hidden;}
.Wallop-item {visibility: hidden; position: absolute; top: 0; left: 0; width: 100%;}
.Wallop-item--current {visibility: visible;position: relative;}

.Wallop--slide .Wallop-item--showPrevious {-webkit-animation: slideFromLeft 350ms 10ms linear both; -moz-animation: slideFromLeft 350ms 10ms linear both; -ms-animation: slideFromLeft 350ms 10ms linear both; animation: slideFromLeft 350ms 10ms linear both;}
.Wallop--slide .Wallop-item--showNext {-webkit-animation: slideFromRight 350ms 10ms linear both; -moz-animation: slideFromRight 350ms 10ms linear both; -ms-animation: slideFromRight 350ms 10ms linear both; animation: slideFromRight 350ms 10ms linear both;}
.Wallop--slide .Wallop-item--hidePrevious, .Wallop--slide .Wallop-item--hideNext {visibility: visible;}
.Wallop--slide .Wallop-item--hidePrevious {-webkit-animation: slideToLeft 350ms 10ms linear both; -moz-animation: slideToLeft 350ms 10ms linear both; -ms-animation: slideToLeft 350ms 10ms linear both; animation: slideToLeft 350ms 10ms linear both;}
.Wallop--slide .Wallop-item--hideNext {-webkit-animation: slideToRight 350ms 10ms linear both; -moz-animation: slideToRight 350ms 10ms linear both; -ms-animation: slideToRight 350ms 10ms linear both; animation: slideToRight 350ms 10ms linear both;}

@-webkit-keyframes slideFromLeft {0% {-webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}
@-moz-keyframes slideFromLeft {0% {-webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}
@-ms-keyframes slideFromLeft {0% {-webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}
@keyframes slideFromLeft {0% {-webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}}
@-webkit-keyframes slideFromRight {0% {-webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}
@-moz-keyframes slideFromRight {0% {-webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}
@-ms-keyframes slideFromRight {0% {-webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}
@keyframes slideFromRight {0% {-webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}}
@-webkit-keyframes slideToLeft {
	99% {opacity: 1;}
	100% {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
@-moz-keyframes slideToLeft {
	99% {opacity: 1;}
	100% {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
@-ms-keyframes slideToLeft {
	99% {opacity: 1;}
	100% {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
@keyframes slideToLeft {
	99% {opacity: 1;}
	100% {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
@-webkit-keyframes slideToRight {
	99% {opacity: 1;}
	100% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
}
@-moz-keyframes slideToRight {
	99% {opacity: 1;}
	100% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
}
@-ms-keyframes slideToRight {
	99% {opacity: 1;}
	100% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
}
@keyframes slideToRight {
	99% {opacity: 1;}
	100% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
}
/* End */


/* Start:/local/templates/main_new/../main//css/slider.css?168026804313355*/
.cd-hero {position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.cd-hero-slider {position: relative; height: 360px; overflow: hidden; margin:0; padding: 0;}
.cd-hero-slider li {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); list-style: none;}
.cd-hero-slider li.selected {position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.cd-hero-slider li.move-left {-webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
    /* the is-moving class is assigned to the slide which is moving outside the viewport */
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}
/* --------------------------------

Single slide style

-------------------------------- */
.cd-hero-slider li {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
/*
.cd-hero-slider li:first-of-type {
}
.cd-hero-slider li:nth-of-type(2) {
    background-color: #3d4952;
    background-image: url("/local/templates/main_new/../main//css/../assets/tech-1-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(3) {
    background-color: #586775;
    background-image: url("/local/templates/main_new/../main//css/../assets/tech-2-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(4) {
    background-color: #2c343b;
    background-image: url("/local/templates/main_new/../main//css/../assets/video-replace-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(5) {
    background-color: #2c343b;
    background-image: url(/local/templates/main_new/../main//css/../assets/img.jpg);
}
*/
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    text-align: center;
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.cd-hero-slider li img{width:100%;}
.cd-hero-slider .cd-img-container {
    /* hide image on mobile device */
    display: none;
}
.cd-hero-slider .cd-img-container img {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
    /* hide video on mobile device */
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
    /* you won't see this element in the html, but it will be injected using js */
    display: block;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    height: auto;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider h2, .cd-hero-slider p {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    line-height: 1.2;
    margin: 0 auto 14px;
    color: #ffffff;
    width: 90%;
    max-width: 400px;
}
.cd-hero-slider h2 {
    font-size: 2.4rem;
}
.cd-hero-slider p {
    font-size: 1.4rem;
    line-height: 1.4;
}
.cd-hero-slider .cd-btn {
    display: inline-block;
    padding: 1.2em 1.4em;
    margin-top: .8em;
    background-color: rgba(212, 68, 87, 0.9);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.cd-hero-slider .cd-btn.secondary {
    background-color: rgba(22, 26, 30, 0.8);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
    margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
    background-color: #d44457;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
    background-color: #161a1e;
}
@media only screen and (min-width: 768px) {
    .cd-hero-slider li:nth-of-type(2) {
        background-image: none;
    }
    .cd-hero-slider li:nth-of-type(3) {
        background-image: none;
    }
    .cd-hero-slider li:nth-of-type(4) {
        background-image: none;
    }
    .cd-hero-slider .cd-bg-video-wrapper {
        display: block;
    }
    .cd-hero-slider .cd-half-width {
        width: 45%;
    }
    .cd-hero-slider .cd-half-width:first-of-type {
        left: 5%;
    }
    .cd-hero-slider .cd-half-width:nth-of-type(2) {
        right: 5%;
        left: auto;
    }
    .cd-hero-slider .cd-img-container {
        display: block;
    }
    .cd-hero-slider h2, .cd-hero-slider p {
        max-width: 520px;
    }
    .cd-hero-slider h2 {
        font-size: 2.4em;
        font-weight: 300;
    }
    .cd-hero-slider .cd-btn {
        font-size: 1.4rem;
    }
}

/* --------------------------------

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
    .cd-hero-slider .cd-half-width {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
    }
    .cd-hero-slider .move-left .cd-half-width {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    .cd-hero-slider .selected .cd-half-width {
        /* this is the visible slide */
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .cd-hero-slider .is-moving .cd-half-width {
        /* this is the slide moving outside the viewport
        wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
        -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
        -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
        transition: opacity 0s 0.5s, transform 0s 0.5s;
    }
    .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
    .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
        /* this is the selected slide - different animation if it's entering from left or right */
        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    }
    .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
    .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
        /* this is the selected slide - different animation if it's entering from left or right */
        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
    }
    .cd-hero-slider .cd-full-width h2,
    .cd-hero-slider .cd-full-width p,
    .cd-hero-slider .cd-full-width .cd-btn {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
    .cd-hero-slider .move-left .cd-full-width h2,
    .cd-hero-slider .move-left .cd-full-width p,
    .cd-hero-slider .move-left .cd-full-width .cd-btn {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    .cd-hero-slider .selected .cd-full-width h2,
    .cd-hero-slider .selected .cd-full-width p,
    .cd-hero-slider .selected .cd-full-width .cd-btn {
        /* this is the visible slide */
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .cd-hero-slider li.is-moving .cd-full-width h2,
    .cd-hero-slider li.is-moving .cd-full-width p,
    .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
        /* this is the slide moving outside the viewport
        wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
        -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
        -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
        transition: opacity 0s 0.5s, transform 0s 0.5s;
    }
    .cd-hero-slider li.selected h2 {
        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    }
    .cd-hero-slider li.selected p {
        -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
        -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
        transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
    }
    .cd-hero-slider li.selected .cd-btn {
        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
    }
}
/* --------------------------------

Slider navigation

-------------------------------- */
.cd-slider-nav {position: absolute; width: 100%; bottom: 0; z-index: 2; text-align: center; margin-bottom: 40px;}
.cd-slider-nav a {background: #fff;}
.cd-slider-nav nav {
    display: inline-block;
    position: relative;
}
.cd-slider-nav .cd-marker {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 100%;
    color: #d44457;
    background-color: #ffffff;
    box-shadow: inset 0 2px 0 currentColor;
    -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
    -moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
    transition: transform 0.2s, box-shadow 0.2s;
}
.cd-slider-nav .cd-marker.item-2 {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.cd-slider-nav .cd-marker.item-3 {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
}
.cd-slider-nav .cd-marker.item-4 {
    -webkit-transform: translateX(300%);
    -moz-transform: translateX(300%);
    -ms-transform: translateX(300%);
    -o-transform: translateX(300%);
    transform: translateX(300%);
}
.cd-slider-nav .cd-marker.item-5 {
    -webkit-transform: translateX(400%);
    -moz-transform: translateX(400%);
    -ms-transform: translateX(400%);
    -o-transform: translateX(400%);
    transform: translateX(400%);
}
.cd-slider-nav ul::after {
    clear: both;
    content: "";
    display: table;
}
.cd-slider-nav li {display: inline-block; width: 10px; height:10px; float: left; margin:10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(255, 255, 255, 0.5);}
.cd-slider-nav li.selected{background: #fff;}

@media only screen and (min-width: 768px) {
    .cd-slider-nav {
        /*height: 100px;*/
    }
    .cd-slider-nav .cd-marker,
    .cd-slider-nav li {}
    .cd-slider-nav a::before {
        top: 18px;
    }
}

/* --------------------------------

Main content

-------------------------------- */
.cd-main-content {
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
    padding: 2em 0;
}
.cd-main-content p {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #999999;
    margin: 2em 0;
}
@media only screen and (min-width: 1170px) {
    .cd-main-content {
        padding: 3em 0;
    }
    .cd-main-content p {
        font-size: 1.6rem;
    }
}

/* --------------------------------

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li {
    display: none;
}
.no-js .cd-hero-slider li.selected {
    display: block;
}

.no-js .cd-slider-nav {
    display: none;
}

/* End */


/* Start:/local/templates/main_new/../main//css/modalbox.css?1680268043394*/
.modalbox{max-width:100%; position: absolute; top: 0; left: 0; padding: 0; display: none; background-color: #fff;  z-index: 100500;  min-width: 300px;}
.modalbox .content{padding:20px;}
.modalbox .close{background-image: url('/local/templates/main_new/../main//css/../images/close.png'); width: 12px; height: 12px; background-size: contain; background-repeat: no-repeat; position: absolute; top: 20px; right: 20px; cursor: pointer;}

/* End */


/* Start:/local/templates/main_new/../main//css/select.css?16802680437820*/
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
    box-shadow: inset 0 0 12px 4px #ffffff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
    color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    /* fixes ie bug (see #392) */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0 0 0;
    border-left: 1px solid #d0d0d0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #ffffff;
}
.selectize-control {
    position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
    background: #ffffff;
    cursor: text;
    display: inline-block;
}
.selectize-input {
    border: 1px solid #d2d5d9;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px;
}
.selectize-input.full {
    background-color: #ffffff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important;
}
.selectize-input.focus {} /* focus */
.selectize-input.dropdown-active {} /* click select */

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color: #7d7d7d;
    background: #ffffff;
    border: 0 solid #ffffff;
}
.selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 2px 0 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
    display: none;
}
.selectize-input > input:focus {
    outline: none !important;
}
.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}

div.selectize-control.styled.single input[type="text"]{display: none !important;}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #ffffff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
    padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
    color: #303030;
    background: #ffffff;
    cursor: default;
}
.selectize-dropdown .active {
    background-color: #f5fafd;
    color: #495c68;
}
.selectize-dropdown .active.create {
    color: #495c68;
}
.selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
    cursor: text;
}
.selectize-control.single .selectize-input:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    width: 14px;
    height: 8px;
    background: url('/local/templates/main_new/../main//css/../images/select_arrow.png');
}
.selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -4px;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto;
}
.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
    opacity: 0.5;
    background-color: #fafafa;
}

/* End */


/* Start:/local/templates/main_new/../main//css/tooltip.css?1680268043419*/
*[data-type="tooltip"]{position: relative;}
*[data-type="tooltip"] > div {display: none; position: absolute; bottom: -1px; left: -1px; z-index: 1000; padding: 8px 12px; text-align: left; -webkit-box-shadow: 0 0 1px #00a653; -moz-box-shadow: 0 0 1px #00a653; box-shadow: 0 0 1px #00a653; border: 1px solid #00a653; background-color: #ebeef2; border-radius: 2px; width: 200px; font-size: 1em; line-height: 1.28571429em;}
/* End */


/* Start:/local/templates/main_new/../main//styles.css?174593182295290*/
@font-face {font-display: auto; font-family: "GothamPro"; src: url("/local/templates/main_new/../main//fonts/GothamProRegular/GothamProRegular.eot"); src: url("/local/templates/main_new/../main//fonts/GothamProRegular/GothamProRegular.eot?#iefix")format("embedded-opentype"), url("/local/templates/main_new/../main//fonts/GothamProRegular/GothamProRegular.woff") format("woff"), url("/local/templates/main_new/../main//fonts/GothamProRegular/GothamProRegular.ttf") format("truetype"); font-style: normal; font-weight: normal;}

@font-face {font-display: auto; font-family: "GothamPro"; src: url("/local/templates/main_new/../main//fonts/GothamProBold/GothamProBold.eot"); src: url("/local/templates/main_new/../main//fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"), url("/local/templates/main_new/../main//fonts/GothamProBold/GothamProBold.woff") format("woff"), url("/local/templates/main_new/../main//fonts/GothamProBold/GothamProBold.ttf") format("truetype"); font-style: normal; font-weight: bold;}

@font-face {font-display: auto; font-family: "GothamProBlack"; src: url("/local/templates/main_new/../main//fonts/GothamProBlack/GothamProBlack.eot"); src: url("/local/templates/main_new/../main//fonts/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"), url("/local/templates/main_new/../main//fonts/GothamProBlack/GothamProBlack.woff") format("woff"), url("/local/templates/main_new/../main//fonts/GothamProBlack/GothamProBlack.ttf") format("truetype"); font-style: normal; font-weight: normal;}

@font-face {font-display: auto; font-family: "GothamPro"; src: url("/local/templates/main_new/../main//fonts/GothamProItalic/GothamProItalic.eot"); src: url("/local/templates/main_new/../main//fonts/GothamProItalic/GothamProItalic.eot?#iefix")format("embedded-opentype"), url("/local/templates/main_new/../main//fonts/GothamProItalic/GothamProItalic.woff") format("woff"), url("/local/templates/main_new/../main//fonts/GothamProItalic/GothamProItalic.ttf") format("truetype"); font-style: italic; font-weight: normal;}

@font-face {font-display: auto; font-family: "GothamPro"; src: url("/local/templates/main_new/../main//fonts/GothamProLight/GothamProLight.eot"); src: url("/local/templates/main_new/../main//fonts/GothamProLight/GothamProLight.eot?#iefix")format("embedded-opentype"), url("/local/templates/main_new/../main//fonts/GothamProLight/GothamProLight.woff") format("woff"), url("/local/templates/main_new/../main//fonts/GothamProLight/GothamProLight.ttf") format("truetype"); font-style: normal; font-weight: 300;}

@font-face {font-display: auto; font-family: "GothamPro"; src: url("/local/templates/main_new/../main//fonts/GothamProLightItalic/GothamProLightItalic.eot"); src: url("/local/templates/main_new/../main//fonts/GothamProLightItalic/GothamProLightItalic.eot?#iefix")format("embedded-opentype"), url("/local/templates/main_new/../main//fonts/GothamProLightItalic/GothamProLightItalic.woff") format("woff"), url("/local/templates/main_new/../main//fonts/GothamProLightItalic/GothamProLightItalic.ttf") format("truetype"); font-style: italic; font-weight: 300;}

@font-face {font-display: auto; font-family: "GothamPro"; src: url("/local/templates/main_new/../main//fonts/GothamProBoldItalic/GothamProBoldItalic.eot"); src: url("/local/templates/main_new/../main//fonts/GothamProBoldItalic/GothamProBoldItalic.eot?#iefix")format("embedded-opentype"), url("/local/templates/main_new/../main//fonts/GothamProBoldItalic/GothamProBoldItalic.woff") format("woff"), url("/local/templates/main_new/../main//fonts/GothamProBoldItalic/GothamProBoldItalic.ttf") format("truetype"); font-style: italic; font-weight: bold;}

@font-face {font-display: auto; font-family: "GothamProMedium"; src: url("/local/templates/main_new/../main//fonts/GothamProMedium/GothamProMedium.eot"); src: url("/local/templates/main_new/../main//fonts/GothamProMedium/GothamProMedium.eot?#iefix")format("embedded-opentype"), url("/local/templates/main_new/../main//fonts/GothamProMedium/GothamProMedium.woff") format("woff"), url("/local/templates/main_new/../main//fonts/GothamProMedium/GothamProMedium.ttf") format("truetype"); font-style: normal; font-weight: normal;
}

@font-face {font-display: auto; font-family: "Magistral"; src: url('/local/templates/main_new/../main//fonts/Magistral/MagistralBlackC.eot'); src: url('/local/templates/main_new/../main//fonts/Magistral/MagistralBlackC.eot?#iefix') format('embedded-opentype'), url('/local/templates/main_new/../main//fonts/Magistral/MagistralBlackC.woff') format('woff'), url('/local/templates/main_new/../main//fonts/Magistral/MagistralBlackC.ttf') format('truetype'), url('/local/templates/main_new/../main//fonts/Magistral/MagistralBlackC.svg#magistral') format('svg'); font-weight: bold; font-style: normal;}

@font-face {font-display: auto; font-family: 'Magistral'; src: url('/local/templates/main_new/../main//fonts/Magistral/MagistralC.eot'); src: url('/local/templates/main_new/../main//fonts/Magistral/MagistralC.eot?#iefix') format('embedded-opentype'), url('/local/templates/main_new/../main//fonts/Magistral/MagistralC.woff') format('woff'), url('/local/templates/main_new/../main//fonts/Magistral/Magistral.ttf') format('truetype'), url('/local/templates/main_new/../main//fonts/Magistral/MagistralC.svg#magistral') format('svg'); font-weight: normal; font-style: normal;}

@font-face {font-display: auto; font-family: 'Magistral'; src: url('/local/templates/main_new/../main//fonts/Magistral/MagistralBold.eot'); src: url('/local/templates/main_new/../main//fonts/Magistral/MagistralBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main_new/../main//fonts/Magistral/MagistralBold.woff') format('woff'), url('/local/templates/main_new/../main//fonts/Magistral/MagistralBold.ttf') format('truetype'), url('/local/templates/main_new/../main//fonts/Magistral/MagistralBold.svg#magistral') format('svg'); font-weight: 600; font-style: normal;}

html{position: relative; min-height: 100%;}
body{margin: 0; padding: 0; font-family: "GothamPro"; font-weight: 400; font-size: 14px; background-color: #fff; color:#333940; margin-bottom: 280px;}

input[type="text"],
input[type="password"],
input[type="email"],
textarea
{border: 1px solid #d2d5d9; padding: 13px 20px; color: #8a9199; font-size: 0.857142857em; width:100%;}

input[type="text"]:focus,
input[type="password"]:focus,
textarea
{ outline: none; }

h1, h2, h3, h4{
font-family: 'Magistral';
}
img{max-width:100%;}
p{margin: 10px 0 0 0; font-size: 1em; line-height: 1.42857143em;}
p.no-top{margin:0;}
.clr{clear: both; float:none;}

.upper{text-transform: uppercase;}

.project .linker a{float: left;margin-right: 5px; }
#overlay{background: rgba(0, 0, 0, 0.7); z-index: 300; position: absolute;}
/* button */
.button{font-size: 1em; text-align: center; cursor:pointer;-webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; padding:11px 30px; line-height: 1em; display: inline-block;}
.button.green{background-color: #00a653; color:#fff; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.button.white{background-color: #ebeef2; color:#fff; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; color:#a1aab2;}
.button.blue{background-color:#2b75c8; color:#fff; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}

.button.green:hover{background-color:#008c46;}
.button.white:hover{background-color:#d9dce0; color:#fff;}
.button.blue:hover{background-color: #2464ad;}

.button.slider{
	border:2px solid #29a150;
	padding:11px 50px;
	color:#fff;
}

.button.slider:hover{
	background-color:#d9dce0; color:#fff;
}

#goTop{background: url('/local/templates/main_new/../main//images/scroll-top.png') no-repeat 50% 50%; width: 40px; height: 40px; position:fixed; bottom: -100px; right:20px; opacity: 0.5; background-size: contain; cursor: pointer;}

div.back-nav{padding: 0; margin: 0; list-style: none;}
div.back-nav.margin-top{padding: 0; margin: 60px 0 0 0; list-style: none;}
div.back-nav a{color:#a1aab2;}
div.back-nav a:hover{color:#fff;}
div.back-nav a:hover div.item{background: #2b75c8;}
div.back-nav div.item{float: left; width: 46px; height: 46px; background: #ebeef2; text-align: center; line-height: 46px; margin-right: 10px;}
div.back-nav a.active{color:#fff;}
div.back-nav a.active div.item{background: #2b75c8;}
div.back-nav div.space{float: left; width: 46px; height: 46px; background: #fff; text-align: center; line-height: 46px; margin-right: 10px;}

/* modal box */
.modalbox .title{font-family: Magistral; font-size: 1.71428571em; line-height: 1.71428571em; margin-bottom: 30px; text-align: left; color: #333940; margin-right: 20px;}
.city_selector.modalbox{min-width: 550px;}

div.callback.modalbox{width: 370px;}
div.callback.modalbox div.content div.title{text-align: center; margin-bottom: 0px;}
div.callback.modalbox div.content div.desc{color:#5c6166; font-size: 1em; line-height: 1.28571429em; font-weight: 300; text-align: center; margin-bottom: 15px;}
div.callback.modalbox div.content input[type="text"]{margin-top: 15px;}
div.callback.modalbox div.content div.send-button{text-align: center;}
div.callback.modalbox div.content div.send-button div.button{margin-top: 20px;}

div.get-calc.modalbox{width: 660px;}
div.get-calc.modalbox div.content div.title{text-align: center; margin-bottom: 0px;}
div.get-calc.modalbox div.content div.desc{color:#5c6166; font-size: 1em; line-height: 1.28571429em; font-weight: 300; text-align: center; margin-bottom: 15px;}
div.get-calc.modalbox div.content input[type="text"]{margin-top: 15px;}
div.get-calc.modalbox div.content div.send-button{text-align: center;}
div.get-calc.modalbox div.content div.send-button div.button{margin-top: 20px;}



div.mailbox.modalbox{width: 660px;}
div.mailbox.modalbox div.content {padding: 50px;}
div.mailbox.modalbox div.content div.title{ margin-bottom: 10px;}

/* header */
div.top{padding: 0; background-color: #373e45; height: 54px; line-height: 54px;}

/* header - menu */
div.top ul.menu{padding:0; margin:0;}
div.top ul.menu li{float: left; list-style: none; margin-right: 27px;}
div.top ul.menu li:last-child{margin-right: 0px;}
div.top ul.menu li a{color:#ccd3db; text-decoration: none;}
div.top ul.menu li a:hover{color:#00a756;}
div.top ul.menu li.active a{color:#00a756;}

div.container-fluid.top div.container{width: 1000px;}
div.container-fluid.top div.container > div.row{margin-left:0;}
/* header - logo row */

div.container.default-content h1{margin-bottom: 30px;}
div.container.default-content p{margin: 10px 0; line-height: 150%; text-align: justify; font-size: 0.928571429em;}

div.header div.main{margin:41px -15px;}
div.header div.main div.logo{background-image: url('/local/templates/main_new/../main//images/logo.png'); background-repeat: no-repeat;background-size: contain; background-position: center;width: 150px; height: 40px;margin-right: 10px}
div.header div.main div.col-md-6{padding: 0;}
div.header div.main div.select_city{margin-top: 25px; padding-top: 0; padding-bottom: 0; cursor: pointer;}
div.header div.main div.select_city span{color:#00a756; font-size: 1em; border-bottom: 1px dotted #00a756;}
div.header div.main div.select_city div.selector{background-image: url('/local/templates/main_new/../main//images/city_selector.png'); width: 11px; height: 7px; display: inline-block;}
div.header div.main div.select_city.active div.selector{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
div.header div.main div.select_city_shower{top:50px; left: -20px; background: #ebeef2; position: absolute; z-index: 300; display: none; width: 170px;}
div.header div.main div.select_city_shower div.icon{background: url('/local/templates/main_new/../main//images/city_select_shower.png') no-repeat center bottom; position: absolute; top: -14px; width: 14px; height: 7px; margin-left: 40%; z-index: 1000;}
div.header div.main div.select_city_shower ul{list-style: none; padding: 0; margin: 0;}
div.header div.main div.select_city_shower ul li{/*height: 2.57142857em;*/ line-height: 2.57142857em; padding:0 20px; cursor: pointer;}
div.header div.main div.select_city_shower ul li:hover{background: #e2e5e9;}
div.header div.main div.select_city_shower ul li a{color:#333940;}
div.header div.main div.select_city_shower ul li a:hover{text-decoration: none;}

div.header div.main div.col-md-3{padding: 0;}
div.header div.main div.phone{font-size: 1.28571429em; padding-top: 20px; text-align: center;}
div.header div.main div.row.ext > div {padding: 0;}
div.header div.main div#call_back{margin-top:10px;}
div.header div.main div.icon{float: left; margin: 10px 0 0 0; width: 100%;}
div.header div.main div.icon a div{width: 20px; height: 20px; display: inline-block; background-position: 50% 50%; background-repeat: no-repeat; margin-right: 20px;}
div.header div.main div.icon .search{background-image: url('/local/templates/main_new/../main//images/icon_search.png');}
div.header div.main div.icon .mail{background-image: url('/local/templates/main_new/../main//images/icon_mail.png');}
div.header div.main div.icon form.search_form{display: inline-block;}
div.header div.main div.icon input[type="text"].search_input{border:0; padding: 0; margin: 0; background: url('/local/templates/main_new/../main//images/icon_search.png') no-repeat 50% 50% #ebeef2; width: 40px; height: 40px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; text-align: center;-webkit-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
div.header div.main div.icon input[type="text"].search_input.active{width: 180px; text-align: left; padding: 0 20px  0 40px;background: url('/local/templates/main_new/../main//images/icon_search.png') no-repeat 10px 50% #ebeef2;}
div.header div.main div.icon input[type="submit"].search_input{display: none;}
div.header div.main div.icon div.mail_box{float: right; padding-top: 10px; padding-left: 25px;}
div.header div.main div.icon div.search_form{float: right;}
div.header div.main div.col-icon{width: 266px; float: left;}
div.header div.main div.col-button{float: left;}
div.header div.main div.col-phone{float: right;}

div.mailbox input[type="text"],
div.mailbox input[type="email"]
{margin: 10px 0;}

div.mailbox textarea{margin: 10px 0; height: 130px;}
div.mailbox div.button{margin: 0 auto;}

div.city_selector ul{padding:0; margin: 0;}
div.city_selector ul li{list-style: none; margin:0 5px;}
div.city_selector ul li.alb{font-family: Magistral; color: #00a653; font-size:1.28571429em; margin-bottom:5px; padding-bottom:10px; border-bottom: 1px dotted #00a756;}
div.city_selector ul li a{font-size: 0.857142857em;}
div.city_selector ul li a span{color: #000;}

/* slider */
div.container-fluid.slider{height:360px;}

/* flush banner */
div.container.flush_banner{position: relative; margin-top: -40px;}
/*div.container.flush_banner div.row{margin: 0 20px;}*/
div.container.flush_banner div.row a,
div.container.flush_banner div.row a:hover,
div.container.flush_banner div.row a:focus
{color:#fff; font-size: 24px; font-family: Magistral;}
div.container.flush_banner div.row div.banner{height: 160px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
div.container.flush_banner div.row div.banner:hover{background-size: 110%;}
div.container.flush_banner div.row div.banner > div{margin-left: 50px; margin-top: 57px;}
div.container.flush_banner div.row div.banner.project > div{margin-top: 68px;}
div.container.flush_banner div.row div.banner.catalog{background-image: url('/local/templates/main_new/../main//images/index_linker_1.png');}
div.container.flush_banner div.row div.banner.project{background-image: url('/local/templates/main_new/../main//images/index_linker_2.png');}
div.container.flush_banner div.row div.banner.calc{background-image: url('/local/templates/main_new/../main//images/index_linker_3.png');}

/* index content */

div.container.index_news div.row > div.title{font-size: 2.42857143em; text-align: center; font-family: Magistral; margin-top: 80px; margin-bottom: 60px; text-transform: uppercase;}
div.container.index_news div.list div.news_unit{padding: 0; width: 296px; margin-right: 40px;}
div.container.index_news div.list div.news_unit.col-md-2{width: 140px;}
div.container.index_news div.list div.news_unit:last-child{padding: 0;}
div.container.index_news div.all-news{margin-top: 15px; text-align: right;}
div.container.index_news div.all-news a{color: #00a653; font-size: 0.857142857em;}

div.container.index_news div.list div.news_unit div.image{width: 100%; height: 180px; margin-bottom:18px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
div.container.index_news div.list div.news_unit div.date{color: #6c7580; font-size: 0.857142857em;}
div.container.index_news div.list div.news_unit div.title{margin: 20px 0; font-weight: bold;}
div.container.index_news div.list div.news_unit div.preview-text{line-height: 1.42857143; color:#333940;}
div.container.index_news div.list div.news_unit div.tags > div{margin-top: 18px; color: #00a653;}
div.container.index_news div.list div.news_unit > a{text-decoration: none; color: #333940;}
div.container.index_news div.list div.news_unit > a:hover{color:#6c7580;}

div.container.index_news div.list div.news_unit.col-md-2 div.preview-text{display: none;}
div.container.index_news div.list div.news_unit.col-md-2 div.image{width: 140px; height: 140px;}

div.container.index_content div.title{color: #333940; font-size: 2.57142857em; font-family: Magistral; text-align: center; margin: 60px 0; text-transform: uppercase;}
div.container.index_content div.title span{color: #00a653;}

div.container.index_content h1{color: #333940; font-size: 2.57142857em; font-family: Magistral; text-align: center; margin: 60px 0; text-transform: uppercase;}
div.container.index_content h1 span{color: #00a653;}


div.container.index_content div.content{color: #333940; line-height: 1.42857143em; text-align: justify;padding: 0 15px;}
div.container.index_content div.read_more_button{margin-top: 30px; text-align: right;}

div.container-fluid.about{background-color: #0091aa; height: 420px; background-image: url('/local/templates/main_new/../main//images/index_about.jpg'); background-position: center right; background-repeat: no-repeat; margin: 0; padding: 0; margin-top:80px;}
div.container-fluid.about div.container div.desc{margin-top: 110px;}
div.container-fluid.about div.container div.desc div.title{color: #fffffd; font-family: Magistral; font-size:3.42857143em;}
div.container-fluid.about div.container div.desc div.content{margin-top:30px; color:#ffffff; line-height: 1.42857143em;}
div.container-fluid.about div.container div.desc div.button{margin-top:30px;}

/* project */

div.container-fluid.project{padding-bottom: 40px;}
div.container-fluid.project div.title h1{ color: #fff; font-size: 3.42857143em; font-family: Magistral; line-height: 200px; padding: 0; margin: 0;}

div.container-fluid.project div.title.proektirovshikam{ height: 200px;}
div.container-fluid.project div.title.proektirovshikam h1{    color: #fff;
	font-size: 34px;
	font-family: Magistral;
	margin: 0;
	line-height: 100%;
	padding: 68px 0 0;
}

div.container-fluid.project .linker{padding: 0; margin: 0; margin-top: 45px;}
div.container-fluid.project .linker a{color: #fff; text-decoration: none; font-size: 0.857142857em;}
div.container-fluid.project .linker div{list-style: none; border:2px solid #2b75c8; padding:10px 12px; margin:10px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
div.container-fluid.project .linker div:hover{color:#fff; background: #2b75c8; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}

div.container.project_selector{margin-top: 80px; display: -webkit-flex; display: flex; padding: 0;}
div.container.project_selector div.content{flex: 1; border: 3px solid #ebeef2; border-right: 0; padding: 0;}
div.container.project_selector div.content div.body{padding: 50px; line-height: 1.42857143em;}
div.container.project_selector div.content div.body > div.typed{display: none;}
div.container.project_selector div.selector{padding: 0; background-color: #ebeef2; }
div.container.project_selector div.selector a{text-decoration: none;}
div.container.project_selector div.selector div{font-size: 1.07142857em; line-height: 1.42857143em; font-weight: 300; padding: 31px 0px 15px 110px; cursor: pointer;}

div.container.project_selector div.selector div.catalog{background-color: #00a653; color: #fff; background-repeat: no-repeat; background-position: 40px 50%; height: 100px;}
div.container.project_selector div.selector div.catalog:hover{background-color: #008c46; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}

div.container.project_selector div.selector div.print{background-color: #2b75c8; color: #fff;background-repeat: no-repeat; background-position: 40px 50%; height: 100px;}
div.container.project_selector div.selector div.print:hover{background-color: #3c578c; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}

div.container.project_selector div.selector div.lib{background-color: #ebeef2; color: #00a653;background-repeat: no-repeat; background-position: 40px 50%; height: 100px;}
div.container.project_selector div.selector div.lib:hover{background-color: #eaeaea; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}



div.container.tech_info div.title h3{margin: 80px 0 60px 0; font-family: Magistral; text-align: center; font-size: 2.57142857em;}
div.container.tech_info div.row{margin-right: -9px; margin-left: -9px;}
div.container.tech_info div.banner{background-repeat: no-repeat; height: 220px;}
div.container.tech_info div.banner.guarantee{background-color: #00a653;}
div.container.tech_info div.banner.consultation{background-color: #ebeef2;}
div.container.tech_info div.banner h4{padding: 0; margin: 0; font-family: Magistral;}
div.container.tech_info div.banner p{opacity: 0.8;}

div.container.tech_info div.banner h4{font-size: 2.57142857em; margin: 60px 0 15px 40px;}
div.container.tech_info div.banner p{margin-left: 40px; line-height: 1.42857143em;}

div.container.tech_info div.banner.partner h4{color: #00a653;}
div.container.tech_info div.banner.partner p{color: #333940;}

div.container.tech_info div.banner.project h4{color: #fff;}
div.container.tech_info div.banner.project p{color: #fff;}

div.container.tech_info div.banner.smart h4{color: #fff; margin: 60px 0 15px 460px;}
div.container.tech_info div.banner.smart p{color: #fff; margin-left: 460px;}

div.container.tech_info div.banner.guarantee h4{color: #fff;}
div.container.tech_info div.banner.guarantee p{color: #fff;}

div.container.tech_info div.banner.quality h4{color: #fff;}
div.container.tech_info div.banner.quality p{color: #fff;}

div.container.tech_info div.banner.consultation h4{color: #373e45; font-size: 1.85714286em; margin: 40px 0 15px 40px;}
div.container.tech_info div.banner.consultation p{color: #373e45; margin-left: 40px; line-height: 1.42857143em;}


div.container-fluid.inform{margin-top: 80px; background-color: #ebeef2; padding: 80px 0;}
div.container-fluid.inform div.row > div.title{font-size: 2.57142857em; text-align: center; color: #333940; font-family: Magistral; text-transform: uppercase;}
div.container-fluid.inform div.row > div.title span{color: #00a653;}
div.container-fluid.inform div.row.file-list{margin-top: 50px;}
div.container-fluid.inform div.row.file-list div.icon-file{background-repeat: no-repeat; padding-left: 38px;}
div.container-fluid.inform div.row.file-list div.icon-file.pdf{background-image: url('/local/templates/main_new/../main//images/file_type_pdf.png');}
div.container-fluid.inform div.row.file-list div.icon-file.doc{background-image: url('/local/templates/main_new/../main//images/file_type_doc.png');}
div.container-fluid.inform div.row.file-list div.icon-file.jpg{background-image: url('/local/templates/main_new/../main//images/file_type_jpg.png');}
div.container-fluid.inform div.row.file-list div.icon-file div.title{}
div.container-fluid.inform div.row.file-list div.icon-file div.title a{color:#00a653;}
div.container-fluid.inform div.row.file-list div.icon-file div.title a:hover{text-decoration: none; color:#008c46;}
div.container-fluid.inform div.row.file-list div.icon-file div.desc{color:#333940; margin-top: 6px;}

div.container-fluid.askq{background-repeat: repeat;padding-bottom: 45px;}
div.container-fluid.askq div.title{margin-top: 80px; font-family: Magistral; color: #fff; font-size: 3.42857143em;}
div.container-fluid.askq div.content{margin-top: 45px; color:#a1a9b2; line-height: 1.42857143em;}
div.container-fluid.askq div.content span.phone{color: #fff; font-weight: bold;}
div.container-fluid.askq div.link_button{margin-top: 54px;}

/* page seminar */

div.container.seminar{margin: 60px auto 80px auto;}
div.container.seminar div.title{font-family: Magistral; color: #333940; font-size: 2.42857143em; text-transform: uppercase; text-align: center; margin-bottom: 60px;}
div.container.seminar div.row.list{}
div.container.seminar div.row.list > div > div.item{margin-bottom: 50px;}
div.container.seminar div.row.list > div > div.item div.info{margin-bottom: 15px;}
div.container.seminar div.row.list > div > div.item div.info span.city{color:#00a653; font-size: 0.857142857em;}
div.container.seminar div.row.list > div > div.item div.info span.date{color:#6c7580; font-weight: 300; font-size: 0.857142857em;}
div.container.seminar div.row.list > div > div.item div.name{color:#333940; font-size: 1em; line-height: 1.42857143em; font-weight: bold; margin-bottom: 20px;}
div.container.seminar div.row.list > div > div.item div.desc{color:#333940; font-size: 1em; line-height: 1.42857143em;}
div.container.seminar div.row.list > div > div.item:last-child{margin-bottom: 0px;}

div.container-fluid.seminar{background-repeat: no-repeat;background-position: center center; height: 300px;}
div.container-fluid.seminar div.row div.seminar-block{margin-top: 65px;}
div.container-fluid.seminar div.row div.seminar-block div.title{font-family: Magistral; color: #fff; font-size: 2.42857143em;}
div.container-fluid.seminar div.row div.seminar-block div.desc{color: #fff; font-size: 1em; line-height: 1.42857143em; margin-top: 20px; margin-bottom: 30px;}
div.container-fluid.seminar div.row div.seminar-block div.row.lm-button > div{padding: 0; color: #fff; font-size: 0.857142857em; line-height: 1.42857143em;}
div.container-fluid.seminar div.row div.webinar-block{margin-top: 65px;}
div.container-fluid.seminar div.row div.webinar-block div.title{font-family: Magistral; color: #373e45; font-size: 2.42857143em;}
div.container-fluid.seminar div.row div.webinar-block div.desc{color: #373e45; font-size: 1em; line-height: 1.42857143em; margin-top: 20px; margin-bottom: 30px;}


/* page menu */

.horizontal-menu{margin-top:80px; margin-bottom: 20px;}
.horizontal-menu .center{text-align: center;}

div.container.system_scheme div.container.horizontal-menu{margin-top: 40px;}

.horizontal-menu ul.page_menu{padding: 0; margin: 0;}
.horizontal-menu ul.page_menu.center{display: inline-block;}
.horizontal-menu ul.page_menu li{float: left; list-style: none; background-color: #2b75c8; text-align: center;}
.horizontal-menu ul.page_menu li:hover{background-color: #2B63C8; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.horizontal-menu ul.page_menu li:first-child{-webkit-border-top-left-radius: 18px; -webkit-border-bottom-left-radius: 18px; -moz-border-radius-topleft: 18px; -moz-border-radius-bottomleft: 18px; border-top-left-radius: 18px; border-bottom-left-radius: 18px;}
.horizontal-menu ul.page_menu li:last-child{-webkit-border-top-right-radius: 18px; -webkit-border-bottom-right-radius: 18px; -moz-border-radius-topright: 18px; -moz-border-radius-bottomright: 18px; border-top-right-radius: 18px; border-bottom-right-radius: 18px;}
.horizontal-menu ul.page_menu li a{color:#fff; text-decoration: none;}
.horizontal-menu ul.page_menu li div{height: 36px; line-height: 36px; padding: 0px 30px;font-size: 14px;}
.horizontal-menu ul.page_menu li.active{background-color: #ebeef2;}
.horizontal-menu ul.page_menu li.active:hover{background-color: #eee; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.horizontal-menu ul.page_menu li.active a{color: #a1aab2;}

/* calc */

div.container-fluid.calc_header{background-color: #00a84c;}
div.container-fluid.calc_header div.container.calc_header{background-image: url('/local/templates/main_new/../main//images/calc_header.png'); background-position: left center; background-repeat: no-repeat;padding: 50px 0;background-size: cover;}
div.container-fluid.calc_header div.container.calc_header div.title h1{font-family: Magistral; font-size: 2.57142857em; color:#fff; padding: 0;}
div.container-fluid.calc_header div.container.calc_header div.body{ color:#fff; margin: 20px 0 0 0; line-height: 1.42857143em;}
div.container.calc_form div.separator{margin-bottom: 10px;}
div.container.calc_form div.separator input[type="text"]{width: 88px; float: right; text-align: center; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; padding: 10px 20px;}
div.container.calc_form div.separator input[type="text"].col12{width: 100%; text-align: left;}
div.container.calc_form div.separator div.title{color: #333940; line-height: 1.42857143em; font-weight: bold; margin: 30px 0 20px 0;}
div.container.calc_form div.separator div.title.first{margin-top: 0;}
div.container.calc_form div.separator div.param-name{color: #5c6166; font-size:0.857142857em; line-height: 3em;}
div.container.calc_form div.separator div.button.green{width:100%; margin-bottom: 20px;}
div.container.calc_form div.separator div.eq-select{}
div.container.calc_form div.separator div.eq-select div.eq-selected{background-color: #ebeef2; font-size: 0.857142857em; line-height: 3em; height: 3em; padding: 0px 20px;}

div.container.calc_form div.lumn-form{margin-top: 10px;}
div.container.calc_form div.lumn-form .title-icon{color:#5c6166; font-size: 0.857142857em; height: 35px; line-height: 35px; background: url('/local/templates/main_new/../main//images/calc_info.png') no-repeat 100% 50%;}


div.container.calc_form div.separator div.eq-select div.eq-selected div.delete{background-image: url('/local/templates/main_new/../main//images/calc_delete.png'); width: 16px; height: 19px; float: right; margin-top: 9px; cursor: pointer;}
div.container.calc_form div.separator div.eq-select div.eq-selected div.delete:hover{background-image: url('/local/templates/main_new/../main//images/calc_delete_hover.png');}
div.container.calc_form div.calc_house{background-image: url('/local/templates/main_new/../main//images/calc_house.png'); background-repeat: no-repeat; background-size: contain; height: 369px; position: relative;}
div.container.calc_form div.calc_house div.block{position: absolute; font-size: 1em; color:#2b75c8;}
div.container.calc_form div.calc_house div.width{top: 320px; left: 100px;}
div.container.calc_form div.calc_house div.height{top: 164px; left: 476px;}
div.container.calc_form div.calc_house div.work{top: 248px; left: 365px;}
div.container.calc_form div.calc_house div.length{top: 320px; left: 380px;}
div.container.calc_form div.calc_house div.global_s{font-size: 2.14285714em; top: 40px; left: 100px;}
div.container.calc_form div.calc_house div.calc_button{bottom: 0; right: 0;}
div.container.calc_form div.desc-calc{background-color: #ebeef2; margin: 40px 0 0 0; padding: 30px 20px 30px 60px; background-image: url('/local/templates/main_new/../main//images/calc_desc.png'); background-repeat: no-repeat; background-position: 30px 50%; color: #333940; font-size: 0.857142857em; line-height: 1.42857143em;}

div.container.calc_form div.row-action{margin: 30px auto 0 auto; text-align: center; float: none;}
div.container.calc_form div.row-action .button{ display: inline-block; margin-left: 20px;}
div.container.calc_form div.result div.title{font-family: Magistral; text-transform: uppercase; color: #373e45; font-size: 1.85714286em; text-align: center; margin: 50px 0 35px 0;  }
div.container.calc_form div.result div.header.result_table{font-size: 0.857142857em; line-height: 1.42857143em; margin-bottom: 20px;}
div.container.calc_form div.result div.body.result_table{height: 3.28571429em; line-height: 3.28571429em;}
div.container.calc_form div.result div.body.result_table.odd{background-color: #ebeef2;}
div.container.calc_form div.result div.body.result_table:hover{background-color: #2b75c8; color: #fff;}
div.container.calc_form div.result div.body.result_table.active{background-color: #2b75c8; color: #fff;}
div.container.calc_form div.result div.header.result_table div.name,
div.container.calc_form div.result div.body.result_table div.name
{padding-left: 30px;}
div.container.calc_form div.result div.body.result_table div.quality{text-align: center}

div.container.calc_form div.result div.body.result_table div.info > div{background-image: url('/local/templates/main_new/../main//images/calc_info.png'); height: 3.28571429em;     background-repeat: no-repeat; background-position: 50% 50%; cursor: pointer;}
div.container.calc_form div.result div.body.result_table div.info.active{background-color: #333940;}
div.container.calc_form div.result div.body.result_table div.info.active > div{background-image: url('/local/templates/main_new/../main//images/calc_info_active.png');}
div.container.calc_form div.result div.body.result_table:hover div.info > div{background-image: url('/local/templates/main_new/../main//images/calc_info_active.png');}

div.container.calc_form div.result div.desc.result_table{background-color: #333940; padding: 15px 10px; color: #fff; line-height: 1.42857143em; font-size: 0.857142857em; display: none;}

div.container.calc_form div.calc_desc{color:#333940;font-size: 0.857142857em; margin-top: 50px;}
div.container.calc_form div.calc_desc div.body{line-height: 1.42857143em;}
div.container.calc_form div.calc_desc div.button{font-size: 14px; float: right;}

/* calc request */

.horizontal-menu ul.change_type{padding: 0; margin: 0; height: 35px; line-height: 35px;}
.horizontal-menu ul.change_type li{font-weight: bold; list-style: none; float: left; color: #2b75c8; cursor: pointer; margin-right: 20px;}
.horizontal-menu ul.change_type li:last-child{margin-right: 0;}
.horizontal-menu ul.change_type li span{border-bottom: 1px dotted #2b75c8;}
.horizontal-menu ul.change_type li.active span{color: #8a9199; border-bottom: 1px dotted #fff;}

div.container.calc_form ._in input[type="text"]{text-align: center !important;}
div.container.calc_form ._in .ext .col-md-3{padding-right: 0;}
div.container.calc_form ._in .ext .col-md-3:nth-child(even){padding-right: 15px;}
div.container.calc_form ._in .middle{margin-top: 72px;}
div.container.calc_form ._in .checkbox .checkbox{float: right; margin: 0; padding: 0;}
div.container.calc_form ._in textarea.text{color:#5c6166; resize: none; font-size: 0.857142857em; height: 125px;}
div.container.calc_form ._in div.file_upload{margin-top: 20px;}
div.container.calc_form ._in div.file_upload div.upload_field{background-color: #ebeef2; color:#2b75c8; font-size: 0.857142857em; height: 3em; line-height: 3em;}
div.container.calc_form ._in div.file_upload div.upload_field div.text{padding-left: 20px; float: left;}
div.container.calc_form ._in div.file_upload div.upload_field div.icon{height: 3em; background-image: url('/local/templates/main_new/../main//images/calc_file_add.png'); background-repeat: no-repeat; background-position: 95% 50%; cursor: pointer;}
div.container.calc_form ._in div.file_upload div.upload_field div.remove{background-image: url('/local/templates/main_new/../main//images/calc_file_delete.png');}
div.container.calc_form ._in div.file_upload div.upload_field.active div.text{color: #333940;}

div.container.calc_form ._in div.calc_tech_info{margin: 40px 0 20px 0;}
div.container.calc_form ._in div.calc_tech_info div.title{font-weight: bold; height: 30px; line-height: 30px;}
div.container.calc_form ._in div.calc_tech_info_from{display: none;}
div.container.calc_form ._in div.calc_tech_info_from .col-md-4 > .col-md-4{padding-right: 0;}
div.container.calc_form ._in div.calc_tech_info_from input[type="text"]{padding: 10px 10px;}
div.container.calc_form ._in div.calc_tech_info_contact_from input[type="text"]{text-align: left !important; margin-bottom: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
div.container.calc_form ._in div.send_form{margin-top: 20px;}
div.container.calc_form ._in div.send_form > div > div{margin: 0 auto; width: 189px;}


/* product list */

div.container-fluid.product_list_header{background-color: #ebeef2;}
div.container-fluid.product_list_header div.row.menu{}
div.container-fluid.product_list_header div.row.menu div.item{height: 145px; background: no-repeat 50% 15px ; padding-top: 100px; line-height: 1.2em; width: 244px; float:left; text-align:center;}
div.container-fluid.product_list_header div.row.menu a.link{font-family: Magistral; color: #353535; font-size: 15px;}
div.container-fluid.product_list_header div.row.menu a.link:hover{text-decoration: none;}

div.container-fluid.product_list_body{margin-top:55px;}
div.container-fluid.product_list_body div.container h1{text-align: center; text-transform: uppercase; color: #373e45; font-size: 2.57142857em; font-weight: 300;}
div.container-fluid.product_list_body div.container div.row.item-list{margin-top: 50px;}
div.container-fluid.product_list_body div.container div.row.item-list div.item{margin-bottom: 65px;}
div.container-fluid.product_list_body div.container div.row.item-list div.item div.item-photo{height: 220px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%;}
div.container-fluid.product_list_body div.container div.row.item-list div.item div.item-name{margin-top: 35px; color:#333940; font-size: 0.857142857em; text-align: center; font-weight: bold;}
div.container-fluid.product_list_body div.container div.row.item-list div.item div.item-desc{margin-top: 15px; color:#8a9199; font-size: 0.857142857em; text-align: center;}
div.container-fluid.product_list_body div.container div.row.item-list div.item div.row.icon-set{margin-top: 15px; color:#333940; font-size: 0.857142857em; line-height: 1.42857143em;}
div.container-fluid.product_list_body div.container div.row.item-list div.item div.row.icon-set div.lm{background: url('/local/templates/main_new/../main//images/pl_sun.png') no-repeat;  height: 20px; padding-left: 30px;}
div.container-fluid.product_list_body div.container div.row.item-list div.item div.row.icon-set div.wt{background: url('/local/templates/main_new/../main//images/pl_power.png') no-repeat;  height: 20px; padding-left: 30px;}

div.container-fluid.product_list_footer{background: url("/local/templates/main_new/../main//images/pl_footer.png"); padding: 60px 0 50px;}
div.container-fluid.product_list_footer div.title {font-family: Magistral; color: #fff; text-align: center; font-size: 3.42857143em; text-align: left;}
div.container-fluid.product_list_footer div.desc {color: #fff; text-align: left; margin-top: 30px; font-size: 1em; line-height: 1.42857143em;}
div.container-fluid.product_list_footer div.button-lm {margin-top: 30px;}
div.container-fluid.product_list_footer div.button-lm .button {width: 220px}



/* product */

div#product_list{}
div#product_list div.container-fluid.product_header{height: 550px; background-color: #ebeef2;}
div#product_list div.container-fluid.product_header div.slider div.product_slider{margin-top: 100px;}
div#product_list div.container-fluid.product_header div.slider div.product_slider div.Wallop-item{text-align: center;}
div#product_list div.container-fluid.product_header div.slider div.product_slider div.Wallop-item img{width: auto;}
div#product_list div.container-fluid.product_header div.slider div.product_slider div.Wallop-buttonPrevious{background: url('/local/templates/main_new/../main//images/product_item/arrow_left.png'); width: 25px; height: 42px; cursor: pointer; position: absolute; top: 50%; left: 5%;}
div#product_list div.container-fluid.product_header div.slider div.product_slider div.Wallop-buttonNext{background: url('/local/templates/main_new/../main//images/product_item/arrow_right.png'); width: 25px; height: 42px; cursor: pointer; position: absolute; top: 50%; right: 5%;}
div#product_list div.container-fluid.product_header div.slider div.product_slider div.Wallop-buttonPrevious:hover{background: url('/local/templates/main_new/../main//images/product_item/arrow_left_active.png');}
div#product_list div.container-fluid.product_header div.slider div.product_slider div.Wallop-buttonNext:hover{background: url('/local/templates/main_new/../main//images/product_item/arrow_right_active.png');}

div#product_list div.container-fluid.product_header div.desc{margin-top: 110px;}
div#product_list div.container-fluid.product_header div.logo{background: 100% 50% no-repeat;}
div#product_list div.container-fluid.product_header div.logo h1{font-family: Magistral; color:#333940; font-size: 2.14285714em;}
div#product_list div.container-fluid.product_header div.detail-text{margin-top: 30px; color: #333940; line-height: 1.5em;}
div#product_list div.container-fluid.product_header div.action-button{margin-top:30px;}
div#product_list div.container-fluid.product_header div.action-button a{margin-right:20px;}
div#product_list div.container-fluid.product_header div.action-button a:last-child{margin-right:0px;}

div#product_list div.container.full-desc{margin-top: 80px;}
div#product_list div.container.full-desc div.menu{}
div#product_list div.container.full-desc div.menu div.item-list{margin-bottom: 40px;}
div#product_list div.container.full-desc div.menu div.item-list div.title{font-family: Magistral; font-size: 1.27em; color:#373e45; margin-bottom: 20px;}
div#product_list div.container.full-desc div.menu div.item-list ul{padding: 0; margin: 0; list-style: none;}
div#product_list div.container.full-desc div.menu div.item-list ul li {padding: 0; margin: 0; list-style: none;}
div#product_list div.container.full-desc div.menu div.item-list ul li a{color:#2b75c8; line-height: 1.6em;}
div#product_list div.container.full-desc div.menu div.item-list ul li a:hover{text-decoration: underline;}


div#product_list div.container.full-desc div.main-page{}
div#product_list div.container.full-desc div.main-page div.product_tabs{}
div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-header{}
div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-header ul{padding: 0; margin: 0; list-style: none;}
div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-header ul li{float: left; color: #8a9199; padding: 12px 20px; cursor: pointer; font-weight: bold;}
div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-header ul li:not(.active):hover{color: #2b75c8; border-bottom: 3px solid #2b75c8;}
div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-header ul li.active{color: #2b75c8; border-bottom: 3px solid #2b75c8; font-weight: bold;}
div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-header ul li:last-child{margin-right: 0px;}
div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-content{margin-top: 45px;}
div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-content div.content-box{display: none;}
div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-content div.content-box.active{display: block;}
div#product_list div.container.full-desc div.main-page div.row.content-block{margin-bottom: 30px;}

div#product_list div.container.full-desc div.main-page div.content-block h3{font-family: Magistral; color: #00a653; font-size: 1.85714286em; margin-bottom: 20px;}
div#product_list div.container.full-desc div.main-page div.content-block h6{font-family: Magistral; color: #373e45; font-size: 22px; margin-bottom: 20px;}

div#product_list div.container.full-desc div.main-page div.row.content-block p{color: #333940; line-height: 1.42857143em; font-size: 0.928571429em;}
div#product_list div.container.full-desc div.main-page div.row.content-block table.table-list{border-spacing: 0; border-collapse: collapse; width: 100%;}
div#product_list div.container.full-desc div.main-page div.row.content-block table.table-list tbody tr{background: #fff; padding: 20px 0; color: #333940; font-size: 0.857142857em;}
div#product_list div.container.full-desc div.main-page div.row.content-block table.table-list tbody tr:nth-child(2n+1){background: #ebeef2;}
div#product_list div.container.full-desc div.main-page div.row.content-block table.table-list tbody tr td{padding: 20px 10px;}
div#product_list div.container.full-desc div.main-page div.row.content-block table.table-list tbody tr td.param-name{text-align: right; font-weight: bold;}
div#product_list div.container.full-desc div.main-page div.row.content-block table.table-list tbody tr td.param-value p{font-size: 1em; line-height: 1em; margin: 5px;}
div#product_list div.container.full-desc div.main-page div.row.content-block table.table-list tfoot tr td{font-size: 1em; line-height: 1em; padding-top: 40px; color:#5c6166; font-weight: 300;}
div#product_list div.container.full-desc div.main-page div.row.content-block .table-list-description{font-size: 12px;}

div#product_list div.container.full-desc div.main-page div.row.content-block.diagram{margin-top: 50px;}

div#product_list div.container.full-desc div.main-page div.row.content-block.diagram h4{    font-size: 1.85714286em;}
div#product_list div.container.full-desc div.main-page div.content-block.elements h4{font-family: Magistral; color: #00a653; font-size: 1.85714286em; margin-bottom: 20px;}
div#product_list div.container.full-desc div.main-page div.row.content-block.elements .show-more-items{height: 30px; line-height: 30px; color: #fff; background-color: #6abf8b; display: inline-block; cursor: pointer; margin-top: 15px; padding: 0 25px 0 15px; background-image: url("/local/templates/main_new/../main//images/elements-down-arrow.png"); background-repeat: no-repeat; background-position: 98% 50%;}
div#product_list div.container.full-desc div.main-page div.row.content-block.elements .hide-more-items{height: 30px; line-height: 30px; color: #fff; background-color: #6abf8b; display: inline-block; cursor: pointer; margin-top: 15px; padding: 0 25px 0 15px; background-image: url("/local/templates/main_new/../main//images/elements-up-arrow.png"); background-repeat: no-repeat; background-position: 98% 50%; display: none;}

div#product_list div.container.full-desc div.main-page div.row.content-block.diagram div.item-list{}
div#product_list div.container.full-desc div.main-page div.row.content-block.diagram div.item-list div.item{}
div#product_list div.container.full-desc div.main-page div.row.content-block.diagram div.item-list div.item div.image{width: 160px; height: 160px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
div#product_list div.container.full-desc div.main-page div.row.content-block.diagram div.item-list div.item div.title{color:#333940; line-height: 1.42857143em;}
div#product_list div.container.full-desc div.main-page div.row.content-block.sku div.num-list{margin-top: 30px;}
div#product_list div.container.full-desc div.main-page div.row.content-block.sku div.num-list div.header > div{font-size: 0.857142857em; color: #5c6166; font-weight: bold;}
div#product_list div.container.full-desc div.main-page div.row.content-block.sku div.num-list div.header div.name,
div#product_list div.container.full-desc div.main-page div.row.content-block.sku div.num-list div.header div.art
{text-align: center;}
div#product_list div.container.full-desc div.main-page div.row.content-block.sku div.num-list div.content{margin-top: 30px;}
div#product_list div.container.full-desc div.main-page div.row.content-block.sku div.num-list div.content div.content-block{font-size: 0.857142857em; color: #5c6166; padding: 20px 0px;}
div#product_list div.container.full-desc div.main-page div.row.content-block.sku div.num-list div.content div.content-block div.art{text-align: center;}
div#product_list div.container.full-desc div.main-page div.row.content-block.sku div.num-list div.content div.content-block:nth-child(2n+1){background: #ebeef2;}


div#product_list div.container.full-desc div.main-page div.row.content-block.gcart div.item-list div.item{margin: 50px 0; text-align: center;}
div#product_list div.container.full-desc div.main-page div.row.content-block.gcart div.item-list div.item img{max-width: 80%;}

/* company */

div.container.company div.company-description{margin-top:25px;}
div.container.company div.company-description.top_ex{margin-top:45px;}
div.container.company div.company-description p{margin-bottom:25px; text-align: justify; font-size: 1em; color:#373e45; line-height: 1.42857143em;}
div.container.company .page-title{text-align: center; font-family: Magistral; font-size: 2em; line-height: 2.16666667em; color: #373e45;}
div.container.company div.pref{margin-top:55px;}
div.container.company div.pref > div{height: 60px; color:#373e45; font-family: Magistral; font-size: 1.28571429em; line-height: 1.28571429em;}
div.container.company div.pref > div > div{padding-left: 60px;}

div.container.company div.pref div.project{background: url("/local/templates/main_new/../main//images/company/perf_project.png") no-repeat;}
div.container.company div.pref div.patent{background: url("/local/templates/main_new/../main//images/company/perf_patent.png") no-repeat;}
div.container.company div.pref div.partner{background: url("/local/templates/main_new/../main//images/company/perf_partner.png") no-repeat;}
div.container.company div.company-description-grey{background: #ebeef2; padding: 55px; margin-top:55px;}
div.container.company div.company-description-grey .title{font-family: Magistral; font-size:1.71428571em; line-height: 1.85714286em;}
div.container.company div.company-description-grey p{color:#373e45; font-size: 1em; line-height: 1.42857143em;}
div.container.company div.company_workflow{background-repeat: no-repeat;background-position: center;background-size: cover;padding: 50px 0;}
div.container.company div.company_workflow > div {text-align: center; color:#fff; font-size: 2.14285714em; font-family: Magistral;line-height: 1.5em;}

div.container.company div.company_econex_smart{background-repeat: no-repeat;background-position: center;background-size: cover;padding: 50px 0;}
div.container.company div.company_econex_smart > div {text-align: left; color:#fff; font-size: 1.71428571em; font-family: Magistral; padding: 0 100px; line-height: 36px;}

/* compay - quality */

div.container.company-quality{margin-top: 55px;}
div.container.company-quality div.row.main_item{margin-bottom: 60px;}
div.container.company-quality div.row.main_item .image{ text-align: left;}
div.container.company-quality div.row.main_item.right .image{ text-align: right;}
div.container.company-quality div.row.main_item .title{font-family: Magistral; font-size: 1.85714286em;}
div.container.company-quality div.row.main_item > p{color:#373e45; line-height: 1.42857143em;}
div.container.company-quality div.row.main_item div.logo-list{margin-top:30px;}
div.container.company-quality div.row.main_item div.col-md-5,
div.container.company-quality div.row.main_item div.col-md-7
{padding: 0;}

/* company - mission */

div.container.company-mission div.company-description{margin-top:50px; background: #ebeef2; padding: 40px 0 60px 0;}
div.container.company-mission div.company-description h1{text-align: center; font-family: Magistral; color:#373e45; font-size: 1.71428571em;}

div.container.company-mission div.company-mission-list{margin-top: 60px;}
div.container.company-mission div.company-mission-list div.title{font-family: Magistral; margin-bottom: 20px; font-size: 1.71428571em; color:#000;}
div.container.company-mission div.company-mission-list ul.list{margin: 0; padding: 0; list-style: none;}
div.container.company-mission div.company-mission-list ul.list li{line-height: 2.14285714em;}

div.container.company-mission div.company-mission-list div.command{background: url('/local/templates/main_new/../main//images/company/mission_people.png') no-repeat top right;}
div.container.company-mission div.company-mission-list div.partner{background: url('/local/templates/main_new/../main//images/company/mission_box.png') no-repeat top right;}

div.container.company-mission table.main-content .desc,
div.container.company-mission table.main-content tr.main td.desc
{-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
div.container.company-mission table.main-content .desc:hover,
div.container.company-mission table.main-content td.desc:hover
{color: #00a653; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}

/* company - jobs */

div.container-fluid.job-header{background-repeat: no-repeat; background-size: cover; height: 200px; margin: 10px 0px;}
div.container-fluid.job-header.company{background-position: 50% 50%;}
company-header.jpg
div.container.company_jobs{}
div.container.contact_jobs .page-description{color:#373e45; margin-top: 50px; font-size: 1em; line-height: 1.42857143em;}
div.container.contact_jobs > h1{color:#373e45; text-align: center; font-family: Magistral; margin:70px 0 40px 0; text-transform: uppercase;}

div.job_list div.job_unit {margin-bottom: 20px; background: #ebeef2; padding: 60px 45px;}

div.job_list div.job_unit div.preview-text {position: relative;}
div.job_list div.job_unit div.preview-text div.title{color:#373e45; font-size: 1.71428571em;    font-family: Magistral;}
div.job_list div.job_unit div.preview-text div.description{margin-top: 15px; font-size: 1em; color:#373e45; line-height: 1.42857143em; text-align: left;}
div.job_list div.job_unit div.preview-text div.read-more{position: absolute; bottom: 0; right: 0; padding: 0; width: auto !important;}
div.job_list div.job_unit div.detail-text{display: none;}
div.job_list div.job_unit div.detail-text div.jobs-block{margin-top:25px;}
div.job_list div.job_unit div.detail-text div.jobs-block div.block-title{font-weight: bold; margin-bottom: 25px;}
div.job_list div.job_unit div.detail-text div.jobs-block div.block-description{font-size: 1em; color:#373e45; line-height: 1.42857143em; text-align: justify;}
div.job_list div.job_unit div.detail-text div.button-list{margin-top:35px;}
div.job_list div.job_unit div.detail-text div.button-list .right{text-align: right;}
div.job_list div.job_unit div.detail-text div.button-list > div{padding: 0;}

.modalbox.jobform .content{padding: 50px;}
.modalbox.jobform .content .job-block{margin-bottom:35px;}
.modalbox.jobform .content .job-block:last-child{margin-bottom:0px;}
.modalbox.jobform .content .job-block .title{font-weight: bold; font-family: GothamPro; color:#333940; font-size: 1em; margin-bottom: 15px;}
.modalbox.jobform .content .job-block > .col-md-4.left{padding-left: 0px;}
.modalbox.jobform .content .job-block > .col-md-4.right{padding-right: 0px;}
.modalbox.jobform .content .job-block > .col-md-8.right{padding-right: 0px;}


/* solution */

div.container-fluid.solution-header{background-image: url('/local/templates/main_new/../main//images/solution/header_main.png'); background-repeat: repeat-x; padding: 100px 0 80px;     background-size: cover;}
div.container-fluid.solution-header h1{text-align: center; color:#fff; font-family: Magistral; padding: 0; margin: 0; font-size: 3.42857143em;}

div.container.solution{margin-top:75px;}
div.container.solution div.description{text-align: center; color:#373e45; line-height: 1.42857143em;}
div.container.solution div.solution-industry{margin: 60px 0 10px 0;}
div.container.solution div.solution-industry > .row{margin-bottom: 30px;}
div.container.solution div.solution-industry .icon{background: no-repeat 10px 50%; height: 50px; font-family: Magistral; color:#373e45; font-size: 1.28571429em; padding: 0;}

div.container-fluid.solution-footer{background-image: url('/local/templates/main_new/../main//images/partner_footer_ask.jpg'); background-repeat: repeat; margin-top: 30px;padding-bottom: 40px;}
div.container-fluid.solution-footer div.title{margin-top: 80px; font-family: Magistral; color: #fff; font-size: 3.42857143em; text-align: center;}
div.container-fluid.solution-footer div.content{margin-top: 15px; color:#a1a9b2; line-height: 1.42857143em; text-align: center;}
div.container-fluid.solution-footer div.content span.phone{color: #fff; font-weight: bold;}
div.container-fluid.solution-footer div.link_button{margin-top: 74px; text-align:center;}

/* solution - detail */

div.container-fluid.solution-detail-header{height: 200px; background: url('/local/templates/main_new/../main//images/solution/header_detail.jpg');}
div.container-fluid.solution-detail-header h1{margin: 0; padding: 0; line-height: 200px; color: #fff; font-family: Magistral; text-align: center;}

div.container.solution-detail div.description{color:#373e45; line-height: 1.42857143em; text-align: left; margin-top: 60px;}
div.container.solution-detail div.result-table{margin-top: 60px;}
div.container.solution-detail div.result-table h3{text-align: center; font-family: Magistral; color:#373e45; font-size: 1.85714286em;}
div.container.solution-detail div.result-table table.result-data{margin-top: 30px; width: 100%;}
div.container.solution-detail div.result-table table.result-data thead th{height: 60px; font-weight: normal; color:#5c6166; font-size: 0.857142857em; padding: 0 30px;}
div.container.solution-detail div.result-table table.result-data tbody tr td{height: 46px; font-weight: normal; color:#5c6166; font-size: 0.857142857em; padding: 0 30px;}
div.container.solution-detail div.result-table table.result-data tbody tr:nth-child(2n+1) td{background: #ebeef2;}

/* search - result */


/* dealer */
div.container-fluid.dealer-header{background-image: url('/local/templates/main_new/../main//images/dealer/header.jpg'); height: 200px; background-repeat: repeat-x;}
div.container-fluid.dealer-header h1{text-align: center; color:#fff; font-family: Magistral; line-height: 200px; padding: 0; margin: 0;}
div.container.dealer{margin-top: 60px;}
div.container.dealer p{text-align: left; margin-bottom: 30px; color:#373e45; font-size: 1em; line-height: 1.42857143em;}
div.container.dealer div.row.banner > div{background-size: cover;}

div.container.dealer div.row.banner .quality{background-image: url("/local/templates/main_new/../main//images/dealer/banner_quality.jpg"); height: 220px;}
div.container.dealer div.row.banner .quality div.title{color:#fff; font-size: 3.42857143em; font-family: Magistral; padding: 50px 0 20px 70px;}
div.container.dealer div.row.banner .quality div.description{color:#fff; font-size: 1em; line-height: 1.4285714em; padding-left: 70px;}

div.container.dealer div.row.banner .price{background-image: url("/local/templates/main_new/../main//images/dealer/banner_spec_price.jpg"); height: 216px;}
div.container.dealer div.row.banner .price div.title{color:#fff; font-size: 2.57142857em; font-family: Magistral; text-align: center; padding-top: 70px;}
div.container.dealer div.row.banner .price div.description{color:#fff; font-size: 1em; line-height: 1.4285714em; text-align: center; padding-top: 15px;}

div.container.dealer div.row.banner .learning{background-image: url("/local/templates/main_new/../main//images/dealer/banner_learning.jpg"); height: 216px;}
div.container.dealer div.row.banner .learning div.title{color:#fff; font-size: 2.57142857em; font-family: Magistral; text-align: center; padding-top: 70px;}
div.container.dealer div.row.banner .learning div.description{color:#fff; font-size: 1em; line-height: 1.4285714em; text-align: center; padding-top: 15px;}

div.container.dealer div.row.banner .support{background-image: url("/local/templates/main_new/../main//images/dealer/banner_support.jpg"); height: 220px;}
div.container.dealer div.row.banner .support div.title{color:#2b75c8; font-size: 3.42857143em; font-family: Magistral; padding: 50px 0 20px 440px;}
div.container.dealer div.row.banner .support div.description{color:#373e45; font-size: 1em; line-height: 1.4285714em; padding-left: 440px;}
div.container.dealer div.back-form div.title{margin: 60px 0; font-family: Magistral; color:#373e45; font-size: 1.71428571em; text-align: center;}
div.container.dealer div.back-form div.description{font-weight: bold; margin-bottom: 20px;}
div.container.dealer div.back-form form div.row{padding: 10px 0;}
div.container.dealer div.back-form form div.row.sender > div{text-align: center}
div.container.dealer div.back-form form div.row > div:first-child{padding-left: 0;}
div.container.dealer div.back-form form div.row > div:last-child{padding-right: 0;}

/* company news */

div.container-fluid.news-header{height: 200px; background-size: cover;}
div.container-fluid.news-header h1{text-align: center; color:#fff; line-height: 200px; font-size: 3.42857143em; font-family: Magistral; margin: 0; padding: 0;}

div.container.news{margin-top: 50px;}
div.container.news div.news-list{}
div.container.news div.news-list div.row.news-unit{ margin-bottom: 40px;}
div.container.news div.news-list div.row.news-unit .image{}
div.container.news div.news-list div.row.news-unit .image img{max-width: 100%;}
div.container.news div.news-list div.row.news-unit .body{padding-top: 20px;}
div.container.news div.news-list div.row.news-unit .body .date{color:#6c7580; font-size: 0.857142857em; margin-bottom: 15px;}
div.container.news div.news-list div.row.news-unit .body a{color:#333940; font-size: 1em; font-weight: bold;}
div.container.news div.news-list div.row.news-unit .body a:hover{color:#6c7580; text-decoration: none;}
div.container.news div.news-list div.row.news-unit .preview-text{margin-top:15px;}
div.container.news div.news-list div.row.news-unit .tags{margin-top:15px; color:#00a653; font-size: 0.857142857em;}
div.container.news div.news-list div.row.news-unit .tags a{color:#00a653; font-size: 0.857142857em; font-weight: normal;}
div.container.news div.news-list div.row.news-unit .tags a:hover{color:#008c46;}
div.container.news div.news-list div.row.news-unit .download-publication{margin-top: 20px;}

/* company - news - detail */

div.container-fluid.news-header-detail{background-size: cover; height: 300px; padding-top: 100px; text-align: center; color: #fff;}
div.container-fluid.news-header-detail h1{font-family: Magistral; font-size: 2.42857143em; margin: 15px 10% 0 10%; line-height: 1.5em;}

div.container.news-detail{margin-top: 60px;}
div.container.news-detail div.news-list{}
div.container.news-detail div.news-list div.news-unit{}
div.container.news-detail div.news-list div.news-unit div.news-date{color:#6c7580; font-size: 0.857142857em; margin-bottom: 15px;}
div.container.news-detail div.news-list div.news-unit div.news-name{margin-bottom: 35px;}
div.container.news-detail div.news-list div.news-unit div.news-name a{font-weight:bold; color:#333940;}
div.container.news-detail div.news-list div.news-unit div.news-name a:hover{}
div.container.news-detail div.detail-text{}
div.container.news-detail div.detail-text img{max-width: 100%;}
div.container.news-detail div.detail-text h6{margin-top: 60px; text-align: center; color:#373e45; font-family: Magistral; font-size: 1.71428571em; line-height: 1.85714286em;}
div.container.news-detail div.detail-text div.comment{background: url('/local/templates/main_new/../main//images/news/quotes.png') no-repeat 5% 50% #ebeef2; padding: 60px; color:#373e45; line-height: 1.42857143em; margin: 60px 0;}

div.container.news-detail div.back-to-news{margin-top: 30px;}

/* system -- core */

div.container-fluid.system{background: url('/local/templates/main_new/../main//images/system/main_header.png'); background-position: 50% 50%;padding: 0 0 50px;}
div.container-fluid.system div.title{font-family: Magistral; color: #fff; font-size: 3.42857143em; margin-top: 50px;}
div.container-fluid.system div.desc{margin-top: 20px; color: #fff; line-height: 1.57142857em;}

div.page_menu_green{text-align: center;}
div.page_menu_green ul.page_menu_green{padding: 0; margin: 0; list-style: none; margin-top: 40px; display: inline-block;}
div.page_menu_green ul.page_menu_green li{float:left;}
div.page_menu_green ul.page_menu_green li a{color:#373e45; padding: 11px 25px;}
div.page_menu_green ul.page_menu_green li a.button.green{color:#fff;}
div.page_menu_green ul.page_menu_green li a.button.green:hover{text-decoration: none;}

div.page_menu_green ul.page_menu_green li a.button.blue{color:#fff;}
div.page_menu_green ul.page_menu_green li a.button.blue:hover{text-decoration: none;}

div.container.company-page-menu div.page_menu_green ul.page_menu_green li a{font-family: GothamProMedium;}

div.container-fluid.system_core_content div.row.pager_system.energy{margin-top: 40px; padding: 55px 30px 55px 150px; background: url('/local/templates/main_new/../main//images/system/core_tab_1.png') #ebeef2 no-repeat 8% 50%;}
div.container-fluid.system_core_content div.row.pager_system div.title h6{font-size: 1.85714286em; color:#373e45; padding: 0; margin: 0; font-weight: 300; font-family: Magistral;}
div.container-fluid.system_core_content div.row.pager_system div.desc{color:#373e45; line-height: 1.42857143em; margin-top: 20px; text-align: justify;}

div.container-fluid.system_core_content div.pager_system div.budget{background: url('/local/templates/main_new/../main//images/system/core_tab_2.png') no-repeat 15px 50%; padding-left: 115px;margin-top: 60px;}
div.container-fluid.system_core_content div.pager_system div.iface{background: url('/local/templates/main_new/../main//images/system/core_tab_3.png') no-repeat 15px 50%; padding-left: 115px;}
div.container-fluid.system_core_content div.pager_system div.remote{background: url('/local/templates/main_new/../main//images/system/core_tab_4.png') no-repeat 15px 50%; padding-left: 115px;}
div.container-fluid.system_core_content div.pager_system div.user{background: url('/local/templates/main_new/../main//images/system/core_tab_5.png') no-repeat 15px 50%; padding-left: 115px;}
div.container-fluid.system_core_content div.pager_system div.auto{background: url('/local/templates/main_new/../main//images/system/core_tab_6.png') no-repeat 15px 50%; padding-left: 115px;}
div.container-fluid.system_core_content div.pager_system div.scale{background: url('/local/templates/main_new/../main//images/system/core_tab_7.png') no-repeat 15px 50%; padding-left: 115px;}
div.container-fluid.system_core_content div.pager_system div.prog{background: url('/local/templates/main_new/../main//images/system/core_tab_8.png') no-repeat 15px 50%; padding-left: 115px;}

/* project - list */

div.container-fluid.project_list{height: 200px;}
div.container-fluid.project_list h1{color:#fff; text-align: center; margin: 0; padding: 0; font-size: 3.42857143em; line-height: 200px; font-family: Magistral;}

div.container.project_list div.project-list{margin-bottom: 30px;}
div.container.project_list div.project-list div.project-unit div.image img{width: 100%; max-width: 100%;}
div.container.project_list div.project-list div.project-unit div.name{margin-top: 30px;}
div.container.project_list div.project-list div.project-unit div.name a{color:#333940; font-weight: bold;}
div.container.project_list div.project-list > div.row{margin-top: 50px;}

/* project - detail */

div.container-fluid.project-detail-header{padding: 90px 0 50px; margin: 0; text-align: center; color:#fff;}
div.container-fluid.project-detail-header h1{font-size: 3.42857143em; font-family: Magistral;}

div.container.project-detail{margin-top: 60px;}
div.container.project-detail div.photo-list div.photo-item{width: 19%; margin-right: 1%; float:left;}
div.container.project-detail div.photo-list div.photo-item div.item-photo{background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; height: 180px;}
div.container.project-detail div.photo-list div.photo-item div.name{margin-top: 30px; text-align: center}
div.container.project-detail div.photo-list div.photo-item div.name a{color:#333940; font-weight: bold;}
div.container.project-detail div.photo-list div.photo-item:last-child{width: 20%; margin-right: 0; float:right;}
div.container.project-detail div.description{text-align: justify; margin-top: 60px;}

div.container.project-detail div.product_list h3{text-transform: uppercase; color:#373e45; font-size: 2.42857143em; font-family: Magistral; text-align: center; margin: 80px 0 60px 0; padding: 0;}
div.container.project-detail div.product_list div.show-more-item div.show-more-button{margin-top: 60px; text-align: center;}
div.container.project-detail div.product_list div.show-more-item div.photo-list{display: none; margin-top: 60px;}

div.container.project-result{margin: 80px auto 40px auto;}
div.container.project-result h4{color:#373e45; margin: 0; padding: 0; text-align: center; font-family: Magistral; font-size: 2.42857143em;}
div.container.project-result table.data-result{margin-top: 30px; width: 100%;}
div.container.project-result table.data-result thead tr th{font-weight: normal; color: #8a9199; text-align: center; height: 56px; line-height: 56px;}
div.container.project-result table.data-result tbody tr td{height: 56px; line-height: 56px; text-align: center;}
div.container.project-result table.data-result tbody tr:nth-child(2n+1) td{background: #ebeef2;}
div.container.project-result table.data-result tbody tr td.b{font-weight: bold;}
div.container.project-result table.data-result tbody tr td.d{color:#8a9199;}
div.container.project-result table.data-result tbody tr td.r{color:#c82b2b;}
div.container.project-result table.data-result tbody tr td.g{color:#00a653;}
div.container.project-result div.itogs{margin-top: 40px;}
div.container.project-result div.itogs div.icon{background-repeat: no-repeat; height: 50px;}
div.container.project-result div.itogs div.icon-energy{background-image: url('/local/templates/main_new/../main//images/project/icon-energy.png');}
div.container.project-result div.itogs div.icon-money{background-image: url('/local/templates/main_new/../main//images/project/icon-money.png');}
div.container.project-result div.itogs div.icon-time{background-image: url('/local/templates/main_new/../main//images/project/icon-time.png');}
div.container.project-result div.itogs div.icon-lamp{background-image: url('/local/templates/main_new/../main//images/project/icon-lamp.png');}
div.container.project-result div.itogs div.text{}
div.container.project-result div.itogs div.text div.param{color:#8a9199; margin-top: 15px;}
div.container.project-result div.itogs div.text div.value{color:#373e45; font-weight: bold; margin-top: 10px;}
div.container.project-result div.back-page{text-align: center; margin-top: 60px;}

	/* system -- soft */

div.container-fluid.system_soft div.container div.row{margin-bottom: 80px;}
div.container-fluid.system_soft div.container div.row:last-child{margin-bottom: 0px;}
div.container-fluid.system_soft div.container div.row h4{font-family: Magistral; color: #373e45; font-size: 1.85714286em;}
div.container-fluid.system_soft div.container div.row div.desc{color: #373e45; line-height: 1.42857143em; text-align: justify;}

/* system -- func */

div.container.system_func{margin-top:20px;}
div.container.system_func div.icon{background-repeat: no-repeat; background-position: 15px 5px; padding-left: 70px; min-height: 40px; line-height: 1.42857143em;}
div.container.system_func div.icon.line{line-height: 2.85714286em;}


/* system -- items */

div.container.item_list{margin-top: 40px;}
div.container.item_list div.item{padding: 60px 0;}
div.container.item_list div.item div.image{text-align: center; margin-top: 30px;}
div.container.item_list div.item:nth-child(2n+1){background: #ebeef2;}
div.container.item_list div.item h6{color:#373e45; font-family: Magistral; font-size: 1.85714286em;}
div.container.item_list div.item div.art-desc{height: 48px; line-height: 48px; text-align: right; color:#8a9199;}
div.container.item_list div.item div.art-desc span{color:#373e45;}
div.container.item_list div.item div.desc{color:#373e45; line-height: 1.42857143em; margin-bottom: 30px;}
div.container.item_list div.item div.hide_tech_button{display: none;}


div.container.item_list div.item div.tech_info{display: none;}

div.container.item_list div.item div.tech_info div.title{color:#8a9199;}
div.container.item_list div.item div.tech_info div.desc ul.tech{padding: 0; margin: 20px 0 0 17px;}

div.container.item_list div.item div.tech_info div.desc ul.docs{padding: 0; list-style: none; margin: 20px 0 0 0;}
div.container.item_list div.item div.tech_info div.desc ul.docs li{background: url('/local/templates/main_new/../main//images/file_type_doc.png') 0px 5px no-repeat; margin: 10px 0; padding-left: 35px;}

/* system -- lan */

div.container.plan_show{margin-top: 30px; text-align: center;}

div.container.body-test{margin-top:30px;}
div.container.body-test ul.it-finish{margin: 30px 0 0 0; padding: 0; list-style: none;}
div.container.body-test ul.it-finish li{margin-bottom:20px; color:#00a653;}

/* system -- scheme 1 */

div.container.system_scheme div.row.scheme_1{margin-top:55px;}

div.container.system_scheme div.round-border{border: 2px solid; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 20px; font-size: 0.857142857em; margin-bottom: 20px;}

div.container.system_scheme div.round-border img{height: 37px;}
div.container.system_scheme div.border-orange{border-color:#dca155;}
div.container.system_scheme div.border-purple{border-color: #8674c9;}
div.container.system_scheme div.border-silver{border-color: #b8c0cc;}
div.container.system_scheme div.border-red{border-color: #d87777;}
div.container.system_scheme div.border-blue{border-color: #2b75c8;}
div.container.system_scheme div.border-green{border-color: #9ac974;}

div.container.system_scheme div.title{color:#333940;}
div.container.system_scheme div.link{margin-top:7px;}


div.container.system_scheme div.row.scheme_1 div.shower-scheme_1{margin-top: 52px; padding: 0;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 .w80{width: 80px; height: 80px; background: no-repeat 50% 50%; float: left;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 div.line{width: 210px; float: left; margin-top: 10px; border-bottom: 2px solid #2b75c8; position: relative; padding: 0px 0px 10px 20px; line-height: 1.42857143em;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 div.line div.desc{color:#373e45;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 div.line div.usb{width: 45px; background: #00a653; color: #fff; text-align: center; font-size: 0.714285714em; text-transform: uppercase; right: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 div.round-desc{float: left; margin: 20px 0 0 20px;}


div.container.system_scheme div.scheme_2{margin-top: 60px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 .w80{width: 80px; height: 80px; background: 50% 50% no-repeat; float: left;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.line{width: 200px; border-bottom: 2px solid #2b75c8; float: left;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.line div.desc{padding: 0 0 15px 15px; margin-top: 10px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.vline{position: absolute; border-left: 2px solid #2b75c8; right: 297px; height: 295px; margin-top: 58px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.pointer-lan{position: absolute; border-top: 2px solid #2b75c8; width: 41px; top: 190px; left: 281px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.lan{width: 45px; background: #00a653; color: #fff; text-align: center; font-size: 0.714285714em; text-transform: uppercase; right: 275px; top: 155px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; height: 22px; line-height: 22px;}

div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.wifi{width: 45px; background: #00a653; color: #fff; text-align: center; font-size: 0.714285714em; text-transform: uppercase; right: 275px; top: 202px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; height: 22px; line-height: 22px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.pointer{position: absolute; left:322px; top: 152px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.pointer div.desc{float: left; margin: 20px 0 0 20px;}


/* contact */

div.container-fluid.contact{background: url('/local/templates/main_new/../main//images/contact_header.png'); padding: 0;}
div.container-fluid.contact .select_city,div.container-fluid.contact .phone, div.container-fluid.contact .map-button{padding: 0;}

div.container-fluid.contact div.map-button{text-align: right; padding: 0; line-height: 150px;}
div.container-fluid.contact div.map-button > div:first-child{margin-right: 20px;}
div.container-fluid.contact div.phone{font-size: 1.28571429em; color:#373e45; margin-top: 60px;}
div.container-fluid.contact div.phone span{font-size: 0.857142857em; color:#5c6166;}

div.container.contact-fields{margin-top: 30px;}
div.container.contact-fields div.contact{margin-bottom: 40px;}
div.container.contact-fields div.contact div.avatar{width:90px; height: 90px; background: no-repeat 50% 50%; margin-right: 20px; float: left;}
div.container.contact-fields div.contact div.name{color: #333940; margin-bottom: 5px; font-weight: bold;}
div.container.contact-fields div.contact div.phone{margin-top: 10px; margin-bottom: 4px;}
div.container.contact-fields div.contact div.work{font-size: 0.857142857em; color: #5c6166;}
div.container.contact-fields div.contact div.email a{color: #2971c5;}

div.container.contact-page{}
div.container.contact-page div.title{text-align: center; font-family: Magistral; margin-top: 60px; color: #000; font-size: 2.14285714em;}
div.container-fluid.contact-map{padding: 0; margin-top: 60px;}
div.container-fluid.contact-map > div{height: 400px;}

div.container-fluid.contact .contact_select_city{margin-top: 50px;}
div.container-fluid.contact .contact_city_addr{margin-top: 10px; color:#373e45;}
div.container-fluid.contact .contact_select_city span{font-family: Magistral; color:#373e45; font-size: 2.57142857em; border-bottom: 1px dotted #373e45; cursor: pointer;}
div.container-fluid.contact .contact_select_city span:hover{}
div.container-fluid.contact .contact_select_city div.selector{background-image: url('/local/templates/main_new/../main//images/contact_city_selector.png'); width:21px; height: 13px; display: inline-block; margin-left: 5px;}

div.container-fluid.contact .contact_select_city.active div.selector {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

div.container-fluid.contact div.contact_select_city_shower{top:100px; background: #ebeef2; position: absolute; z-index: 300; display: none; width: 170px;}
div.container-fluid.contact div.contact_select_city_shower div.icon{background: url('/local/templates/main_new/../main//images/city_select_shower.png') no-repeat center bottom; position: absolute; top: -7px; width: 14px; height: 7px; margin-left: 40%; z-index: 1000;}
div.container-fluid.contact div.contact_select_city_shower ul{list-style: none; padding: 0; margin: 0;}
div.container-fluid.contact div.contact_select_city_shower ul li{line-height: 2.57142857em; padding:0 20px; cursor: pointer;}
div.container-fluid.contact div.contact_select_city_shower ul li:hover{background: #e2e5e9;}
div.container-fluid.contact div.contact_select_city_shower ul li a{color:#333940;}
div.container-fluid.contact div.contact_select_city_shower ul li a:hover{text-decoration: none;}


/* docs */

div.container-fluid.docs{background: #ebeef2;padding-top: 37px;padding-bottom: 30px;}
div.container-fluid.docs div.row{padding: 0;}
div.container-fluid.docs div.title{font-family: Magistral; color:#434a51; font-size: 1.71428571em; margin-top: 3px; padding-bottom: 15px;}

.docs-list {margin-top:60px;}
.docs-list-title h1 {font-size: 30px;}
.docs-list div.row.header{}
.docs-list div.row.header div.item{padding: 0; margin-bottom: 40px;}
.docs-list div.row.header div.item div.icon{width: 40px; height: 40px; background: no-repeat 50% 50%; float: left; margin-right: 10px;}
.docs-list div.row.header div.item div.desc{color:#333940;}
.docs-list div.row.header div.item div.title{margin-bottom: 5px;}
.docs-list div.row.header div.item div.title a{color:#2971c5;}
.docs-list div.row.header div.item div.title a:hover{}
.docs-list div.row.body{padding-top: 10px;}
.docs-list div.row.body div{padding: 0;}
.docs-list div.row.body div.item{margin-top:30px; min-height: 70px;}
.docs-list div.row.body{margin-bottom: 60px;}
.docs-list div.row.body div.block-title h4 {color:#373e45; font-family: Magistral; font-size: 1.71428571em; padding: 0; margin: 0;}
.docs-list div.row.body div.item div.desc{margin-top: 5px;}
.docs-list div.row.body div.item div.icon{float: left;width: 30px;height: 60px;margin-right: 10px;background: no-repeat 0 0%;padding-bottom: 20px;}
.docs-list div.row.body div.item div.icon.pdf{background-image: url('/local/templates/main_new/../main//images/docs/pdf_icon.png');}
.docs-list div.row.body div.item div.icon.doc{background-image: url('/local/templates/main_new/../main//images/docs/doc_icon.png');}
.docs-list div.row.body div.item div.icon.jpg{background-image: url('/local/templates/main_new/../main//images/docs/jpg_icon.png');}
.docs-list div.row.body div.item div.icon.ies{background-image: url('/local/templates/main_new/../main//images/docs/ies_icon.png');}

/* energy */

div.container-fluid.energy-header{background: url('/local/templates/main_new/../main//images/energy/header.png'); height: 200px;}
div.container-fluid.energy-header h1{text-align: center; font-family: Magistral; font-size: 3.42857143em; color:#fff; padding:0; margin: 0; line-height: 200px;}

div.container.energy-page{}
div.container.energy-page div.description{text-align: justify; color:#373e45; margin-top: 60px;}

div.container-fluid.energy-stage{background: #ebeef2; margin-top: 80px;}
div.container-fluid.energy-stage h2{color:#333940; font-family: Magistral; text-align: center; padding: 0; margin: 80px 0 0 0; text-transform: uppercase;}

div.container-fluid.energy-stage div.stage-list{margin: 55px 0 80px 0;}
div.container-fluid.energy-stage div.stage-list > div{padding: 0;}
div.container-fluid.energy-stage div.stage-list div.icon{margin-bottom: 30px;  height: 32px; width: 32px;}
div.container-fluid.energy-stage div.stage-list div.icon-info{background: url('/local/templates/main_new/../main//images/energy/icon-info.png') no-repeat;}
div.container-fluid.energy-stage div.stage-list div.icon-audit{background: url('/local/templates/main_new/../main//images/energy/icon-audit.png') no-repeat;}
div.container-fluid.energy-stage div.stage-list div.icon-docs{background: url('/local/templates/main_new/../main//images/energy/icon-docs.png') no-repeat;}
div.container-fluid.energy-stage div.stage-list div.icon-check{background: url('/local/templates/main_new/../main//images/energy/icon-check.png') no-repeat;}

div.container.energy-project{margin-top: 80px;}
div.container.energy-project h2{text-align: center; color:#333940; font-family: Magistral; padding: 0; margin: 0 0 60px 0; text-transform: uppercase;}
div.container.energy-project div.item{}
div.container.energy-project div.item div.image{margin-bottom: 30px;}
div.container.energy-project div.item div.name{}
div.container.energy-project div.item div.name a{color:#333940; font-weight: bold;}

div.container.energy-banner{margin: 80px auto;}
div.container.energy-banner div.row{padding: 0 15px;}
div.container.energy-banner div.banner{height: 220px; padding: 0;}
div.container.energy-banner div.banner-1{background: url('/local/templates/main_new/../main//images/energy/banner_1.jpg') no-repeat;background-size: cover;}
div.container.energy-banner div.banner-2{background:#00a653;}
div.container.energy-banner div.banner-3{background:#2b75c8;}
div.container.energy-banner div.banner-4{background: url('/local/templates/main_new/../main//images/energy/banner_4.jpg') no-repeat;background-size: cover;}

div.container.energy-banner div.banner h4{color:#fff; text-align: center; font-family: Magistral; font-size: 2.14285714em;}
div.container.energy-banner div.banner div.description{color:#fff; text-align: center;}
div.container.energy-banner div h4{padding: 0; margin: 88px 0 10px 0;}
div.container.energy-banner div.banner-4 h4{color:#00a653;}
div.container.energy-banner div.banner-4 div.description{color:#333940; text-align: center;}


div.container-fluid.energy{background-image: url('/local/templates/main_new/../main//images/partner_footer_ask.jpg');background-repeat: repeat;padding-bottom: 50px;}
div.container-fluid.energy div.title{margin-top: 75px; font-family: Magistral; color: #fff; font-size: 3.42857143em; text-align: center;}
div.container-fluid.energy div.description{margin-top: 25px; color:#a1a9b2; text-align: center;}
div.container-fluid.energy div.description a{color:#fff;}
div.container-fluid.energy div.price-button{margin-top:30px; text-align: center;}

/* hgslide */

div.image_hgslide{position: relative; width: 100%; height: auto; cursor: pointer;}
div.image_hgslide img{text-align: left; width: 100%; height: auto;}
div.image_hgslide div.image_hgslide_hover{width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: url('/local/templates/main_new/../main//images/hgslide_hover.png') no-repeat 50% 50%; opacity: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
div.image_hgslide:hover div.image_hgslide_hover{opacity: 1;}


/* select */

select.styled{width: 100%; vertical-align: middle; border: 1px solid #b8c1cc; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/local/templates/main_new/../main//images/select_arrow.png') 95% 50% no-repeat #ffffff; font-size: 0.857142857em; color: #333940; cursor: pointer; padding: 10px 8px;}
select#select.styled::-ms-expand {display: none;}
select.styled option{padding: 1em; font-size: 1em; font-weight: normal; line-height: 2em;}
select.styled option[selected]{ font-weight:bold}

/* footer */
div.footer_space{height: 80px;}
footer.footer{background-color:#ebeef2; min-height: 280px; position: absolute; bottom: 0; width: 100%; display: block;}
footer.footer div.row{margin-top: 60px;}
footer.footer div.row.copyright{text-align: center; font-size: 0.714285714em; color: #333940;}
footer.footer ul.menu{padding: 0; margin: 0px;}
footer.footer ul.menu li{list-style: none; line-height: 150%; font-weight: 300;}
footer.footer ul.menu li a{color: #333940; text-decoration: none;}
footer.footer ul.menu li a:hover{text-decoration: none;  border-bottom: 1px solid rgba(51, 57, 64, 0.5);}
footer.footer ul.menu li:first-child a{font-size: 1.28571429em; font-weight: 300;}
footer.footer ul.menu.green li a{color: #00a653; font-size: 1.28571429em; font-weight: 300;}
footer.footer ul.menu.green li a:hover{border-bottom: 1px solid rgba(0, 166, 83, 0.5);}

/* media */

@media (min-width: 320px) and (max-width: 360px){

    div.container-fluid.slider{display: none;}
    div.container-fluid.slider .cd-hero-slider{display: none;}

}

@media (min-width: 360px) and (max-width: 768px){

    div.container-fluid.slider{height: 360px;}
    div.container-fluid.slider .cd-hero-slider{height: 360px;}
	div.container-fluid.product_list_body div.container h2 {font-size: 26px;}
}

@media (min-width: 768px){

    div.container-fluid.slider{height: 600px;}
    div.container-fluid.slider .cd-hero-slider{height: 600px;}
}



.mar_top_md{margin-top: 50px}
.mar_top_sm{margin-top: 25px}
.mar_top_sx{margin-top: 15px}
.block-logo, .block-phone{float: left;}
.block-phone{position: relative; }
/*.col-button, .col-phone{float: left;padding: 0 5px;}*/
div.container.index_news div.list div.news_unit {padding: 0;width: 100%;max-width: 320px;margin: 0 auto 40px;}
.item-wrap{width: 100%; max-width: 220px; margin: 20px auto;}
div.container.solution div.solution-industry .icon {margin: 15px 0;}
.icon_wrapper {width: 100%;max-width: 300px;margin: 20px auto;}
div.container.contact-fields div.contact-city div.more-city-info div.city-email {margin-left: 15px;}
div.container.tech_info div.banner {background-size: cover;}
.row.padd_fix{margin-left: 0 !important;margin-right: 0 !important;}
.table_scroll{width: 100%;overflow: auto;}
.table_scroll table{width: 100%;min-width: 500px;}
.item_wrap{margin: 30px auto 0;width: 100%; max-width: 260px;}
div.container.plan_show  img{width: 100%; height: auto;}


.system_soft_blok{display: block;width: 100%;padding-top: 40px;margin: 0 auto;clear: both;}
.system_soft_blok .system_soft_img{display: block;width: 340px;height: 200px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.system_soft_left .system_soft_img{float: left;margin-right: 50px;}
.system_soft_right .system_soft_img{float: right;margin-left: 50px;}
.system_soft_blok .system_soft_cont{padding-top: 10px;}
.system_soft_blok .system_soft_cont h4 {font-family: Magistral;color: #373e45;font-size: 1.85714286em;}
.system_soft_blok .system_soft_cont .logo-list{margin-top: 20px;}


@media (min-width: 768px) and (max-width: 991px) {

div.header div.main {margin: 71px -15px 30px;}	
.col-icon{position: fixed;right: 60px;top: -5px;z-index: 2000;}
div.container.company div.pref > div {padding: 12px 0;}
div.container.company div.company_econex_smart > div {padding: 0 50px;}
div.container-fluid.energy-stage div.stage-list div.icon {margin-bottom: 10px;}
.link_button .button {margin-top: 20px;}
div.container-fluid.solution-footer div.link_button {margin-top: 25px;}
div.footer-subscript .inp {margin-top: 0px !important;}
footer.footer div.footer-subscript {margin-top: 0px !important;margin-bottom: 30px;}
img.foot_img{float: left;}	
#footer-form-subscr{width: 100%;max-width: 300px;margin: 0px auto;}
div.container-fluid.product_list_header div.row.menu div.item {height: 100px;background: no-repeat 0 50%;background-size: 30px;padding-left: 40px;padding-top: 30px;line-height: 1.2em;font-size: 16px;}
div.container.company-mission div.company-mission-list div.partner {margin-top: 30px;}
div.container.company-mission div.company-description {padding: 40px 30px 60px;}
div.job_list div.job_unit {padding: 40px 20px 60px;}
div.container-fluid.contact div.map-button {line-height: 150px;}
div.container-fluid.project div.title h1{ line-height: 100px;}
div.container-fluid.project .linker{margin-top: 0px;}
div.container.project_selector div.content {border: 0px solid #ebeef2;}
div.container-fluid.project {padding-top: 30px;}
div.container.calc_form ._in .middle {margin-top: 0px;}
.param-name, .param-input{margin-top: 15px;}
div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-header ul li {float: none;text-align: center;}
div#product_list div.container.full-desc div.main-page div.row.content-block table img{width: 100%;height: auto;max-width: 400px;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 {margin: 0px auto 0;padding: 0;width: 100%;max-width: 480px;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 div.line {width: 140px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.vline {margin-top: 58px;}
.shower-scheme_2 {width: 100%;margin: 0 auto;max-width: 578px;position: relative;padding: 0 15px;}
.system_soft_blok{display: block;width: 100%;padding-top: 60px;margin: 0 auto;clear: both;max-width: 340px}
.system_soft_blok .system_soft_img{display: block;width: 340px;height: 200px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.system_soft_left .system_soft_img{float: none;margin-right: 0px;}
.system_soft_right .system_soft_img{float: none;margin-left: 0px;}
.system_soft_blok .system_soft_cont{padding-top: 20px;}

}



@media (max-width: 767px){

div.header div.main {margin: 71px -15px 30px;}	
div.header div.main div#call_back {margin-top: 25px;}
.col-icon{position: fixed;right: 60px;top: -5px;z-index: 2000;}
div.container-fluid.solution-header h1{font-size: 2.22857143em;}
div.container.project-result div.itogs{margin-top: 20px;}
div.container.project-result table.data-result tbody tr td {line-height: 26px;}
div.container.project-detail div.photo-list div.photo-item {width: 49%;}
div.container.project-detail div.photo-list div.photo-item:last-child {width: 49%;}
div.container.project-detail div.product_list h3 {margin: 40px 0 0px 0;}
div.container.project-detail div.photo-list div.photo-item .img-responsive {height: 80px;}
div.container-fluid.project-detail-header h1 {font-size: 2.22857143em;}
div.container.company div.pref > div {padding: 2px 0;}
div.page_menu_green ul.page_menu_green {display: block;}
div.container.company-page-menu div.page_menu_green ul.page_menu_green li a {width: 100%;}
div.container.company div.company-description-grey {padding: 30px;}
div.container.company .page-title {padding: 30px 20px;}
div.container.company div.pref > div {padding: 12px 0;}
div.container.company div.company_econex_smart > div {padding: 0 30px;}
div.container-fluid.energy-stage div.stage-list div.icon {margin-bottom: 10px;}
.link_button .button {margin-top: 20px;}
div.container-fluid.solution-footer div.link_button {margin-top: 25px;}
div.container-fluid.product_list_header div.row.menu div.item {height: 90px;background: no-repeat 0 50%;background-size: 50px;padding-left: 80px;padding-top: 30px;line-height: 1.2em;}
div.container-fluid.system_core_content div.row.pager_system.energy {margin-top: 40px;padding: 0px 0px 0px 35px;background: url('/local/templates/main_new/../main//images/system/core_tab_1.png') #ffffff no-repeat 0px 5px;background-size: 30px;}	
div.container-fluid.system_core_content div.pager_system div.budget{background: url('/local/templates/main_new/../main//images/system/core_tab_2.png') no-repeat 10px 5px;padding-left: 55px;margin-top: 60px;background-size: 30px;}
/*.col-button, .col-phone {float: none;padding: 0 5px;text-align: center;}*/
div.header div.main div.logo {width: 150px;}
#footer-form-subscr{width: 100%;max-width: 300px;margin: 0px auto;}
div.footer-subscript .inp {margin-top: 0px !important;}
footer.footer div.footer-subscript {margin-top: 0px !important;margin-bottom: 30px;}
img.foot_img{/*margin-top: -40px;*/ margin-bottom: 20px;}
footer.footer ul.menu {padding: 0;max-width: 300px;margin: 0px auto;}
footer.footer div.mail.mail2dir {margin: 35px auto 0;max-width: 300px;}	
div.page_menu_green{text-align: center;}
div.page_menu_green ul.page_menu_green li{float:none;}
div.container.solution {margin-top: 50px;}
div.container.company-mission div.company-mission-list div.partner {margin-top: 30px;}
div.container.company-mission div.company-description {padding: 40px 30px 60px;}
div.job_list div.job_unit div.preview-text div.read-more {bottom: -40px;}
div.container-fluid.project div.title h1{ line-height: 100px;}
div.container-fluid.project .linker{margin-top: 0px;}
div.container-fluid.project div.title h1 {font-size: 2.22857143em;}
div.container.project_selector div.content {border: 0px solid #ebeef2;}
.horizontal-menu ul.page_menu li div{height: 36px; line-height: 36px; padding: 0px 10px;font-size: 12px;}
div.container.calc_form ._in .middle {margin-top: 0px;}
.param-name, .param-input{margin-top: 15px;}

div.container.calc_form div.calc_house {
    background-size: 400px;
    height: 300px;
    background-position: top center;
    position: relative;
    width: 300px;
    margin: 0 auto;
}
div.container.calc_form div.calc_house div.height {
    top: 104px;
    left: 256px;
}
div.container.calc_form div.calc_house div.work {
    top: 158px;
    left: 185px;
}
div.container.calc_form div.calc_house div.length {
    top: 190px;
    left: 220px;
}
div.container.calc_form div.calc_house div.width {
    top: 210px;
    left: 40px;
}

div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-header ul li {float: none;text-align: center;}
div#product_list div.container.full-desc div.main-page div.row.content-block table img{width: 100%;height: auto;max-width: 400px;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 {margin: 40px auto 0;padding: 0;width: 100%;max-width: 300px;position: relative;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 div.line div.desc {position: absolute;left: -80px;top: -60px;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 div.round-desc {float: none;margin: 20px 0 0 20px;position: absolute;right: 0;top: -65px;}
div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 div.line {width: 140px;}

.horizontal-menu ul.page_menu li:first-child {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.horizontal-menu ul.page_menu li:last-child {
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.horizontal-menu ul.page_menu li {float: none;}

.shower-scheme_2 {width: 100%;margin: 0 auto;max-width: 300px;position: relative;padding: 0 15px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 .w80 {width: 60px;height: 60px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.line {width: 124px;font-size: 12px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.line div.desc {padding: 0 0 10px 10px;margin-top: 10px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.vline {right: 99px;height: 235px;margin-top: 51px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.wifi {right: 75px;top: 215px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.lan {right: 75px;top: 100px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.pointer-lan {width: 30px;top: 170px;left: 200px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.pointer {left: 230px;top: 138px;}
div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.pointer div.desc {    margin: 0px 0 0 5px;}
.system_soft_blok{display: block;width: 100%;padding-top: 60px;margin: 0 auto;clear: both;max-width: 300px}
.system_soft_blok .system_soft_img{display: block;width: 260px;height: 180px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.system_soft_left .system_soft_img{float: none;margin-right: 0px;}
.system_soft_right .system_soft_img{float: none;margin-left: 0px;}
.system_soft_blok .system_soft_cont{padding-top: 20px;}

}
div.product_list_body h2 a:hover {
	text-decoration: none;
}
/* End */


/* Start:/local/templates/main_new/../main//mobile.css?16802680431445*/
@media (min-width: 425px) and (max-width: 768px)
{

	.catalog-header-menu .catalog-menu .catalog-menu-item
	{
		width: 33% !important;
		margin-bottom: 15px;
	}
	.catalog-sections-filter .filter-block
	{
		width: 50% !important;
		margin-bottom: 15px;
	}
	.filter-popup-block-body
	{
		width: 290px !important;
	}

	.catalog-series-project
	{
		width: 50% !important;
	}
	.docs-list div.row.body div
	{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.catalog-item-page .item-body .params .title-params
	{
		padding-top: 20px;
	}
	.catalog-item-page .item-body .buttons
	{
		text-align: center;
	}
}

@media (max-width: 425px)
{

	.catalog-header-menu .catalog-menu .catalog-menu-item
	{
		width: 50% !important;
		margin-bottom: 15px;
	}
	.catalog-sections-filter .filter-block
	{
		width: 100% !important;
		margin-bottom: 15px;
	}
	.filter-popup-block-body
	{
		width: 290px !important;
	}
	.catalog-series-project
	{
		width: 100% !important;
	}
	.catalog-series-project .image
	{
		width: auto !important;
	}
	.docs-list div.row.body div
	{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.catalog-item-page .item-body .params .title-params
	{
		padding-top: 20px;
	}

	.catalog-item-page .item-body .buttons .button
	{
		margin-top: 15px;
	}
	.catalog-item-page .item-body .buttons
	{
		text-align: center;
	}
}
/* End */


/* Start:/local/templates/main_new/../main//template_styles.css?172889773560741*/
a.button {
	text-decoration: none;
}

.error-field {
	border: 1px solid #f77049 !important;
}

input[type="submit"].button {
	border: 0;
}

label.error {
	display: inline-block;
	position: relative;.catalog-sections-list .section-delay-type
	padding: 4px 8px;
	border-radius: 3px;
	background: #FF2F28;
	color: #FFFFFF;
	font-size: 10px;
	top: 5px;
}

div.container-fluid.news-header-detail h1 {
	margin: 15px 0;
}

div.container-fluid.news-header-detail {
	background-size: cover;
}

div.container.contact-fields div.contact div.avatar {
	background-size: cover;
	width: 95px;
	height: 95px;
}

div.contact-map > div.map {
	display: none;
}

div.container-fluid.inform div.file-list > div {
	margin-bottom: 20px;
}

.docs-list div.row.body div > div.title {
	padding: 0 10px;
}

div.energy-project div.item div.image {
	height: 220px;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

div.container-fluid.system {
	background-size: cover;
}

div.container-fluid.system_core_content div.pager_system div.margin {
	padding-left: 115px;
}

div.container.index_news div.list > div.news_unit div.tags a {
	color: #00a653;
}

div.container.solution div.solution-industry .icon > div {
	padding-left: 70px;
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	width: 90%;
}

div.container.solution div.solution-industry .icon > div a {
	color: #373e45;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

div.container.solution div.solution-industry .icon > div a:hover {
	color: #00a653;
	text-decoration: none;
}

div.container.solution div.solution-industry .icon {
	background-size: contain;
}

div.solution-header-detail {
	background-size: cover;
}

div.solution-detail div.description a {
	color: #00a653;
}

div.project_list div.project-list div.project-unit div.image {
	height: 220px;
	background-size: cover;
	background-position: 50% 50%;
}

div.container-fluid.product_list_body div.container div.row.item-list div.item div.row.icon-set {
	margin-left: 15px;
}

div.container-fluid.product_list_body div.container h2 {
	text-align: center;
	text-transform: uppercase;
	color: #373e45;
	font-size: 2.57142857em;
	font-weight: 300;
}

div.page-404 {
	margin-top: 180px;
	text-align: center;
}

div.page-404 div.title {
	font-size: 14.2857143em;
	font-family: Magistral;
	color: #00a653;
}

div.page-404 div.description {
	font-size: 2.57142857em;
	font-family: Magistral;
	color: #848b93;
}

div.container-fluid.job-header {
	background-size: cover;
}

div.container.company .page-title {
	text-align: left;
	font-size: 1.71428571em;
	line-height: 1.85714286em;
	background: #ebeef2;
	padding: 55px;
}

div.container.company .page-title .small-em {
	text-align: right;
	font-size: 0.592592591em !important;
	margin-right: 15px;
}

div.container.company-quality div.row.main_item .title {
	font-family: "GothamPro";
}

div.container-fluid.contact .select_city {
	padding-left: 15px;
}

div.container-fluid.contact {
	background-size: cover;
}

div.container.item_list div.item div.tech_info div.desc ul.docs li.doc {
	background: url('/local/templates/main_new/../main//images/file_type_doc.png') 0px 5px no-repeat;
}

div.container.item_list div.item div.tech_info div.desc ul.docs li.pdf {
	background: url('/local/templates/main_new/../main//images/file_type_pdf.png') 0px 5px no-repeat;
}

div.container.item_list div.item div.tech_info div.desc ul.docs li.jpg {
	background: url('/local/templates/main_new/../main//images/file_type_jpg.png') 0px 5px no-repeat;
}

div.container-fluid.project-detail-header {
	background-size: cover;
}

div.container.project-detail div.photo-list div.photo-item:last-child {
	float: left;
}

div.container.project-detail div.photo-list div.photo-item .img-responsive {
	background-size: cover;
	height: 150px;
}

input {
	outline: none;
}

/*input:-webkit-autofill {
	-webkit-text-fill-color: #ebeef2 !important;
	color: #8a9199 !important;
	background-color: #ebeef2 !important;
}*/

div.container-fluid.dealer-header {
	background-size: cover;
}

div.container-fluid.dealer-header h1 {
	font-size: 3.42857143em;
}

div.container-fluid.energy-stage div.stage-list div.desc {
	line-height: 1.42857143em;
}

div.container-fluid.energy-stage h2 {
	font-size: 2.57142857em;
}

div.container.energy-project h2 {
	font-size: 2.57142857em;
}

div.energy-project div.item div.image {
	height: 180px;
}

div.container.news div.news-list div.row.news-unit .image {
	height: 180px;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

div.container-fluid.energy-header {
	background-size: cover;
}

div.container.project_selector {
	padding-left: 7px;
}

div.container-fluid.project .linker div {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
}

div.container.project_selector div.selector div.print:hover {
	background-color: #2B63C8;
}

div.container.project_selector div.selector div {
	height: 125px !important;
}

div.container-fluid.seminar {
	background-position: 50% 50%;
	background-size: cover;
}

div.container-fluid.seminar {
	text-align: center;
	color: #fff;
}

div.container-fluid.seminar h1 {
	font-size: 2.57142857em;
	margin-top: 100px;
	font-family: Magistral;
}

div.container-fluid.seminar div.desc {
	line-height: 1.42857143em;
}

div.container-fluid.seminar-footer {
	background-position: 50% 50%;
	background-size: cover;
	padding-bottom: 45px;
}

div.container-fluid.seminar-footer {
	text-align: center;
	color: #fff;
}

div.container-fluid.seminar-footer div.title {
	font-size: 2.57142857em;
	margin-top: 100px;
	font-family: Magistral;
}

div.container-fluid.seminar-footer div.desc {
	line-height: 1.42857143em;
	margin-top: 30px;
}

div.container-fluid.seminar-footer .button {
	margin-top: 30px;
	text-decoration: none;
}

div.container.news-detail div.back-to-news {
	margin-top: 60px;
}

div.container.news-detail div.detail-text div.request-write-button {
	text-align: right;
	margin-top: 60px;
}

div.container.news-detail div.detail-text div.request-write {
	display: none;
}

div.container.news-detail div.detail-text div.request-write div.title {
	color: #00a653;
	text-align: center;
	margin: 60px 0;
	font-family: Magistral;
	font-size: 1.71428571em;
}

div.container.news-detail div.detail-text div.request-write div.row {
	margin-bottom: 30px;
}

div.container.news-detail div.detail-text div.request-write div.row textarea {
	resize: none;
	height: 100px;
}

div.container.news-detail div.detail-text div.request-write div.get-seminar-order {
	text-align: right;
}

div.container.project_selector div.selector div {
	padding: 42px 0px 15px 110px;
}

div.projects-form input[type="text"] {
	margin: 10px 0;
}

div.projects-form textarea {
	margin: 10px 0;
	resize: none;
}

div.projects-form div.body > div.row > div.send-form {
	text-align: center;
	margin-top: 30px;
}

div.container-fluid.product_list_body div.container div.row.item-list div.item div.item-name {
	font-size: 1em;
}

div.container-fluid.product_list_body div.container div.row.item-list div.item div.item-desc {
	line-height: 1.42857142857em;
}

div.container-fluid.product_list_footer div.button-lm {
	margin-top: 40px;
}

div.container-fluid.product_list_header div.row.menu {
	margin-left: 0;
	padding-top: 20px;
}

div.page_menu_green ul.page_menu_green li a.button.green {
	text-decoration: none;
}

div.control-system-solutions-body-list > div[data-element-code] {
	display: none;
}

div.control-system-solutions-header-list > div[data-element-code] {
	display: none;
}

div.container.company-mission div.company-description div.desc {
	text-align: justify;
}

div.container.contact_jobs .page-description div.title {
	margin: 30px 0;
	font-family: Magistral;
	text-align: center;
	font-size: 1.71428571em;
}

div.container-fluid.product_list_footer {
	padding-top: 62px;
}

div.header div.main div.block-logo {
	padding-right: 0;
}

div.header div.main div.block-logo div.block-phone {
	padding: 0;
}

div.container-fluid.system_soft div.container div.row img {
	max-width: 100%;
}

body {
	margin-bottom: 420px;
}

footer.footer div.row.copyright {
	text-align: left;
}

footer.footer div.row.copyright div.desc {
	text-align: left;
	margin-bottom: 15px;
}

footer.footer div.row.copyright div.desc .youtube {
	background: url('/local/templates/main_new/../main//images/footer_youtube.png');
	position: absolute;
	right: 31px;
	width: 24px;
	height: 24px;
	top: 0;
	background-size: contain;
}

footer.footer div.row {
	margin: 30px auto;
}

footer.footer ul.menu li:first-child {
	margin-bottom: 5px;
}

footer.footer div.mail.mail2dir {
	font-family: "GothamPro";
	font-size: 1.28571429em;
	font-weight: 300;
	margin-top: 100px;
}

footer.footer div.mail.mail2dir:hover {
	text-decoration: underline;
	cursor: pointer;
}

footer.footer ul.menu.menu_sub li:first-child {
	margin: 10px 0 0 0;
}

footer.footer ul.menu.menu_sub li a {
	font-size: 1.28571429em;
	line-height: 1.28571429em;
}

footer.footer ul.menu.green li a {
	color: #31373e;
	font-size: 1em;
}

footer.footer ul.menu.green li a:hover {
	border-bottom: 1px solid #31373e;
}

footer.footer ul.menu.green li:first-child a {
	color: #00a653;
}

footer.footer ul.menu.green.menu_sub {
	padding-top: 4px;
}

footer.footer ul.menu.green.menu_sub li:first-child {
	margin: 10px 0 0 0;
}

footer.footer ul.menu.green.menu_sub li a {
	font-size: 1.28571429em;
	line-height: 1.28571429em;
	color: #00a653;
}

div.container.solution-detail div.result-table table.result-data tbody tr td {
	height: auto;
	min-height: 36px;
	padding: 10px 30px;
}

footer.footer ul.menu.green li:first-child a {
	font-size: 1.28571429em;
}

footer.footer div.catalog ul.menu.menu_sub {
	margin-top: 162px;
}

div.control-system-solutions-body-list > div[data-element-code] div.content {
	text-align: justify;
}

div.container-fluid.solution-footer div.title {
	margin-top: 22px;
}

div.container-fluid.energy div.title {
	margin-top: 60px;
}

div.container-fluid.project .link-object {
	padding-right: 0px;
}

div.container-fluid.project .linker {
	margin-left: 77px;
}

div.container-fluid.project .linker div {
	margin: 10px 0 10px 0px;
	width: 190px;
}

div.container-fluid.askq div.title {
	margin-top: 55px;
}

div.contact_jobs div.no-jobs {
	text-align: center;
	margin: 30px 0;
}

div.container-fluid.seminar-footer div.title {
	margin-top: 45px;
}

div#product_list div.container-fluid.product_header div.slider div.product_slider div.Wallop-item img {
	max-width: 70%;
}

div#product_list div.container-fluid.product_header {
	height: auto;
	min-height: 400px;
}

table.data-table-ex {
	margin-top: 30px;
	width: 100%;
}

table.data-table-ex thead th {
	height: 60px;
	font-weight: normal;
	color: #5c6166;
	font-size: 12px;
	padding: 0 30px;
	/*font-weight: bold;*/
	font-family: GothamPro;
}

table.data-table-ex tbody tr td {
	height: 46px;
	font-weight: normal;
	color: #5c6166;
	font-size: 0.857142857em;
	padding: 0 30px;
}

table.data-table-ex tbody tr:nth-child(2n+1) td {
	background: #ebeef2;
}

div.content-block div.slide-height {
	height: 30px;
}

div.content-block ul li {
	color: #333940;
	line-height: 1.42857143em;
	font-size: 0.928571429em;
}

div.content-block.sku table.data-table-ex {
	margin-top: 0;
}

div#product_list div.container-fluid.product_header div.action-button a {
	text-decoration: none;
}

div.container.index_news div.list > div.news_unit div.image {
	background-size: contain;
}

div.container.index_news div.list > div.news_unit.col-md-2 div.image {
	height: 180px !important;
}

div#product_list div.container-fluid.product_header div.desc {
	margin-bottom: 60px;
}

div.container-fluid.askq div.title.projectman {
	margin-top: 45px;
}

div.container.calc_form div.separator input.col12[type="text"] {
	padding: 0;
	height: 41px;
	line-height: 41px;
}

div.container.calc_form ._in div.calc_tech_info div.title {
	padding: 0;
}

/*div.container.calc_form ._in input[type="text"][name="TECH_INFO_CONTACT_CITY"]{margin-top: 7px;}*/

footer.footer ul.menu.green.menu_sub li a:hover {
	border-bottom: 1px solid #00a653;
}

footer.footer ul.menu.green li:first-child a:hover {
	border-bottom: 1px solid #00a653 !important;
}

div.get-price.modalbox {
	width: 450px;
}

div.projects-form.modalbox {
	width: 450px;
}

div.projects-form.modalbox div.send-form {
	text-align: center;
}

.selectize-input > input {
	font-size: 12px !important;
	margin-left: 13px !important;
}

.selectize-control.single .selectize-input div.item, .selectize-control.single .selectize-input input div.item {
	padding-left: 12px;
	color: #8a9199;
}

.selectize-dropdown [data-selectable] {
	color: #8a9199;
	padding-left: 19px;
}

table.select-eq-sku {
	width: 100%;
}

table.select-eq-sku thead th {
	font-size: 0.857142857em;
	border: 1px solid #eaeaea;
	padding: 5px;
	text-align: center;
	font-weight: normal;
}

table.select-eq-sku tbody td {
	font-size: 0.857142857em;
	border: 1px solid #eaeaea;
	padding: 5px;
}

table.select-eq-sku tbody td.center {
	text-align: center;
}

footer.footer ul.menu.green li a:hover {
	border-bottom: 1px solid rgba(51, 57, 64, 0.5);
}

div.project_list div.project-list div.project-unit div.image {
	height: 330px;
}

.cd-hero-slider .cd-full-width {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

div#page-in-develop {
	background: url('/local/templates/main_new/../main//images/razrabotka.jpg') no-repeat 50% 50%;
	background-size: contain;
	height: 700px;
	margin-top: 100px;
}

div.product_tabs div.project_list div.project-list div.project-unit div.image {
	height: 220px;
}

div.product_tabs div.project_list div.project-list div.project-unit div.name {
	min-height: 50px;
}

div.container.project_list div.project-list div.project-unit {
	margin-bottom: 30px;
}

.docs-list div.title div.section-title {
	font-family: Magistral;
	font-size: 1.42857143em;
	margin-bottom: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eaeaea;
	color: #00a756;
}

div.job_list div.job_unit div.title {
	font-family: Magistral;
	font-size: 1.57142857143em;
}

div.job_list div.job_unit div.city-place {
	text-align: right;
	display: inline-block;
	float: right;
	font-size: 1em;
	font-family: GothamPro;
	font-size: 0.65em;
}

div.person div.persoan-photo {
	height: 200px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 30px 0;
}

div.person div.persoan-name {
	text-align: center;
	font-size: 1.57142857143em;
	margin-bottom: 15px;
}

div.person div.persoan-name p {
	font-size: 0.7em;
}

div.person div.persoan-email,
div.person div.persoan-phone {
	margin-top: 15px;
	text-align: center;
}

div.container-fluid.contact div.map-button > div:first-child {
	margin-right: 0;
}

div.footer-subscript {
	text-align: center;
}

/* div.footer-subscript .inp{margin-top: 85px;} */
div.footer-subscript .button {
	margin-top: 15px;
}

div.footer-subscript .label.error {
	top: 3px;
}

footer.footer div.footer-subscript { /*margin-top:40px;*/
}

div.preimushestvo-block p,
div.preimushestvo-block td {
	color: #333940;
	line-height: 1.42857143em;
	font-size: 0.928571429em;
}

div.container.solution-detail div.description {
	text-align: justify;
}

div.control-system-header {
	margin: 30px auto 30px auto;
	padding-bottom: 30px;
	background: url('/local/templates/main_new/../main//images/control-system/main-function/main-desc-footer.png') no-repeat 0 100%;
	-webkit-background-size: contain;
	background-size: contain;
}

div.control-system-header div.main-desc {
	margin-top: 50px;
	color: #333940;
	font: 14px "GothamPro";
	line-height: 22px;
}

div.control-system-body div.list {
	padding: 30px;
}

div.control-system-body div.list-image {
	text-align: center;
}

div.control-system-body div.list-desc h6 {
	color: #7ab51d;
	font-size: 15px;
	font-family: "GothamPro", serif;
}

div.control-system-body div.list-desc div {
	color: #a3a3a3;
	font-size: 15px;
	font-family: "GothamPro", serif;
}

div.control-system-body div.first-row {
	border-bottom: 1px solid #edf3f3;
}

div.control-system-body div.first-row div.list:first-child,
div.control-system-body div.second-row div.list:first-child {
	border-right: 1px solid #edf3f3;
}

div.control-system-slider {
	background: #f7f7f7;
}

div.control-system-body.slider div.desktop {
}

div.control-system-body.slider div.mobile {
}

div.control-system-body.slider div.mobile div.title {
	color: #62656e;
	font-size: 16px;
	padding: 0 30px 20px 30px;
	text-align: center;
	font-weight: bold;
}

div.control-system-body.slider div.mobile ul.slider {
	padding: 0;
	margin: 0;
}

div.control-system-body.slider div.mobile ul.slider li {
	list-style: none;
}

div.control-system-body.slider div.mobile ul.slider li img {
	max-width: 100%;
	padding: 20px;
}

div.control-system-body.slider div.desktop #slider {
	display: block;
	height: 350px;
	width: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
}

div.control-system-body.slider div.desktop div.title {
	color: #62656e;
	font-size: 16px;
	padding: 30px 30px 20px 30px;
	text-align: center;
	font-weight: bold;
}

div.control-system-body.slider div.desktop #slider #slides {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

div.control-system-body.slider div.desktop #slider #slides > div {
	list-style: none;
	height: 100%;
	width: 500%;
	position: relative;
	left: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	/* Set 3D perspective since we're using 3D transforms */
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	perspective: 600px;
	-webkit-perspective-origin: 10% 50%;
	-moz-perspective-origin: 10% 50%;
	perspective-origin: 10% 50%;
}

div.control-system-body.slider div.desktop #slides > div > span {
	/* Run the tranistions */
	-webkit-transition: all 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-moz-transition: all 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530);
	-o-transition: all 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530);
	transition: all 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530);
	height: 268px;
	width: 10%;
	float: left;
	border-radius: 5px;
	opacity: 1;
	overflow: hidden;
	display: block;
	position: relative;
	font-size: 1.6em;
	top: 20px;
	z-index: 1;
}

/* Display none, so the user doesn't see whats happening with the radio buttons */
div.control-system-body.slider div.desktop #slider input[type=radio] {
	display: none;
}

div.control-system-body.slider div.desktop #slider #slides > div > span > img {
	margin: auto;
	height: 100%;
}

/* Style the arrows so they look nice! */
div.control-system-body.slider div.desktop #slider .arrows {
	font-size: 15px;
	color: #fff;
	position: absolute;
	top: 290px;
	display: none;
	cursor: pointer;
	z-index: 9999;
	width: 50px;
	height: 50px;
	border-radius: 3px;
	text-align: center;
	padding: 5px;
	background: url('/local/templates/main_new/../main//images/control-system/collection-storage-data/arrow-right.png') 50% 50% no-repeat #eaeaea;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

div.control-system-body.slider div.desktop #slider .arrows:hover {

	background: url('/local/templates/main_new/../main//images/control-system/collection-storage-data/arrow-right-active.png') 50% 50% no-repeat #eaeaea;
}

/* The info boxes */
div.control-system-body.slider div.desktop #slides .info {
	width: 100%;
	padding: 20px 20px 25px 20px;
	position: relative;
	bottom: 120px;
	border-radius: 5px 5px 0 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
	-webkit-transition: all 1s 0.2s cubic-bezier(1, 0, 0.6, 1);
	transition: all 1s 0.2s cubic-bezier(1, 0, 0.6, 1);
	color: #fff;
	font-weight: bold;
	background-color: rgb(30, 30, 30);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	line-height: 30px;
}

div.control-system-body.slider div.desktop #slides .info strong {
	border-bottom: 2px solid #fff;
	padding: 3px 0;
}

div.control-system-body.slider div.desktop #slides .info em {
	font-size: 0.8em;
	float: right;
	padding-top: 4px;
	color: rgba(255, 255, 255, 0.2);
}

/* This is for positioning the arrows */
div.control-system-body.slider div.desktop #button-1:checked ~ #arrow-2,
div.control-system-body.slider div.desktop #button-2:checked ~ #arrow-3,
div.control-system-body.slider div.desktop #button-3:checked ~ #arrow-4,
div.control-system-body.slider div.desktop#button-4:checked ~ #arrow-5 {
	right: 2%;
	top: 45%;
	display: block;
}

/* Since there is no previous sibling selector in CSS, we have to select the correct arrow, reposition it and rotate it 180deg so it appears as though it's a back arrow */
div.control-system-body.slider div.desktop #button-2:checked ~ #arrow-1,
div.control-system-body.slider div.desktop #button-3:checked ~ #arrow-2,
div.control-system-body.slider div.desktop #button-4:checked ~ #arrow-3,
div.control-system-body.slider div.desktop #button-5:checked ~ #arrow-4 {
	left: 2%;
	top: 45%;
	display: block;
	-webkit-transform: rotateZ(180deg);
	-o-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

div.control-system-body.slider div.desktop #button-2:checked ~ #arrow-1:hover,
div.control-system-body.slider div.desktop #button-3:checked ~ #arrow-2:hover,
div.control-system-body.slider div.desktop #button-4:checked ~ #arrow-3:hover,
div.control-system-body.slider div.desktop #button-5:checked ~ #arrow-4:hover {
}

/* The images used in the slides, feel free to change this */
div.control-system-body.slider div.desktop #image-1 {
	background: url('/local/templates/main_new/../main//images/control-system/main-function/slider1.png') no-repeat 50% 50%;
	background-size: contain;
}

div.control-system-body.slider div.desktop #image-2 {
	background: url('/local/templates/main_new/../main//images/control-system/main-function/slider2.png') no-repeat 50% 50%;
	background-size: contain;
}

div.control-system-body.slider div.desktop #image-3 {
	background: url('/local/templates/main_new/../main//images/control-system/main-function/slider3.png') no-repeat 50% 50%;
	background-size: contain;
}

div.control-system-body.slider div.desktop #image-4 {
	background: url('/local/templates/main_new/../main//4.jpg');
}

div.control-system-body.slider div.desktop #image-5 {
	background: url('/local/templates/main_new/../main//5.jpg');
}

/* The next bit is a bit wordy, but it just positions the slides at either side of the selected slide
   so we get a cool 3D effect */
div.control-system-body.slider div.desktop #slider #button-1:checked ~ #slides > div #image-2, #slider #button-1:checked ~ #slides > div #image-3,
div.control-system-body.slider div.desktop #slider #button-1:checked ~ #slides > div #image-4, #slider #button-1:checked ~ #slides > div #image-5,
div.control-system-body.slider div.desktop #slider #button-2:checked ~ #slides > div #image-3, #slider #button-2:checked ~ #slides > div #image-4,
div.control-system-body.slider div.desktop #slider #button-2:checked ~ #slides > div #image-5, #slider #button-3:checked ~ #slides > div #image-4,
div.control-system-body.slider div.desktop #slider #button-3:checked ~ #slides > div #image-5, #slider #button-4:checked ~ #slides > div #image-5 {
	-webkit-transform: rotateY(-10deg) scale(0.8) translateX(-10%);
	transform: rotateY(-10deg) scale(0.8) translateX(-10%);
	z-index: 0;
}

div.control-system-body.slider div.desktop #slider #button-2:checked ~ #slides > div #image-1, #slider #button-3:checked ~ #slides > div #image-2,
div.control-system-body.slider div.desktop #slider #button-3:checked ~ #slides > div #image-1, #slider #button-4:checked ~ #slides > div #image-3,
div.control-system-body.slider div.desktop #slider #button-4:checked ~ #slides > div #image-2, #slider #button-4:checked ~ #slides > div #image-1,
div.control-system-body.slider div.desktop #slider #button-5:checked ~ #slides > div #image-4, #slider #button-5:checked ~ #slides > div #image-3,
div.control-system-body.slider div.desktop #slider #button-5:checked ~ #slides > div #image-2, #slider #button-5:checked ~ #slides > div #image-1 {
	-webkit-transform: rotateY(10deg) scale(0.8) translateX(10%);
	transform: rotateY(10deg) scale(0.8) translateX(10%);
	z-index: 0;
}

/* Show the info box when the user selects the slides */
div.control-system-body.slider div.desktop #slider #button-1:checked ~ #slides > div #image-1 .info,
div.control-system-body.slider div.desktop #slider #button-2:checked ~ #slides > div #image-2 .info,
div.control-system-body.slider div.desktop #slider #button-3:checked ~ #slides > div #image-3 .info,
div.control-system-body.slider div.desktop #slider #button-4:checked ~ #slides > div #image-4 .info,
div.control-system-body.slider div.desktop #slider #button-5:checked ~ #slides > div #image-5 .info {
	bottom: 0px;
}

/* .. and finally, move the slides into the correct position when the user clicks the arrow, so the right
   slide is selected */

div.control-system-body.slider div.desktop #slider #button-1:checked ~ #slides > div > span {
	left: 5%
}

div.control-system-body.slider div.desktop #slider #button-2:checked ~ #slides > div > span {
	left: -5%
}

div.control-system-body.slider div.desktop #slider #button-3:checked ~ #slides > div > span {
	left: -15%
}

div.control-system-body.slider div.desktop #slider #button-4:checked ~ #slides > div > span {
	left: -25%
}

div.control-system-body.slider div.desktop #slider #button-5:checked ~ #slides > div > span {
	left: -35%
}

footer.footer div.soc-links {
	margin-top: 30px;
	margin-left: 30px;
}

footer.footer div.soc-links ul {
	padding: 0;
	margin: 0;
}

footer.footer div.soc-links ul li {
	float: left;
	list-style: none;
}

footer.footer div.soc-links ul li.li {
	margin-right: 10px;
}

footer.footer div.soc-links ul li:last-child {
	float: none;
	clear: both;
	margin-right: 0;
}

footer.footer div.soc-links ul li a {
	display: block;
}

footer.footer div.soc-links ul li.youtube .youtube {
	background: url("/local/templates/main_new/../main//images/footer-soclink-youtube.png") 50% 50% no-repeat;
	width: 72px;
	height: 34px;
}

footer.footer div.soc-links ul li.youtube .youtube:hover {
	background: url("/local/templates/main_new/../main//images/footer-soclink-youtube-active.png") 50% 50% no-repeat;
}

footer.footer div.soc-links ul li.facebook .facebook {
	background: url("/local/templates/main_new/../main//images/footer-soclink-facebook.png") 50% 50% no-repeat;
	width: 32px;
	height: 34px;
}

footer.footer div.soc-links ul li.twitter .twitter {
	background: url("/local/templates/main_new/../main//images/footer-soclink-twitter.png") 50% 50% no-repeat;
	width: 34px;
	height: 34px;
}

footer.footer ul.footer-menu-docs {
	margin: 22px 0 0 0;
	padding: 0;
}

footer.footer ul.footer-menu-docs li {
	background: url("/local/templates/main_new/../main//images/footer-book-link.png") no-repeat 0 50%;
	height: 25px;
	line-height: 25px;
	list-style: none;
	margin-bottom: 15px;
	padding-left: 30px;
}

footer.footer ul.footer-menu-docs li a {
	color: #767a80;
	border-bottom: 1px dotted #a6aaaf;
	font-size: 12px;
}

footer.footer ul.footer-menu-docs li a:hover {
	text-decoration: none;
}

/* mobile */

nav.mobile-menu {
	padding: 0;
	background-color: #373e45;
	height: 54px;
	line-height: 54px;
}

nav.mobile-menu div.menu div.switcher {
	float: right;
}

nav.mobile-menu div.menu-item {
	display: none;
	padding-bottom: 18px;
}

nav.mobile-menu div.menu-item ul {
	padding: 0;
	margin: 40px 0 0;
	list-style: none;
}

nav.mobile-menu div.menu-item ul li {
	line-height: 100%; /*#eaeaea;*/
	padding: 10px;
}

nav.mobile-menu div.menu-item ul li a {
	color: #fff;
}

nav.mobile-menu div.menu-item ul li.active a {
	color: #00a653;
}

nav.mobile-menu.active div.menu-item {
	display: block;
}

nav.mobile-menu.active {
	line-height: 100%;
	height: auto;
	padding-top: 16px;
}

.div.container.index_content div.read_more_button {
	margin: 30px 15px 0 15px;
}

div.container.index_news div.list div.news_unit div.image {
	background-size: contain;
}

div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.vline {
	margin-top: 64px;
}

div.top ul.menu li {
	margin-right: 30px;
}

@media (max-width: 768px) {

	div.control-system-body div.list-desc {
		text-align: center;
	}

	div.control-system-body div.first-row {
		border-bottom: none;
	}

	div.control-system-body div.first-row div.list:first-child,
	div.control-system-body div.second-row div.list:first-child {
		border-right: none;
	}

	div.container-fluid.project .linker {
		margin: 0 auto;
	}

	div.container-fluid.product_list_body div.container h2 {
		font-size: 26px;
	}

	div.container.flush_banner {
		margin-top: 0px;
	}

	div.container-fluid.slider {
		display: none;
	}

	div.container-fluid.solution-footer div.title {
		font-size: 32px;
	}

	div.container-fluid.energy-header h1 {
		font-size: 32px;
	}

	div.container-fluid.energy-stage h2 {
		font-size: 26px;
	}

	div.container.energy-banner div.banner h4 {
		font-size: 26px;
	}

	div.container-fluid.energy div.title {
		font-size: 32px;
	}

	div.container.energy-project h2 {
		font-size: 26px;
	}

	div.container.company .page-title {
		text-align: left;
		font-size: 22px;
		line-height: 1.45714286em;
		background: #ebeef2;
		padding: 45px 20px;
	}

	div.container-fluid.contact .contact_select_city span {
		font-size: 2.07142857em;
	}

	div.container-fluid.contact div.map-button > div:first-child {
		margin-right: 10px;
	}

	div.container.project_selector {
		margin-top: 0px;
	}

	div.container.tech_info div.banner h4 {
		font-size: 1.857142857em;
		margin: 0px 0 0px 20px;
	}

	div.container.tech_info div.banner p {
		margin-left: 20px;
	}

	div.container.tech_info div.banner {
		height: auto;
		padding: 45px 0;
	}

	div.container-fluid.inform div.row > div.title {
		font-size: 26px;
	}

	div.container-fluid.askq div.title {
		font-size: 32px;
	}

	div.container-fluid.product_list_footer div.title {
		font-size: 32px;
	}

	div.container.energy-banner div.banner {
		height: auto;
		padding-bottom: 60px;
	}

	div.container.energy-banner div h4 {
		margin: 60px 0 10px 0;
	}

	div.header div.main div.col-phone, div.header div.main div.col-button {
		float: none;
		text-align: center;
	}

	div.container-fluid.job-header {
		background-position: 25% 50%;
	}

	div.job_list div.job_unit div.city-place {
		float: none;
	}

	div#product_list div.container-fluid.product_header div.action-button {
		text-align: center;
	}

	div#product_list div.container-fluid.product_header div.action-button a {
		margin: 15px 0 0 0;
	}

	div#product_list div.container-fluid.product_header div.action-button a:first-child {
		margin: 0;
	}
}

@media (max-width: 767px) {
	div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.line {
		width: 130px;
	}

	div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.vline {
		margin-top: 53px;
	}

	div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.line div.desc {
		padding: 0 6px 10px 10px;
	}

	div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.lan {
		top: 65px;
	}

	div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.pointer-lan {
		left: 190px;
		width: 42px;
	}

	div.container.system_scheme div.scheme_2 div.shower-scheme_2 div.pointer div.desc {
		font-size: 13px;
	}

	div.container.system_scheme div.row.scheme_1 div.shower-scheme_1 div.line {
		width: 127px;
	}

	.system_soft_blok .system_soft_img {
		width: 100%;
		height: 134px;
	}

	div#product_list div.container-fluid.product_header div.desc {
		margin-top: 30px;
	}

	div#product_list div.container-fluid.product_header div.logo {
		background-image: url('/local/templates/main_new/../main//images/product_item/logo.png');
		background-position: 100% 0%;
		background-repeat: no-repeat
	}

	div#product_list div.container-fluid.product_header div.logo h1 {
		padding-top: 40px;
		font-weight: normal;
	}

	div.job_list div.job_unit div.detail-text div.button-list .right {
		margin-top: 15px;
	}

	div.select-calc-product div.section-list div.section-unit {
		float: none;
	}

	div.container.calc_form div.result div.body.result_table {
		height: auto !important;
	}

	div.container.solution-detail div.description {
		text-align: left;
	}
}

div.product_list_body h2 a :hover {
	text-decoration: none;
}

div.control-system-footer {
	background: url('/local/templates/main_new/../main//images/control-system-footer.png');
	min-height: 200px;
}

div.control-system-footer .catalog-logo {
	height: 236px;
	background: url('/local/templates/main_new/../main//images/control-system-footer-catalog.png') no-repeat 50% 50%;
	background-size: contain;
}

div.control-system-footer div.title {
	text-align: right;
	color: #00a653;
	font-family: Magistral;
	font-size: 44px;
	margin-top: 18px;
}

div.control-system-footer div.desc-tech {
	color: #373e45;
	font-size: 16px;
	/*font-family: Magistral;*/
	font-family: "GothamPro";
	text-align: left;
	margin-top: 10px;
}

div.control-system-footer div.desc {
	text-align: left;
	color: #00a653;
	font-family: Magistral;
	font-size: 34px;
	margin-top: 5px;
}

div.control-system-footer div.bottom div.buttons {
	text-align: right;
	margin-top: 30px;
}

div.control-system-footer div.bottom div.buttons div.button {
	width: 198px;
	margin-bottom: 15px;
}

div.control-system-footer div.bottom div.catalog {
	padding-top: 20px;
}

div.control-system-footer div.bottom div.catalog a {
	color: #b2b3b5;
	text-decoration: none;
	font-family: Magistral;
}

div.control-system-footer div.bottom div.catalog div.link {
	font-size: 16px;
}

div.control-system-footer div.bottom div.catalog div.link div.download-catalog {
	font-size: 24px;
}

@media (max-width: 767px) {
	div.control-system-footer div.bottom div.buttons {
		text-align: center;
		margin-bottom: 30px;
	}

	div.control-system-footer div.bottom div.buttons div.button {
		display: inline;
	}
}

@media (max-width: 425px) {
	div.control-system-footer div.bottom div.buttons {
		text-align: center;
		margin-bottom: 30px;
	}

	div.control-system-footer div.bottom div.buttons div.button {
		display: inline-block;
	}

}

@media (max-width: 992px) {
	div.control-system-footer div.title {
		font-size: 2em;;
		text-align: left;
		color: #00a653;
		font-family: Magistral;
		margin-top: 30px;
	}

	div.control-system-footer div.desc-tech {
		color: #373e45;
		font-family: Magistral;
		text-align: left;
		margin-top: 20px;
		font-size: 1.2em;;
	}

	div.control-system-footer div.desc {
		text-align: left;
		color: #00a653;
		font-family: Magistral;
		font-size: 34px;
		margin-top: 5px;
		font-size: 1.45714286em;;
	}
}

.main-step-title {
}

div.third-tables-set div.first-margin-offset {
}

div.third-tables-set div.second-margin-offset div.col {
	margin-left: 40%;
}

div.third-tables-set div.third-margin-offset div.col {
	margin-left: 40%;
}

div.third-tables-set div.third-margin-offset div.col div.pointer-row {
	border-color: #3591f8;
	padding-bottom: 10px;
}

div.third-tables-set div.third-margin-offset div.col div.pointer-row a {
	color: #3591f8;
}

div.third-tables-set div.third-margin-offset div.col div.pointer-row div.image {
	height: 90px;
}

div.third-tables-set div.first-margin-offset div.col-offset {
	margin-left: 10%;
}

div.third-tables-set div.col {
	width: 20%;
	margin-left: 10%;
	float: left;
}

div.third-tables-set div.line-description {
	text-align: center;
	font-size: 12px;
	color: #313131;
	margin-top: 20px;
	height: 40px;
}

div.pointer-row div.green-point {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	background: #1db32b;
	position: absolute;
	margin-left: 175px;
	margin-top: -16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

div.third-tables-set div.pointer-row a.title {
	display: block;
	color: #139a29;
	text-align: center;
	margin-top: 15px;
	font-size: 12px;
}

div.third-tables-set div.pointer-row span.title-description {
	display: block;
	color: #313131;
	text-align: center;
	margin-top: 5px;
	font-size: 11px;
	padding: 0px 5px;
}

div.third-tables-set div.pointer-row div.wifi-include {
	background: url('/local/templates/main/images/system/scheme/wifi-include.png');
	width: 28px;
	height: 28px;
	position: absolute;
	margin-top: 60px;
	margin-left: -15px;
}

div.third-tables-set div.pointer-row div.wifi-include.right {
	margin-left: 182px;
}

div.third-tables-set div.pointer-row div.image {
	margin-top: 3px;
	height: 50px;
	background: no-repeat 50% 50%;
}

div.third-tables-set div.pointer-row {
	border: 2px solid #d25c0e;
	min-height: 150px;
	margin-bottom: 30px;
}

div.third-tables-set div.wifi-modules {
}

div.third-tables-set div.wifi-modules div.wifi-pointer {
	margin: 20px 0 0 480px;
	background: url('/local/templates/main/images/system/scheme/wifi-module.png') no-repeat 50% 50%;
	width: 38px;
	height: 31px;
	position: relative;
}

div.third-tables-set div.wifi-modules div.wifi-line-1 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer.png');
	position: absolute;
	height: 2px;
	width: 471px;
	margin-top: -20px;
}

div.third-tables-set div.wifi-modules div.wifi-line-2 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer-2.png');
	position: absolute;
	width: 2px;
	height: 27px;
	margin-left: 497px;
}

div.third-tables-set div.wifi-modules div.wifi-line-3 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer.png');
	position: absolute;
	height: 2px;
	width: 468px;
	margin-left: 527px;
	margin-top: -20px;
}

div.third-tables-set div.wifi-modules div.wifi-line-4 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer-2.png');
	position: absolute;
	width: 2px;
	height: 500px;
	margin-left: 0;
	margin-top: -10px;
}

div.third-tables-set div.wifi-modules div.wifi-line-5 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer-2.png');
	position: absolute;
	width: 2px;
	height: 500px;
	margin-left: 984px;
	margin-top: -10px;
}

div.third-tables-set div.wifi-modules div.wifi-line-6 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer.png');
	position: absolute;
	height: 2px;
	width: 74px;
	margin-top: 135px;
	margin-left: 10px;
}

div.third-tables-set div.wifi-modules div.wifi-line-7 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer.png');
	position: absolute;
	height: 2px;
	width: 74px;
	margin-top: 315px;
	margin-left: 10px;
}

div.third-tables-set div.wifi-modules div.wifi-line-8 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer.png');
	position: absolute;
	height: 2px;
	width: 79px;
	margin-top: 495px;
	margin-left: 0px;
}

div.third-tables-set div.wifi-modules div.wifi-line-9 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer.png');
	position: absolute;
	height: 2px;
	width: 74px;
	margin-top: 135px;
	margin-left: 911px;
}

div.third-tables-set div.wifi-modules div.wifi-line-10 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer.png');
	position: absolute;
	height: 2px;
	width: 74px;
	margin-top: 315px;
	margin-left: 911px;
}

div.third-tables-set div.wifi-modules div.wifi-line-11 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer.png');
	position: absolute;
	height: 2px;
	width: 79px;
	margin-top: 495px;
	margin-left: 911px;
}

div.third-tables-set div.wifi-modules div.wifi-line-12 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer.png');
	position: absolute;
	height: 2px;
	width: 28px;
	margin-top: 60px;
	margin-left: 612px;
}

div.third-tables-set div.wifi-modules div.wifi-line-13 {
	background: url('/local/templates/main/images/system/scheme/wifi-line-pointer-2.png');
	position: absolute;
	height: 578px;
	width: 2px;
	margin-top: 71px;
	margin-left: 637px;
}

div.third-tables-set div.wifi-modules div.wifi-line-14 {
	border-left: 2px solid #cccccd;
	position: absolute;
	height: 732px;
	width: 2px;
	margin-top: 135px;
	margin-left: 345px;
}

div.third-tables-set div.wifi-modules div.wifi-line-15 {
	border-top: 2px solid #cccccd;
	position: absolute;
	height: 2px;
	width: 51px;
	margin-top: 135px;
	margin-left: 345px;
}

div.third-tables-set div.wifi-modules div.wifi-line-16 {
	border-top: 2px solid #cccccd;
	position: absolute;
	height: 2px;
	width: 51px;
	margin-top: 316px;
	margin-left: 345px;
}

div.third-tables-set div.wifi-modules div.wifi-line-17 {
	border-top: 2px solid #cccccd;
	position: absolute;
	height: 2px;
	width: 51px;
	margin-top: 496px;
	margin-left: 345px;
}

div.third-tables-set div.wifi-modules div.wifi-line-18 {
	border-top: 2px solid #cccccd;
	position: absolute;
	height: 2px;
	width: 51px;
	margin-top: 671px;
	margin-left: 345px;
}

div.third-tables-set div.wifi-modules div.wifi-line-19 {
	border-top: 2px solid #cccccd;
	position: absolute;
	height: 2px;
	width: 51px;
	margin-top: 866px;
	margin-left: 345px;
}

div.second-margin-offset div.steps {
}

div.second-margin-offset div.steps div.step {
	width: 40px;
	padding: 6px 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height: 40px;
	float: left;
	display: block;
	color: #fff;
	font: 24px "GothamPro";
	text-align: center;
	background: #1db32b;
	margin-left: 24px;
	margin-top: 55px;
}

div.second-margin-offset div.steps div.title {
	margin-left: 20px;
	margin-top: 53px;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	color: #1db32b;
	font: 14px "GothamPro";
	border: 2px solid #1db32b;
}

div.second-tables-set div.steps {
}

div.second-tables-set div.steps div.step {
	width: 40px;
	padding: 6px 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height: 40px;
	float: left;
	display: block;
	color: #fff;
	font: 24px "GothamPro";
	text-align: center;
	background: #2b75c8;
	margin-left: 15px;
	margin-top: 130px
}

div.second-tables-set div.steps div.title {
	margin-left: 20px;
	margin-top: 126px;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	color: #2b75c8;
	font: 14px "GothamPro";
	border: 2px solid #2b75c8;
}

.main-step-title div.step {
	width: 40px;
	padding: 6px 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height: 40px;
	float: left;
	display: block;
	color: #fff;
	font: 24px "GothamPro";
	text-align: center;
	background: #15c632;
}

.main-step-title div.title {
	margin-left: 20px;
	margin-top: 3px;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	color: #15c632;
	font: 16px "GothamPro";
	border: 2px solid #15c632;
}

div.first-tables-set {
	margin-top: 30px;
}

div.first-tables-set div.pointer {
	border: 2px solid #15c632;
	width: 19%;
	margin-right: 1%;
	float: left;
	padding: 25px 0;
	text-align: center;
}

div.first-tables-set div.pointer a {
	margin-top: 5px;
	color: #139a29;
	display: block;
}

div.first-tables-set div.pointer div.image {
	background: no-repeat 50% 50%;
	height: 55px;
	margin-bottom: 15px;
}

div.second-tables-set {
	margin-top: 20px;
}

div.second-tables-set div.pointer {
	border: 2px solid #2b75c8;
	width: 19%;
	margin-left: 40%;
	float: left;
	padding: 25px 0;
	text-align: center;
}

div.second-tables-set div.pointer a {
	margin-top: 5px;
	color: #337ab7;
	display: block;
}

div.second-tables-set div.pointer div.image {
	background: no-repeat 50% 50%;
	height: 85px;
	margin-bottom: 15px;
}

div.first-line-set div.line {
	position: absolute;
	background: #15c632;
}

div.first-line-set div.vline-1 {
	margin-top: -97px;
	width: 296px;
	margin-left: 100px;
	height: 2px;
}

div.first-line-set div.vline-2 {
	height: 2px;
	margin-top: -97px;
	width: 296px;
	margin-left: 585px;
}

div.first-line-set div.hline-1 {
	margin-left: 100px;
	width: 2px;
	height: 114px;
	margin-top: -211px;
}

div.first-line-set div.hline-2 {
	margin-left: 290px;
	width: 2px;
	height: 114px;
	margin-top: -211px;
}

div.first-line-set div.hline-3 {
	margin-left: 488px;
	width: 2px;
	height: 21px;
	margin-top: -211px;
}

div.first-line-set div.hline-4 {
	margin-left: 690px;
	width: 2px;
	height: 114px;
	margin-top: -211px;
}

div.first-line-set div.hline-5 {
	margin-left: 879px;
	width: 2px;
	height: 114px;
	margin-top: -211px;
}

.software-download-page
{
	margin-top: 30px;
}

.software-download-page .page-title
{
	font-size: 24px;
	text-align: center;
	font-family: "Magistral";
}

.software-download-page .page-description
{
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	font-family: "GothamPro";
}

.software-download-page .step-row .step
{
	width: 32px;
	height: 32px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #00a653;
	color:#fff;
	text-align: center;
	line-height: 32px;
	display: inline-block;
	margin-right: 10px;
}

.software-download-page .step-row .text
{
	display: inline-block;
	font-weight: bold;
}

.software-download-page .soft-list .row-select-title,
.software-download-page .soft-select .row-select-title
{
	margin-bottom: 10px;
	font-size: 13px;
}

.software-download-page .soft-list .step-row
{
	margin-top: 25px;
}
.software-download-page .soft-select,
.software-download-page .os-select
{
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
	background: #f9f9f9;
}

.software-download-page .soft-select .title,
.software-download-page .os-select .title
{
	font-size: 13px;
}
.software-download-page .soft-select .description,
.software-download-page .os-select .description
{
	margin-top: 5px;
	color:#666666;
	font-size: 12px;
}

.software-download-page .soft-description
{}

.software-download-page .soft-description .description
{
	margin-top: 15px;
	background: #f9f9f9;
	padding: 15px;
}

.software-download-page .soft-description .description .list
{
	font-size: 13px;
	line-height: 150%;
}

.software-download-page .soft-description .description .list .soft-element-description > .row
{
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.software-download-page .soft-description .description .list .soft-element-description > .row:last-child
{
	border-bottom: none;
}

.software-download-page .os-select .soft-download
{
float: right;
margin-top: 25px;
}
.software-download-page .soft-list .download-more-file
{
	float: right;
	margin-top: 25px;
}

.software-download-page .soft_version_download
{
	margin-top: 25px;
	float: right;
}

.software-download-page .soft_version_description
{
	margin-top: 15px;
	margin-bottom: 15px;
}

@media (max-width: 768px)
{
	.software-download-page .soft-list .download-more-file,
	.software-download-page .soft_version_download,
	.software-download-page .os-select .soft-download
	{
		float: none;
		text-align: center;
	}
}

div.send-question
{
	padding-bottom: 70px;
}

div.send-question div.line
{
	border-bottom: 1px solid #e8e8e8;
	padding-top: 30px;
	margin-bottom: 30px;
}

div.send-question div.title
{
	text-align: center;
	font: 22px GothamPro;
	font-weight: bold;
}

div.send-question div.description
{
	text-align: center;
	font: 14px GothamPro;
	margin-top: 10px;
	margin-bottom: 40px;
}
div.send-question .form-group.button-group
{
	text-align: center;
}

.useful-materials-page
{
	margin-top: 30px;
}

.useful-materials-page .page-title
{
	font-size: 24px;
	text-align: center;
	font-family: "GothamProBlack";
}

.useful-materials-page .page-description
{
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	font-family: "GothamPro";
}

.useful-materials-page .section .title
{
	line-height: 40px;
	background-repeat: no-repeat;
	margin-top: 20px;
	padding: 20px auto;
	display: inline-block;
	background-color: rgba(0,0,0,0.02);
	background-position: 0 10px;
}

.useful-materials-page .section .title .text
{
	font: 15px GothamPro;
	font-weight: bold;
	color:#00a84e;
	padding-left: 60px;
	min-height: 40px;
	line-height: 40px;
	margin: 10px 0;
	padding-right: 10px;
}

.useful-materials-page .section .title .hr
{
/*	background: url('/local/templates/main_new/../main//images/control-system/useful-materials/title-bg.png') repeat-x;
	height: 30px;
	opacity: 0.2;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;*/

	height: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	background-image: linear-gradient(to bottom, #000000, #3b3b3b, #777777, #b9b9b9, #ffffff);
	opacity: 0.05;
}

.useful-materials-page .items .item
{
	margin-top: 30px;
}

.useful-materials-page .items .item .title
{
	height: 60px;
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-top: 8px;
}

.useful-materials-page .items a
{
	color:#111111;
}

@media (max-width: 768px)
{
	.useful-materials-page .section .title .text.white-space
	{
		line-height: 120%;
	}
}


.catalog-header-menu
{
	background: #ebeef2;
	min-height: 168px;
}

.catalog-header-menu .catalog-menu
{
	padding-top: 17px;
}

.catalog-header-menu .catalog-menu .catalog-menu-item
{
	float: left;
	width: 12.5%;
	min-height: 145px;
}

.catalog-header-menu .catalog-menu .catalog-menu-item a:hover
{
	text-decoration: none;
}

.catalog-header-menu .catalog-menu .catalog-menu-item .name
{
	font-size: 13px;
	font-family: Magistral;
	color: #353535;
	text-align: center;
	line-height: 17px;
}

.catalog-header-menu .catalog-menu .catalog-menu-item .image
{
	height: 82px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.catalog-header-menu .catalog-menu .catalog-menu-item:hover .image,
.catalog-header-menu .catalog-menu .catalog-menu-item a.active .image
{
	height: 82px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

.catalog-sections-list
{
	margin-bottom: 10px;
}

.catalog-sections-list h1
{
	    margin: 50px 0 20px 0;
text-align:center;
}

.catalog-sections-list .section-delay-type
{
	margin: 10px 0;
	height: 18px;
	line-height: 18px;
	padding-left: 25px;
	color: #6e7379;
	font-weight: 300;
	font-size: 12px;
    margin: 0 20px 20px 20px;
}

.catalog-sections-list .section-delay-type.s-35
{
	background: url("/local/templates/main_new/../main//images/sera-delay/soon.png") no-repeat;
	background-size: 18px;
}
.catalog-sections-list .section-delay-type.s-36
{
	background: url("/local/templates/main_new/../main//images/sera-delay/start.png") no-repeat;
	background-size: 18px;
}
.catalog-sections-list .section-delay-type.s-37
{
	background: url("/local/templates/main_new/../main//images/sera-delay/hit.png") no-repeat;
	background-size: 18px;
}

.catalog-sections-list .catalog-section-unit
{
	padding-bottom: 30px;
}

.catalog-sections-list .catalog-section-series
{
	margin-top: 30px;
}

.catalog-sections-list .catalog-section-unit > .name
{
	font-size: 22px;
	font-family: GothamPro;
	color: #373e45;
}

.catalog-sections-list .catalog-section-unit > .description
{
	padding: 10px 0;
	font-size: 13px;
}

.catalog-sections-list .catalog-section-unit .block
{
	background-color: #f3f5f7;
	padding: 20px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	min-height: 120px;
}

.catalog-sections-list .catalog-section-unit .block .name a
{
	font-family: GothamPro;
	color: #373e45;
	font-size: 16px;
	font-weight: bold;
}

.catalog-sections-list .catalog-section-unit .block > .description
{
	color: #6e7379;
	font-weight: 300;
	font-size: 12px;
	margin-bottom: 5px;
}

.catalog-sections-list .catalog-section-unit .block > .params
{
	margin-top: 10px;
	font-family: GothamPro;
	font-size: 11px;
}

.catalog-sections-list .catalog-section-unit .block > .params .property-lm
{
	margin-top: 10px;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	background: url("/local/templates/main_new/../main//images/property-lm.png") no-repeat;
}

.catalog-sections-list .catalog-section-unit .block > .params .property-wt
{
	margin-top: 10px;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	background: url("/local/templates/main_new/../main//images/property-pw.png") no-repeat;
}

.catalog-sections-list .catalog-section-unit .block > .params .property-len
{
	margin-top: 10px;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	background: url("/local/templates/main_new/../main//images/dt-length.png") no-repeat;
}

.catalog-sections-list .catalog-section-unit .block > .params .property-deg
{
	margin-top: 10px;
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
	background: url("/local/templates/main_new/../main//images/dt-degree.png") no-repeat;
}

.catalog-sections-list .catalog-section-unit .block > .description
{
	margin-top: 10px;
	font-size: 12px;
}


.catalog-sections-list .catalog-section-unit .image
{
	height: 120px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-bottom: 15px;
}

div#product_list div.container.full-desc div.main-page div.row.content-block h6
{
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
}
div#product_list div.container.full-desc div.main-page div.row.content-block table.table-list tbody tr td
{
	padding: 10px 10px;
}
div.product_tabs div.project_list div.project-list div.project-unit div.image
{
	height: 140px;
}

div.content-block.item-projects  div.project-list div.project-unit
{
	margin-bottom: 30px;
}

div.content-block.item-projects  div.project-list div.project-unit div.name
{
	min-height: 50px;
	margin-top: 30px;
}

div.content-block.item-projects  div.project-list div.project-unit div.name a
{
	color: #333940;
	font-weight: bold;
}

div.content-block.item-projects  div.project-list div.project-unit div.image
{
	height: 140px;
	background-size: cover;
	background-position: 50% 50%;
}

@media all and (max-width: 767px)
{

	div#product_list div.container.full-desc div.main-page div.row.content-block
	{
		margin-bottom: 0;
	}
}


.content-block.diagram .item a.fancybox .img-responsive
{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	width:220px;
	height:220px;
}

.content-block.diagram .owl-nav .owl-prev
{
	position: absolute;
	top: 70px;
	left: -50px;
	background: url("/local/templates/main_new/../main//images/product_serias/catalog-serias-arrow-left.png") !important;
	width: 27px;
	height: 57px;
	opacity: 0.6;
	outline: none;
}

.content-block.diagram .owl-nav .owl-prev:hover
{
	opacity: 1;
}

.content-block.diagram .owl-nav .owl-next
{
	position: absolute;
	top: 70px;
	right: -50px;
	background: url("/local/templates/main_new/../main//images/product_serias/catalog-serias-arrow-right.png") !important;
	width: 27px;
	height: 57px;
	opacity: 0.6;
	outline: none;
}

.content-block.diagram .owl-nav .owl-next:hover
{
	opacity: 1;
}

.content-block.diagram .owl-nav span
{
	display: none;
}

.catalog-series-projects
{
	margin-top: 40px;
}

.catalog-series-projects h4
{
	font-size: 1.85714286em;
}

.catalog-series-project
{
	width: 25%;
	float: left;
}

.catalog-series-project .image
{
	margin-top: 10px;
	width: 140px;
	height: 140px;
	background-size: cover;
	background-position: 50% 50%;
}

.catalog-series-project .name a
{
	font-size: 13px;
	line-height: 17px;
	font-family: GothamPro;
	color: #333940;
	font-weight: bold;
}
.catalog-series-project .name
{
	margin-top: 20px;
	width: 140px;
}

ul.breadcrumbs
{
	padding: 20px 0 0 0;
	margin: 0;
}
ul.breadcrumbs li
{
	float: left;
	list-style: none;
}

ul.breadcrumbs li a
{
	font-size: 13px;
	color: #646464;
	font-family: "GothamPro", serif;
}

ul.breadcrumbs li:after
{
	content: '\00276F';
	padding: 0 10px 0 7px;
}

ul.breadcrumbs li.active
{
	margin-top: 2px;
}

ul.breadcrumbs li.active a
{
	color: #000;
}

ul.breadcrumbs li.active:after
{
	content: '';
}

.catalog-item-page .item-header .item-title
{
	font-family: "GothamPro", serif;
	font-weight: bold;
	font-size: 30px;
}

.catalog-item-page .item-header .item-article
{
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 14px;
	color: #000;
	opacity: 0.55;
}

.catalog-item-page .item-header .item-price-title
{
	font-family: 'Open Sans';
	font-weight: 400;
	float: right;
	font-size: 16px;
	padding-right: 10px;
}

.catalog-item-page .item-header .item-price-value
{
	font-family: 'Open Sans';
	font-weight: 400;
	float: right;
	font-size: 30px;
}

.catalog-item-page .item-header .item-price-value span
{
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 20px;
}

.catalog-item-page .item-body
{
	margin-top: 30px;
}

.catalog-item-page .item-body .params
{
	margin-top: 30px;
}

.catalog-item-page .item-body .params .title-params
{
	font-family: "Open Sans";
	font-weight: bold;
	font-size: 14px;
}

.catalog-item-page .item-body .params .params-table .param-unit
{
	padding: 10px 0;
	font-family: "Open Sans";
	font-weight: 300;
	border-bottom: 1px solid #e6e6e6;
}

.catalog-item-page .item-body .params .params-table .param-unit .value
{
	font-weight: bold;
}

.catalog-item-page .item-body .params .params-table > .param-unit:last-child
{
	border-bottom: none;
}

.catalog-item-page .item-body .buttons
{
	margin-top: 15px;
}

.catalog-item-page .item-body .buttons > .button
{
	margin-right: 10px;
}

.catalog-item-page .item-body .docs
{
	margin-top: 30px;
	background: #f6f8f9;
	padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.catalog-item-page .item-body .docs .section
{
	margin-bottom: 15px;
}

.catalog-item-page .item-body .docs .section:last-child
{
	margin-bottom: 0px;
}

.catalog-item-page .item-body .docs .section .title
{
	font-size: 15px;
	font-weight: 700;
	font-family: "Open Sans";
}

.catalog-item-page .item-body .docs .section .certs
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.catalog-item-page .item-body .docs .section .certs li:before
{
	content: '';
	background-image: url(/local/templates/main_new/../main//css/images/pdf.png);
	width: 32px;
	height: 50px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.catalog-item-page .item-body .docs .section .certs li
{
	min-height: 50px;
}

.catalog-item-page .item-body .docs .section .certs li a
{
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 14px;
	color: #000;
}

.catalog-item-page .item-body .docs .section .certs li span
{
	font-weight: 300;
	font-size: 14px;
	color: #858585;
}

.catalog-item-page .item-body .docs .section .certs li div
{
	padding-left: 40px;
	vertical-align: middle;
	display: table-cell;
	height: 50px;
}

.table-list-description
{
	font-size: 11px;
}
.agreements-link
{
	font-size: 12px;
}

.filter-block .selectize-control.single .selectize-input div.item,
.filter-block .selectize-control.single .selectize-input input div.item
{
padding-left: 0px;
}

div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-header ul li
{
margin-right:90px;
}

@media all and (max-width: 767px)
{

div#product_list div.container.full-desc div.main-page div.product_tabs div.tab-header ul li
{
margin-right:0px;
}
}

.catalog-sections-list .catalog-section-unit .catalog-section-series .item-block
{
	background:#f3f5f7;
}
.catalog-sections-list .catalog-section-unit .catalog-section-series .item-block .header .name a
{
	font-size:16px;
	color:#373e45;font-weight:bold;
}
.catalog-sections-list .catalog-section-unit .catalog-section-series .item-block .header .description
{
	font-size:12px;
	text-align:center;
	color:#6c7277;
	padding-top:10px;
}
.catalog-sections-list .catalog-section-unit .catalog-section-series .item-block .header .name
{
	padding-top: 25px;
	text-align:center;
}
.catalog-sections-list .catalog-section-unit .catalog-section-series .item-block .header
{
	min-height:82px;
	background:#eef1f3;
}
.catalog-sections-list .catalog-section-unit .catalog-section-series .item-block .image
{
	margin-top: 20px;
}

.catalog-sections-list .catalog-section-unit .catalog-section-series .item-block .block
{
	border-top: 1px solid #edeff2;
	min-height: auto;
	padding: 10px 20px 20px 20px;
}
#ui-id-1
{
	z-index: 2147483647;
}

#header_phone a
{
	text-decoration: none;
	color:#000;
}

.index-hide-more
{
	color: #cccccc;
	font-size: 14px;
	margin-top: 15px;
	cursor: pointer;
	text-align: right;
}

.index-hide-more span:hover
{
	text-decoration: underline;
}

.index-hide-more::before
{
	margin-right: 10px;
}

.index-hide-more::after
{
	margin-left: 10px;
}

.index-hide-more img{
	margin-left: 5px;
	width: 18px;
}

.index-show-more
{
	display: none;
}

.contact-page-title h1
{
	font-size: 30px;
	margin: 30px 0 0 0;
	padding: 0;
}


@media all and (max-width: 767px)
{
	.catalog-item-page .item-body .buttons span
	{
		float: none !important;
		margin-top: 15px;
		display: block;
	}
}

.request-catalog-item-modal
{
	text-align: center;
}

.request-catalog-item-modal
{
	width: 320px;
}

.request-catalog-item-modal div.content input[type="text"]
{
	margin-top: 15px;
}

.request-catalog-item-modal.modalbox div.content div.title
{
	text-align: center;
	margin-bottom: 0px;
}

.request-catalog-item-modal.modalbox div.content div.desc {
	color: #5c6166;
	font-size: 1em;
	line-height: 1.28571429em;
	font-weight: 300;
	text-align: center;
	margin-bottom: 15px;
}

form#request-catalog-item-form label.error
{
	display: table-cell;
	margin-top: 5px;
	padding: 5px;
}

.item-header .print
{
	text-align: right;
	padding-right: 50px;
}

.item-header .print img
{
	height: 18px;
	width: 18px;
}

.item-header .print a
{
	color: #ccc;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 12px;
}
.item-header .print a:hover
{
	text-decoration: none;
	color: #3e85d4;
}
/* End */


/* Start:/local/templates/main_new/css/legasy.css?16802680441091*/
body.old-pages
{
    padding-top: 86px;
    font-family: "Product Sans";
    margin-bottom: 0;
}

div.footer_space
{
    display:none;
}

body.old-pages a
{
    border-bottom: none;
}

div.container-fluid.solution-footer div.title
{
    margin-top: 45px;
}

.hidden {
    display: none !important;
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.control-system-footer
{
    margin-top: 80px;
}

div.control-system-footer div.title
{
    margin-top: 28px;
}

div.control-system-footer div.desc
{
    margin-top: 25px;
}

div.control-system-footer div.desc-tech
{
    margin-top: 20px;
}

footer
{
margin-top:0;
}

.content-block.elements.js-items .data-table-ex tbody tr td
{
font-size:14px;
}

div.container-fluid.job-header
{
margin: 0;
}
/* End */


/* Start:/local/templates/main_new/components/bitrix/menu/catalog/style.css?17507735243929*/
.menu .catalogmenu {
    margin-left:30px;
}
.main-menu__nav .catalogmenu {
    margin-right:20px;
}
.catalogmenu {
    height: 100%;
}
.catalogmenu__wrapper{
    position: relative;
    height: 100%;
    display: inline-block;
    align-items: center;
}
.main-menu__nav .catalogmenu__wrapper{
    display: flex;
}
.main-menu{
    display: flex;
    align-items: center;
    height: 100%;
}
.main-menu__nav, 
.menu{
    list-style: none;
    position: relative;
    flex-grow: 1;
    display: flex;
    align-items: center;
    height: 100%;
}

.main-menu__nav ul.catalogmenu__drop,
.catalogmenu__drop{
    display: none;
    padding-left:2em;
    padding-bottom: 0;
}
.catalogmenu__drop{
    position: absolute;
    display: none;
    list-style: none;
    background-color: #fff;
    top: 98%;
    left:0;
    width: 60vw;
    max-width: 70vw;
    box-shadow: 0 0 2em rgba(5, 0, 31, 0.15);
    text-align: justify;
    line-height: 1.8em;
    padding: 2em;
    
    border-radius: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.catalogmenu__wrapper:hover .catalogmenu__drop{
    display: flex;
}
.catalogmenu__item{
    width: 30%;
    flex:0 0 30%;
    margin-bottom: 1.5em;
    margin-right: 1.5em;
}
.catalogmenu__item .selected,
.main-menu__nav ul li a.catalogmenu__link.selected{
    color:#0575dc;
    text-decoration: underline;
}
.catalogmenu__item .catalogmenu__link:hover,
.main-menu__nav ul li a.catalogmenu__link:hover{
    color:#0575dc;
}
.catalogmenu__button{
    /* background-image: url(/local/templates/main_new/images/catalog-50.png); */
    background-position: 10% 50%;
    background-repeat: no-repeat;
    background-size: 30px;
    display: inline-block;
    text-align: center;
    min-width: auto;
    padding: 20px 20px 18px;
    /* padding-left: 50px; */
    color: #0575dc;
    background-color: transparent;
    border: 2px solid #0575dc;
    border-radius: 3px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all .2s;
}
.catalogmenu__wrapper:hover .catalogmenu__button{
    /* background-image: url(/local/templates/main_new/images/catalog-50-white.png); */
    color:#fff;
    background-color: #0575dc;
}
.main-menu__nav ul li a.catalogmenu__link,
.catalogmenu__link{
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color:#3f4653;
    transition: all .3s;
}
.catalogmenu__link img{
    display: inline-block;
    margin-right: 1em;
    width: 60px;
    min-width: 60px;
    height: 60px;
    object-fit: contain;
    border-radius: 6px;
}
.catalogmenu__link span{
    display: inline-block;
    text-align: left;
    line-height: 1.2;
}
.catalogmenu__separator{
    position: relative;
    width: 100%;
    margin:0 0 1.5em 0;
    font-size: 16px;
    font-weight: bold;
    color:#333940;
    text-transform: lowercase;
}

.catalogmenu__separator span{
    position: relative;
    display: inline-block;
    padding: 2px 10px;
    padding-left: 0;
    line-height: 1.2;
    border-radius: 6px;
    background-color: #fff;
    z-index: 1;
}
.catalogmenu__separator::after{
    content:'';
    position: absolute;
    width: 100%;
    height: 1px;
    left:0;
    top:51%;
    background-color: #0575dc;
}
@media all and (max-width:1024px) {
    .main-menu{
        width: 100%;
    }
    .main-menu__nav{
        flex-wrap: wrap;
    }
    .catalogmenu{
        height: auto;
        width: 100%;
        margin-right: 0;
    }
    .main-menu__nav .catalogmenu{
        margin-top:15px;
        margin-right: 0;
    }
    .catalogmenu__wrapper{
        width: 100%;
        height: auto;
    }
    .catalogmenu__button{
        width: 100%;
        margin-bottom: 15px;
        padding:15px;
    }
    .catalogmenu__wrapper:hover .catalogmenu__drop,
    .catalogmenu__drop{
        display: none;
    }
}

/* End */


/* Start:/local/templates/main_new/template_styles.css?1747066474433*/
.header-block .menu ul.main-menu li.is-parent:hover .extend-menu-shower{
	display: block;
}
.header-block .menu ul.main-menu li.is-parent{
	position: relative;
}
.header-block .menu .is-parent .extend-menu-shower{
	margin-top: 0;
    top: 16px;
    right: auto;
   	left: 45px;
    width: 105%;
}
.header-block .menu .is-parent .extend-menu-shower ul li{
	padding-left:0;
}
table.table-products tbody tr td {
	vertical-align: top;
}

/* End */
/* /local/templates/main_new/css/inscreen-animations.css?16802680441428 */
/* /local/templates/main_new/css/bootstrap.css?1680268044157354 */
/* /local/templates/main_new/css/bootstrap-grid.css?174651966037789 */
/* /local/templates/main_new/css/bootstrap-button.css?168026804415664 */
/* /local/templates/main_new/css/bootstrap-modal.css?1680268044693 */
/* /local/templates/main_new/css/nanoscroller.css?16802680441423 */
/* /local/templates/main_new/css/styles.css?175077339850267 */
/* /local/templates/main_new/css/media.css?168026804418913 */
/* /local/templates/main_new/css/jquery.fancybox.css?168026804418278 */
/* /local/templates/main_new/../main//css/switcher.css?16802680432056 */
/* /local/templates/main_new/../main//css/product_slider.css?16802680435118 */
/* /local/templates/main_new/../main//css/slider.css?168026804313355 */
/* /local/templates/main_new/../main//css/modalbox.css?1680268043394 */
/* /local/templates/main_new/../main//css/select.css?16802680437820 */
/* /local/templates/main_new/../main//css/tooltip.css?1680268043419 */
/* /local/templates/main_new/../main//styles.css?174593182295290 */
/* /local/templates/main_new/../main//mobile.css?16802680431445 */
/* /local/templates/main_new/../main//template_styles.css?172889773560741 */
/* /local/templates/main_new/css/legasy.css?16802680441091 */
/* /local/templates/main_new/components/bitrix/menu/catalog/style.css?17507735243929 */
/* /local/templates/main_new/template_styles.css?1747066474433 */