/* 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/css/ion.rangeSlider.min.css?168026804411084*/
/*!Ion.RangeSlider, 2.3.0, © Denis Ineshin, 2010 - 2018, IonDen.com, Build date: 2018-12-11 23:23:51*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px}
/* End */


/* Start:/local/templates/main_new/css/animate.min.css?168026804458139*/
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}
/* End */


/* Start:/local/templates/main_new/static/css/styles.css?1680288511116041*/



@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

html {
  font-size: 10px;
  height: 100%; }

body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  font-family: "ProductSans", sans-serif;
  background-color: #FAFAFA; }

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

ul,
ol {
  list-style: none;
  padding: 0; }

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "ProximaBlack", sans-serif, sans-serif; }

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto; }

img {
  max-width: 100%;
  display: block; }

input,
button,
textarea,
select {
  font: inherit; }

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
         -o-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

audio,
canvas,
iframe,
img,
svg,
video,
textarea {
  vertical-align: middle; }

textarea {
  resize: none; }

section {
  position: relative; }

input,
select,
button {
  outline: none; }

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%; }

.content {
  padding-top: 8.8rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }
  @media screen and (max-width: 1024px) {
    .content {
      padding-top: 7.1rem; } }

.container {
  margin: 0 auto;
  max-width: 1278px;
  width: 100%;
  padding: 0 24px; }

.h1 {
  font-size: 7.7rem;
  line-height: 1.14;
  color: #292E38;
  font-family: "ProximaBlack", sans-serif; }
  @media screen and (max-width: 768px) {
    .h1 {
      font-size: 4rem; } }

.section-title {
  font-size: 4.8rem;
  line-height: 1.17;
  color: #2D3440;
  font-family: "ProximaBlack", sans-serif; }
  .section-title span {
    background-color: #DAE7F0;
    padding: 0 1rem; }
  @media screen and (max-width: 768px) {
    .section-title {
      font-size: 2.4rem; } }

button {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  outline: none !important;
  cursor: pointer; }

.btn-new {
  padding: 0 20px;
  height: 56px;
  width: 356px;
  max-width: 356px;
  font-size: 1.2rem;
  font-family: 'ProductSans', sans-serif;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  background-color: #0575DC;
  text-transform: uppercase;
  border-radius: 3px;
  border: 1px solid transparent;
  text-decoration: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  letter-spacing: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .btn-new:hover {
    color: #ffffff;
    background-color: #2F82FF; }
  .btn-new:focus, .btn-new:active {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .btn-new__border {
    background-color: transparent;
    border: 2px solid #0575DC!important;
    color: #0575DC; }
    .btn-new__border:hover {
      background-color: #0575DC;
      color: #ffffff; }

.btn-new-video {
  position: relative;
  height: 56px;
  width: 356px;
  max-width: 356px;
  font-size: 1.2rem;
  font-family: 'ProductSans', sans-serif;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #3F4653;
  text-transform: uppercase;
  border-radius: 3px;
  text-decoration: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 2px; }
  .btn-new-video .icon {
    width: 43px;
    height: 34px;
    margin-right: 1.8rem;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .btn-new-video:after {
    position: absolute;
    right: 0;
    top: 45%;
    content: '';
    width: 7px;
    height: 7px;
    border-top: 2px solid #3F4653;
    border-left: 2px solid #3F4653;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .btn-new-video:hover {
    color: #838892; }
    .btn-new-video:hover .icon {
      fill: #838892; }
    .btn-new-video:hover:after {
      border-color: #838892; }

input.form-control {
  height: 56px;
  line-height: 1;
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.19);
  border-radius: 3px;
  background-color: transparent;
  padding: 0 22px;
  font-size: 17px;
  outline: none;
  color: #fff;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.35);
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1; }
  .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.35);
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.35);
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1; }
  .form-control::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.35);
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1; }
  .form-control::placeholder {
    color: rgba(255, 255, 255, 0.35);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 1; }
  .form-control:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #639CD1; }
    .form-control:focus::-webkit-input-placeholder {
      opacity: 0; }
    .form-control:focus::-moz-placeholder {
      opacity: 0; }
    .form-control:focus:-ms-input-placeholder {
      opacity: 0; }
    .form-control:focus::-ms-input-placeholder {
      opacity: 0; }
    .form-control:focus::placeholder {
      opacity: 0; }
  .form-control.error {
    border: 1px solid #F05C5C !important; }
  .form-control:disabled .form-control, .form-control[disabled] .form-control, .form-control.disabled .form-control {
    pointer-events: none;
    cursor: default;
    opacity: 0.5; }

.form-group:disabled .form-control, .form-group[disabled] .form-control, .form-group.disabled .form-control {
  pointer-events: none;
  cursor: default;
  opacity: 0.5; }

.input-wrap,
.select-wrap {
  position: relative; }

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

.bootstrap-select > .dropdown-toggle.dropdown-toggle, .bootstrap-select > .dropdown-toggle.dropdown-toggle:hover, .bootstrap-select > .dropdown-toggle.dropdown-toggle:focus, .bootstrap-select > .dropdown-toggle.dropdown-toggle:active, .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  outline: none !important; }

label {
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer; }
  label.error {
    color: #F05C5C;
    position: absolute;
    top: 50%;
    right: 2rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 15px;
    line-height: 1; }

.hidden-input {
  visibility: hidden !important;
  position: absolute !important;
  z-index: -1 !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  left: 0 !important;
  top: 0 !important; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.field_clear_btn {
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  margin-bottom: auto;
  position: absolute;
  margin-top: auto;
  display: block;
  color: #d8d8d8;
  height: 30px;
  width: 30px;
  bottom: 0;
  right: 0;
  top: 0; }
  .field_clear_btn:hover {
    border-color: #b61f27;
    color: #b61f27; }
  .field_clear_btn:before, .field_clear_btn:after {
    background-color: currentColor;
    position: absolute;
    display: block;
    margin: auto;
    content: '';
    height: 2px;
    width: 16px;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0; }
  .field_clear_btn:before {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .field_clear_btn:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }

.checkbox-label {
  position: relative;
  padding-left: 30px; }
  .checkbox-label:disabled, .checkbox-label[disabled], .checkbox-label.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5; }
  .checkbox-label .check-icon {
    border: 1px solid rgba(99, 156, 209, 0.42);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 3px;
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    left: 0;
    top: 0px; }
    .checkbox-label .check-icon:before {
      -webkit-transform: rotate(-52.5deg);
          -ms-transform: rotate(-52.5deg);
              transform: rotate(-52.5deg);
      -webkit-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-bottom: solid 2px #fff;
      border-left: solid 2px #fff;
      position: absolute;
      display: block;
      margin: auto;
      content: '';
      height: 6px;
      width: 12px;
      opacity: 0;
      top: -2px;
      left: 3px;
      bottom: 0;
      right: 0; }
  .checkbox-label .check-value {
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #323232; }
  .checkbox-label.label_grey .check-value {
    color: #979797; }
  .checkbox-label input:checked ~ .check-icon {
    background-color: #0575DC; }
    .checkbox-label input:checked ~ .check-icon:before {
      opacity: 1; }
  .checkbox-label input:disabled ~ .check-icon {
    pointer-events: none;
    cursor: default;
    opacity: 0.5; }
  .checkbox-label input:disabled ~ .check-value {
    pointer-events: none;
    cursor: default;
    opacity: 0.5; }

.radio-label {
  padding-left: 20px;
  position: relative; }
  .radio-label:disabled, .radio-label[disabled], .radio-label.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5; }
  .radio-label .check-icon {
    border: solid 1px #0171a6;
    border-radius: 50%;
    position: absolute;
    display: block;
    height: 13px;
    width: 13px;
    top: 4px;
    left: 0; }
    .radio-label .check-icon:before {
      -webkit-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      background-color: #0171a6;
      border-radius: 50%;
      position: absolute;
      display: block;
      margin: auto;
      content: '';
      height: 5px;
      width: 5px;
      opacity: 0;
      bottom: 0;
      right: 0;
      left: 0;
      top: 0; }
  .radio-label .check-value {
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #979797; }
  .radio-label.label_grey .check-value {
    color: #979797; }
  .radio-label input:checked ~ .check-icon:before {
    opacity: 1; }
  .radio-label input:disabled ~ .check-icon {
    pointer-events: none;
    cursor: default;
    opacity: 0.5; }
  .radio-label input:disabled ~ .check-value {
    pointer-events: none;
    cursor: default;
    opacity: 0.5; }





.outdoor-section {
  padding: 14rem 0; }
  @media screen and (max-width: 1024px) {
    .outdoor-section {
      padding: 5rem 0; } }
  @media screen and (max-width: 768px) {
    .outdoor-section {
      padding: 2.5rem 0; } }
  .outdoor-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .outdoor-section__descr {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (max-width: 1024px) {
      .outdoor-section__descr {
        width: 100%; } }
    .outdoor-section__descr .h1 {
      margin-bottom: 2.4rem; }
      @media screen and (max-width: 1024px) {
        .outdoor-section__descr .h1 {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2; } }
      @media screen and (max-width: 768px) {
        .outdoor-section__descr .h1 {
          margin-bottom: 1rem; } }
    .outdoor-section__descr .outdoor-section__img {
      display: none; }
      @media screen and (max-width: 1024px) {
        .outdoor-section__descr .outdoor-section__img {
          display: block;
          -webkit-box-ordinal-group: 5;
              -ms-flex-order: 4;
                  order: 4;
          margin-top: 1rem; } }
  .outdoor-section__text {
    font-size: 2.1rem;
    line-height: 1.56;
    color: #464a52; }
    @media screen and (max-width: 1024px) {
      .outdoor-section__text {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3; } }
    @media screen and (max-width: 768px) {
      .outdoor-section__text {
        font-size: 1.9rem; } }
  .outdoor-section__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 4rem; }
    @media screen and (max-width: 1024px) {
      .outdoor-section__content {
        -webkit-box-ordinal-group: 6;
            -ms-flex-order: 5;
                order: 5;
        margin-bottom: 2.3rem; } }
  .outdoor-section__button {
    margin: 5.6rem 0 2.3rem 0; }
    @media screen and (max-width: 1024px) {
      .outdoor-section__button {
        margin: 0 0 2.3rem 0;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; } }
    .outdoor-section__button .btn {
      width: 100%;
      max-width: 100%; }
  .outdoor-section__info {
    font-size: 1.5rem;
    line-height: 1.67;
    color: #8F949E; }
    @media screen and (max-width: 1024px) {
      .outdoor-section__info {
        -webkit-box-ordinal-group: 7;
            -ms-flex-order: 6;
                order: 6; } }
  .outdoor-section__img {
    width: 50%; }
    @media screen and (max-width: 1024px) {
      .outdoor-section__img {
        width: 100%;
        display: none; } }

.outdoor-item__title {
  display: block;
  font-size: 4rem;
  line-height: 1.24;
  color: #0575DC;
  font-family: serif;
  font-family: "ProximaBlack", sans-serif; }
  @media screen and (max-width: 768px) {
    .outdoor-item__title {
      font-size: 2.6rem; } }

.outdoor-item__text {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #38404E; }
  @media screen and (max-width: 768px) {
    .outdoor-item__text {
      font-size: 1.6rem; } }

.range-section {
  padding: 8.4rem 0 3rem 0;
  background-color: #f5f5f5; }
  @media screen and (max-width: 768px) {
    .range-section {
      padding: 4rem 0 3rem 0; } }
  .range-section__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .range-section__top .section-title {
      width: 70%; }
      @media screen and (max-width: 1024px) {
        .range-section__top .section-title {
          width: 100%; } }
    .range-section__top .asuno-block {
      width: 25%; }
      @media screen and (max-width: 1024px) {
        .range-section__top .asuno-block {
          display: none; } }
  .range-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 8.7rem; }
    @media screen and (max-width: 768px) {
      .range-section__wrap {
        margin-top: 3rem; } }
    .range-section__wrap .range-item {
      width: 48.5%; }
      @media screen and (max-width: 768px) {
        .range-section__wrap .range-item {
          width: 100%; } }

.range-item {
  position: relative;
  padding: 4.3rem 4.7rem;
  background-color: #EEEEEE;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 30.6rem;
  margin-bottom: 3.5rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media screen and (max-width: 1024px) {
    .range-item {
      padding: 2.5rem; } }
  @media screen and (max-width: 768px) {
    .range-item {
      margin-bottom: 1rem;
      min-height: 25.5rem; } }
  .range-item:hover {
    background-color: #F3F3F3; }
  .range-item__icon {
    position: relative;
    margin-bottom: 2rem; }
    .range-item__icon span {
      position: absolute;
      top: 50%;
      width: 111px;
      left: 0;
      text-align: center;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      font-size: 1.7rem;
      line-height: 1;
      color: #0575DC;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 3px; }
  .range-item .icon {
    stroke: #0575DC;
    fill: #0575DC; }
  .range-item .icon-auto {
    fill: none;
    width: 111px;
    height: 46px; }
  .range-item .icon-wifi {
    width: 64px;
    height: 65px; }
  .range-item .icon-hand {
    width: 50px;
    height: 71px; }
  .range-item .icon-sun-moon {
    width: 50px;
    height: 63px; }
  .range-item__title {
    display: block;
    font-size: 2.4rem;
    line-height: 1.24;
    color: #3F4653;
    margin-bottom: 8px; }
  .range-item__text {
    font-size: 1.8rem;
    line-height: 1.55;
    color: #747474; }

.asuno-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .asuno-block__img {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .asuno-block__descr {
    margin-right: 3rem; }
  .asuno-block__title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #3F4653;
    margin-bottom: 1.5rem;
    text-align: right; }
  .asuno-block__text {
    font-size: 1.4rem;
    line-height: 1.4;
    color: #8f8f8f;
    text-align: right; }

.order-section {
  padding: 3.8rem 0 7.5rem 0;
  background-color: #f5f5f5; }
  @media screen and (max-width: 768px) {
    .order-section {
      padding: 3.8rem 0; } }
  .order-section__wrap {
    padding: 7rem 9rem  8rem 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background-color: #062A4B; }
    .order-section__wrap--simple {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .order-section__wrap--simple .order-section__manager-wrap {
        margin-top: 1.6rem; }
    @media screen and (max-width: 768px) {
      .order-section__wrap {
        padding: 4.6rem 2.9rem 4rem; } }
    .order-section__wrap .section-title {
      color: #ffffff; }
  .order-section__descr {
    width: 50%; }
    .order-section__descr--two {
      width: 53%; }
    .order-section__descr--three {
      width: 57%; }
    .order-section__descr--four {
      width: 53%; }
    @media screen and (max-width: 1024px) {
      .order-section__descr {
        width: 100%; } }
  .order-section__manager-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5rem; }
    .order-section__manager-wrap--two {
      margin-top: 2.5rem; }
  .order-section__manager {
    position: relative;
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    overflow: hidden;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background-color: #153756;
    margin-right: 3.5rem; }
    @media screen and (max-width: 576px) {
      .order-section__manager {
        display: none;
        margin-right: 0; } }
    .order-section__manager img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .order-section__text {
    font-size: 1.9rem;
    line-height: 1.6;
    color: #ffffff; }
    @media screen and (max-width: 768px) {
      .order-section__text br {
        display: none; } }
  .order-section__form {
    width: 36%; }
    @media screen and (max-width: 1024px) {
      .order-section__form {
        width: 100%;
        margin-top: 2rem; } }
    .order-section__form .form-group {
      margin-bottom: 2.5rem; }
    .order-section__form .btn-new {
      width: 100%;
      max-width: 100%;
      margin-bottom: 3.3rem; }
  .order-section__form-privacy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .order-section__form-text {
    font-size: 1.3rem;
    line-height: 1.6;
    color: #8496B7; }
    .order-section__form-text .icon-clock {
      width: 15px;
      height: 15px;
      fill: #8496B7;
      margin-right: 5px; }
    .order-section__form-text a {
      text-decoration: none;
      color: #1f90e1;
      border-bottom: 1px dashed #1f90e1;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .order-section__form-text a:hover {
        color: #0575DC;
        border-bottom: 1px dashed #0575DC; }

.director-section {
  padding: 6.4rem 0 0 0;
  background-color: #f5f5f5; }
  .director-section .section-title {
    margin-bottom: 5.5rem; }
  .director-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
    @media screen and (max-width: 1024px) {
      .director-section__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  .director-section__descr {
    margin-bottom: 5.9rem; }
    .director-section__descr .section-title {
      width: 120%; }
      @media screen and (max-width: 1024px) {
        .director-section__descr .section-title {
          width: 100%; } }
  .director-section__text {
    font-size: 2rem;
    line-height: 2;
    color: #3F4653; }
    .director-section__text:not(:last-child) {
      margin-bottom: 5.5rem; }
      @media screen and (max-width: 768px) {
        .director-section__text:not(:last-child) {
          margin-bottom: 2.5rem; } }
  .director-section__img {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    @media screen and (max-width: 768px) {
      .director-section__img {
        margin-top: 3rem; } }
    .director-section__img img {
      margin-top: auto; }
  .director-section__name {
    position: absolute;
    top: 0;
    right: 0; }
    @media screen and (max-width: 576px) {
      .director-section__name {
        -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
                transform: rotate(90deg);
        top: 6rem;
        right: -5.5rem; } }
  .director-section__manager {
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    color: #38404E;
    text-align: right; }
  .director-section__position {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    text-align: right;
    color: #8F8F8F; }

.advantages-section {
  padding: 11.4rem 0;
  background-color: #fafafa; }
  @media screen and (max-width: 1024px) {
    .advantages-section {
      padding: 7rem 0; } }
  @media screen and (max-width: 768px) {
    .advantages-section {
      padding: 3.6rem 0; } }
  .advantages-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .advantages-section__descr {
    position: relative;
    width: 43%;
    padding-right: 5rem; }
    @media screen and (max-width: 1024px) {
      .advantages-section__descr {
        width: 100%; } }
    .advantages-section__descr .section-title {
      margin-bottom: 10rem; }
      @media screen and (max-width: 1024px) {
        .advantages-section__descr .section-title {
          margin-bottom: 2rem; } }
  @media screen and (max-width: 1024px) {
    .advantages-section__content-wrap {
      display: none; } }
  .advantages-section__content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 90%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease; }
    .advantages-section__content.active {
      opacity: 1;
      visibility: visible;
      top: 40%; }
  .advantages-section__title {
    display: block;
    font-size: 1.7rem;
    line-height: 1.48;
    color: #3F4653;
    margin-bottom: 1.8rem;
    font-weight: 500; }
  .advantages-section__text {
    font-size: 1.5rem;
    line-height: 1.8;
    color: #7F8591; }
  .advantages-section__table {
    width: 57%; }
    @media screen and (max-width: 1024px) {
      .advantages-section__table {
        width: 100%;
        margin-top: 2rem; } }

.advantages-table {
  width: 100%;
  border: 1px solid #D2D2D2;
  border-collapse: collapse;
  border-radius: 3px; }
  @media screen and (max-width: 576px) {
    .advantages-table {
      display: block; } }
  @media screen and (max-width: 576px) {
    .advantages-table thead, .advantages-table tbody {
      display: block; } }
  .advantages-table th, .advantages-table td {
    border: 1px solid #D2D2D2; }
  .advantages-table tr th {
    position: relative;
    font-size: 2rem;
    line-height: 1.3;
    color: #3F4653;
    padding: 2.4rem;
    text-align: left; }
    .advantages-table tr th img {
      position: absolute;
      right: 10px;
      top: 0; }
    @media screen and (max-width: 576px) {
      .advantages-table tr th:first-child {
        display: none; } }
    @media screen and (max-width: 576px) {
      .advantages-table tr th {
        width: 50%; } }
  .advantages-table tr {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media screen and (max-width: 576px) {
      .advantages-table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    .advantages-table tr:hover {
      background-color: rgba(218, 231, 240, 0.32); }
    .advantages-table tr td {
      font-size: 1.7rem;
      line-height: 1.5;
      padding: 13px 5px 13px 26px;
      color: #38404E; }
      @media screen and (max-width: 576px) {
        .advantages-table tr td {
          width: 50%; } }
      .advantages-table tr td:first-child {
        padding-left: 4rem;
        width: 50%; }
        @media screen and (max-width: 1024px) {
          .advantages-table tr td:first-child {
            width: 40%;
            padding-left: 2rem; } }
        @media screen and (max-width: 576px) {
          .advantages-table tr td:first-child {
            width: 100%;
            text-align: center; } }
      @media screen and (max-width: 576px) {
        .advantages-table tr td:nth-child(2) {
          background-color: rgba(218, 231, 240, 0.32); } }
      .advantages-table tr td.active {
        color: #0575DC; }
      .advantages-table tr td.disabled {
        color: #A3A3A3; }

.interface-section {
  padding: 6.6rem 0 7.4rem 0;
  background-color: #f5f5f5; }
  @media screen and (max-width: 768px) {
    .interface-section {
      padding: 3rem 0; } }
  .interface-section__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5.7rem; }
    @media screen and (max-width: 1024px) {
      .interface-section__top {
        margin-bottom: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .interface-section__top .section-title {
      width: 50%; }
      @media screen and (max-width: 1024px) {
        .interface-section__top .section-title {
          width: 100%; } }
  .interface-section__systems {
    width: 40%; }
    @media screen and (max-width: 1024px) {
      .interface-section__systems {
        width: 100%; } }
    .interface-section__systems .interface-section__text {
      text-align: right;
      line-height: 1.4; }
      @media screen and (max-width: 1024px) {
        .interface-section__systems .interface-section__text {
          text-align: left; } }
      @media screen and (max-width: 576px) {
        .interface-section__systems .interface-section__text {
          font-size: 1.5rem; } }
  .interface-section__systems-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 3rem; }
    .interface-section__systems-top img {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      @media screen and (max-width: 576px) {
        .interface-section__systems-top img {
          width: 8rem; } }
  .interface-section__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .interface-section__item--reverse {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
      .interface-section__item--reverse .interface-section__descr {
        padding-right: 0;
        padding-left: 2rem; }
        @media screen and (max-width: 1024px) {
          .interface-section__item--reverse .interface-section__descr {
            padding-left: 0; } }
    .interface-section__item:not(:last-child) {
      margin-bottom: 3.3rem; }
      @media screen and (max-width: 1024px) {
        .interface-section__item:not(:last-child) {
          margin-bottom: 2rem; } }
    @media screen and (max-width: 1024px) {
      .interface-section__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; } }
  .interface-section__img {
    position: relative;
    width: 50%; }
    @media screen and (max-width: 1024px) {
      .interface-section__img {
        width: 100%; } }
    .interface-section__img .gallery-zoom {
      position: absolute;
      width: 5rem;
      height: 5rem;
      top: 2rem;
      right: 2rem;
      background-color: rgba(0, 0, 0, 0.3);
      border-radius: 3px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .interface-section__img .gallery-zoom .icon {
        fill: #ffffff;
        width: 24px;
        height: 24px; }
  .interface-section__descr {
    width: 50%;
    padding-right: 2rem; }
    @media screen and (max-width: 1024px) {
      .interface-section__descr {
        width: 100%;
        padding-right: 0;
        margin-top: 2rem; } }
  .interface-section__subtitle {
    display: block;
    font-size: 2.6rem;
    line-height: 1.3;
    color: #38404E;
    margin-bottom: 2.3rem;
    font-weight: bold; }
    @media screen and (max-width: 1024px) {
      .interface-section__subtitle {
        font-size: 2.4rem; } }
  .interface-section__text {
    font-size: 2rem;
    line-height: 1.9;
    color: #38404E; }
    .interface-section__text:not(:last-child) {
      margin-bottom: 4rem; }
      @media screen and (max-width: 1024px) {
        .interface-section__text:not(:last-child) {
          margin-bottom: 2rem; } }

.interface-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3rem; }
  .interface-gallery a {
    width: 23%;
    border: 3px solid transparent;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .interface-gallery a:hover, .interface-gallery a.active {
      border: 3px solid #0575DC;
      border-radius: 3px; }

.instalation-section {
  padding: 11rem 0; }
  @media screen and (max-width: 1024px) {
    .instalation-section {
      padding: 4.6rem 0; } }
  .instalation-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 1200px) {
      .instalation-section__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .instalation-section__descr {
    width: 40%; }
    .instalation-section__descr .section-title {
      margin-bottom: 3.2rem; }
      .instalation-section__descr .section-title span {
        margin-left: -1rem; }
    @media screen and (max-width: 1200px) {
      .instalation-section__descr {
        width: 100%;
        margin-bottom: 2rem; } }
  .instalation-section__box {
    position: relative;
    width: 50%; }
    .instalation-section__box img {
      margin: 0 auto; }
    @media screen and (max-width: 576px) {
      .instalation-section__box {
        width: 100%; } }
    .instalation-section__box:after, .instalation-section__box:before {
      position: absolute;
      content: '';
      width: 6px;
      height: 124px;
      top: calc(100% - 25px);
      background: -webkit-gradient(linear, left top, left bottom, from(#DEDEDE), to(rgba(196, 196, 196, 0)));
      background: -o-linear-gradient(top, #DEDEDE 0%, rgba(196, 196, 196, 0) 100%);
      background: linear-gradient(180deg, #DEDEDE 0%, rgba(196, 196, 196, 0) 100%);
      z-index: -1; }
    .instalation-section__box:after {
      left: 30%; }
    .instalation-section__box:before {
      right: 30%; }
    .instalation-section__box .instalation-section__tooltip-button {
      left: 3rem;
      top: 35%; }
    .instalation-section__box .tooltip-text {
      top: 40%;
      left: -5rem; }
  .instalation-section__show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60%; }
    @media screen and (max-width: 1024px) {
      .instalation-section__show {
        width: 80%; } }
    @media screen and (max-width: 768px) {
      .instalation-section__show {
        width: 100%; } }
    @media screen and (max-width: 576px) {
      .instalation-section__show {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .instalation-section__system {
    position: relative;
    width: 50%; }
    .instalation-section__system .decoration {
      position: absolute;
      content: '';
      bottom: 25%;
      right: 0;
      border-top: 4px solid #DEDEDE;
      border-right: 4px solid #DEDEDE;
      border-bottom: 4px solid #DEDEDE;
      width: 50%;
      height: 55%;
      border-radius: 0 10px 10px 0;
      z-index: -1; }
    @media screen and (max-width: 576px) {
      .instalation-section__system {
        width: 100%;
        height: 35rem;
        margin-top: 5rem; } }
  .instalation-section__system-notebook {
    position: absolute;
    bottom: 0;
    left: 0; }
    .instalation-section__system-notebook .instalation-section__tooltip-button {
      bottom: 0;
      right: 0; }
    .instalation-section__system-notebook .tooltip-text {
      top: 100%;
      right: 2rem; }
  .instalation-section__system-router {
    position: absolute;
    right: 5%;
    top: 0; }
    .instalation-section__system-router .instalation-section__tooltip-button {
      top: 0;
      left: 0; }
    .instalation-section__system-router .tooltip-text {
      top: 0;
      right: 100%; }
  .instalation-section__system-sim {
    position: absolute;
    top: 10%;
    right: 40%; }
    .instalation-section__system-sim .instalation-section__tooltip-button {
      top: 0;
      left: 0; }
    .instalation-section__system-sim .tooltip-text {
      top: 0;
      right: 100%; }
  .instalation-section__tooltip-button {
    position: absolute;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.44);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 3; }
    .instalation-section__tooltip-button:hover {
      background-color: #0575DC; }
      .instalation-section__tooltip-button:hover .icon {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
    .instalation-section__tooltip-button .icon {
      fill: #ffffff;
      width: 15px;
      height: 15px;
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }

.instalation-list {
  counter-reset: list1; }
  .instalation-list__item {
    font-size: 2rem;
    line-height: 1.4;
    color: #3F4653; }
    .instalation-list__item:not(:last-child) {
      margin-bottom: 1rem; }
    .instalation-list__item:before {
      counter-increment: list1;
      content: counter(list1);
      margin-right: 1rem; }

.tooltip-text {
  position: absolute;
  padding: 1.8rem 2.2rem;
  font-size: 1.6rem;
  line-height: 1;
  color: #3F4653;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  max-width: 20rem; }

.instalation-section__tooltip-button:hover ~ .tooltip-text {
  opacity: 1;
  visibility: visible; }

.sms-section {
  padding: 12.4rem 0 0 0;
  background-color: #f5f5f5; }
  @media screen and (max-width: 1024px) {
    .sms-section {
      padding: 7rem 0 0 0; } }
  @media screen and (max-width: 768px) {
    .sms-section {
      padding: 3.8rem 0 0 0; } }
  .sms-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .sms-section__descr {
    width: 50%; }
    @media screen and (max-width: 1024px) {
      .sms-section__descr {
        width: 100%;
        margin-bottom: 2rem; } }
    .sms-section__descr .section-title {
      margin-bottom: 4rem; }
      @media screen and (max-width: 768px) {
        .sms-section__descr .section-title {
          margin-bottom: 3rem; } }
  .sms-section__img {
    width: 40%; }
    @media screen and (max-width: 1024px) {
      .sms-section__img {
        width: 100%; } }
    @media screen and (max-width: 1024px) {
      .sms-section__img img {
        margin: 0 auto; } }
  .sms-section__text {
    font-size: 1.9rem;
    line-height: 1.68;
    color: #87898d;
    margin-bottom: 3.2rem; }
    @media screen and (max-width: 768px) {
      .sms-section__text {
        margin-bottom: 1.5rem; } }

.sms-list {
  border: 1px solid #D0D0D0;
  border-radius: 3px;
  width: 80%; }
  @media screen and (max-width: 1024px) {
    .sms-list {
      width: 100%; } }
  .sms-list__item {
    font-size: 1.9rem;
    line-height: 1;
    padding: 1.8rem 2.9rem;
    color: #38404E; }
    .sms-list__item:not(:last-child) {
      border-bottom: 1px solid #D0D0D0; }

.solution-section {
  padding: 9.5rem 0 8.4rem 0;
  background-color: #FAFAFA; }
  @media screen and (max-width: 768px) {
    .solution-section {
      padding: 4.2rem 0; } }
  .solution-section .section-title {
    margin-bottom: 4rem; }
  .solution-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 1px solid #E5E5E5;
    border-radius: 3px; }
    .solution-section__wrap .solution-item {
      width: 25%; }
      .solution-section__wrap .solution-item:not(:last-child) {
        border-right: 1px solid #E5E5E5; }
      .solution-section__wrap .solution-item:nth-child(2n) {
        border-right: none; }
      @media screen and (max-width: 576px) {
        .solution-section__wrap .solution-item:nth-child(2n+1) {
          border-right: none; } }
      @media screen and (max-width: 1024px) {
        .solution-section__wrap .solution-item {
          width: 50%;
          border-bottom: 1px solid #E5E5E5; } }
      @media screen and (max-width: 576px) {
        .solution-section__wrap .solution-item {
          width: 100%;
          border-right: none;
          min-height: auto; } }
    @media screen and (max-width: 1024px) {
      .solution-section__wrap {
        border-bottom: none; } }

.solution-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 73.5rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .solution-item:hover {
    background-color: #F0F4F7; }
    .solution-item:hover .solution-item__link {
      color: #379DE8;
      border-color: transparent; }
      .solution-item:hover .solution-item__link .icon {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(5px);
            -ms-transform: translateX(5px);
                transform: translateX(5px); }
  .solution-item__img {
    padding: 4rem 0 3rem 0;
    min-height: 26.5rem; }
    .solution-item__img img {
      margin: 0 auto; }
  .solution-item__content {
    padding: 0 2.8rem 2rem 2.8rem; }
    @media screen and (max-width: 1440px) {
      .solution-item__content {
        padding: 0 1.5rem 2rem 1.5rem; } }
  .solution-item__title {
    font-size: 1.8rem;
    line-height: 1.4;
    color: #3F4653;
    font-weight: bold;
    margin-bottom: 8px; }
  .solution-item__number {
    font-size: 1.2rem;
    line-height: 1.5;
    color: #8A8D91; }
  .solution-item__descr {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #7C7C7C;
    margin-top: 1.4rem; }
    .solution-item__descr span {
      display: block; }
  .solution-item__bottom {
    padding: 0 2.8rem 3.2rem 2.8rem; }
  .solution-item__price {
    display: block;
    font-size: 4rem;
    line-height: 1.1;
    color: #3F4653;
    font-weight: 500;
    margin-bottom: 2rem; }
  .solution-item__link {
    position: relative;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #0575DC;
    border-bottom: 1px dashed #0575DC;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .solution-item__link:hover{
      text-decoration: underline;
  }
    .solution-item__link .icon {
      fill: #0575DC;
      width: 4px;
      height: 9px;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateX(-5px);
          -ms-transform: translateX(-5px);
              transform: translateX(-5px);
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }

.use-section {
  padding: 13.2rem 0 0.5rem 0; }
  @media screen and (max-width: 1024px) {
    .use-section {
      padding: 6rem 0 1rem 0; } }
  @media screen and (max-width: 576px) {
    .use-section {
      padding: 3.5rem 0 1rem 0; } }
  .use-section__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 5rem; }
    @media screen and (max-width: 1024px) {
      .use-section__top {
        margin-bottom: 2rem; } }
    .use-section__top .section-title {
      width: 50%; }
      @media screen and (max-width: 1200px) {
        .use-section__top .section-title {
          width: 70%; } }
      @media screen and (max-width: 1024px) {
        .use-section__top .section-title {
          width: 100%; } }
  @media screen and (max-width: 1024px) {
    .use-section__map {
      display: none; } }
  .use-section__map img {
    margin-left: auto; }
  .use-section__map-text {
    display: block;
    font-size: 1.5rem;
    line-height: 1.24;
    color: #9e9e9e;
    margin-top: 2.3rem; }
  .use-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -18px; }
    @media screen and (max-width: 1024px) {
      .use-section__wrap {
        margin: 0 -8px; } }
    .use-section__wrap .use-item-wrap {
      width: 33.3333%;
      padding: 0 18px; }
      @media screen and (max-width: 1200px) {
        .use-section__wrap .use-item-wrap {
          width: 50%; } }
      @media screen and (max-width: 1024px) {
        .use-section__wrap .use-item-wrap {
          padding: 0 8px; } }
      @media screen and (max-width: 768px) {
        .use-section__wrap .use-item-wrap {
          width: 100%; } }

.use-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 3.4rem 2.6rem 3rem 2.6rem;
  margin-bottom: 3.6rem;
  min-height: 18.7rem;
  background-color: #EDEDED;
  border-radius: 3px; }
  @media screen and (max-width: 1024px) {
    .use-item {
      margin-bottom: 1.8rem; } }
  @media screen and (max-width: 576px) {
    .use-item {
      padding: 2.5rem; } }
  .use-item:hover .use-item__img img:nth-child(1) {
    opacity: 0; }
  .use-item:hover .use-item__img img:nth-child(2) {
    opacity: 1; }
  .use-item__img {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 2.5rem;
    width: 63px; }
    .use-item__img img {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: all 0.6s ease;
      -o-transition: all 0.6s ease;
      transition: all 0.6s ease; }
      .use-item__img img:nth-child(2) {
        opacity: 0; }
    @media screen and (max-width: 576px) {
      .use-item__img {
        margin-right: 1.5rem; } }
  .use-item__title {
    display: block;
    font-size: 1.8rem;
    line-height: 1.24;
    color: #3F4653; }
  .use-item__region {
    font-size: 1.5rem;
    line-height: 1.7;
    color: #9c9c9c; }
  .use-item__text {
    font-size: 1.7rem;
    line-height: 1.5;
    color: #3F4653;
    margin-top: 3rem; }
    @media screen and (max-width: 576px) {
      .use-item__text {
        margin-left: -7rem; } }



.main-section {
  padding: 11.4rem 0; }
  @media screen and (max-width: 1024px) {
    .main-section {
      padding: 5.6rem 0; } }
  @media screen and (max-width: 1024px) {
    .main-section {
      padding: 2.4rem 0; } }
  .main-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .main-section__descr {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (max-width: 1024px) {
      .main-section__descr {
        width: 100%; } }
    @media screen and (max-width: 1024px) {
      .main-section__descr .h1 {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }
  .main-section__img {
    width: 50%; }
    @media screen and (max-width: 1024px) {
      .main-section__img {
        width: 100%; } }
    @media screen and (max-width: 1024px) {
      .main-section__img img {
        margin: 0 auto; } }
  .main-section__text {
    font-size: 2.1rem;
    line-height: 1.73;
    color: #3F4653;
    max-width: 52rem; }
    @media screen and (max-width: 1024px) {
      .main-section__text {
        max-width: 100%;
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        margin-bottom: 2.7rem;
        font-size: 1.9rem; } }
  .main-section__buttons {
    margin-top: auto; }
    @media screen and (max-width: 1024px) {
      .main-section__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin: 0 0 4.3rem 0; } }
    @media screen and (max-width: 768px) {
      .main-section__buttons button {
        width: 100%; } }
    .main-section__buttons button:not(:last-child) {
      margin-bottom: 31px; }
      @media screen and (max-width: 1024px) {
        .main-section__buttons button:not(:last-child) {
          margin-bottom: 21px; } }

.mode-section {
  padding: 10.2rem 0 8.3rem 0;
  background-color: #f5f5f5; }
  @media screen and (max-width: 768px) {
    .mode-section {
      padding: 3.6rem 0 4rem 0; } }
  .mode-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 10rem  0 0 0; }
    @media screen and (max-width: 1024px) {
      .mode-section__wrap {
        -ms-flex-pack: distribute;
            justify-content: space-around;
        margin: 4rem 0 0 0; } }
    .mode-section__wrap .mode-item-wrap {
      width: 33.333%;
      padding-right: 10rem; }
      .mode-section__wrap .mode-item-wrap:last-child {
        padding-right: 8rem; }
        @media screen and (max-width: 1440px) {
          .mode-section__wrap .mode-item-wrap:last-child {
            padding-right: 6rem; } }
      @media screen and (max-width: 1440px) {
        .mode-section__wrap .mode-item-wrap {
          padding-right: 6rem; } }
      @media screen and (max-width: 1024px) {
        .mode-section__wrap .mode-item-wrap {
          width: 50%;
          margin-bottom: 2rem; } }
      @media screen and (max-width: 768px) {
        .mode-section__wrap .mode-item-wrap {
          width: 100%;
          padding: 0; } }
  .mode-section__info {
    padding: 2rem 4.7rem 2rem 3.5rem;
    font-size: 1.9rem;
    line-height: 1.4;
    font-weight: 500;
    color: #00C64F;
    background: rgba(0, 198, 79, 0.09);
    max-width: 51rem;
    margin-left: auto;
    margin-top: 1.2rem; }
    @media screen and (max-width: 1024px) {
      .mode-section__info {
        margin-left: 0; } }
    @media screen and (max-width: 768px) {
      .mode-section__info {
        padding: 1.3rem 1.5rem; } }
  .mode-section__system {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 51rem;
    margin-left: auto;
    margin-top: 2.6rem; }
    @media screen and (max-width: 1024px) {
      .mode-section__system {
        margin-left: 0; } }
  .mode-section__device {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    background-color: #E7E7E7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 2.3rem;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .mode-section__device img {
      width: 70%; }
  .mode-section__text {
    font-size: 1.9rem;
    line-height: 1.55;
    color: #38404E; }

.rect-anim1 {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translateX(48px);
      -ms-transform: translateX(48px);
          transform: translateX(48px);
  -webkit-animation: trRight 4s ease infinite;
          animation: trRight 4s ease infinite; }

@-webkit-keyframes trRight {
  0% {
    -webkit-transform: translateX(48px);
            transform: translateX(48px); }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(48px);
            transform: translateX(48px); } }

@keyframes trRight {
  0% {
    -webkit-transform: translateX(48px);
            transform: translateX(48px); }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translateX(48px);
            transform: translateX(48px); } }

.rect-anim2 {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation: trRight2 4s ease infinite;
          animation: trRight2 4s ease infinite; }

@-webkit-keyframes trRight2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    -webkit-transform: translateX(-48px);
            transform: translateX(-48px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes trRight2 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  50% {
    -webkit-transform: translateX(-48px);
            transform: translateX(-48px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.rect-anim3 {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-animation: trRight3 4s ease infinite;
          animation: trRight3 4s ease infinite; }

@-webkit-keyframes trRight3 {
  0% {
    -webkit-transform: translateY(-48px);
            transform: translateY(-48px); }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-48px);
            transform: translateY(-48px); } }

@keyframes trRight3 {
  0% {
    -webkit-transform: translateY(-48px);
            transform: translateY(-48px); }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-48px);
            transform: translateY(-48px); } }

.mode-item__icon {
  position: relative;
  margin-bottom: 3.3rem; }
  .mode-item__icon svg {
    position: relative; }

.mode-item__title {
  display: block;
  font-size: 2rem;
  line-height: 1.24;
  color: #3F4653;
  margin-bottom: 2.4rem; }

.mode-item__text {
  font-size: 1.6rem;
  line-height: 1.7;
  color: #9c9c9c; }

.section-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (max-width: 1024px) {
    .section-top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .section-top .section-title {
    width: 55%; }
    @media screen and (max-width: 1024px) {
      .section-top .section-title {
        width: 100%; } }
  .section-top__right {
    width: 45%; }
    @media screen and (max-width: 1024px) {
      .section-top__right {
        width: 100%; } }

.object-section {
  padding: 10.2rem 0 7.5rem 0; }
  .object-section .section-title {
    margin-bottom: 4.7rem; }
  .object-section__text {
    font-size: 2.3rem;
    line-height: 1.2;
    color: #3F4653;
    margin-bottom: 3.2rem; }
  .object-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -18px; }
    @media screen and (max-width: 768px) {
      .object-section__wrap {
        margin: 0 -8px; } }
    .object-section__wrap .object-item-wrap {
      width: 25%;
      padding: 0 18px; }
      @media screen and (max-width: 1440px) {
        .object-section__wrap .object-item-wrap {
          width: 33.33333%; } }
      @media screen and (max-width: 1024px) {
        .object-section__wrap .object-item-wrap {
          width: 50%; } }
      @media screen and (max-width: 768px) {
        .object-section__wrap .object-item-wrap {
          padding: 0 8px; } }
      @media screen and (max-width: 576px) {
        .object-section__wrap .object-item-wrap {
          width: 100%; } }

.object-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 17.6rem;
  background-color: #f5f5f5;
  border-radius: 3px;
  margin-bottom: 2.7rem;
  padding: 4.7rem 3.3rem 3.3rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .object-item:hover {
    background-color: #0575DC; }
    .object-item:hover .object-item__text {
      color: #ffffff; }
    .object-item:hover .icon-pillar, .object-item:hover .icon-garbage, .object-item:hover .icon-secure, .object-item:hover .icon-office, .object-item:hover .icon-sport, .object-item:hover .icon-parking, .object-item:hover .icon-roud {
      stroke: #ffffff; }
    .object-item:hover .icon-secure2 {
      fill: #ffffff; }
    .object-item:hover .icon-parking2 {
      fill: #ffffff; }
    .object-item:hover .icon-object {
      fill: #ffffff; }
  @media screen and (max-width: 768px) {
    .object-item {
      margin-bottom: 1.6rem;
      padding: 2.5rem 3.3rem 3.3rem; } }
  @media screen and (max-width: 576px) {
    .object-item {
      min-height: 13rem;
      margin-bottom: 1rem; } }
  .object-item .icon {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .object-item .icon-object {
    fill: #0575DC;
    width: 54px;
    height: 33px; }
  .object-item .icon-pillar, .object-item .icon-garbage, .object-item .icon-secure, .object-item .icon-office, .object-item .icon-sport, .object-item .icon-parking, .object-item .icon-roud {
    stroke: #0575DC;
    fill: none; }
  .object-item__text {
    display: block;
    font-size: 1.8rem;
    line-height: 1.4;
    color: #3F4653;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.info-section {
  padding: 10.2rem 0 3.8rem 0;
  background-color: #f5f5f5; }
  @media screen and (max-width: 768px) {
    .info-section {
      padding: 4.6rem 0 2rem 0; } }
  .info-section .section-title {
    margin-bottom: 4.2rem;
    padding-right: 10%; }
    @media screen and (max-width: 768px) {
      .info-section .section-title {
        margin-bottom: 2.4rem;
        padding-right: 0; } }
  .info-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .info-section__img {
    width: 50%; }
    @media screen and (max-width: 1024px) {
      .info-section__img {
        width: 100%; } }
  .info-section__descr {
    width: 50%;
    padding-left: 6.3rem; }
    @media screen and (max-width: 1024px) {
      .info-section__descr {
        width: 100%;
        padding-left: 0;
        margin-top: 2rem; } }
  .info-section__text {
    display: block;
    font-size: 2.1rem;
    line-height: 1.5;
    color: #3F4653;
    margin-bottom: 2.2rem; }
    @media screen and (max-width: 768px) {
      .info-section__text {
        margin-bottom: 1rem; } }

.info-section-list__item {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #767676; }
  .info-section-list__item:not(:last-child) {
    margin-bottom: 2.2rem; }
    @media screen and (max-width: 768px) {
      .info-section-list__item:not(:last-child) {
        margin-bottom: 1rem; } }

.saving-section {
  padding: 7.5rem 0; }
  @media screen and (max-width: 768px) {
    .saving-section {
      padding: 3.5rem 0 4rem 0; } }
  .saving-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    margin: 5.6rem 0 0 0; }
    @media screen and (max-width: 1024px) {
      .saving-section__wrap {
        margin: 2.2rem 0 0 0; } }
    .saving-section__wrap .saving-item {
      width: 33.333%; }
      @media screen and (max-width: 1024px) {
        .saving-section__wrap .saving-item {
          width: 100%; } }
      .saving-section__wrap .saving-item:not(:last-child) {
        border-right: 1px solid #E5E5E5; }
        @media screen and (max-width: 1024px) {
          .saving-section__wrap .saving-item:not(:last-child) {
            border-bottom: 1px solid #E5E5E5;
            border-right: none; } }

.saving-item {
  padding: 3.8rem 3.8rem 5rem 3.8rem; }
  @media screen and (max-width: 1024px) {
    .saving-item {
      padding: 2rem; } }
  .saving-item__title {
    display: block;
    font-size: 2.1rem;
    line-height: 1.4;
    color: #0575DC;
    margin: 0 0 2.8rem 0; }
  .saving-item__text {
    font-size: 1.5rem;
    line-height: 1.7;
    color: #9c9c9c; }

.program-work {
  position: relative;
  padding: 2.9rem 3.7rem 2.9rem 5.5rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 53rem;
  border-radius: 3px; }
  @media screen and (max-width: 1024px) {
    .program-work {
      margin-top: 2.2rem; } }
  @media screen and (max-width: 768px) {
    .program-work {
      padding: 2rem; } }
  .program-work:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: -webkit-gradient(linear, left top, right top, color-stop(-2.45%, rgba(0, 0, 0, 0)), color-stop(111.98%, #000000));
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) -2.45%, #000000 111.98%);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) -2.45%, #000000 111.98%); }
  .program-work:hover .program-work__text {
    border-bottom: 1px dashed #fff; }
  .program-work__icon {
    position: relative;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 50%;
    background-color: #00C64F;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 8.2rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .program-work__icon .icon {
      fill: #ffffff;
      width: 13px;
      height: 21px; }
    @media screen and (max-width: 768px) {
      .program-work__icon {
        margin-right: 1.6rem; } }
  .program-work__descr {
    text-align: left; }
  .program-work__text {
    position: relative;
    font-size: 2.2rem;
    line-height: 1.42;
    color: #ffffff;
    text-align: left;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-bottom: 1px dashed transparent; }

.monitoring-section {
  padding: 6.4rem 0 5.5rem 0;
  background-color: #f5f5f5; }
  @media screen and (max-width: 768px) {
    .monitoring-section {
      padding: 3rem 0 3.6rem 0; } }
  .monitoring-section__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .monitoring-section__top .section-title {
      width: 70%; }
      @media screen and (max-width: 1024px) {
        .monitoring-section__top .section-title {
          width: 100%; } }
  .monitoring-section__protocol {
    width: 30%; }
    @media screen and (max-width: 1024px) {
      .monitoring-section__protocol {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 2rem 0 0 0; } }
  .monitoring-section__protocol-img {
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 50%;
    background-color: #E7E7E7;
    margin: 0 0 1.2rem auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 1024px) {
      .monitoring-section__protocol-img {
        margin: 0 2rem 0 0; } }
  .monitoring-section__protocol-title {
    display: block;
    font-size: 1.9rem;
    line-height: 1.4;
    color: #3F4653;
    text-align: right; }
    @media screen and (max-width: 1024px) {
      .monitoring-section__protocol-title {
        text-align: left; } }
  .monitoring-section__protocol-text {
    display: block;
    font-size: 1.3rem;
    line-height: 1.4;
    color: #848484;
    text-align: right; }
    @media screen and (max-width: 1024px) {
      .monitoring-section__protocol-text {
        text-align: left; } }
  .monitoring-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 6.8rem -1.8rem 0; }
    @media screen and (max-width: 1024px) {
      .monitoring-section__wrap {
        margin: 6.8rem -0.8rem 0; } }
    @media screen and (max-width: 768px) {
      .monitoring-section__wrap {
        margin: 3rem -0.8rem 0; } }
    .monitoring-section__wrap .monitoring-item-wrap {
      width: 33.33333%;
      padding: 0 18px; }
      @media screen and (max-width: 1024px) {
        .monitoring-section__wrap .monitoring-item-wrap {
          padding: 0 8px; } }
      @media screen and (max-width: 768px) {
        .monitoring-section__wrap .monitoring-item-wrap {
          width: 100%; } }

.monitoring-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3.5rem;
  min-height: 35rem;
  background-color: #EFEFEF;
  border-radius: 3px;
  margin-bottom: 2rem; }
  @media screen and (max-width: 1024px) {
    .monitoring-item {
      padding: 2rem; } }
  .monitoring-item__icon svg {
    max-width: 100%;
    height: auto; }
  .monitoring-item__title {
    display: block;
    font-size: 2rem;
    line-height: 1.3;
    color: #3F4653;
    margin-bottom: 1.3rem;
    font-weight: 500; }
  .monitoring-item__text {
    font-size: 1.5rem;
    line-height: 1.7;
    color: #9c9c9c; }
  .monitoring-item__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px; }
  .monitoring-item__block {
    width: 4rem;
    height: 4rem;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold; }
    .monitoring-item__block:not(:last-child) {
      margin-right: 5px; }
    .monitoring-item__block:first-child {
      color: #00993D;
      background: rgba(0, 198, 79, 0.24); }
    .monitoring-item__block:nth-child(2) {
      color: #3072A8;
      background: rgba(128, 184, 228, 0.49); }
    .monitoring-item__block:nth-child(3) {
      color: rgba(231, 69, 61, 0.78);
      background: rgba(255, 119, 113, 0.49); }
    .monitoring-item__block:nth-child(4) {
      color: rgba(52, 52, 52, 0.37);
      background: #E7E8E9; }

.control-options-section {
  padding: 7.1rem 0 4.5rem 0; }
  .control-options-section .section-title {
    margin-bottom: 2.9rem;
    padding-right: 5%; }
    @media screen and (max-width: 768px) {
      .control-options-section .section-title {
        padding-right: 0; } }
  .control-options-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -18px; }
    .control-options-section__wrap .control-item-wrap {
      width: 50%;
      padding: 0 18px; }
      @media screen and (max-width: 768px) {
        .control-options-section__wrap .control-item-wrap {
          width: 100%; } }

.control-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 43.3rem;
  padding: 4.4rem 4.7rem 4.4rem 6rem;
  background-color: #f5f5f5;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
  margin-bottom: 3rem; }
  @media screen and (max-width: 1024px) {
    .control-item {
      padding: 2rem; } }
  @media screen and (max-width: 768px) {
    .control-item {
      margin-bottom: 1.8rem;
      min-height: 39.5rem; } }
  .control-item:hover {
    background-color: #062A4B; }
    .control-item:hover .control-item__title {
      color: #ffffff; }
    .control-item:hover .control-item__text {
      color: #5D758B; }
  .control-item .icon {
    position: absolute;
    top: 3.5rem;
    right: 3.5rem;
    width: 38px;
    height: 45px;
    fill: #0575DC; }
  @media screen and (max-width: 576px) {
    .control-item img {
      margin: 0 auto; } }
  .control-item__title {
    display: block;
    font-size: 2.6rem;
    line-height: 1.24;
    color: #38404E;
    margin-bottom: 1rem;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .control-item__text {
    font-size: 1.8rem;
    line-height: 1.56;
    color: #747474;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.wireless-system-section {
  padding: 7.5rem 0 7rem 0;
  background-color: #f5f5f5; }
  @media screen and (max-width: 768px) {
    .wireless-system-section {
      padding: 2.5rem 0 5.8rem 0; } }
  .wireless-system-section .section-title {
    margin-bottom: 2rem;
    padding-right: 12%; }
    @media screen and (max-width: 768px) {
      .wireless-system-section .section-title {
        padding-right: 0; } }
  .wireless-system-section__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .wireless-system-section__row--text {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
  .wireless-system-section__item {
    width: 48%; }
    .wireless-system-section__item--green {
      padding: 4rem 5rem;
      background-color: #00C64F;
      border-radius: 3px; }
      .wireless-system-section__item--green .wireless-system-section__text {
        color: #ffffff; }
      @media screen and (max-width: 768px) {
        .wireless-system-section__item--green {
          padding: 2.5rem 3rem; } }
    .wireless-system-section__item:not(:last-child) {
      margin-bottom: 5rem; }
      @media screen and (max-width: 1024px) {
        .wireless-system-section__item:not(:last-child) {
          margin-bottom: 2rem; } }
    @media screen and (max-width: 1024px) {
      .wireless-system-section__item {
        width: 100%; } }
  .wireless-system-section__block {
    padding: 3.3rem 4rem;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .wireless-system-section__block img {
      margin: 0 auto 5rem auto; }
    .wireless-system-section__block--active {
      background-color: #F2F7FA;
      border: 3px solid #0575DC; }
    .wireless-system-section__block .wireless-system-section__text {
      line-height: 1.4; }
    @media screen and (max-width: 768px) {
      .wireless-system-section__block {
        padding: 2.5rem 3rem; } }
  .wireless-system-section__text {
    font-size: 1.9rem;
    line-height: 2;
    color: #38404E; }
    .wireless-system-section__text:not(:last-child) {
      margin-bottom: 5rem; }
      @media screen and (max-width: 1024px) {
        .wireless-system-section__text:not(:last-child) {
          margin-bottom: 2rem; } }
  .wireless-system-section__link {
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 2;
    text-decoration: none;
    border-bottom: 1px dashed #ffffff;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .wireless-system-section__link:hover {
      color: #0575DC;
      border-color: #0575DC; }

.control-section {
  padding: 7.5rem 0; }
  @media screen and (max-width: 768px) {
    .control-section {
      padding: 3.5rem 0; } }
  .control-section__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10rem; }
    @media screen and (max-width: 1024px) {
      .control-section__top {
        margin-bottom: 2rem; } }
    .control-section__top .section-title {
      width: 45%; }
      @media screen and (max-width: 1024px) {
        .control-section__top .section-title {
          width: 100%; } }
    .control-section__top .control-section__text {
      width: 42%; }
      @media screen and (max-width: 1024px) {
        .control-section__top .control-section__text {
          width: 100%; } }
  .control-section__text {
    font-size: 1.8rem;
    line-height: 1.5;
    color: #38404E; }

.control-variant {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #D7D7D7; }
  @media screen and (max-width: 1200px) {
    .control-variant {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .control-variant:not(:last-child) {
    margin-bottom: 3rem; }
  .control-variant__left {
    padding: 3rem 4rem;
    width: 42%; }
    @media screen and (max-width: 1200px) {
      .control-variant__left {
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .control-variant__left {
        padding: 3rem; } }
  .control-variant__right {
    overflow: hidden;
    position: relative;
    width: 58%;
    background-color: #062A4B;
    min-height: 50rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 4.7rem 3rem 4.7rem 5.7rem; }
    .control-variant__right svg {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      @media screen and (max-width: 768px) {
        .control-variant__right svg {
          width: 100%;
          height: auto;
          bottom: 0;
          top: auto; } }
    .control-variant__right--first svg {
      opacity: 0; }
      .control-variant__right--first svg.active {
        opacity: 1; }
      .control-variant__right--first svg.svg-1000 {
        top: -53px; }
        @media screen and (max-width: 768px) {
          .control-variant__right--first svg.svg-1000 {
            width: 100%;
            height: auto;
            bottom: 0;
            left: -20px;
            top: auto; } }
    .control-variant__right-range svg {
      opacity: 0; }
      .control-variant__right-range svg.active {
        opacity: 1; }
      .control-variant__right-range svg.svg-1000 {
        top: -53px; }
        @media screen and (max-width: 768px) {
          .control-variant__right-range svg.svg-1000 {
            width: 100%;
            height: auto;
            bottom: 0;
            left: -20px;
            top: auto; } }
    .control-variant__right--succes {
      min-height: 60rem; }
      .control-variant__right--succes svg {
        top: -35px;
        left: -15px; }
        .control-variant__right--succes svg:nth-child(1) {
          top: 47px;
          left: 64px; }
        .control-variant__right--succes svg:nth-child(2) {
          z-index: 3; }
        @media screen and (max-width: 768px) {
          .control-variant__right--succes svg {
            top: auto;
            bottom: 0; } }
    .control-variant__right--two {
      min-height: 55rem; }
      .control-variant__right--two svg {
        top: -60px;
        left: -50px; }
        @media screen and (max-width: 768px) {
          .control-variant__right--two svg {
            top: auto;
            bottom: 0; } }
    @media screen and (max-width: 1200px) {
      .control-variant__right {
        padding: 3rem;
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .control-variant__right {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        /*min-height: 63rem;*/ } }
  .control-variant__type {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #878787;
    margin-bottom: 7px; }
  .control-variant__title {
    font-size: 2.6rem;
    line-height: 1.3;
    color: #38404E;
    margin-bottom: 3.5rem;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      .control-variant__title {
        font-size: 2rem;
        margin-bottom: 2.5rem; } }
  .control-variant__price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 3.8rem; }
    @media screen and (max-width: 768px) {
      .control-variant__price-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
  .control-variant__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    height: 5.1rem;
    width: 12.1rem;
    font-size: 1.9rem;
    line-height: 1;
    color: #38404E;
    text-align: center; }
  .control-variant__info {
    padding: 1.6rem 2.6rem;
    background-color: #f5f5f5;
    border-radius: 3px; }
    .control-variant__info--warning {
      background-color: rgba(255, 7, 7, 0.13); }
      .control-variant__info--warning .control-variant__info-text {
        color: rgba(255, 15, 0, 0.62); }
    .control-variant__info--sucess {
      background-color: rgba(0, 198, 79, 0.12); }
      .control-variant__info--sucess .control-variant__info-text {
        color: #00C64F; }
  .control-variant__info-text {
    font-size: 1.6rem;
    line-height: 1.5;
    color: #38404E;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-weight: bold; }
    .control-variant__info-text:not(:last-child) {
      margin-bottom: 1.2rem; }
  .control-variant__buttons {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @media screen and (max-width: 768px) {
      .control-variant__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .control-variant__buttons .control-range {
      width: 100%; }
    @media screen and (max-width: 768px) {
      .control-variant__buttons .control-button {
        margin-bottom: 1rem; } }
    .control-variant__buttons--succes .control-range {
      width: 48%; }
      @media screen and (max-width: 768px) {
        .control-variant__buttons--succes .control-range {
          width: 100%; } }

.control-button {
  font-size: 1.6rem;
  color: #ffffff;
  border: 2px solid #1E405F;
  border-radius: 3px;
  padding: 1.3rem 1.8rem;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .control-button:hover, .control-button.active {
    background-color: #0575DC;
    border-color: #0575DC; }

.control-range {
  position: relative;
  border: 2px solid #1E405F;
  border-radius: 4px;
  height: 53px;
  color: #ffffff;
  font-size: 1.6em;
  line-height: 1.5;
  padding: 7px 1.4rem;
  margin-bottom: 2rem; }
  .control-range .irs--big {
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100%; }
    .control-range .irs--big .irs-line {
      background-color: transparent;
      background: transparent;
      height: 1px;
      top: 40px;
      border: none; }
    .control-range .irs--big .irs-bar {
      background-color: transparent;
      background: #0066FF;
      height: 2px;
      top: 41px;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .control-range .irs--big .irs-min, .control-range .irs--big .irs-max {
      display: none; }
    .control-range .irs--big .irs-handle {
      top: 30px;
      width: 21px;
      height: 21px;
      background-color: #0066FF;
      background: #0066FF;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .control-range .irs--big .irs-single {
      display: none; }

.light-item {
  opacity: 1; }

.light-item-z1 {
  opacity: 0.1; }

.light-item-z2 {
  opacity: 100%; }

.light-item-z3 {
  opacity: 0.1; }

.light-item-z4 {
  opacity: 0.1; }

.light-item-z1-1 {
  opacity: 0.9; }

.light-item-z2-1 {
  opacity: 0; }

.light-item-z3-1 {
  position: relative;
  z-index: 5;
  opacity: 0.9; }

.light-item-z4-4 {
  opacity: 0.9; }

.fancybox-button svg path {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.fancybox-button--close, .fancybox-button:visited, .fancybox-button:link, .fancybox-button:hover {
  color: #0575DC; }

.partners-section {
  padding: 6rem 0 4.7rem 0;
  background-color: #f5f5f5; }
  @media screen and (max-width: 768px) {
    .partners-section {
      padding: 1rem 0; } }
  .partners-section .section-title {
    margin-bottom: 5.6rem; }
  .partners-section__subtitle {
    font-size: 2.3rem;
    line-height: 1.7;
    color: #38404E; }
  .partners-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .partners-section__companies {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: 1px solid #D2D2D2;
    border-left: 1px solid #D2D2D2;
    border-radius: 3px; }
    @media screen and (max-width: 1024px) {
      .partners-section__companies {
        width: 100%; } }
    @media screen and (max-width: 768px) {
      .partners-section__companies {
        border-right: 1px solid #D2D2D2;
        border-bottom: 1px solid #D2D2D2; } }
    .partners-section__companies .partners-item {
      position: relative;
      width: 33.3333333333333%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      min-height: 16.3rem;
      border-bottom: 1px solid #D2D2D2;
      border-right: 1px solid #D2D2D2; }
      .partners-section__companies .partners-item img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transition: all 0.6s ease;
        -o-transition: all 0.6s ease;
        transition: all 0.6s ease; }
        .partners-section__companies .partners-item img:nth-child(2) {
          opacity: 0;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .partners-section__companies .partners-item:hover img:nth-child(1) {
        opacity: 0; }
      .partners-section__companies .partners-item:hover img:nth-child(2) {
        opacity: 1; }
      .partners-section__companies .partners-item:last-child {
        border-radius: 0 0 3px 0; }
        @media screen and (max-width: 768px) {
          .partners-section__companies .partners-item:last-child {
            border-bottom: none;
            border-radius: none; } }
      @media screen and (max-width: 768px) {
        .partners-section__companies .partners-item:nth-child(2n) {
          border-right: none; } }
      @media screen and (max-width: 768px) {
        .partners-section__companies .partners-item:nth-child(9) {
          border-bottom: none;
          border-radius: none; } }
      @media screen and (max-width: 768px) {
        .partners-section__companies .partners-item {
          width: 50%;
          min-height: 10rem; } }
  .partners-section__button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 32%;
    padding: 2.5rem;
    font-size: 2rem;
    line-height: 1.4;
    color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left; }
    .partners-section__button:hover span {
      border-bottom: 1px dashed #ffffff; }
    .partners-section__button span {
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      border-bottom: 1px dashed transparent; }
    @media screen and (max-width: 1024px) {
      .partners-section__button {
        width: 326px;
        height: 350px;
        margin: 2rem auto;
        font-size: 1.6rem; } }
    @media screen and (max-width: 576px) {
      .partners-section__button {
        width: 100%; } }
    .partners-section__button span {
      position: relative;
      z-index: 2; }
    .partners-section__button .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      fill: #ffffff;
      width: 70px;
      height: 52px; }
    .partners-section__button:after {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(38.25%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.72)));
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 38.25%, rgba(0, 0, 0, 0.72) 100%);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.25%, rgba(0, 0, 0, 0.72) 100%); }

.segmentation-section {
  padding: 6.4rem 0  7.3rem 0; }
  @media screen and (max-width: 768px) {
    .segmentation-section {
      padding: 2.5rem 0 5rem 0; } }
  .segmentation-section__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 5rem; }
    .segmentation-section__wrap .segmentation-item {
      width: 48%; }
      @media screen and (max-width: 1024px) {
        .segmentation-section__wrap .segmentation-item {
          width: 100%; } }
      @media screen and (max-width: 1024px) {
        .segmentation-section__wrap .segmentation-item:not(:last-child) {
          margin-bottom: 1.5rem; } }
      .segmentation-section__wrap .segmentation-item:nth-child(2n+1) {
        background-color: #0575DC; }
        .segmentation-section__wrap .segmentation-item:nth-child(2n+1):hover {
          background-color: #1883E5; }
      .segmentation-section__wrap .segmentation-item:nth-child(2n) {
        background-color: #352E87; }
        .segmentation-section__wrap .segmentation-item:nth-child(2n):hover {
          background-color: #413A95; }
  .segmentation-section__button {
    margin-bottom: 3.3rem; }
    @media screen and (max-width: 576px) {
      .segmentation-section__button {
        margin-bottom: 2.6rem; } }
    @media screen and (max-width: 576px) {
      .segmentation-section__button .btn {
        width: 100%;
        max-width: 100%; } }

.segmentation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 24rem;
  padding: 2.5rem 3rem;
  border-radius: 3px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media screen and (max-width: 576px) {
    .segmentation-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .segmentation-item:hover .segmentation-item__title:after {
    right: -20px;
    opacity: 1;
    visibility: visible; }
  .segmentation-item__img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 3rem; }
    @media screen and (max-width: 576px) {
      .segmentation-item__img {
        margin-right: 0;
        margin-bottom: 2rem; } }
  .segmentation-item__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .segmentation-item__title {
    position: relative;
    font-size: 2.6rem;
    line-height: 1.24;
    color: #ffffff;
    margin-bottom: 2rem;
    font-weight: normal; }
    .segmentation-item__title:after {
      position: absolute;
      content: '';
      right: 0;
      top: 50%;
      width: 7px;
      height: 7px;
      border-top: 2px solid #ffffff;
      border-left: 2px solid #ffffff;
      -webkit-transform: rotate(135deg);
          -ms-transform: rotate(135deg);
              transform: rotate(135deg);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .segmentation-item__text {
    font-size: 1.6rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.7);
    width: 100%; }
  
  /**************************\
  Basic Modal Styles
\**************************/
.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; }

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 5; }

.modal__container {
  background-color: #fff;
  padding: 30px;
  width: 100%;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .modal__header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 5rem;
  line-height: 1.25;
  color: #ffffff;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .modal__title {
      font-size: 2.4rem; } }

.modal__text {
  font-size: 2rem;
  line-height: 1.5;
  color: #ffffff;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .modal__text {
      font-size: 1.6rem; } }

.modal__close {
  background: transparent;
  border: 0; }

.modal__header .modal__close:before {
  content: "\2715"; }

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8); }

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  -webkit-transition: -webkit-transform .25s ease-out;
  -o-transition: transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out; }

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
      transform: scale(1.05); }

.modal__btn-primary {
  background-color: #00449e;
  color: #fff; }

/**************************\
  Demo Animation Style
\**************************/
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); } }

@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%); } }

.micromodal-slide {
  display: none; }

.micromodal-slide.is-open {
  display: block; }

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="false"] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide[aria-hidden="true"] .modal__container {
  -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform; }

.modal-order__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.modal-order__phone {
  font-size: 2.3rem;
  line-height: 1.6;
  color: #ffffff;
  text-decoration: none; }

.modal-order__text {
  font-size: 1.4rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.4); }

.modal-order .modal__overlay {
  background-color: #062A4B; }

.modal-order .modal__container {
  background-color: #062A4B; }

.modal-order .order-section__form {
  width: 31.8rem;
  margin: 6.3rem auto 0 auto; }
  @media screen and (max-width: 768px) {
    .modal-order .order-section__form {
      margin: 2rem auto 0 auto; } }

.modal-order .modal__close {
  position: relative;
  font-size: 1.2rem;
  line-height: 1;
  color: #ffffff;
  padding: 2rem 3.3rem 2rem 4.3rem;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .modal-order .modal__close:hover .icon {
    -webkit-transform: rotate(180deg) translateX(10px);
        -ms-transform: rotate(180deg) translateX(10px);
            transform: rotate(180deg) translateX(10px); }
  .modal-order .modal__close:before {
    display: none; }
  .modal-order .modal__close .icon {
    position: absolute;
    top: 43%;
    left: 2.3rem;
    fill: #ffffff;
    width: 4px;
    height: 9px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.modal-video .modal__overlay {
  background-color: #062A4B; }

.modal-video .modal__container {
  background-color: #062A4B; }

.modal-video .modal__close {
  margin-left: auto; }
  .modal-video .modal__close:before {
    color: #ffffff;
    font-size: 2rem; }

.modal-video video {
  display: block;
  max-width: 100%;
  margin: 0 auto; }

.modal-video-descr .modal__close {
  position: relative;
  font-size: 1.2rem;
  line-height: 1;
  color: #ffffff;
  padding: 2rem 3.3rem 2rem 4.3rem;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .modal-video-descr .modal__close:hover .icon {
    -webkit-transform: rotate(180deg) translateX(10px);
        -ms-transform: rotate(180deg) translateX(10px);
            transform: rotate(180deg) translateX(10px); }
  .modal-video-descr .modal__close:before {
    display: none; }
  .modal-video-descr .modal__close .icon {
    position: absolute;
    top: 43%;
    left: 2.3rem;
    fill: #ffffff;
    width: 4px;
    height: 9px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }

.modal__content--wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media screen and (max-width: 1024px) {
    .modal__content--wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .modal__content--wrap video {
    width: 50%; }
    @media screen and (max-width: 1024px) {
      .modal__content--wrap video {
        width: 100%; } }

.modal__content-descr {
  padding-right: 3rem;
  width: 50%; }
  @media screen and (max-width: 1024px) {
    .modal__content-descr {
      width: 100%;
      padding-right: 0;
      margin-bottom: 2rem; } }

.modal-video__title {
  font-size: 3rem;
  line-height: 1.3;
  color: #ffffff;
  margin: 4rem 0; }
  @media screen and (max-width: 1024px) {
    .modal-video__title {
      margin: 2rem 0; } }

.modal-video__text {
  font-size: 2rem;
  line-height: 1.5;
  color: #ffffff; }
  .modal-video__text:not(:last-child) {
    margin-bottom: 4rem; }
    @media screen and (max-width: 1024px) {
      .modal-video__text:not(:last-child) {
        margin-bottom: 2rem; } }
/* 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/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/css/ion.rangeSlider.min.css?168026804411084 */
/* /local/templates/main_new/css/animate.min.css?168026804458139 */
/* /local/templates/main_new/static/css/styles.css?1680288511116041 */
/* /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/css/legasy.css?16802680441091 */
/* /local/templates/main_new/components/bitrix/menu/catalog/style.css?17507735243929 */
/* /local/templates/main_new/template_styles.css?1747066474433 */