.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed
}

.jGrowl.top-left {
  left: 0;
  top: 0
}

.jGrowl.top-right {
  right: 0;
  top: 0
}

.jGrowl.bottom-left {
  left: 0;
  bottom: 0
}

.jGrowl.bottom-right {
  right: 0;
  bottom: 0
}

.jGrowl.center {
  top: 0;
  width: 50%;
  left: 25%
}

.jGrowl.center .jGrowl-closer,
.jGrowl.center .jGrowl-notification {
  margin-left: auto;
  margin-right: auto
}

.jGrowl-notification {
  background-color: #000;
  opacity: .9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  min-height: 40px
}

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff
}

.jGrowl-notification .jGrowl-header {
  font-weight: 700;
  font-size: .85em
}

.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: 700;
  font-size: 1em;
  cursor: pointer
}

.jGrowl-closer {
  background-color: #000;
  opacity: .9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  display: none;
  border-radius: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: 700;
  text-align: center
}

.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff
}

@media print {
  .jGrowl {
    display: none
  }
}

.af-message-success {
  background-color: green !important;
}

.af-message-error {
  background-color: brown !important;
}

.af-message-info {
  background-color: black !important;
}

.ajax_form.af_example {
  width: 100%;
}

.ajax_form.af_example .controls input,
.ajax_form.af_example .controls textarea {
  width: 100%;
}

.ajax_form .error {
  color: brown;
}

@media screen and (min-width: 320px) {
  .ajax_form.af_example .controls button[type="submit"] {
    float: right;
  }
}

@media screen and (max-width: 320px) {
  .ajax_form.af_example .controls button {
    width: 100%;
    margin-top: 5px;
  }
}




/* This stylesheet generated by Transfonter (https://transfonter.org) on July 4, 2017 1:07 PM */

@font-face {
  font-family: 'Regu1';
  /* src: url('../fonts/20-db-regular.otf') format('opentype');  
  src: url('../fonts/raleway-black.ttf') format('truetype');
  */
  src: url('../fonts/ss-adec2-0-main.otf') format('opentype');
  font-weight: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Regu2';
  src: url('../fonts/Iron_Russian_edition.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Regu3';
  src: url('../fonts/Comfortaa-Bold.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Regu4';
  src: url('../fonts/AA-Magnum.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Regu';
  src: url('../fonts/Days.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Regu6';
  src: url('../fonts/Molot.otf') format('opentype');
  font-weight: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSans-Italic.eot');
  src: local('Fira Sans Italic'), local('FiraSans-Italic'),
    url('../fonts/FiraSans-Italic.eot#iefix') format('embedded-opentype'),
    url('../fonts/FiraSans-Italic.woff') format('woff'),
    url('../fonts/FiraSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSans-Bold.eot');
  src: local('Fira Sans Bold'), local('FiraSans-Bold'),
    url('../fonts/FiraSans-Bold.eot#iefix') format('embedded-opentype'),
    url('../fonts/FiraSans-Bold.woff') format('woff'),
    url('../fonts/FiraSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSansMedium-Italic.eot');
  src: local('Fira Sans Medium Italic'), local('FiraSansMedium-Italic'),
    url('../fonts/FiraSansMedium-Italic.eot#iefix') format('embedded-opentype'),
    url('../fonts/FiraSansMedium-Italic.woff') format('woff'),
    url('../fonts/FiraSansMedium-Italic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSansLight.eot');
  src: local('Fira Sans Light'), local('FiraSansLight'),
    url('../fonts/FiraSansLight.eot#iefix') format('embedded-opentype'),
    url('../fonts/FiraSansLight.woff') format('woff'),
    url('../fonts/FiraSansLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSans.eot');
  src: local('Fira Sans'), local('FiraSans'),
    url('../fonts/FiraSans.eot#iefix') format('embedded-opentype'),
    url('../fonts/FiraSans.woff') format('woff'),
    url('../fonts/FiraSans.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSansMedium.eot');
  src: local('Fira Sans Medium'), local('FiraSansMedium'),
    url('../fonts/FiraSansMedium.eot#iefix') format('embedded-opentype'),
    url('../fonts/FiraSansMedium.woff') format('woff'),
    url('../fonts/FiraSansMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSansLight-Italic.eot');
  src: local('Fira Sans Light Italic'), local('FiraSansLight-Italic'),
    url('../fonts/FiraSansLight-Italic.eot#iefix') format('embedded-opentype'),
    url('../fonts/FiraSansLight-Italic.woff') format('woff'),
    url('../fonts/FiraSansLight-Italic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Fira Sans';
  src: url('../fonts/FiraSans-BoldItalic.eot');
  src: local('Fira Sans Bold Italic'), local('FiraSans-BoldItalic'),
    url('../fonts/FiraSans-BoldItalic.eot#iefix') format('embedded-opentype'),
    url('../fonts/FiraSans-BoldItalic.woff') format('woff'),
    url('../fonts/FiraSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

.noJS {
  display: none;
}

/* снег

body {
	background-color: #d3daff;
    font-family: 'Fira Sans';
    color: #000000;
     background-image: url('https://tinypng.com/images/xmas/falling-snow1.png'),  url('https://tinypng.com/images/xmas/falling-snow2.png');
   animation: snow 30s linear infinite;
}
/**/



@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }

  100% {
    background-position: 500px 1000px, 400px 400px, 200px 200px;
  }
}

h1 {
  font-family: 'Regu';
  font-weight: 400 !important;
}

.heading-1 .font-weight-bold {
  font-family: 'Regu';
  font-size: 70px;
}

@media (min-width: 992px) {

  .col-lg-6.partner-item {
    flex: 0 0 45%;
    max-width: 50%;
    margin-right: 5%;
  }
}

@media (max-width: 992px) {



  .heading-1 .font-weight-bold {

    font-size: 60px;
  }
}

@media (max-width: 768px) {
  .heading-1 .font-weight-bold {

    font-size: 46px;
  }

  .swiper-slider-light .swiper-slide-caption {
    padding: 20px 0;
  }

  .post-modern-media {
    max-height: 300px;

  }


}

@media (max-width: 550px) {
  .heading-1 .font-weight-bold {

    font-size: 38px;
  }

}

@media (max-width: 425px) {
  .heading-1 .font-weight-bold {

    font-size: 32px;
  }
}


@media (max-width: 320px) {
  .heading-1 .font-weight-bold {

    font-size: 26px;
  }
}

.doc {
  background-image: url(../images/doc.png);
  background-position: 0px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-size: 40px;
  padding: 10px 0px 10px 40px;
}

.pdf {
  background-image: url(../images/pdf.png);
  background-position: 0px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-size: 40px;
  padding: 10px 0px 10px 40px;
}

.ppt {
  background-image: url(../images/ppt.png);
  background-position: 0px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-size: 30px;
  padding: 10px 0px 10px 40px;
}

.jGrowl-notification {
  display: none !important;
}

.modal .close {
  color: red;
  margin: -30px -40px 0 0;
}

.modal-title {

  text-align: center;
  width: 100%;
}

.modal-content {
  height: auto;
  border-radius: 6px;
}


.modal-content .agreement {
  font-size: 14px;
}

.modal-content #save,
.modal-content #save2 {
  margin-top: 20px;
  width: 100%;
}

.text-right #sendForm {
  margin-top: 20px;
}

.form-control:focus {

  border-color: #4854ed;

  box-shadow: 0 0 0 0.2rem rgba(72, 84, 237, 0.25);
}

option {
  background: rgba(72, 84, 237, 0.3);
}

.modal-content .row+.row {
  margin-top: 15px;
}

.modal-content *+.row {
  margin-top: 0;
}

.s-message {
  display: none
}

.hidden {
  display: none;
}


.glyph {
  width: 40px;
  height: 40px;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position-y: 5px;
  border: 1px solid;
  background-position-x: 3px;
  border-radius: 3px 0 0 3px;
  margin-right: -1px;
}


.glyph-person {
  background-image: url(../images/si-glyph-person.svg);
}

.glyph-call {
  background-image: url(../images/si-glyph-call.svg);
}

.glyph-ok {
  background-image: url(../images/si-glyph-ok.svg);
}

p a {
  color: #4854ed;
}

.context-dark p a,
.bg-gray-700 p a,
.bg-gray-800 p a,
.bg-primary p a,
.bg-primary-darker p a {
  color: #4854ed;
}

.pricing-minimal-price {
  font-size: 30px;
  text-align: center;
}

.profile-classic-image {
  min-width: auto;
  /* padding: 20px; */
  width: auto;
  max-height: 310px;
}

.pricing-minimal-title {
  text-align: center;
  font-size: 18px;
}

.pricing-minimal-divider {
  text-align: center;
}


.pricing .button.button-winona {
  width: 100%;
}

ul.rd-navbar-nav {
  width: 100%;
  text-align: center;
}

.rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content>*+* {
  margin-left: 40px;
}





.swiper-slider-light .swiper-slide-caption {
  max-width: 800px;
}



.font-weight-bold {
  font-weight: 500 !important;
}


.post-light-time {

  padding: 14px;
}

#fake_map img {
  height: 900px;
  max-width: inherit;
}

.breadcrumbs-custom {

  font-size: 18px;
}



.breadcrumbs-custom-path a,
.breadcrumbs-custom-path a:active,
.breadcrumbs-custom-path a:focus {
  color: #ffffff;
}

.list-ordered {
  margin-bottom: 20px;
}

.list-ordered,
.list-ordered ol {
  counter-reset: item
}

.list-ordered li,
.list-ordered ol li {
  display: block
}

.list-ordered li:before,
.list-ordered ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item
}


.list-ordered.headered-h4>li:before {
  top: -4px;
  color: #000;
  font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
}


.list-ordered li .list-marked>li::before {
  position: relative;
  top: 1px;
  display: inline-block;
  left: 25px;
  min-width: 25px;
  content: '\f14f';
  font: 400 14px 'Material Design Icons';
  line-height: inherit;
  color: #aeb1be;
}


.form-label-outside {
  padding: 15px 0 3px;
}


.form-input::placeholder {
  font-size: 14px;
  color: #aaa;
}

.form-control::placeholder {
  font-size: 14px;
  color: #aaa;
}

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

.link-default,
.link-default:active,
.link-default:focus {
  color: #000000;
}


textarea.form-input {
  height: 158px;
}

.swiper-slider .heading-1 {
  color: #fff;
}

.post-modern-media {
  max-height: 300px;
  overflow: hidden;
}

.box-indigo::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 30px;
  z-index: -1;
  background: rgba(41, 41, 58, 0.12);
  pointer-events: none;
}

.profile-classic-position {
  font-weight: bold;
  text-align: center;
  font-size: 22px;
}

.profile-classic-title {
  min-height: 65px;
}


.profile-classic {
  text-align: center;
  position: relative;
  min-height: 560px;
}

@media (max-width: 1200px) {
  .profile-classic {
    min-height: 475px;
  }
}

@media (max-width: 991px) {
  .profile-classic {
    min-height: 650px;
    min-height: auto;
  }

  .profile-classic-position {

    font-size: 24px;
  }

  .profile-classic-title {
    min-height: 50px;
  }

}

@media (min-width: 768px) {

  .small-course {
    display: none;
  }

  .big-course {
    display: block;
  }
}

@media (max-width: 767px) {
  .profile-classic {
    min-height: 515px;
    min-height: auto;
  }

  .profile-classic-title {
    min-height: 40px;
    font-size: 22px;
  }

  .small-course {
    display: block;
  }

  .big-course {
    display: none;
  }

  .jet-hor-timeline-item__card-title {
    font-size: 20px;
    line-height: 1.4;
  }
}

@media (max-width: 420px) {
  .jet-hor-timeline-item__card-title {
    font-size: 18px;
    line-height: 1.4;
  }
}



@media (max-width: 575px) {
  .profile-classic {
    min-height: 400px;
  }

  .profile-classic-title {

    font-size: 24px;
  }

  .profile-classic-position {
    font-size: 26px;
  }
}


.profile-classic>a {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
}

.thumbnail-corporate-caption .icon.mdi.mdi-magnify {
  font-size: 50px;
}



.button.button-reverse,
.button.button-reverse:focus {
  color: #4854ed;
  background: #fff;
  border-color: #fff;
}

.button.button-reverse:hover,
.button.button-reverse:active {
  color: #fff;
  background: #000;
  border-color: #000;
}

.rd-navbar-corporate.rd-navbar-static .rd-navbar-brand img {

  max-width: 250px;

}


.rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer {
  background-color: #29293a;
  border-bottom: 1px solid transparent;
  color: #fff;
}

.rd-navbar-corporate.rd-navbar-static .rd-navbar-main-outer a {
  color: #fff;
}

.rd-navbar-corporate.rd-navbar-static .rd-nav-item.opened .rd-nav-link,
.rd-navbar-corporate.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
.rd-navbar-corporate.rd-navbar-static .rd-nav-item.active .rd-nav-link,
.rd-navbar-corporate.rd-navbar-static .rd-nav-item.opened .rd-navbar-submenu-toggle,
.rd-navbar-corporate.rd-navbar-static .rd-nav-item.focus .rd-navbar-submenu-toggle,
.rd-navbar-corporate.rd-navbar-static .rd-nav-item.active .rd-navbar-submenu-toggle,
.rd-navbar-corporate.rd-navbar-static .rd-nav-link:hover,
.rd-navbar-corporate.rd-navbar-static .rd-nav-link:hover~.rd-navbar-submenu-toggle,
.rd-navbar-corporate.rd-navbar-static .rd-navbar-search-toggle:hover {
  color: #a5abf6;
}

#rd-navbar-collapse-content-1 {
  font-size: 18px;
  font-weight: bold;
}

#rd-navbar-collapse-content-1 .unit-body a:hover {
  color: initial;
}



.pricing-minimal-price-currency {

  vertical-align: inherit;
}

.swiper-slide-item {
  position: absolute;

}


form>.row+.row {
  margin-top: 20px;
}


/* Яндекс карта */

.ymap-container {
  position: relative;

  overflow: hidden;
  cursor: pointer;
  max-height: 500px;
  background-position: center center;
  background-size: cover;
  box-shadow: 0 0 2em 0 rgba(0, 0, 0, .2);
}

/* Блок, в котором появится Яндекс.Карта */
#map-yandex {
  position: relative;
  z-index: 7;
  width: 100%;
  height: 900px;

  cursor: pointer;
  background-color: transparent;
}

.loader {
  position: absolute;
  z-index: 15;
  top: -100%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #000000;
  transition: opacity .7s ease;
  opacity: 0;
  background-color: rgba(0, 0, 0, .55);
}

.loader:after,
.loader:before {
  box-sizing: border-box;
}

.loader.is-active {
  top: 0;
  opacity: 1;
}

.loader-default:after {
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  content: '';
  animation: rotation 1s linear infinite;
  border: solid 8px #ffffff;
  border-left-color: transparent;
  border-radius: 50%;
}

@keyframes rotation {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

@keyframes blink {
  from {
    opacity: .5;
  }

  to {
    opacity: 1;
  }
}

/**/

@media (min-width: 576px) {
  .cell-sm-4 {
    flex: 0 0 33%;
    max-width: 33%;
  }

  .cell-sm-8 {
    flex: 0 0 66%;
    max-width: 66%;
  }
}

@media (max-width: 991px) {
  .rd-navbar-corporate.rd-navbar-static .rd-navbar-brand img {

    max-width: 120px;

  }
}


@media (min-width: 576px) and (max-width: 1200px) {
  .post-light {
    display: block;
    margin-top: 5px;
  }

  .post-light-time {
    background: none;
    color: #000;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    font-size: 20px;
    font-weight: 500;
    justify-content: inherit;
    padding: 0;
  }



}

.post-light-time-big {
  font-size: inherit;
  font-weight: inherit;
  margin-top: 3px;
  margin-right: 5px;
}



@media (min-width: 1200px) {
  .footer-advanced-main {
    padding: 20px 0 20px;
  }

  .rd-navbar-corporate.rd-navbar-static .rd-navbar-collapse-content>*+* {
    margin-left: 75px;
  }

  .ymap-container {

    max-height: 730px;
  }

}

@media (min-width: 768px) {
  .footer-advanced-main {
    padding: 20px 0 20px;
  }

  .footer-advanced-aside {
    padding: 20px 0;
  }




}

@media (min-width: 1200px) {
  .swiper-slider-light .swiper-slide-caption {
    padding: 60px 0;
  }
}

@media (max-width: 1200px) {
  .post-modern-media {
    max-height: 220px;

  }

  .swiper-slider-light .swiper-slide-caption {
    padding: 20px 0;
  }

}


/* Preloader  */
.cssload-loader-walk {
  width: 85px;
  height: 34px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.cssload-loader-walk>div {
  content: "";
  width: 17px;
  height: 17px;
  background: rgb(72, 84, 237);
  border-radius: 100%;
  position: absolute;
  animation: cssload-animate 3.8s linear infinite;
  -o-animation: cssload-animate 3.8s linear infinite;
  -ms-animation: cssload-animate 3.8s linear infinite;
  -webkit-animation: cssload-animate 3.8s linear infinite;
  -moz-animation: cssload-animate 3.8s linear infinite;
}

.cssload-loader-walk>div:nth-of-type(1) {
  animation-delay: -0.76s;
  -o-animation-delay: -0.76s;
  -ms-animation-delay: -0.76s;
  -webkit-animation-delay: -0.76s;
  -moz-animation-delay: -0.76s;
}

.cssload-loader-walk>div:nth-of-type(2) {
  animation-delay: -1.52s;
  -o-animation-delay: -1.52s;
  -ms-animation-delay: -1.52s;
  -webkit-animation-delay: -1.52s;
  -moz-animation-delay: -1.52s;
}

.cssload-loader-walk>div:nth-of-type(3) {
  animation-delay: -2.28s;
  -o-animation-delay: -2.28s;
  -ms-animation-delay: -2.28s;
  -webkit-animation-delay: -2.28s;
  -moz-animation-delay: -2.28s;
}

.cssload-loader-walk>div:nth-of-type(4) {
  animation-delay: -3.04s;
  -o-animation-delay: -3.04s;
  -ms-animation-delay: -3.04s;
  -webkit-animation-delay: -3.04s;
  -moz-animation-delay: -3.04s;
}



@keyframes cssload-animate {
  0% {
    left: 85px;
    top: 0;
  }

  80% {
    left: 0;
    top: 0;
  }

  85% {
    left: 0;
    top: -17px;
    width: 17px;
    height: 17px;
  }

  90% {
    width: 34px;
    height: 13px;
  }

  95% {
    left: 85px;
    top: -17px;
    width: 17px;
    height: 17px;
  }

  100% {
    left: 85px;
    top: 0;
  }
}

@-o-keyframes cssload-animate {
  0% {
    left: 85px;
    top: 0;
  }

  80% {
    left: 0;
    top: 0;
  }

  85% {
    left: 0;
    top: -17px;
    width: 17px;
    height: 17px;
  }

  90% {
    width: 34px;
    height: 13px;
  }

  95% {
    left: 85px;
    top: -17px;
    width: 17px;
    height: 17px;
  }

  100% {
    left: 85px;
    top: 0;
  }
}

@-ms-keyframes cssload-animate {
  0% {
    left: 85px;
    top: 0;
  }

  80% {
    left: 0;
    top: 0;
  }

  85% {
    left: 0;
    top: -17px;
    width: 17px;
    height: 17px;
  }

  90% {
    width: 34px;
    height: 13px;
  }

  95% {
    left: 85px;
    top: -17px;
    width: 17px;
    height: 17px;
  }

  100% {
    left: 85px;
    top: 0;
  }
}

@-webkit-keyframes cssload-animate {
  0% {
    left: 85px;
    top: 0;
  }

  80% {
    left: 0;
    top: 0;
  }

  85% {
    left: 0;
    top: -17px;
    width: 17px;
    height: 17px;
  }

  90% {
    width: 34px;
    height: 13px;
  }

  95% {
    left: 85px;
    top: -17px;
    width: 17px;
    height: 17px;
  }

  100% {
    left: 85px;
    top: 0;
  }
}

@-moz-keyframes cssload-animate {
  0% {
    left: 85px;
    top: 0;
  }

  80% {
    left: 0;
    top: 0;
  }

  85% {
    left: 0;
    top: -17px;
    width: 17px;
    height: 17px;
  }

  90% {
    width: 34px;
    height: 13px;
  }

  95% {
    left: 85px;
    top: -17px;
    width: 17px;
    height: 17px;
  }

  100% {
    left: 85px;
    top: 0;
  }
}

.preloader::before {
  top: 0;
  bottom: 40%;
  background: #fff;
}

.preloader::after {
  top: 53%;
  bottom: 0;
  background: #f1f4ff;
}

/* /Preloader  */




/* онлайн чат*/
button.header.header--offline.header--flat.js-header,
button.header.header--online.header--flat.js-header {
  background: #4854ed !important;
}

.chat-message__bubble.chat-bubble.chat-bubble--client.js-message-bubble {
  background: #4854ed;
}

span.header__welcome-text {
  color: #fff;
}






/* /онлайн чат*/