/* Start:/bitrix/templates/sfera/template_styles.css?1544513730227836*/
@-webkit-keyframes sliderSlideInDown {
  from {
    -ms-transform: translate3d(0, -10%, 0);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
    visibility: visible;
  }

  to {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes sliderSlideInDown {
  from {
    -ms-transform: translate3d(0, -10%, 0);
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0);
    visibility: visible;
  }

  to {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes sliderSlideInUp {
  from {
    -ms-transform: translate3d(0, 10%, 0);
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
    visibility: visible;
  }

  to {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes sliderSlideInUp {
  from {
    -ms-transform: translate3d(0, 10%, 0);
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
    visibility: visible;
  }

  to {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.clearfix {
  clear: both;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,select {
  text-transform: none;
}

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

button[disabled],html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,th {
  padding: 0;
}

ul {
  list-style-type: none;
  padding: 0;
}

html {
  height: 100%;
}

[id^="wait_comp"] {
  display: none;
}

body {
  min-height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

iframe {
  width: 100%;
}

.body-wrapper {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

html,button,input,select,textarea {
  color: #3b3b3b;
}

body {
  font-size: 16px;
  line-height: 1.4;
  font-family: Roboto, Arial, Tahoma, sans-serif;
  color: #3b3b3b;
  background: #fff;
}

@media (max-width: 467px) {
  body {
    font-size: 14px;
  }
}

::-moz-selection {
  background: #00cdc8;
  color: #fff;
  text-shadow: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

::selection {
  background: #00cdc8;
  color: #fff;
  text-shadow: none;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

hr {
  display: block;
  height: 1px;
  border: 0;
  background: rgba(0,0,0,0.2);
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

.bxedtaskbarset img {
  max-width: none;
}

.bx-yandex-view-map img {
  max-width: inherit;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
  line-height: 1.4;
}

a,.pseudolink {
  color: #00cdc8;
  text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

a:hover,.pseudolink:hover,a:focus,.pseudolink:focus,a.active,.pseudolink.active {
  color: #f90;
  text-decoration: underline;
}

.underline {
  text-decoration: underline;
}

*[data-target-self],*[data-target-blank],.pseudolink {
  cursor: pointer;
}

h1,.h1 {
  margin: 0 0 1em 0;
  font: normal 26px/40px Roboto, Arial, Tahoma, sans-serif;
}

h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
  margin: 1em 0;
}

h2,.h2 {
  font: normal 24px/30px Roboto, Arial, Tahoma, sans-serif;
}

h3,.h3 {
  font: bold 20px/26px Roboto, Arial, Tahoma, sans-serif;
}

h4,.h4 {
  font: bold 18px/22px Roboto, Arial, Tahoma, sans-serif;
}

h5,.h5 {
  font: bold 16px/20px Roboto, Arial, Tahoma, sans-serif;
}

h6,.h6 {
  font: bold 14px/18px Roboto, Arial, Tahoma, sans-serif;
}

:-moz-placeholder {
  color: #fff;
}

:-ms-input-placeholder {
  color: #fff;
}

::-webkit-input-placeholder {
  color: #fff;
}

blockquote {
  background: rgba(255,180,0,0.2);
  border-left: 2px solid #ffb400;
  margin: 1.5em 10px;
  padding: 1em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019";
  position: relative;
}

blockquote cite {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  color: #f90;
}

blockquote:before,blockquote:after {
  color: #ffb400;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  position: absolute;
}

blockquote:after {
  content: close-quote;
  bottom: -15px;
  right: -10px;
  position: absolute;
}

code,kbd,pre,samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre code {
  padding: 0;
  line-height: 1.4;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

pre code,pre code.hljs {
  font-size: 12px;
}

a.tdu {
  text-decoration: underline;
}

.main-container {
  max-width: 1220px;
  width: 100%;
  min-height: 100px;
  margin: 0 auto;
}

@media (max-width: 1366px) {
  .main-container {
    max-width: 1015px;
  }
}

@media (max-width: 1024px) {
  .main-container {
    max-width: 910px;
  }
}

@media (max-width: 899px) {
  .main-container {
    max-width: 768px;
  }
}

.flex-container {
  max-width: 1920px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

@media (min-width: 1921px) {
  .flex-container {
    justify-content: center;
    -ms-justify-content: center;
  }
}

.flex-container.main-container {
  max-width: 1220px;
}

.flex-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.j-around {
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.j-between {
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.j-center {
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.j-start {
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.j-end {
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  -moz-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.col {
  float: left;
}

.col-left {
  min-height: 550px;
  width: 28%;
  margin: 0 auto;
}

@media (max-width: 1365px) {
  .col-left {
    width: 31%;
  }
}

@media (max-width: 1239px) {
  .col-left {
    width: 100%;
    padding: 0;
    max-width: inherit;
    min-width: 320px;
  }
}

.col-right {
  width: 60%;
}

.col-right .content {
  max-width: 950px;
}

@media (max-width: 1789px) {
  .col-right .content {
    width: 90%;
  }
}

@media (max-width: 1239px) {
  .col-right .content {
    width: 95%;
  }
}

@media (max-width: 767px) {
  .col-right .content {
    min-width: 100%;
  }
}

.col-right .content .content {
  max-width: 100%;
  width: 100%;
}

@media (max-width: 1365px) {
  .col-right {
    width: 58%;
  }
}

@media (max-width: 1239px) {
  .col-right {
    width: 100%;
    min-width: 320px;
    padding-left: 90px;
  }
}

@media (max-width: 768px) {
  .col-right {
    padding-left: 50px;
  }
}

@media (max-width: 767px) {
  .col-right {
    padding-left: 0;
  }
}

.btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  padding: 20px 20px;
  border-radius: 6px;
  transition: all .3s ease-in-out;
  -webkit-box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
  -moz-box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
  -ms-box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  line-height: 1;
}

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

.btn.btn-blue {
  color: #fff;
  background-color: #00cdc8;
}

.btn.btn-blue:hover,.btn.btn-blue:active {
  background-color: #ff9900;
}

.btn.btn-white {
  border: 1px solid #e8e8e8;
  color: #000;
  font-weight: 400;
  box-shadow: none;
}

.btn.btn-white:hover,.btn.btn-white:active {
  background-color: #e8e8e8;
}

.btn.btn-red {
  background-color: #f90;
  color: #fff;
}

.btn.btn-red:hover,.btn.btn-red:active {
  background-color: #dc2c30;
}

.btn.btn-red-border {
  border: 2px solid #f90;
  color: #000;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  background-color: transparent;
  box-shadow: none;
  padding: 14px 20px;
}

.btn.btn-red-border:hover {
  background-color: #00cdc8;
  border-color: #00cdc8;
  color: #fff;
}

.btn.btn-red-border:disabled:hover {
  background-color: transparent;
  border-color: #f90;
  color: #000;
}

.btn.btn-red-border.reset-filter {
  padding: 10px 15px;
}

@media (max-width: 480px) {
  .btn {
    font-size: 14px;
  }
}

.btn .after {
  position: absolute;
  border-radius: 50%;
  background-color: red;
}

.btn-wrap {
  margin: 40px 0 75px;
}

.show-more .btn-wrap .btn {
  border: 1px solid #e8e8e8;
  text-transform: uppercase;
}

.show-more .btn-wrap .btn .icon {
  margin: -2px 0 0 5px;
}

@media (max-width: 1366px) {
  .show-more .btn-wrap {
    text-align: right;
  }
}

@media (max-width: 1239px) {
  .show-more .btn-wrap {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .show-more {
    margin-top: 60px;
  }

  .show-more p {
    float: none;
    text-align: center;
    margin-left: 0;
  }

  .show-more .btn-wrap {
    margin-bottom: 90px;
    display: block;
  }

  .show-more .btn-wrap a.btn {
    margin-left: 0;
  }
}

.btn-site {
  display: inline-block;
  background-color: #f90;
  color: #fff;
  padding: 18px 20px 18px 15px;
  position: fixed;
  top: 380px;
  right: -125px;
  line-height: 1;
  cursor: pointer;
  animation: btnLeft 2s infinite ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 10;
  font-size: 16px;
}

.btn-site .fa {
  line-height: 0.9;
  margin-right: 10px;
  font-size: 18px;
}

.btn-site::before {
  content: '';
  display: inline-block;
  border-left: 10px solid transparent;
  border-top: 26px solid #f90;
  border-bottom: 27px solid #f90;
  position: absolute;
  left: -10px;
  top: 0;
}

.btn-site:hover {
  right: 0;
  animation: Left 1s ease;
}

@media (max-width: 768px) {
  .btn-site {
    display: none;
  }
}

@-webkit-keyframes Left {
  from {
    right: -125px;
  }

  to {
    right: 0;
  }
}

@-moz-keyframes btnLeft {
  from {
    right: -125px;
  }

  to {
    right: 0;
  }
}

@-o-keyframes btnLeft {
  from {
    right: -125px;
  }

  to {
    right: 0;
  }
}

@keyframes btnLeft {
  from {
    right: -125px;
  }

  to {
    right: 0;
  }
}

@-webkit-keyframes btnLeft {
  from {
    right: -134px;
  }

  50% {
    right: -125px;
  }

  to {
    right: -134px;
  }
}

@-moz-keyframes btnLeft {
  from {
    right: -134px;
  }

  50% {
    right: -125px;
  }

  to {
    right: -134px;
  }
}

@-o-keyframes btnLeft {
  from {
    right: -134px;
  }

  50% {
    right: -125px;
  }

  to {
    right: -134px;
  }
}

@keyframes btnLeft {
  from {
    right: -134px;
  }

  50% {
    right: -125px;
  }

  to {
    right: -134px;
  }
}

.btn-case {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-size: 18px;
  color: #f90;
  line-height: 0.9;
}

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

.btn-case span {
  display: block;
  font-weight: 900;
  font-size: 36px;
}

@media (max-width: 767px) {
  .btn-case {
    display: inline-block;
    position: relative;
    margin-bottom: 30px;
  }
}

@media (max-width: 320px) {
  .btn-case {
    margin-left: 10px;
  }
}

.btn-case-wrap {
  padding: 18px 28px 18px 116px;
  margin: 5px 5px 5px 5px;
}

.btn-case-wrap:hover,.btn-case-wrap:focus,.btn-case-wrap:active {
  text-decoration: none;
  background-color: #f90;
  color: #fff;
  border-color: #fff;
}

.btn-case-wrap:hover .case-icon,.btn-case-wrap:focus .case-icon,.btn-case-wrap:active .case-icon {
  background-position: -281px -45px;
}

.case-icon {
  display: inline-block;
  width: 71px;
  height: 45px;
  position: absolute;
  top: 22px;
  left: 30px;
}

.btn-back {
  float: left;
}

@media (max-width: 767px) {
  .btn-back {
    float: none;
  }
}

.btn-up {
  float: right;
}

@media (max-width: 767px) {
  .btn-up {
    display: none;
  }
}

.btn-case-return {
  display: inline-block;
  padding: 14px 20px 11px 21px;
  box-shadow: none;
  background-color: #c9e3f1;
  border-radius: 0;
  line-height: 1;
  font-size: 14px;
  border: none;
  font-weight: 700;
  vertical-align: middle;
}

.btn-case-return:hover,.btn-case-return:active,.btn-case-return:focus {
  color: #fff;
  background-color: #00cdc8;
}

.btn-case-return:hover .arr-btn-small-case::after,.btn-case-return:active .arr-btn-small-case::after,.btn-case-return:focus .arr-btn-small-case::after {
  border-bottom-color: #fff;
  border-right-color: #fff;
}

.ladda-button .spinner {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
  opacity: 0;
  background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf///6+vr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs/Ly8vz8/AAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
}

.ladda-button[data-loading] .spinner {
  opacity: 1;
  left: -40px !important;
}

.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.icon-slider-arr {
  width: 6.25em;
}

.icon-arrow-right {
  width: 2.4287109375em;
}

.icon-fb {
  width: 0.587890625em;
}

.icon-vk {
  width: 1.078125em;
}

.arr-btn {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  padding: 0 0 0 15px;
  width: 28px;
  height: 14px;
  margin-bottom: 1px;
  transition: all .2s ease-in-out;
}

.arr-btn::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 10px;
  border-bottom: 4px solid #f90;
  border-right: 4px solid #f90;
  transition: all .2s ease-in-out;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.active .arr-btn {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 74%;
  -moz-transform-origin: 74%;
  -o-transform-origin: 74%;
  -ms-transform-origin: 74%;
  transform-origin: 74%;
}

.active .arr-btn::after {
  border-color: #00cdc8;
}

.arr-btn-small {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  padding: 0 0 0 15px;
  width: 28px;
  height: 14px;
  margin-bottom: 1px;
  transition: all .2s ease-in-out;
  width: 30px;
  height: 18px;
  margin-bottom: 3px;
}

.arr-btn-small::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 10px;
  border-bottom: 4px solid #f90;
  border-right: 4px solid #f90;
  transition: all .2s ease-in-out;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arr-btn-small::after {
  width: 14px;
  height: 14px;
  left: 3px;
}

.arr-btn-small.rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.arr-btn-small-case {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  padding: 0 0 0 15px;
  width: 28px;
  height: 14px;
  margin-bottom: 1px;
  transition: all .2s ease-in-out;
  width: 30px;
  margin-bottom: 3px;
  height: 17px;
}

.arr-btn-small-case::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 10px;
  border-bottom: 4px solid #f90;
  border-right: 4px solid #f90;
  transition: all .2s ease-in-out;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arr-btn-small-case::after {
  width: 14px;
  height: 14px;
  top: 0px;
  left: 5px;
  border-bottom-color: #00cdc8;
  border-right-color: #00cdc8;
}

.rotate-left {
  transform: rotate(-180deg);
}

.rotate-up {
  transform: rotate(-90deg);
}

.rotate-up::after {
  border-color: #3b3b3b;
  left: 0;
}

.arr-btn-big {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  padding: 0 0 0 15px;
  width: 28px;
  height: 14px;
  margin-bottom: 1px;
  transition: all .2s ease-in-out;
  padding: 0 0 0 10px;
  width: 27px;
  height: 22px;
  margin-bottom: 4px;
}

.arr-btn-big::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 10px;
  border-bottom: 4px solid #f90;
  border-right: 4px solid #f90;
  transition: all .2s ease-in-out;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arr-btn-big::after {
  width: 18px;
  height: 18px;
  left: 0px;
}

.arr-btn-fix {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  padding: 0 0 0 15px;
  height: 14px;
  margin-bottom: 1px;
  transition: all .2s ease-in-out;
  width: 30px;
  margin-bottom: 3px;
  width: 28px;
  height: 18px;
  padding: 0 0 0 12px;
}

.arr-btn-fix::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 10px;
  border-bottom: 4px solid #f90;
  border-right: 4px solid #f90;
  transition: all .2s ease-in-out;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arr-btn-fix::after {
  width: 14px;
  height: 14px;
  left: 3px;
}

.arr-btn-fix.rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.arr-btn-fix::after {
  left: 6px;
}

.form-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: none;
  overflow: hidden;
  overflow-y: auto;
}

.form-wrap-inline {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.inline-holder {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.input {
  display: inline-block;
  padding: 0 10px;
  position: relative;
  margin-bottom: .7;
  color: #3b3b3b;
  vertical-align: middle;
  border: solid 1px #b4b4b4;
  outline: none;
  background-color: #fff;
  -webkit-appearance: none;
  border-radius: 2px;
  box-shadow: inset 0 2px 1px rgba(0,0,0,.05);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.input:focus {
  outline: none;
  border-color: #00cdc8;
  background-color: #fff;
}

textarea.input {
  padding: 10px;
  height: auto;
}

select.input {
  padding: 0;
  cursor: pointer;
  border-radius: 5px;
  -webkit-appearance: menulist;
}

select.input[multiple],select.input.multiple {
  -webkit-appearance: none;
  height: auto;
}

.input[type="file"] {
  padding: 7px;
}

.input[type="number"],.input[type="date"],.input[type="time"] {
  padding: 0 0 0 10px;
}

.input[type="color"] {
  padding: 0;
}

.input-required,.input[required] {
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: 100% 0;
}

.input.disabled,.input-disabled,.input:disabled {
  opacity: .5;
}

.input.disabled:hover,.input-disabled:hover,.input:disabled:hover {
  background-color: #fff;
  color: #3b3b3b;
}

.input-block {
  width: 100%;
}

.checkbox {
  position: absolute;
  left: -9999px;
}

.checkbox + label {
  cursor: pointer;
  margin-top: 4px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox + label > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: #fff;
  cursor: pointer;
  border: solid 1px #b4b4b4;
  border-radius: 2px;
  position: relative;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.checkbox + label:hover > span {
  border-color: #b4b4b4;
}

.checkbox:checked + label > span {
  border-color: #b4b4b4;
}

.checkbox:checked + label > span:before {
  content: ' ';
  position: absolute;
  border: solid #00cdc8;
  border-width: 0 0 2px 2px;
  height: 4px;
  width: 9px;
  left: 4px;
  top: 5px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox:focus + label > span {
  border-color: #00cdc8;
}

.checkbox:focus + label {
  color: #00cdc8;
}

.checkbox:checked:disabled + label > span,.checkbox:checked:disabled + label:hover > span {
  border-color: #3b3b3b;
  background-color: #6e6e6e;
  cursor: default;
}

.checkbox:checked:disabled + label > span:before,.checkbox:checked:disabled + label:hover > span:before {
  border-color: #3b3b3b;
}

.checkbox:disabled + label > span,.checkbox:disabled + label > span:hover,.checkbox:disabled + label:hover > span {
  border-color: #3b3b3b;
  background-color: #555;
  cursor: default;
}

.checkbox:disabled + label > span:before,.checkbox:disabled + label > span:hover:before,.checkbox:disabled + label:hover > span:before {
  border-color: #3b3b3b;
}

.checkbox:disabled + label,.checkbox:disabled + label:hover {
  color: #3b3b3b;
  cursor: default;
}

.radio {
  position: absolute;
  left: -9999px;
}

.radio + label {
  cursor: pointer;
  margin-top: 4px;
  display: inline-block;
}

.radio + label > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -2px 10px 0 0;
  vertical-align: middle;
  background: #fff;
  cursor: pointer;
  border: solid 1px #b4b4b4;
  position: relative;
  border-radius: 10px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.radio + label:hover > span,.radio + label:focus > span {
  border-color: #b4b4b4;
}

.radio:checked + label > span {
  border-color: #b4b4b4;
}

.radio:checked + label > span:before {
  content: ' ';
  position: absolute;
  height: 10px;
  width: 10px;
  background: #00cdc8;
  left: 4px;
  top: 4px;
  background-image: -webkit-linear-gradient(left, #000 0%, #fff 100%);
  background-image: -o-linear-gradient(left, #000 0%, #fff 100%);
  background-image: linear-gradient(rgba(255,255,255,0.2) 0%, rgba(0,0,0,0) 100%);
  border-radius: 15px;
}

.radio:focus + label > span {
  border-color: #00cdc8;
}

.radio:focus + label {
  color: #00cdc8;
}

.radio:checked:disabled + label > span,.radio:checked:disabled + label:hover > span {
  border-color: #3b3b3b;
  background-color: #6e6e6e;
  cursor: default;
}

.radio:checked:disabled + label > span:before,.radio:checked:disabled + label:hover > span:before {
  background: #3b3b3b;
}

.radio:disabled + label > span,.radio:disabled + label > span:hover,.radio:disabled + label:hover > span {
  border-color: #3b3b3b;
  background-color: #555;
  cursor: default;
}

.radio:disabled + label > span:before,.radio:disabled + label > span:hover:before,.radio:disabled + label:hover > span:before {
  background: #3b3b3b;
}

.radio:disabled + label,.radio:disabled + label:hover {
  color: #3b3b3b;
  cursor: default;
}

.bx-auth-reg .alert p {
  margin: 0 !important;
}

.form-control {
  margin: 1em 0;
}

.form-control .input {
  margin: 0;
}

.form-label {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 900px) {
  .form-label {
    text-align: right;
  }
}

form {
  font-style: italic;
  z-index: 201;
}

form .btn-wrap a {
  text-decoration: underline;
  color: #f90;
  font-size: 16px;
  font-style: normal;
  margin-right: 28px;
}

label {
  display: block;
  margin: 12px 0 5px;
  color: #808080;
  font-size: 14px;
}

label span {
  color: #f90;
}

input[type="text"],input[type="tel"],input[type="email"],input[type="password"] {
  display: block;
  padding: 14px 28px;
  box-sizing: border-box;
  width: 100%;
  max-width: 450px;
  border: 1px solid #c6c6c6;
}

input[type="text"]:focus,input[type="tel"]:focus,input[type="email"]:focus,input[type="password"]:focus {
  box-shadow: inset 0 0 5px #00cdc8;
  border-color: #00cdc8;
}

textarea {
  display: block;
  color: #b1b1b1;
  box-sizing: border-box;
  padding: 15px 25px;
  width: 100%;
  max-height: 156px;
  height: 100%;
  border: 1px solid #c6c6c6;
  z-index: 1000;
}

.btn-reset {
  border: none;
  background: none;
  color: #f90;
  text-decoration: underline;
  cursor: pointer;
  font-style: normal;
}

.btn-reset:hover,.btn-reset:focus {
  color: #00cdc8;
  outline: none;
}

.pluse {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.pluse:hover svg {
  transition: all .5s ease-in-out;
}

.pluse:hover svg g {
  fill: #f90;
}

::-webkit-input-placeholder {
  color: #808080;
  font-style: italic;
}

::-moz-placeholder {
  color: #808080;
  font-style: italic;
}

:-ms-input-placeholder {
  color: #808080;
  font-style: italic;
}

:-moz-placeholder {
  color: #808080;
  font-style: italic;
}

.registration-confirm {
  padding: 180px 0 200px;
}

.fillback {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(106,176,214,0.8);
  z-index: 600;
  display: none;
}

.inner form .btn-wrap {
  display: block;
}

input,textarea {
  color: #000;
  font-style: normal;
}

.capcha {
  max-width: 450px;
  width: 100%;
  height: 112px;
  background-color: beige;
  margin-top: 35px;
}

.disable {
  opacity: .5;
  transition: all .2s ease-in-out;
}

.enabled {
  opacity: 1;
  transition: all .2s ease-in-out;
}

label.personal-data {
  margin-right: 0 !important;
  margin-bottom: 23px;
  display: block;
  position: relative;
  text-align: left;
  font-size: 14px;
}

label.personal-data a {
  font-size: 14px;
  text-decoration: underline;
  color: #f90;
}

label.personal-data.coop-data {
  line-height: 1.2;
}

.personal-data [type="checkbox"],.personal-data .chckbox {
  position: absolute;
  top: 2px;
  left: 0;
}

.personal-data-popup [type="checkbox"],.personal-data-popup .chckbox {
  top: 4px;
}

.select-region {
  font-style: normal;
}

.select-region label {
  display: inline-block;
  margin-right: 30px;
  line-height: 1.6;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
}

.select-region label::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #c6c6c6;
  margin-right: 15px;
  position: absolute;
  top: -3px;
  left: 0;
}

.select-region label::after {
  content: '';
  width: 5px;
  height: 9px;
  border-right: 2px solid #00cdc8;
  border-bottom: 2px solid #00cdc8;
  display: none;
  position: absolute;
  top: 0px;
  left: 7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.select-region input {
  display: none;
  cursor: pointer;
}

.select-region .set-reg:checked + label::before {
  border-color: #00cdc8;
}

.select-region .set-reg:checked + label::after {
  display: block;
}

.select-region .personal-check::before {
  top: 0;
}

.select-region .personal-check::after {
  top: 3px;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,.table td {
  padding: 10px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #aaacad;
}

.table th {
  font-weight: bold;
  background: #b4b6b7;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,.table caption + thead tr:first-child td,.table colgroup + thead tr:first-child th,.table colgroup + thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
  border-top: 0;
}

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

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

.table-bordered {
  border: 1px solid #aaacad;
  border-collapse: separate;
  border-left: 0;
}

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

.table-bordered caption + thead tr:first-child th,.table-bordered caption + tbody tr:first-child th,.table-bordered caption + tbody tr:first-child td,.table-bordered colgroup + thead tr:first-child th,.table-bordered colgroup + tbody tr:first-child th,.table-bordered colgroup + tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered tbody + tbody tr:first-child td {
  border-top: solid 2px #aaacad;
}

.table-striped tbody > tr:nth-child(even) > td,.table-striped tbody > tr:nth-child(even) > th {
  background-color: rgba(24,24,24,0.1);
}

.primary-box .table-striped tbody > tr:nth-child(even) > td,.primary-box .table-striped tbody > tr:nth-child(even) > th,.secondary-box .table-striped tbody > tr:nth-child(even) > td,.secondary-box .table-striped tbody > tr:nth-child(even) > th {
  background-color: rgba(255,255,255,0.2);
}

.table-hover tr:hover > th,.table-hover tr:hover > td {
  background-color: #b2b4b5;
}

.table-noborder th,.table-noborder td {
  border: 0;
  padding: 8px;
}

.table-noborder th p:first-child,.table-noborder td p:first-child {
  margin-top: 0;
}

.table-noborder th p:last-child,.table-noborder td p:last-child {
  margin-bottom: 0;
}

.table-noborder th:first-child,.table-noborder td:first-child {
  padding-left: 0;
}

.table-noborder th:last-child,.table-noborder td:last-child {
  padding-right: 0;
}

.form-cooperation {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 28px 25px 40px;
  max-width: 480px;
  width: 100%;
  font-size: 14px;
  background-color: #fff;
  text-align: left;
}

.form-cooperation h2 {
  margin-top: 0;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  display: inline-block;
  border-bottom: 2px solid #f90;
  padding-bottom: 3px;
  min-width: 243px;
}

.form-cooperation h2 img {
  margin: 0 15px 5px 0;
  width: auto;
}

.form-cooperation textarea {
  display: block;
  box-sizing: border-box;
  padding: 15px 25px;
  width: 100%;
  max-height: 156px;
  height: 100%;
  border: 1px solid #c6c6c6;
  z-index: 1000;
}

.form-cooperation textarea:focus {
  box-shadow: inset 0 0 5px #00cdc8;
}

.form-cooperation input[type="file"] {
  position: absolute;
  left: 0;
  top: 25px;
  opacity: 0;
  z-index: 100;
  cursor: pointer;
  padding: 10px 0;
  width: 142px;
}

.form-cooperation .btn {
  display: inline-block;
  border: none;
  background-color: #00cdc8;
  font-size: 18px;
  font-style: normal;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
}

.form-cooperation .btn:hover {
  background-color: #3189b6;
}

.form-cooperation .btn:disabled:hover {
  background-color: #00cdc8;
}

.form-cooperation-wrap {
  background-color: #fff;
  padding: 28px 15px 40px;
  box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.input-file {
  position: relative;
  display: none;
}

.input-file:active > .select {
  transition: all .1s ease-in-out;
  background-color: #00cdc8;
  color: #fff;
  border-color: #00cdc8;
  box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
}

.select {
  cursor: pointer;
  display: inline-block;
  border: 2px solid #f90;
  font-style: normal;
  font-weight: bold;
  padding: 10px 18px;
  font-size: 16px;
  border-radius: 4px;
}

.multiple {
  color: #f90;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
  margin-left: 20px;
}

.form-auth {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  background-color: #fff;
}

.auth-top {
  box-sizing: border-box;
  padding: 28px 25px 30px;
  background-color: #fff;
  margin-bottom: 10px;
  box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.auth-top h6 {
  color: #f90;
  font-size: 14px;
  margin-top: 0;
}

.auth-top ul {
  margin: 0;
  padding: 0;
}

.auth-top ul li {
  list-style-type: none;
  line-height: 1.7;
}

.form-auth-content {
  position: relative;
  box-sizing: border-box;
  padding: 28px 25px 30px;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.form-auth-content h2 {
  margin-top: 0;
}

.form-auth-content h2 span {
  cursor: default;
  font-weight: 900;
}

.form-auth-content h2 svg {
  margin-right: 20px;
}

.form-auth-content .btn-wrap a:hover {
  color: #00cdc8;
}

.form-auth-content .btn-wrap .reg {
  color: #00cdc8;
  float: left;
  margin-top: 11px;
}

.form-auth-content .btn-wrap .reg:hover {
  color: #f90;
}

@media (max-width: 479px) {
  .form-auth-content .btn-wrap {
    margin-top: 25px;
    text-align: center;
  }

  .form-auth-content .btn-wrap a {
    display: inline-block;
    margin: 0;
  }

  .form-auth-content .btn-wrap .reg {
    margin: 0;
  }

  .form-auth-content .btn-wrap .forgot-pss {
    float: right;
  }

  .form-auth-content .btn-wrap .btn {
    display: block;
    margin: 50px auto 0;
  }
}

.form-auth-content .btn {
  padding: 14px 30px 17px;
  line-height: 11px;
  font-weight: bold;
  height: 44px;
  font-style: normal;
  transition: all .3s ease-in-out;
}

.memory-check {
  display: none;
}

.memory-check:checked + .memory:before {
  border-color: #f90;
  background-color: #f90;
  box-shadow: inset 0px 0px 0px 1px #fff;
}

.memory {
  font-style: normal;
  font-size: 14px;
  display: inline-block;
  color: #494848;
  cursor: pointer;
}

.memory::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #c6c6c6;
  margin-right: 15px;
  vertical-align: sub;
}

.form-auth-static {
  max-width: 450px;
}

.form-auth-static .login-link {
  color: #222;
}

.form-auth-static .form-auth-content {
  box-shadow: none;
  padding: 0;
}

.logout-form {
  display: inline-block;
  border-bottom: solid 2px #f90;
}

.logout-form input {
  vertical-align: middle;
  padding: 1px 6px 1px 5px;
}

.logout-form input:hover {
  color: #f90;
  transition: all .2s ease-in-out;
}

.logout-btn {
  border: none;
  background: none;
}

.logout-btn:focus,.logout-btn:active {
  outline: none;
}

.registration {
  margin-top: 120px;
}

.registration-wrap {
  max-width: 450px;
  width: 100%;
}

@media (max-width: 365px) {
  .registration-wrap .btn-wrap {
    text-align: center;
  }

  .registration-wrap .btn-wrap a {
    display: block;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

@media (min-width: 1180px) and (max-width: 1790px) {
  .registration {
    margin-left: 40px;
  }
}

@media (max-width: 959px) and (min-width: 768px) {
  .registration {
    margin-left: 40px;
  }
}

@media (max-width: 767px) {
  .registration {
    margin-top: 100px;
  }
}

@media (max-width: 429px) {
  .registration .btn-wrap {
    text-align: center;
  }

  .registration .btn-wrap a {
    display: block;
    margin: 0 0 25px;
  }
}

.error {
  box-shadow: 0 0 32px rgba(0,0,0,0.1);
  padding: 30px 23px;
  font-size: 24px;
  line-height: 1;
  color: #f90;
  text-transform: uppercase;
  font-weight: bold;
}

.error .attention {
  display: inline-block;
  padding-top: 2px;
  margin-right: 15px;
  width: 28px;
  height: 28px;
  background-color: #f90;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.error p {
  color: #000;
  font-size: 16px;
  text-transform: none;
  font-weight: normal;
  padding-left: 50px;
}

font.errortext {
  color: #f90 !important;
}

.breadcrumb {
  background: none;
  padding: 0;
  top: 463px;
  width: 700px;
  height: 25px;
  left: 0px;
  text-align: left;
  margin-bottom: 0;
}

.breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: #949494;
}

.breadcrumb ul li {
  display: inline-block;
  margin: 0 5px 0 0px;
  position: relative;
}

.breadcrumb ul li a {
  color: #888686;
}

.breadcrumb ul li.active {
  color: #00cdc8;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.breadcrumb ul li::after {
  content: '/';
  display: inline-block;
  font-size: 18px;
  top: 11px;
  right: 0;
}

.breadcrumb ul li.active {
  margin-left: 0;
}

.breadcrumb ul li.active::after {
  display: none;
}

.breadcrumb ul li.active a {
  color: #00cdc8;
}

@media (min-width: 1921px) {
  .breadcrumb {
    left: 350px;
  }
}

@media (min-width: 1240px) and (max-width: 1789px) {
  .breadcrumb {
    left: -50px;
  }
}

@media (max-width: 1365px) {
  .breadcrumb {
    left: 145px;
  }
}

@media (max-width: 1239px) {
  .breadcrumb {
    left: -305px;
  }
}

@media (max-width: 1024px) {
  .breadcrumb {
    left: -320px;
  }
}

@media (max-width: 1023px) {
  .breadcrumb {
    top: 450px;
  }
}

@media (max-width: 1000px) {
  .breadcrumb {
    left: -325px;
  }
}

@media (max-width: 899px) {
  .breadcrumb {
    left: -335px;
  }
}

@media (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
}

@media (max-width: 899px) {
  .form-inner {
    margin-left: 50px;
  }
}

@media (max-width: 359px) {
  .form-inner {
    margin-left: 7px;
  }
}

@media (max-width: 767px) {
  .form-inner .breadcrumb {
    display: block;
    top: 608px;
    margin-left: -325px;
  }
}

@media (max-width: 359px) {
  .form-inner .breadcrumb {
    display: none;
  }
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #cccccc;
}

.mfp-preloader a:hover {
  color: white;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0,0,0,0.6);
  background: black;
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0,0,0,0.6);
  background: #444444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0,0,0,0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0,0,0,0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(.75);
    transform: scale(.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.top-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.top-nav ul ul {
  margin: 0;
  display: none;
  z-index: 100;
}

.top-nav li {
  float: left;
  font: 900 16px/36px Roboto, Arial, Tahoma, sans-serif;
  position: relative;
  margin-right: 10px;
}

.top-nav li a {
  color: #888686;
  text-decoration: none;
}

.top-nav li a:hover,.top-nav li a:focus {
  color: #f90;
}

.top-nav li a.active {
  color: #f90;
}

.top-nav li.active a {
  color: #3b3b3b;
}

.top-nav li.active a:hover,.top-nav li.active a:focus {
  color: #f90;
}

.top-nav li.active ul {
  display: block;
  position: absolute;
  border-left: solid 2px #f90;
  padding: 50px 0 0 20px;
  width: 400px;
}

.top-nav li.active ul li {
  display: block;
  float: none;
  font-size: 24px;
  line-height: 36px;
  text-transform: uppercase;
}

.top-nav li.active ul li a.active {
  color: #f90;
}

.cn-modal {
  margin: 0 auto;
  background: #fff;
  position: relative;
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0,0,0,.4);
}

.cn-modal .content {
  color: #3b3b3b;
}

.cn-modal-close,.cn-modal-close.mfp-close {
  color: #3b3b3b;
  cursor: pointer;
  margin: 0;
  line-height: 50px;
  padding: 0;
  width: 50px;
  height: 50px;
  display: inline-block;
  font-size: 40px;
}

.cn-modal-header {
  font-size: 28px;
  padding: 15px 40px 15px 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,.1);
  background: #fff;
  border-radius: 5px 5px 0 0;
}

.cn-modal-content {
  padding: 20px;
}

.cn-modal-footer {
  padding: 20px;
}

.cn-modal-error,.cn-modal-success {
  padding: 10px 20px;
  background: #f6511d;
  color: #fff;
}

.cn-modal-error p,.cn-modal-success p {
  margin: 0;
  font-weight: bold;
}

.cn-modal-error font.errortext,.cn-modal-success font.errortext,.cn-modal-error font.notetext,.cn-modal-success font.notetext {
  color: inherit !important;
}

.cn-modal-success {
  background: #9bc53d;
}

.cn-modal-errors {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ladda-button {
  position: relative;
}

.ladda-button .ladda-spinner {
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
  opacity: 0;
  pointer-events: none;
}

.ladda-button .ladda-label {
  position: relative;
  z-index: 3;
}

.ladda-button .ladda-progress {
  position: absolute;
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.2);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: .1s linear all !important;
  -moz-transition: .1s linear all !important;
  -ms-transition: .1s linear all !important;
  -o-transition: .1s linear all !important;
  transition: .1s linear all !important;
}

.ladda-button[data-loading] .ladda-progress {
  opacity: 1;
  visibility: visible;
}

.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label {
  -webkit-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
  -moz-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
  -ms-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
  -o-transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
  transition: .3s cubic-bezier(.175, .885, .32, 1.275) all !important;
}

.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label {
  -webkit-transition: .3s ease all !important;
  -moz-transition: .3s ease all !important;
  -ms-transition: .3s ease all !important;
  -o-transition: .3s ease all !important;
  transition: .3s ease all !important;
}

.ladda-button[data-style=expand-right] .ladda-spinner {
  right: 14px;
}

.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
  right: 4px;
}

.ladda-button[data-style=expand-right][data-loading] {
  padding-right: 56px;
}

.ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
  opacity: 1;
}

.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
  padding-right: 40px;
}

.ladda-button[data-style=expand-left] .ladda-spinner {
  left: 14px;
}

.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
  left: 4px;
}

.ladda-button[data-style=expand-left][data-loading] {
  padding-left: 56px;
}

.ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
  opacity: 1;
}

.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
  padding-left: 40px;
}

.ladda-button[data-style=expand-up] {
  overflow: hidden;
}

.ladda-button[data-style=expand-up] .ladda-spinner {
  top: -32px;
  left: 50%;
  margin-left: -16px;
}

.ladda-button[data-style=expand-up][data-loading] {
  padding-top: 54px;
}

.ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
  opacity: 1;
  top: 14px;
  margin-top: 0;
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
  padding-top: 32px;
}

.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
  top: 4px;
}

.ladda-button[data-style=expand-down] {
  overflow: hidden;
}

.ladda-button[data-style=expand-down] .ladda-spinner {
  top: 62px;
  left: 50%;
  margin-left: -16px;
}

.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
  top: 40px;
}

.ladda-button[data-style=expand-down][data-loading] {
  padding-bottom: 54px;
}

.ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
  opacity: 1;
}

.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
  padding-bottom: 32px;
}

.ladda-button[data-style=slide-left] {
  overflow: hidden;
}

.ladda-button[data-style=slide-left] .ladda-label {
  position: relative;
}

.ladda-button[data-style=slide-left] .ladda-spinner {
  left: 100%;
  margin-left: -16px;
}

.ladda-button[data-style=slide-left][data-loading] .ladda-label {
  opacity: 0;
  left: -100%;
}

.ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%;
}

.ladda-button[data-style=slide-right] {
  overflow: hidden;
}

.ladda-button[data-style=slide-right] .ladda-label {
  position: relative;
}

.ladda-button[data-style=slide-right] .ladda-spinner {
  right: 100%;
  margin-left: -16px;
}

.ladda-button[data-style=slide-right][data-loading] .ladda-label {
  opacity: 0;
  left: 100%;
}

.ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
  opacity: 1;
  left: 50%;
}

.ladda-button[data-style=slide-up] {
  overflow: hidden;
}

.ladda-button[data-style=slide-up] .ladda-label {
  position: relative;
}

.ladda-button[data-style=slide-up] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  margin-top: 1em;
}

.ladda-button[data-style=slide-up][data-loading] .ladda-label {
  opacity: 0;
  top: -1em;
}

.ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: -16px;
}

.ladda-button[data-style=slide-down] {
  overflow: hidden;
}

.ladda-button[data-style=slide-down] .ladda-label {
  position: relative;
}

.ladda-button[data-style=slide-down] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  margin-top: -2em;
}

.ladda-button[data-style=slide-down][data-loading] .ladda-label {
  opacity: 0;
  top: 1em;
}

.ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
  opacity: 1;
  margin-top: -16px;
}

.ladda-button[data-style=zoom-out] {
  overflow: hidden;
}

.ladda-button[data-style=zoom-out] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  -webkit-transform: scale(2.5);
  -moz-transform: scale(2.5);
  -ms-transform: scale(2.5);
  -o-transform: scale(2.5);
  transform: scale(2.5);
}

.ladda-button[data-style=zoom-out] .ladda-label {
  position: relative;
  display: inline-block;
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-label {
  opacity: 0;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5);
}

.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.ladda-button[data-style=zoom-in] {
  overflow: hidden;
}

.ladda-button[data-style=zoom-in] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
  -webkit-transform: scale(.2);
  -moz-transform: scale(.2);
  -ms-transform: scale(.2);
  -o-transform: scale(.2);
  transform: scale(.2);
}

.ladda-button[data-style=zoom-in] .ladda-label {
  position: relative;
  display: inline-block;
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-label {
  opacity: 0;
  -webkit-transform: scale(2.2);
  -moz-transform: scale(2.2);
  -ms-transform: scale(2.2);
  -o-transform: scale(2.2);
  transform: scale(2.2);
}

.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.ladda-button[data-style=contract] {
  overflow: hidden;
  width: 100px;
}

.ladda-button[data-style=contract] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
}

.ladda-button[data-style=contract][data-loading] {
  border-radius: 50%;
  width: 52px;
}

.ladda-button[data-style=contract][data-loading] .ladda-label {
  opacity: 0;
}

.ladda-button[data-style=contract][data-loading] .ladda-spinner {
  opacity: 1;
}

.ladda-button[data-style=contract-overlay] {
  overflow: hidden;
  width: 100px;
  box-shadow: 0px 0px 0px 2000px transparent;
}

.ladda-button[data-style=contract-overlay] .ladda-spinner {
  left: 50%;
  margin-left: -16px;
}

.ladda-button[data-style=contract-overlay][data-loading] {
  border-radius: 50%;
  width: 52px;
  box-shadow: 0px 0px 0px 2000px rgba(0,0,0,0.8);
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
  opacity: 0;
}

.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
  opacity: 1;
}

.ladda-spinner {
  display: none !important;
}

.hamburger {
  display: none;
  width: 38px;
  height: 26px;
  position: absolute;
  z-index: 500;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  padding-right: 110px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hamburger.active .icon-hamburger {
  background-color: transparent;
}

.hamburger.active .icon-hamburger:before,.hamburger.active .icon-hamburger:after {
  background-color: #fff;
}

.hamburger.active .icon-hamburger:before {
  -ms-transform: translateY(10px) rotate(45deg);
  -webkit-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.hamburger.active .icon-hamburger:after {
  -ms-transform: translateY(-10px) rotate(-45deg);
  -webkit-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}

@media (max-width: 899px) {
  .hamburger {
    display: block;
    top: 50px;
    left: 30px;
  }
}

@media (max-width: 479px) {
  .hamburger {
    display: block;
    top: 22px;
    left: 15px;
  }
}

.top-hamburger {
  position: absolute;
  z-index: 500;
  left: -55px;
  top: 15px;
  display: none;
}

@media (max-width: 1023px) {
  .top-hamburger {
    display: none;
  }
}

@media (max-width: 1239px) {
  .inner > .hamburger {
    display: block;
    left: 20px;
    top: 39px;
    position: fixed;
  }
}

@media (max-width: 767px) {
  .inner > .hamburger {
    top: 22px;
    left: 15px;
  }

  .inner > .hamburger.active .icon-hamburger {
    background-color: #00cdc8;
  }
}

.icon-hamburger {
  position: relative;
}

.icon-hamburger,.icon-hamburger:before,.icon-hamburger:after {
  display: block;
  width: 33px;
  height: 3px;
  background-color: #f90;
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
}

.icon-hamburger:before,.icon-hamburger:after {
  position: absolute;
  content: "";
}

.icon-hamburger:before {
  top: -10px;
}

.icon-hamburger:after {
  top: 10px;
}

.mobile-nav-wrapper {
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 250;
  position: fixed;
  display: none;
  width: 100%;
  padding-top: 65px;
  background: rgba(0,205,200,0.9);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.mobile-nav-wrapper.active {
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.mobile-nav-inner {
  width: 100%;
  height: 100%;
  display: table;
  table-layout: fixed;
}

.mobile-nav .ios-fix {
  height: 110%;
  -ms-transform: translateY(-5%);
  -webkit-transform: translateY(-5%);
  transform: translateY(-5%);
  padding-top: 10%;
  padding-bottom: 10%;
}

.mobile-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-nav ul a {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  display: block;
  padding: 18px 20px;
}

.mobile-nav ul a:active,.mobile-nav ul a:hover {
  text-decoration: none;
}

.mobile-nav ul li {
  text-align: center;
}

.mobile-nav ul li a {
  position: relative;
  display: inline-block;
  font-size: 25px;
  border-bottom: 2px solid #fff;
  padding: 12px 0 4px;
  margin-bottom: 18px;
}

.mobile-nav ul li a.active {
  text-decoration: none;
}

.mobile-nav ul li li a {
  text-transform: none;
  font-size: 16px;
  text-decoration: none;
  font-weight: 100;
  padding: 10px 20px;
  font-weight: 300;
  border-bottom: none;
}

.mobile-nav ul li.active {
  margin-bottom: 25px;
}

.mobile-nav ul li.active > a {
  margin-bottom: 10px;
  text-decoration: none;
  border-bottom: 3px solid #fff;
}

.mobile-nav > ul {
  margin: 10px 20px 20px;
  border-radius: 3px;
}

.mobile-nav > ul > li:first-child a {
  border-radius: 3px 3px 0 0;
}

.mobile-nav > ul > li:last-child a {
  border-radius: 0 0 3px 3px;
}

.fixed-hamburger {
  position: fixed;
  top: 40px;
  display: block;
  left: 30px;
}

@media (max-width: 767px) {
  .fixed-hamburger {
    top: 22px;
    left: 15px;
  }
}

.fixed-hamburger .icon-hamburger,.fixed-hamburger .icon-hamburger:before,.fixed-hamburger .icon-hamburger:after {
  background-color: #f90;
}

@media (max-width: 767px) {
  .fixed-hamburger .icon-hamburger,.fixed-hamburger .icon-hamburger:before,.fixed-hamburger .icon-hamburger:after {
    background-color: white;
  }
}

.header-fixed .mobile-nav-wrapper {
  left: 100%;
  height: 100%;
}

.mobile-nav-wrapper.main-nav {
  display: block !important;
}

.filter {
  margin-top: 30px;
}

.filter ul {
  margin: 0 0 25px;
  padding: 0;
}

.filter ul li {
  list-style-type: none;
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  color: #000;
}

.filter ul li:last-child {
  margin-left: 0;
}

.filter ul li a {
  color: #000;
}

.filter input[type="checkbox"] {
  display: none;
}

@media (max-width: 899px) {
  .filter {
    padding-bottom: 20px;
  }
}

@media (max-width: 430px) {
  .filter ul li {
    margin: 0 20px 10px 0;
  }
}

.filter-click {
  margin: 0;
  color: #000;
  font-style: normal;
  font-weight: normal;
  cursor: pointer;
}

.filter-click:hover {
  text-decoration: underline;
}

.filter-click.checked:hover {
  text-decoration: none;
}

#set_filter {
  display: none;
}

.checked {
  color: #f90;
  position: relative;
}

.checked::after {
  display: block;
  content: '';
  position: absolute;
  top: -2px;
  right: -3px;
  bottom: -2px;
  left: -3px;
  border: 1px solid #f90;
  border-radius: 3px;
}

.jq-file {
  border-radius: 2px;
  margin-bottom: 10px;
}

.jq-file input {
  cursor: pointer;
  height: auto;
  line-height: 1em;
}

.jq-file:active .jq-file__browse {
  color: #fff;
  background: #00cdc8;
  border-color: #00cdc8;
}

.jq-file:active .jq-file__name {
  border-color: #00cdc8;
  color: #00cdc8;
}

.jq-file.disabled {
  color: #aaacad;
  border-color: #aaacad;
}

.jq-file.disabled .jq-file__name {
  color: #aaacad;
  border-color: #aaacad;
}

.jq-file.disabled:hover .jq-file__browse,.jq-file.disabled:active .jq-file__browse {
  background: #aaacad;
  border-color: #aaacad;
}

.jq-file.disabled .jq-file__browse {
  border-color: #aaacad;
  background: #aaacad;
  color: #3b3b3b;
}

.jq-file__name {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 80px 0 10px;
  color: #3b3b3b;
  font: 15px/40px Roboto, Arial, Tahoma, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: solid 1px #b4b4b4;
  border-radius: 2px;
  box-shadow: inset 0 2px 1px rgba(0,0,0,.05);
}

.focused .jq-file__name {
  border-color: #00cdc8;
  color: #00cdc8;
}

.jq-file__browse {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font: 15px/40px Roboto, Arial, Tahoma, sans-serif;
  padding: 0 10px;
  border-radius: 0 2px 2px 0;
  background: #00cdc8;
}

.focused .jq-file__browse {
  color: #fff;
  background: #338fbe;
}

.jq-selectbox {
  vertical-align: middle;
  cursor: pointer;
  max-width: 100%;
  -webkit-transition: opacity ease .1s;
  transition: opacity ease .1s;
}

.jq-selectbox.opacity-one {
  opacity: 1;
}

.jq-selectbox.disabled .jq-selectbox__select {
  background: #aaacad;
  color: #181818;
  opacity: .7;
  cursor: default;
  border-color: #b4b4b4;
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
  opacity: 1;
  filter: alpha(opacity=100);
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.jq-selectbox ul {
  margin: 0;
  padding: 0;
}

.jq-selectbox li {
  min-height: 20px;
  padding: 8px 16px 8px 30px;
  position: relative;
  margin: 7px 0;
  color: #3b3b3b;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  font-size: 15px;
}

.jq-selectbox li:after {
  content: "";
  position: absolute;
  top: -4px;
  left: 30px;
  right: 0;
  height: 1px;
  background: #cecece;
}

.jq-selectbox li:first-child:after {
  content: none;
}

.jq-selectbox li.selected:before,.jq-selectbox li.sel:before {
  position: absolute;
  content: "";
  border: solid #00cdc8;
  border-width: 0 0 2px 2px;
  top: 50%;
  left: 8px;
  height: 4px;
  width: 9px;
  margin-top: -5px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.jq-selectbox li.selected:hover:before,.jq-selectbox li.sel:hover:before {
  border-color: #fff;
}

.jq-selectbox li:hover {
  color: #fff;
  background: #00cdc8;
}

.jq-selectbox li.disabled {
  color: #aaacad;
  cursor: default;
}

.jq-selectbox li.disabled:hover {
  background: none;
}

.jq-selectbox li.optgroup {
  font-weight: bold;
}

.jq-selectbox li.optgroup:hover {
  background: none;
  color: #fff;
  cursor: default;
}

.jq-selectbox li.option {
  padding-left: 25px;
}

.jq-selectbox__select {
  height: 40px;
  padding: 0 40px 0 15px;
  border: solid 1px #b4b4b4;
  border-radius: 3px;
  background: #fff;
  color: #181818;
  font: 16px / 40px Roboto, Arial, Tahoma, sans-serif;
  box-shadow: inset 0 2px 1px rgba(0,0,0,.05);
}

.jq-selectbox__select:hover,.jq-selectbox__select:active,.focused .jq-selectbox__select,.dropdown .jq-selectbox__select {
  color: #3b3b3b;
  border-color: #00cdc8;
}

.jq-selectbox__select-text {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.jq-selectbox__trigger {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
}

.jq-selectbox__trigger-arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  margin-left: -4px;
  border: solid 2px #00cdc8;
  border-top: 0;
  border-right: 0;
  border-radius: 0 0 0 2px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: transform ease .3s;
  transition: transform ease .3s;
}

.opened .jq-selectbox__trigger-arrow {
  margin-top: -2px;
  -webkit-transform: rotate(-225deg);
  -ms-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
  border-color: #3b3b3b;
}

.jq-selectbox__dropdown {
  top: 40px;
  width: 100%;
  margin: 10px 0;
  padding: 0;
  font: 16px / 20px Roboto, Arial, Tahoma, sans-serif;
  background: #fff;
  border: solid 1px #cecece;
  border-radius: 1px;
  min-width: 180px;
  box-shadow: 0 1px 10px rgba(0,0,0,.2);
}

.jq-selectbox__search {
  margin: 0;
  padding: 10px;
  background: #fcfcfc;
  border-bottom: solid 1px #cecece;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.jq-selectbox__search input {
  width: 100%;
  margin: 0;
  padding: 0 20px 0 40px;
  height: 40px;
  display: block;
  outline: none;
  border: solid 1px #b4b4b4;
  border-radius: 3px;
  color: #3b3b3b;
  background-size: 20px 20px;
  -webkit-appearance: textfield;
  box-shadow: inset 0 2px 1px rgba(0,0,0,.05);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.jq-selectbox__search input:focus {
  border-color: #00cdc8;
}

.jq-selectbox__not-found {
  margin: 0;
  padding: 10px;
  text-align: center;
  color: #00cdc8;
  font-size: 15px;
}

.header-main {
  position: relative;
  background-image: url('/images/s-1920.png');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  min-height: 910px;
  margin-bottom: 60px;
  padding-top: 120px;
}

@media (max-width: 1366px) {
  .header-main {
    background-image: url('/images/s-1366.png');
    padding-top: 40px;
    min-height: 760px;
  }
}

@media (max-width: 1365px) {
  .header-main {
    min-height: 720px;
    padding-top: 60px;
    padding-left: 60px;
    background-position: 50% 50%, 55% 100%;
  }
}

@media (max-width: 1024px) {
  .header-main {
    background-image: url('/images/s-1024.png');
  }
}

@media (max-width: 1023px) {
  .header-main {
    padding-left: 0;
  }
}

@media (max-width: 899px) {
  .header-main {
    min-height: 380px;
    padding-top: 20px;
    margin-bottom: 190px;
  }
}

@media (max-width: 768px) {
  .header-main {
    background-image: url('/images/s-768.png');
  }
}

@media (max-width: 480px) {
  .header-main {
    min-height: 300px;
    margin-bottom: 230px;
    background-position: 50% 50%, 70% 100%;
  }
}

@media (max-width: 479px) {
  .header-main {
    min-height: 275px;
    margin-bottom: 240px;
    background-position: 50% 50%, 47% 100%;
  }
}

@media (max-width: 320px) {
  .header-main {
    background-image: url('/images/s-320.png');
  }
}

.nav-block,.logo-block,.soc-links-block,.vertical-block,.address-block,.phone-block,.cta-block,.auth-block {
  position: absolute;
}

.logo-block {
  right: 0px;
  overflow: hidden;
}

@media (max-width: 899px) {
  .logo-block {
    top: 20px;
    right: 10px;
  }
}

@media (max-width: 479px) {
  .logo-block {
    top: -5px;
    right: 0;
  }
}

.logo {
  display: block;
  width: 118px;
  height: 118px;
  background: #00cdc8 url('/images/logo_white.png') no-repeat 50% 50%;
  background-size: 70px auto;
  border-radius: 50%;
  z-index: 100;
  -webkit-transition: all ease-out .3s;
  transition: all ease-out .3s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.logo span {
  display: block;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  padding: 54px 10px 11px 10px;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

@media (min-width: 900px) {
  .logo {
    background-size: 100px auto;
    width: 168px;
    height: 168px;
  }

  .logo span {
    width: 168px;
    height: 168px;
    line-height: 30px;
    font-size: 18px;
  }

  .logo:hover {
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
    background-color: #f90;
    background-size: 0 0;
    text-decoration: none;
  }

  .logo:hover span {
    text-decoration: none;
    opacity: 1;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

@media (max-width: 479px) {
  .logo {
    width: 85px;
    height: 85px;
    background-size: 55px auto;
  }

  .logo span {
    width: 85px;
    height: 85px;
  }
}

.soc-links-block {
  top: 200px;
  right: 0;
  text-align: center;
}

.soc-links-block a {
  display: block;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  margin-bottom: 10px;
  color: #3b3b3b;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.soc-links-block a:hover,.soc-links-block a:focus {
  color: #f90;
}

@media (min-width: 900px) {
  .soc-links-block a {
    float: right;
    margin-left: 25px;
    font-size: 30px;
  }
}

@media (max-width: 899px) {
  .soc-links-block {
    top: 170px;
    right: 40px;
  }

  .soc-links-block a {
    display: inline-block;
    margin-left: 10px;
  }
}

@media (max-width: 480px) {
  .soc-links-block {
    top: 150px;
    right: 55px;
  }

  .soc-links-block a {
    display: block;
    margin: 0 0 20px;
  }
}

@media (max-width: 479px) {
  .soc-links-block {
    top: 95px;
    right: -7px;
  }

  .soc-links-block a {
    display: inline-block;
    margin: 0 20px 0 0;
  }
}

.vertical-block {
  display: block;
  top: 40px;
  right: 170px;
  height: 755px;
  width: 112px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url(/images/txt-sprite.png);
  background-position: -31px 0px;
}

@media (min-width: 1367px) and (max-width: 1680px) {
  .vertical-block {
    display: none;
  }
}

@media (max-width: 1366px) {
  .vertical-block {
    right: 0;
    height: 547px;
    width: 82px;
    background-position: -180px 0px;
  }
}

@media (max-width: 1365px) {
  .vertical-block {
    display: none;
  }
}

@media (max-width: 899px) {
  .vertical-block {
    width: 29px;
    height: 325px;
    display: none;
    background-size: cover;
    right: 0;
    top: 0;
    background-position: -10px 0px;
  }
}

.phone-block,.cta-block,.auth-block {
  text-align: center;
  left: 0;
  right: 0;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.phone-block {
  font-size: 30px;
  font-weight: 900;
  line-height: 1.1;
  top: 240px;
  color: #00cdc8;
  z-index: 10;
}

.phone-block a {
  display: inline-block;
  text-decoration: none;
}

.phone-block small {
  font-size: 18px;
}

@media (min-width: 900px) {
  .phone-block {
    right: -3px;
    left: auto;
  }
}

@media (max-width: 899px) {
  .phone-block {
    top: 385px;
  }
}

@media (max-width: 480px) {
  .phone-block {
    top: 270px;
  }

  .phone-block a {
    font-size: 20px;
  }
}

@media (max-width: 479px) {
  .phone-block {
    top: 285px;
  }

  .phone-block small {
    display: block;
  }

  .phone-block a {
    font-size: 30px;
  }
}

.auth-block {
  left: 470px;
  right: auto;
}

.auth-block:hover svg {
  fill: #222;
}

@media (max-width: 899px) {
  .auth-block {
    top: 20px;
    left: 0;
    right: 0;
  }
}

@media (max-width: 480px) {
  .auth-block {
    top: 325px;
  }
}

@media (max-width: 479px) {
  .auth-block {
    top: -8px;
    left: 60px;
    right: auto;
  }
}

.border-bottom {
  display: inline-block;
  border-bottom: solid 2px #f90;
}

.border-bottom:hover svg {
  fill: #222;
  transitiom: fill .2s ease-in-out;
}

.border-bottom:hover a {
  color: #f90;
}

.login-link {
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  display: inline-block;
  cursor: pointer;
}

.login-link a {
  color: #222;
}

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

.login-link .customer-txt {
  font-size: 17px;
}

.login-link:hover,.login-link:focus {
  color: #f90;
  transition: all .2s ease-in-out;
}

.login-link svg {
  vertical-align: sub;
  color: #aaacad;
  margin-right: 10px;
  font-size: 1.6em;
  width: 1.2em;
}

@media (max-width: 479px) {
  .login-link {
    line-height: 22px;
  }

  .login-link svg {
    margin: 0;
  }
}

.logout-wrap {
  display: inline-block;
}

@media (max-width: 550px) {
  .logout-wrap {
    display: none;
  }
}

@media (max-width: 479px) {
  .login-link-hidden {
    display: none;
  }
}

.cta-block {
  top: 350px;
}

@media (max-width: 1365px) {
  .cta-block {
    top: 330px;
  }
}

@media (max-width: 899px) {
  .cta-block {
    top: 445px;
  }
}

@media (max-width: 480px) {
  .cta-block {
    top: 410px;
  }
}

@media (max-width: 479px) {
  .cta-block {
    top: 390px;
  }
}

.hb-slogan {
  font-size: 35px;
  font-weight: bold;
  position: absolute;
  top: 475px;
  left: 38.7%;
}

.hb-slogan br {
  display: none;
}

@media (max-width: 1366px) {
  .hb-slogan {
    top: 450px;
    left: 39.7%;
    font-size: 30px;
  }
}

@media (max-width: 1365px) {
  .hb-slogan {
    font-size: 24px;
  }
}

@media (max-width: 1365px) {
  .hb-slogan {
    left: 38.7%;
  }
}

@media (max-width: 899px) {
  .hb-slogan {
    top: 160px;
    left: 28.7%;
  }
}

@media (max-width: 768px) {
  .hb-slogan {
    left: 35.5%;
  }

  .hb-slogan span {
    display: block;
    margin-left: 120px;
  }

  .hb-slogan br {
    display: block;
  }
}

@media (max-width: 640px) {
  .hb-slogan {
    left: 20.7%;
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  .hb-slogan {
    font-size: 16px;
    top: 145px;
    left: 29.7%;
  }

  .hb-slogan span {
    margin-left: 60px;
  }
}

@media (max-width: 479px) {
  .hb-slogan {
    top: 125px;
    left: 90px;
  }
}

.address-block,.nav-block {
  display: none;
}

@media (min-width: 900px) {
  .address-block,.nav-block {
    display: block;
  }
}

@media (min-width: 900px) {
  .address-block {
    top: 300px;
    right: 0;
    font: 900 16px/32px Roboto, Arial, Tahoma, sans-serif;
  }
}

.nav-block {
  left: 0;
  z-index: 2;
}

@media (min-width: 1180px) {
  .auth-block {
    right: auto;
  }
}

.inner {
  display: block;
}

.inner::before {
  content: '';
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: 9px;
  background-color: #00cdc8;
  z-index: 1000;
}

@media (max-width: 1239px) {
  .inner::before {
    display: none;
  }
}

.header-inner .top-nav {
  margin-top: 0;
  margin-left: 0;
}

.header-inner .hamburger.top-hamburger {
  display: none;
  transform: none;
  top: 15px;
  left: -55px;
}

@media (max-width: 1239px) {
  .header-inner .hamburger {
    display: block;
  }
}

@media (min-width: 1240px) {
  .header-inner .logo-block,.header-inner .soc-links-block,.header-inner .phone-block,.header-inner .auth-block,.header-inner .nav-block {
    position: fixed;
    left: auto;
  }
}

.header-inner .menu-text {
  position: absolute;
  top: 31px;
  left: 95px;
  font-weight: 900;
  font-size: 16px;
}

@media (min-width: 1240px) {
  .header-inner .menu-text {
    display: none;
  }
}

@media (max-width: 1239px) {
  .header-inner .menu-text {
    left: 85px;
  }
}

@media (max-width: 1239px) {
  .header-inner {
    min-height: 85px;
    background-image: url(/images/header-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: fixed;
    z-index: 250;
    top: 0;
  }

  .header-inner .nav-block {
    display: none;
  }

  .header-inner .icon-key {
    fill: #f90;
  }
}

@media (max-width: 767px) {
  .header-inner {
    min-height: 50px;
    margin-bottom: 0;
    background-image: none;
    background-color: #00cdc8;
  }

  .header-inner .menu-text {
    display: none;
  }

  .header-inner .logo-block svg,.header-inner .auth-block svg {
    fill: #fff;
  }
}

.header-inner .nav-block {
  top: 45px;
  background: white;
}

.header-inner .nav-block-fixed {
  background: white;
  border-bottom: 3px solid #f90;
  box-shadow: 0px 5px 15px #b3b3b3 9e;
}

.header-inner .logo-block {
  top: 425px;
  right: inherit;
}

@media (max-width: 1239px) {
  .header-inner .logo-block {
    width: 50px;
    height: 50px;
    top: 19px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .header-inner .logo-block svg {
    fill: #00cdc8;
  }

  .header-inner .logo-block .logo {
    background: none;
    width: 50px;
    height: 50px;
  }

  .header-inner .logo-block .logo span {
    display: none;
  }

  .header-inner .logo-block .logo:hover {
    transform: none;
  }
}

@media (max-width: 767px) {
  .header-inner .logo-block {
    top: 9px;
    width: 35px;
    height: 35px;
  }

  .header-inner .logo-block svg {
    fill: #fff;
  }

  .header-inner .logo-block .logo {
    width: 35px;
    height: 35px;
  }
}

.header-inner .logo {
  width: 103px;
  height: 103px;
  background-size: 65px auto;
}

.header-inner .logo span {
  padding-top: 33px;
  width: 103px;
  height: 103px;
  line-height: 20px;
  font-size: 11px;
}

.header-inner .logo:hover {
  background-image: none;
}

@media (min-width: 1240px) {
  .header-inner .logo svg {
    display: none;
  }
}

.header-inner .soc-links-block {
  top: 435px;
  margin-left: 330px;
  margin-left: 300px;
  right: inherit;
}

.header-inner .soc-links-block a {
  display: block;
  float: none;
  margin-left: 0;
  margin-bottom: 15px;
}

@media (max-width: 1239px) {
  .header-inner .soc-links-block {
    top: 28px;
    right: 32.5%;
    margin-left: 0;
  }

  .header-inner .soc-links-block a {
    display: inline;
    margin-bottom: 0;
    margin-right: 20px;
  }
}

@media (max-width: 768px) {
  .header-inner .soc-links-block {
    right: 31%;
  }
}

@media (max-width: 767px) {
  .header-inner .soc-links-block {
    display: none;
  }
}

.header-inner .phone-block {
  top: 435px;
  margin-left: 130px;
  right: inherit;
  text-align: left;
}

.header-inner .phone-block small {
  font-size: 14px;
}

.header-inner .phone-block small,.header-inner .phone-block a {
  display: block;
}

@media (max-width: 1239px) {
  .header-inner .phone-block {
    top: 12px;
    left: 26.5%;
    margin-left: 0;
    text-align: right;
  }

  .header-inner .phone-block small,.header-inner .phone-block a {
    display: inline;
    color: #000;
    font-size: 18px;
  }

  .header-inner .phone-block small {
    font-size: 14px;
  }

  .header-inner .phone-block .bottom {
    display: block;
  }
}

@media (max-width: 992px) {
  .header-inner .phone-block {
    left: 25%;
  }
}

@media (max-width: 768px) {
  .header-inner .phone-block {
    left: 23%;
  }
}

@media (max-width: 767px) {
  .header-inner .phone-block {
    display: none;
  }
}

.header-inner .auth-block {
  top: 355px;
  margin-left: 22px;
}

.header-inner .auth-block .login-link {
  font-weight: 900;
  border-bottom: none;
}

.header-inner .auth-block .login-link .border-bottom {
  vertical-align: bottom;
}

@media (max-width: 1239px) {
  .header-inner .auth-block .login-link .border-bottom {
    border: none;
  }
}

@media (max-width: 1239px) {
  .header-inner .auth-block {
    top: 30px;
    right: 20px;
    left: auto;
    margin-left: 0;
  }

  .header-inner .auth-block span span {
    display: none;
  }

  .header-inner .auth-block .logout-form {
    border-bottom: none;
  }

  .header-inner .auth-block .in {
    display: inline-block;
  }

  .header-inner .auth-block .login-link svg {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .header-inner .auth-block {
    top: 12px;
    right: 5px;
  }

  .header-inner .auth-block .customer-txt {
    color: #fff;
  }

  .header-inner .auth-block .in {
    display: none;
  }
}

@media (max-width: 767px) {
  .header-inner .logout-btn {
    color: #fff;
  }
}

@media (max-width: 1239px) {
  .header-inner::before {
    display: none;
  }
}

.case-body {
  font-size: 18px;
  color: #3e3d3d;
  margin-top: 46px;
  max-width: none;
}

.case-body img {
  box-shadow: 0 7px 75px rgba(0,0,0,0.13);
}

.case-body img.no-shadow {
  box-shadow: none;
}

.case-body h1,.case-body h2,.case-body h3,.case-body h4,.case-body h5,.case-body h6 {
  line-height: 1.2;
}

.case-text {
  max-width: 800px;
  display: block;
  margin: 0 auto;
}

.case-body .hamburger {
  display: none;
}

.case-header {
  box-shadow: 0 5px 35px rgba(0,0,0,0.1);
  position: fixed;
  padding-top: 10px;
  padding-left: 10px;
  right: 0;
  left: 0;
  top: 0;
  z-index: 100;
  background-color: #fff;
}

.case-logo {
  width: 30px;
  height: 27px;
  fill: #00cdc8;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.case-phone {
  display: inline-block;
  color: #a2a2a2;
  font-weight: 700;
  vertical-align: middle;
}

.case-phone small {
  font-size: 16px;
}

.case-phone a {
  color: #00cdc8;
}

.case-header-right {
  float: right;
  line-height: 1;
  margin-top: -10px;
  font-size: 14px;
}

.case-header-right h1 {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #a2a2a2;
  margin: 1px 18px 0 0;
  line-height: 1;
  font-weight: 700;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .case-header-right h1 {
    display: none;
  }
}

@media (max-width: 500px) {
  .case-header-right {
    margin-top: 10px;
    float: none;
    margin-left: -10px;
  }
}

.case-dv {
  margin-top: 40px;
}

.sect-top {
  padding: 200px 0 85px 0;
  color: #fff;
}

.sect-top .top-text {
  margin-left: 470px;
}

.sect-top .top-text h4 {
  color: #fff;
}

.sect-top .top-tasks {
  max-width: 820px;
  margin: 270px auto 0;
}

.sect-top .top-tasks h4 {
  color: #fff;
}

.sect-top::after {
  content: '';
  display: block;
  width: 100%;
  height: 105px;
  position: absolute;
  bottom: -90px;
  left: 0;
}

.top-text {
  max-width: 550px;
}

.top-quest ul {
  display: block;
  padding: 45px 45px 25px;
  margin: 100px auto 0;
  max-width: 820px;
  background-color: #f5b316;
}

.top-quest ul li {
  list-style-type: none;
  position: relative;
  margin-bottom: 25px;
  padding-left: 50px;
}

.top-quest ul li span {
  display: inline-block;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background-color: #df5151;
  text-align: center;
  vertical-align: middle;
  line-height: 1.6;
  position: absolute;
  left: 0;
  top: 3px;
}

.top-quest ul::before {
  content: 'Поэтому на сайте нужно было сделать: ';
  font-size: 32px;
  color: #f5b316;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  top: -27px;
  left: 0;
}

.top-quest ul::after {
  content: '';
  display: block;
  width: 154px;
  height: 146px;
  position: absolute;
  right: -45px;
  top: -65px;
}

.sect-white {
  padding: 140px 0 0 175px;
}

.sect-white .case-text {
  margin-left: 0;
}

.sect-white h4 {
  color: #3e627b;
}

.sect-white::before {
  content: '';
  display: block;
  width: 48px;
  height: 281px;
  position: absolute;
  left: 90px;
  top: 20px;
  z-index: -1;
}

.sect-info {
  padding-top: 60px;
  max-width: 800px;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sect-info-item {
  max-width: 235px;
  display: inline-block;
}

.sect-info-item span {
  display: block;
  text-align: center;
  width: 101px;
  height: 101px;
  margin: 0 auto 40px;
  padding-top: 10px;
  font-size: 57px;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}

.sect-info-item p {
  font-family: "PTsans", sans-serif;
  font-weight: bold;
  text-align: center;
}

.sect-site {
  padding-top: 60px;
}

.sect-1c {
  padding-top: 80px;
}

.sect-detail {
  padding-top: 145px;
}

.sect-calc {
  padding-top: 50px;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sect-calc .sect-calc-item {
  margin: 0 50px;
  max-width: 355px;
  position: relative;
}

.sect-calc .sect-calc-item img {
  box-shadow: 0 4px 30px rgba(0,0,0,0.08);
}

.sect-calc .sect-calc-item p {
  font-size: 14px;
}

@media (max-width: 1440px) {
  .sect-calc .sect-calc-item {
    margin: 0 25px;
  }
}

.sect-calc .sect-calc-item:first-child::after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 100%;
  background-color: #e5e4e4;
  position: absolute;
  right: -49px;
  top: 0;
}

.sect-decor {
  padding-top: 160px;
}

.sb {
  background-color: #91979b;
  text-align: center;
}

.decor-img {
  margin-bottom: -40px;
  position: relative;
  z-index: 1;
}

.decor-message {
  max-width: 434px;
  padding: 25px;
  color: #fff;
  position: absolute;
  right: 150px;
  top: 65px;
  background-color: #f5b316;
  border-radius: 30px;
  text-align: left;
}

.decor-message::before {
  content: '';
  display: block;
  width: 34px;
  height: 26px;
  position: absolute;
  bottom: -1px;
  left: -18px;
}

.sect-decor-dark {
  background-color: #91969a;
}

.sect-step {
  padding-top: 110px;
  padding-bottom: 50px;
}

.sect-step p {
  font-size: 28px;
  font-weight: bold;
}

.case-container {
  max-width: 1366px;
  width: 100%;
  margin: 0 auto;
}

.case-content {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  line-height: 1.4;
}

.case-content p {
  font-size: 23px;
  letter-spacing: -1px;
}

.case-content h1,.case-content h2,.case-content h3,.case-content h4,.case-content h5,.case-content h6 {
  margin-top: 0;
  margin-bottom: 35px;
}

.case-content h4 {
  font-size: 60px;
}

.case-content h5 {
  font-size: 40px;
}

.case-content h6 {
  font-size: 36px;
}

.row {
  margin: 0 -50px;
  clear: both;
}

.row::before,.row::after {
  content: " ";
  display: table;
}

.row::after {
  clear: both;
}

.case-head {
  margin-bottom: 50px;
}

.sect-big {
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 250px 0 115px;
}

.sect-big::after {
  content: '';
  display: block;
  width: 100%;
  height: 130px;
  position: absolute;
  bottom: -70px;
  left: 0;
}

.client-block {
  color: #fff;
  max-width: 675px;
  float: right;
  margin-bottom: 300px;
}

.tasks-block {
  color: #fff;
  margin-bottom: 90px;
}

.tasks-block h4::before {
  content: '';
  display: block;
  width: 290px;
  height: 173px;
  position: absolute;
  left: -145px;
  top: -155px;
}

.solution h5 {
  color: #f5b316;
  margin-bottom: -10px;
}

.solution-list {
  background-color: #f5b316;
  margin: 0;
  padding: 60px 60px;
}

.solution-list li {
  position: relative;
  list-style-type: none;
  margin-bottom: 20px;
  padding-left: 60px;
  font-size: 24px;
  color: #fff;
}

.solution-list li:last-child {
  margin-bottom: 0;
}

.solution-list li span {
  background-color: #f90;
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 17px;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
}

.solution-list::after {
  content: '';
  display: block;
  width: 195px;
  height: 190px;
  position: absolute;
  right: -60px;
  top: -90px;
}

.sect-resolve {
  padding-top: 150px;
}

.sect-resolve h4 {
  color: #3e627b;
}

.sect-resolve h4::before {
  content: '';
  display: block;
  width: 59px;
  height: 338px;
  position: absolute;
  left: -100px;
  top: -160px;
  z-index: -1;
}

.resolve {
  margin: 100px 0 95px;
}

.resolve-item {
  text-align: center;
  max-width: 33.3333333333%;
  float: left;
  padding: 0 50px;
  font-weight: bold;
}

.resolve-item p {
  font-size: 18px;
}

.resolve-item span {
  display: inline-block;
  width: 125px;
  height: 125px;
  font-size: 72px;
  color: #fff;
  line-height: 1.7;
  margin-bottom: 40px;
}

.sect-site {
  padding-top: 90px;
}

.sect-site img {
  -webkit-box-shadow: 0 7px 76px rgba(0,0,0,0.13);
  -moz-box-shadow: 0 7px 76px rgba(0,0,0,0.13);
  box-shadow: 0 7px 76px rgba(0,0,0,0.13);
}

.sect-1c {
  padding: 100px 0 140px;
}

.sect-1c img {
  margin-bottom: 25px;
}

.sect-detail {
  padding-top: 0;
  margin-bottom: 80px;
}

.sect-detail h6 {
  color: #3e627b;
}

.detail2 {
  display: none;
}

.sect-block {
  margin-bottom: 175px;
}

.block-item {
  float: left;
  width: 50%;
  padding: 40px 50px 50px;
}

.block-item h6 {
  color: #3e627b;
  margin-bottom: 0;
  min-height: 134px;
}

.block-item img {
  margin-bottom: 50px;
  -webkit-box-shadow: 0 4px 29px rgba(0,0,0,0.08);
  -moz-box-shadow: 0 4px 29px rgba(0,0,0,0.08);
  box-shadow: 0 4px 29px rgba(0,0,0,0.08);
}

.block-item p {
  font-size: 18px;
}

.block-item:first-child {
  position: relative;
}

.block-item:first-child::after {
  content: '';
  display: block;
  width: 2px;
  height: 100%;
  background-color: #e5e4e4;
  position: absolute;
  right: -1px;
  top: 0;
}

.sect-order {
  z-index: 1;
}

.sect-order h4 {
  color: #3e627b;
}

.sect-order img {
  margin-top: 90px;
  -webkit-box-shadow: 0 7px 76px rgba(0,0,0,0.13);
  -moz-box-shadow: 0 7px 76px rgba(0,0,0,0.13);
  box-shadow: 0 7px 76px rgba(0,0,0,0.13);
  position: relative;
  margin-bottom: -55px;
  z-index: 1;
}

.bank3 {
  display: none;
}

.bank4 {
  display: none;
}

p.bank-txt {
  width: 545px;
  float: right;
  background-color: #f5b316;
  padding: 30px 40px;
  border-radius: 30px;
  position: absolute;
  top: 140px;
  right: 21%;
  color: #fff;
  font-size: 20px;
}

p.bank-txt::before {
  content: '';
  display: block;
  width: 34px;
  height: 26px;
  bottom: -1px;
  left: -16px;
}

.sms-txt {
  width: 520px;
  position: absolute;
  left: 21%;
  top: 250px;
  font-size: 23px;
}

.sms-txt h4 {
  font-size: 58px;
  color: #f5b316;
  margin-bottom: 40px;
}

.sect-bottom {
  text-align: center;
  padding: 130px 0 140px;
}

.sect-bottom p {
  margin: 0;
  font-size: 36px;
  font-weight: bold;
}

.case-after {
  display: block;
  max-width: 512px;
  height: 1px;
  background-color: #0f1315;
  margin: 60px auto;
}

.case-rm {
  padding-bottom: 90px;
}

.case-rm .case-content h4 {
  color: #0f1315;
  font-weight: 900;
  font-size: 60px;
}

.case-rm .case-content p {
  font-size: 18px;
  font-weight: 300;
}

.case-rm .case-head {
  margin-bottom: 80px;
}

.case-rm .case-head img {
  width: 100%;
}

.case-rm .case-head .rm-mini,.case-rm .case-head .rm-mini-2 {
  display: none;
}

.stat-img-wrap-mini {
  display: none;
}

.case-stat .stat-img-wrap {
  margin-left: -40px;
  margin-bottom: 70px;
}

.case-stat .stat-img-wrap img {
  width: 100%;
}

.stat-mini {
  display: none;
}

.case-blockquote {
  background-color: #ffeded;
}

.case-blockquote blockquote {
  margin: 55px 0 30px;
  padding: 35px 0 35px 100px;
  position: relative;
  background-color: #ffeded;
  border: none;
}

.case-blockquote blockquote::before {
  content: '';
  display: block;
  width: 23px;
  height: 107px;
  position: absolute;
  left: 32px;
  top: 30px;
  background-color: #cb4a4a;
  background: -webkit-linear-gradient(to bottom, #cb4a4a 0%, #cb4a4a 57%, #ffeded 57%, #ffeded 57%, #ffeded 78%, #cb4a4a 78%, #cb4a4a 78%, #cb4a4a 100%);
  background: -moz-linear-gradient(to bottom, #cb4a4a 0%, #cb4a4a 57%, #ffeded 57%, #ffeded 57%, #ffeded 78%, #cb4a4a 78%, #cb4a4a 78%, #cb4a4a 100%);
  background: linear-gradient(to bottom, #cb4a4a 0%, #cb4a4a 57%, #ffeded 57%, #ffeded 57%, #ffeded 78%, #cb4a4a 78%, #cb4a4a 78%, #cb4a4a 100%);
  vertical-align: inherit;
  line-height: 1;
}

.case-blockquote ul {
  padding: 0;
  margin: 15px 0 0;
}

.case-blockquote ul li {
  list-style-type: none;
  font-weight: bold;
  line-height: 1.6;
}

.case-main {
  background-repeat: no-repeat;
  background-position: top center;
}

.case-main h6 {
  color: #0f1315;
  font-weight: 900;
}

.table {
  position: relative;
  margin-top: 95px;
}

.table::after {
  content: '';
  display: block;
  width: 167px;
  height: 347px;
  position: absolute;
  bottom: 0;
  right: -75px;
}

.season {
  position: relative;
  margin-top: 45px;
}

.season::before {
  content: '';
  display: block;
  width: 153px;
  height: 331px;
  position: absolute;
  bottom: 0;
  left: -45px;
}

.result-rm {
  position: relative;
  margin-top: 45px;
}

.result-rm::after {
  content: '';
  display: block;
  width: 172px;
  height: 359px;
  position: absolute;
  bottom: 0;
  right: -55px;
}

.sum {
  position: relative;
  margin-top: 45px;
}

.sum::before {
  content: '';
  display: block;
  width: 152px;
  height: 343px;
  position: absolute;
  bottom: 0;
  left: -75px;
}

.team-case {
  position: relative;
  margin-top: 45px;
}

.team-case::after {
  content: '';
  display: block;
  width: 164px;
  height: 355px;
  position: absolute;
  bottom: 0;
  right: -55px;
}

.goal {
  position: relative;
  margin-top: 45px;
}

.goal::before {
  content: '';
  display: block;
  width: 170px;
  height: 343px;
  position: absolute;
  bottom: 0;
  left: -55px;
}

.case-praktic {
  font-family: "PT Sans Narrow", sans-serif;
}

.case-praktic .case-head {
  margin-bottom: 0;
}

.case-praktic .case-head img {
  width: 100%;
}

.case-praktic .case-content {
  line-height: 1.25;
}

.case-praktic .case-content p {
  letter-spacing: 0px;
}

.case-praktic .case-content h3,.case-praktic .case-content h4,.case-praktic .case-content h5,.case-praktic .case-content h6 {
  font-family: "PT Sans Narrow", sans-serif;
  font-weight: bold;
  font-size: 48px;
  line-height: 1;
}

.case-praktic .case-content h6 {
  margin-bottom: 25px;
}

.prak-2,.prak-3 {
  display: none;
}

.price-2,.price-3 {
  display: none;
}

.price-txt {
  position: absolute;
  top: 120px;
  left: 0;
  max-width: 430px;
  color: #121b25;
}

.price-txt p {
  margin-top: 0;
}

.price-txt hr {
  background-color: #121b25;
  margin: 25px 0;
}

.price-txt::after {
  content: '';
  display: block;
  width: 169px;
  height: 180px;
  margin: 50px auto 0;
}

.prak-division {
  background-color: #121b25;
  background-size: 100%;
}

.prak-adult {
}

.brush-tooth {
  max-width: 1024px;
  margin: 0 auto;
}

.brush-tooth::before {
  content: '';
  display: block;
  width: 154px;
  height: 128px;
  position: absolute;
  top: 0;
  left: -65px;
}

.brush-tooth::after {
  content: '';
  display: block;
  width: 125px;
  height: 185px;
  position: absolute;
  top: 125px;
  right: -65px;
}

.adult-2,.adult-3,.child-2,.child-3,.test-2,.test-3,.mobile-2,.mobile-3,.child-bottom-2,.child-bottom-3,.online-2,.online-3,.calc-2,.calc-3,.cards-2,.cards-3,.gallery-2,.gallery-3,.interior-2,.interior-3,.video-2,.video-3,.diag-2,.diag-3 {
  display: none;
}

.cards-wrap {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cards-txt {
  max-width: 415px;
  float: right;
  color: #121b25;
}

.gallery-wrap {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.gallery-txt {
  color: #fff;
}

.diag-wrap {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.diag-txt {
  max-width: 400px;
  float: right;
  color: #fff;
}

.diag-txt h6 {
  line-height: 1.2;
}

.calc-wrap {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.calc-txt {
  max-width: 350px;
  text-align: right;
  color: #fff;
}

.calc-txt h6 {
  line-height: 1;
}

.online-wrap {
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.online-txt {
  max-width: 385px;
  color: #fff;
  float: right;
}

.video-wrap {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.video-txt {
  max-width: 391px;
  float: right;
  color: #121b25;
}

.child-bottom {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
}

.child-bottom-txt {
  color: #fff;
  max-width: 670px;
  margin: 50px auto 0;
}

.child-bottom-txt h6 {
  margin-bottom: 25px;
}

.prak-mobile {
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
}

.mobile-txt {
  max-width: 500px;
  margin-top: 235px;
  color: #fff;
}

.mobile-txt h6 {
  margin-bottom: 25px;
}

@media (max-width: 1919px) {
  .case-content h4 {
    font-size: 48px;
    margin-bottom: 30px;
  }

  .case-content h6 {
    font-size: 30px;
  }

  .case-content p {
    font-size: 17px;
  }

  .client-block {
    margin-right: 0;
  }

  .case-head p {
    max-width: 740px;
    display: inline-block;
  }

  .sect-block {
    margin-bottom: 140px;
  }

  .sect-site {
    padding-top: 60px;
  }

  .sect-order img {
    margin-bottom: 0;
  }

  p.bank-txt {
    width: 520px;
    font-size: 18px;
    padding: 30px;
    top: 75px;
    right: 11%;
  }

  .sms-txt {
    left: 10%;
  }

  .sms-txt h4 {
    font-size: 48px;
  }

  .sect-bottom {
    font-size: 30px;
  }
}

@media (max-width: 1440px) {
  .sect-big {
    padding-top: 235px;
  }

  .case-head img {
    width: 55%;
  }

  .sect-resolve {
    padding-top: 135px;
  }

  .client-block {
    max-width: 715px;
  }

  .sect-detail {
    margin-bottom: 40px;
  }

  .detail1 {
    display: none;
  }

  .detail2 {
    display: inline-block;
  }

  .block-item h6 {
    min-height: 120px;
  }

  .sms-txt {
    font-size: 18px;
  }

  .sect-bottom p {
    font-size: 30px;
  }

  .price-txt::after {
    width: 122px;
    height: 130px;
    margin-top: 25px;
  }

  .prak-test h6 {
    margin-bottom: 0;
  }

  .prak-test p {
    font-size: 16px;
  }

  .child-bottom-txt {
    max-width: 520px;
  }

  .cards-txt {
    max-width: 435px;
  }
}

@media (max-width: 1366px) {
  .cards-txt {
    max-width: 360px;
    margin-right: 65px;
  }
}

@media (max-width: 1199px) {
  .case-content {
    max-width: 768px;
  }

  .case-content p {
    font-size: 16px;
    line-height: 1.2;
  }

  .case-content h4 {
    font-size: 36px;
  }

  .client-block {
    max-width: 585px;
    margin-bottom: 205px;
  }

  .case-head img {
    width: 70%;
  }

  .sect-big {
    padding-top: 195px;
  }

  .tasks-block h4::before {
    width: 183px;
    height: 109px;
    left: -90px;
    top: -80px;
  }

  .solution-list li {
    font-size: 16px;
  }

  .solution h5 {
    font-size: 30px;
    margin-bottom: -8px;
  }

  .solution-list {
    padding: 30px;
  }

  .solution-list li {
    font-size: 18px;
    line-height: 1.8;
  }

  .solution-list::after {
    width: 135px;
    height: 128px;
    right: -40px;
    top: -50px;
  }

  .sect-resolve {
    padding-top: 100px;
  }

  .sect-resolve h4::before {
    width: 47px;
    height: 291px;
  }

  .resolve {
    margin-top: 70px;
    margin-bottom: 50px;
  }

  .sect-detail h6 {
    font-size: 24px;
  }

  .sect-detail img {
    width: 75%;
  }

  .sect-block {
    margin-bottom: 120px;
  }

  .sect-block .row {
    margin: 0 -20px;
  }

  .block-item {
    padding: 40px 20px 50px;
  }

  .sect-order img {
    margin-top: 50px;
  }

  .sect-bank .bank1 {
    display: none;
  }

  .sect-bank p {
    font-size: 16px;
    line-height: 1.2;
  }

  .bank3 {
    display: block;
  }

  p.bank-txt {
    top: 40px;
    right: 5%;
  }

  .sms-txt {
    font-size: 16px;
    max-width: 385px;
    top: 200px;
  }

  .sms-txt h4 {
    font-size: 36px;
  }

  .sect-bottom {
    padding: 50px 0;
  }

  .sect-bottom p {
    font-size: 24px;
  }

  .case-rm .case-head {
    margin-bottom: 60px;
  }

  .case-rm .case-head img {
    display: none;
  }

  .case-rm .case-head .rm-mini {
    display: block;
  }

  .case-rm .case-content h4 {
    font-size: 48px;
  }

  .case-rm .case-content p {
    font-size: 16px;
  }

  .case-rm h4 {
    margin-bottom: 50px;
  }

  .case-stat {
    margin-top: 30px;
  }

  .case-stat .stat-img-wrap {
    margin-left: -80px;
  }

  .case-blockquote {
    font-size: 16px;
  }

  .case-blockquote blockquote {
    margin-top: 80px;
  }

  .case-blockquote blockquote::before {
    width: 18px;
    height: 92px;
  }

  .stat-big {
    display: none;
  }

  .stat-mini {
    display: block;
  }

  .case-main {
    background-size: auto;
    background-position: 49% .7%;
  }

  .table,.season,.result-rm,.sum,.team,.goal {
    margin-top: 70px;
  }

  .table::after {
    width: 124px;
    height: 258px;
    right: -55px;
    bottom: -1px;
  }

  .season::before {
    width: 118px;
    height: 254px;
  }

  .result-rm::after {
    width: 130px;
    height: 271px;
    right: -35px;
  }

  .sum::before {
    width: 130px;
    height: 260px;
    left: -35px;
  }

  .team::after {
    width: 123px;
    height: 260px;
    right: -45px;
  }

  .goal::before {
    width: 131px;
    height: 263px;
    left: -45px;
  }

  .case-rm {
    padding-bottom: 70px;
  }

  .prak-1,.price-1 {
    display: none;
  }

  .prak-2,.price-2 {
    display: block;
  }

  .price-txt {
    max-width: 330px;
  }

  .price-txt::after {
    margin-top: 130px;
  }

  .brush-tooth::before,.brush-tooth::after {
    display: none;
  }

  .tooth::before {
    display: none;
  }

  .adult-1,.child-1,.test-1,.mobile-1,.child-bottom-1,.online-1,.calc-1,.cards-1,.gallery-1,.interior-1,.video-1,.diag-1 {
    display: none;
  }

  .adult-2,.child-2,.test-2,.mobile-2,.child-bottom-2,.online-2,.calc-2,.cards-2,.gallery-2,.interior-2,.video-2,.diag-2 {
    display: block;
  }

  .calc-txt {
    max-width: 250px;
  }

  .prak-txt {
    max-width: 295px;
  }

  .child-bottom-txt {
    margin-top: 60px;
    max-width: 620px;
  }

  .online-txt {
    max-width: 280px;
  }

  .cards-wrap {
    top: 40px;
    bottom: auto;
  }

  .cards-txt {
    max-width: 768px;
    margin-right: 0;
  }

  .video-txt {
    max-width: 260px;
  }

  .diag-txt {
    max-width: 310px;
  }

  .case-praktic .case-content h3,.case-praktic .case-content h4,.case-praktic .case-content h5,.case-praktic .case-content h6 {
    font-size: 36px;
  }

  .case-praktic .case-content p {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .case-content {
    max-width: 600px;
  }

  .case-head img {
    width: 80%;
  }

  .sect-big {
    padding-top: 200px;
  }

  .client-block {
    max-width: 500px;
  }

  .tasks-block {
    margin-bottom: 40px;
  }

  .solution-list li {
    font-size: 16px;
  }

  .solution-list::after {
    width: 103px;
    height: 100px;
  }

  .sect-resolve h4::before {
    width: 31px;
    height: 190px;
    left: -60px;
    top: -100px;
  }

  .resolve {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .row {
    margin: 0 -15px;
  }

  .resolve-item {
    padding: 0 15px;
  }

  .resolve-item p {
    font-size: 14px;
    line-height: 1.4;
  }

  .resolve-item span {
    width: 88px;
    height: 88px;
    font-size: 48px;
    line-height: 1.8;
  }

  .sect-detail h6 {
    font-size: 18px;
  }

  .sect-block {
    margin-bottom: 60px;
  }

  .sect-block .row {
    margin: 0;
  }

  .block-item {
    width: 100%;
    padding-top: 0;
    padding-bottom: 45px;
  }

  .block-item h6 {
    font-size: 18px;
    min-height: 55px;
  }

  .block-item img {
    display: block;
    margin: 0 auto 35px;
  }

  .block-item:first-child::after {
    display: none;
  }

  .solution h5 {
    font-size: 28px;
  }

  .sect-1c {
    padding: 50px 0 70px;
  }

  p.bank-txt {
    font-size: 14px;
    max-width: 340px;
  }

  .bank3 {
    display: none;
  }

  .bank4 {
    display: block;
  }

  .sms-txt {
    font-size: 14px;
    max-width: 350px;
    top: 140px;
  }

  .sms-txt h4 {
    font-size: 30px;
  }

  .sect-bottom {
    padding: 35px 0;
  }

  .sect-bottom p {
    font-size: 18px;
  }

  .case-rm .case-head .rm-mini {
    display: none;
  }

  .case-rm .case-head .rm-mini-2 {
    display: block;
  }

  .case-rm .case-content h4 {
    font-size: 36px;
  }

  .case-rm .case-content p {
    font-size: 14px;
    line-height: 24px;
  }

  .case-main .table p,.case-main .season p,.case-main .result-rm p,.case-main .sum p,.case-main .team p,.case-main .goal p {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .case-stat .stat-img-wrap {
    display: none;
  }

  .stat-img-wrap-mini {
    display: block;
    margin: 50px 0 40px;
  }

  .case-blockquote blockquote {
    padding-left: 0;
  }

  .case-blockquote blockquote::before {
    left: -50px;
  }

  .case-rm h6 {
    font-size: 24px;
  }

  .case-main {
    background-position: 59% 0%;
  }

  .table::after {
    width: 96px;
    height: 200px;
    right: -44px;
    bottom: -1px;
  }

  .season::before {
    width: 92px;
    height: 193px;
    left: -25px;
  }

  .resul-rm::after {
    width: 100px;
    height: 209px;
    right: -29px;
  }

  .sum::before {
    width: 91px;
    height: 201px;
    left: -27px;
  }

  .team::after {
    width: 97px;
    height: 206px;
    right: -45px;
  }

  .goal::before {
    width: 100px;
    height: 207px;
    left: -35px;
  }

  .prak-2,.price-2 {
    display: none;
  }

  .prak-3,.price-3 {
    display: block;
  }

  .price-txt {
    max-width: 242px;
  }

  .price-txt::after {
    margin-top: 60px;
  }

  .adult-2,.child-2,.test-2,.mobile-2,.child-bottom-2,.online-2,.calc-2,.cards-2,.gallery-2,.interior-2,.video-2,.diag-2 {
    display: none;
  }

  .adult-3,.child-3,.test-3,.mobile-3,.child-bottom-3,.online-3,.calc-3,.cards-3,.gallery-3,.interior-3,.video-3,.diag-3 {
    display: block;
  }

  .diag-txt {
    max-width: 252px;
  }

  .diag-txt h6 {
    font-size: 27px;
  }

  .calc-txt {
    max-width: 215px;
  }

  .prak-txt {
    max-width: 220px;
  }

  .prak-txt h6 {
    font-size: 26px;
  }

  .mobile-txt p {
    font-size: 14px;
  }

  .child-bottom-txt {
    max-width: 380px;
    margin-top: 80px;
    margin-left: 0;
  }

  .online-wrap {
    top: 30px;
  }

  .online-txt {
    max-width: 350px;
  }

  .online-txt h6 {
    margin-bottom: 15px;
  }

  .video-txt {
    max-width: 220px;
  }

  .case-praktic .case-content h3,.case-praktic .case-content h4,.case-praktic .case-content h5,.case-praktic .case-content h6 {
    font-size: 30px;
  }

  .case-praktic .case-content p {
    font-size: 16px;
  }
}

* {
  box-sizing: border-box;
}

body {
  -ms-overflow-x: hidden;
  background-color: #fff;
  max-width: 1920px;
  margin: 0 auto;
}

body.inner {
  overflow-x: hidden;
}

.main-page {
  max-width: none;
}

.info-wrap .owl-nav div.owl-prev:hover,.info-wrap .owl-nav div.owl-next:hover {
  color: #00cdc8;
}

.info-wrap .owl-nav div.owl-prev:active,.info-wrap .owl-nav div.owl-next:active,.info-wrap .owl-nav div.owl-prev:focus,.info-wrap .owl-nav div.owl-next:focus {
  color: #f90;
}

@media (min-width: 1921px) {
  .container-top-slider {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }
}

.owl-nav .disabled {
  opacity: .5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.owl-nav .disabled:hover {
  color: #777 !important;
}

.top-slider-item {
  overflow: hidden;
  position: relative;
  min-height: 899px;
  display: block;
}

.top-slider-item-bg {
  display: block;
  position: relative;
  max-width: 789px;
  right: 0;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  box-shadow: 3px 40px 40px rgba(0, 0, 0, 0.15);
}

.active .top-slider-item-bg {
  -webkit-animation-duration: .7s;
  -moz-animation-duration: .7s;
  -o-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@media (max-width: 899px) {
  .top-slider-item-bg {
    max-width: 692px;
  }
}

@media (max-width: 767px) {
  .top-slider-item-bg {
    max-width: 400px;
  }
}

@media (max-width: 480px) {
  .top-slider-item-bg {
    max-width: 350px;
  }
}

@media (max-width: 479px) {
  .top-slider-item-bg {
    max-width: 291px;
  }
}

.top-slider-item-fg {
  position: absolute;
  bottom: 0;
}

.top-slider-item-count {
  font-weight: 900;
  font-size: 30px;
  color: #00cdc8;
  width: 220px;
  border-bottom: solid 4px #00cdc8;
  line-height: 64px;
  position: absolute;
  top: 0;
  left: 22%;
  z-index: 1000;
}

.top-slider-item-count .count-big {
  font-size: 120px;
  line-height: 1;
}

@media (max-width: 1600px) {
  .top-slider-item-count {
    left: 17%;
  }
}

@media (max-width: 1366px) {
  .top-slider-item-count {
    left: 10%;
  }
}

@media (max-width: 899px) {
  .top-slider-item-count {
    line-height: 100px;
    left: 7%;
  }
}

@media (max-width: 768px) {
  .top-slider-item-count {
    position: relative;
  }

  .top-slider-item-count span {
    font-size: 80px;
  }
}

@media (min-width: 479px) {
  .top-slider-item-count {
    width: 210px;
  }
}

.top-slider-item-header {
  max-width: 860px;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  padding: 1em 0 0 0;
  position: absolute;
  top: 135px;
  left: 22%;
  text-align: left;
  z-index: 1000;
}

.top-slider-item-header a {
  color: #3b3b3b;
  text-decoration: none;
}

.top-slider-item-header a:hover,.top-slider-item-header a:focus {
  text-decoration: none;
  color: #f90;
}

.top-slider-item-header a:hover .icon-arrow-right,.top-slider-item-header a:focus .icon-arrow-right {
  color: #f90;
}

.top-slider-item-header h2 {
  font-weight: 700;
  margin: 0;
}

.top-slider-item-header .icon-arrow-right {
  width: 1.6em;
  vertical-align: middle;
  color: #00cdc8;
}

@media (max-width: 1600px) {
  .top-slider-item-header {
    left: 17%;
  }
}

@media (max-width: 1366px) {
  .top-slider-item-header {
    left: 10%;
  }
}

@media (max-width: 899px) {
  .top-slider-item-header {
    font-size: 30px;
    left: 7%;
  }
}

@media (max-width: 899px) {
  .top-slider-item-header {
    line-height: 1.4;
    max-width: 675px;
  }
}

@media (max-width: 479px) {
  .top-slider-item-header {
    font-size: 18px;
    max-width: 280px;
  }
}

@media (max-width: 899px) {
  .top-slider-item {
    min-height: 1px;
  }
}

@media (max-width: 768px) {
  .top-slider-item {
    padding-bottom: 70px;
  }
}

.top-slider .top-img-bg {
  display: inline-block;
}

.top-slider .owl-item img {
  width: auto;
  display: inline-block;
}

.top-slider .owl-nav {
  text-align: center;
}

.top-slider .owl-next,.top-slider .owl-prev {
  display: inline-block;
  position: absolute;
  top: 50%;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #888686;
  cursor: pointer;
}

.top-slider .owl-next .icon-slider-arr,.top-slider .owl-prev .icon-slider-arr {
  width: 1.4em;
  vertical-align: text-top;
}

.top-slider .owl-next:hover,.top-slider .owl-prev:hover,.top-slider .owl-next:hover .icon-slider-arr,.top-slider .owl-prev:hover .icon-slider-arr {
  color: #00cdc8;
}

.top-slider .owl-next.disabled:hover,.top-slider .owl-prev.disabled:hover,.top-slider .owl-next.disabled:hover .icon-slider-arr,.top-slider .owl-prev.disabled:hover .icon-slider-arr {
  cursor: default;
  color: #888686;
}

.top-slider .owl-next {
  right: 85px;
}

.top-slider .owl-next .icon-slider-arr {
  margin-left: 1em;
}

@media (max-width: 1366px) {
  .top-slider .owl-next {
    position: static;
  }
}

.top-slider .owl-prev {
  left: 85px;
}

.top-slider .owl-prev .icon-slider-arr {
  margin-right: 1em;
}

@media (max-width: 1366px) {
  .top-slider .owl-prev {
    position: static;
    margin-right: 15%;
  }
}

@media (max-width: 899px) {
  .top-slider .owl-prev {
    left: 28%;
  }
}

@media (max-width: 480px) {
  .top-slider .owl-prev {
    margin-right: 27%;
  }
}

.our-value {
  font-size: 22px;
  padding: 110px 0 50px 355px;
}

.our-value .svg-quote {
  fill: #00cdc8;
  margin-left: -180px;
}

@media (max-width: 899px) {
  .our-value .svg-quote {
    margin-left: -100px;
  }
}

@media (max-width: 767px) {
  .our-value .svg-quote {
    display: none;
  }
}

.our-value .svg-quote-mini {
  fill: #00cdc8;
  margin-left: -45px;
}

@media (min-width: 768px) {
  .our-value .svg-quote-mini {
    display: none;
  }
}

.our-value p {
  margin: 0;
}

@media (max-width: 1366px) {
  .our-value {
    padding-left: 260px;
  }
}

@media (max-width: 1239px) {
  .our-value {
    padding-left: 190px;
  }
}

@media (max-width: 899px) {
  .our-value {
    padding-left: 120px;
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .our-value {
    padding-left: 45px;
  }
}

@media (max-width: 480px) {
  .our-value {
    font-size: 16px;
    padding-bottom: 35px;
  }
}

@media (max-width: 479px) {
  .our-value {
    padding-top: 60px;
    font-size: 14px;
  }
}

.our-value-more {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  margin: 0 auto;
  text-decoration: none;
  color: #3b3b3b;
}

.our-value-more:hover,.our-value-more:focus {
  text-decoration: none;
  color: #f90;
}

.our-value-more br {
  display: none;
}

.our-value-more .icon {
  color: #f90;
  width: 22px;
  vertical-align: middle;
}

.our-value-more .arr-btn-small {
  float: right;
  margin-top: 2px;
}

@media (max-width: 479px) {
  .our-value-more {
    font-weight: 400;
    text-align: left;
  }

  .our-value-more br {
    display: block;
  }

  .our-value-more .arr-btn-small {
    margin-top: 13px;
  }
}

.container-trust {
  margin-top: 100px;
  margin-bottom: 70px;
}

.container-trust .flex-container {
  margin-top: 90px;
}

@media (max-width: 480px) {
  .container-trust .flex-container {
    margin-top: 50px;
  }
}

@media (max-width: 1365px) {
  .container-trust {
    margin-bottom: 50px;
  }
}

@media (max-width: 950px) {
  .container-trust {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .container-trust {
    margin-top: 50px;
  }
}

@media (max-width: 479px) {
  .container-trust {
    margin-top: 70px;
  }
}

.trust-header {
  text-transform: uppercase;
  font-size: 42px;
  line-height: 56px;
  font-weight: 700;
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px;
  padding-bottom: 20px;
}

@media (max-width: 479px) {
  .trust-header {
    font-size: 36px;
    line-height: 1;
  }
}

.trust-item {
  max-width: 450px;
  margin-bottom: 50px;
}

.trust-item-header {
  font: 700 22px/46px Roboto, Arial, Tahoma, sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media (max-width: 359px) {
  .trust-item-header {
    line-height: 1.4;
  }
}

.trust-item-content {
  padding-left: 85px;
}

.trust-item-icon {
  float: left;
  margin-right: 20px;
  width: 42px;
  height: 60px;
}

.trust-item-icon svg {
  width: 42px;
  height: 60px;
}

@media (max-width: 1365px) {
  .trust-item {
    max-width: 376px;
    margin-bottom: 30px;
  }
}

@media (max-width: 899px) {
  .trust-item {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .trust-item {
    width: 100%;
  }
}

.i-exp {
  margin-top: -7px;
}

.i-team {
  margin-top: -6px;
}

.i-des {
  margin-top: -10px;
}

.i-control {
  margin-top: 0;
}

.container-achievements {
  padding: 40px 0;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .container-achievements {
    margin-top: 0;
  }
}

@media (max-width: 479px) {
  .container-achievements {
    padding-top: 120px;
  }
}

.achievements {
  width: 440px;
  margin: 40px auto 130px;
  padding: 100px 90px;
  text-align: center;
  box-shadow: 3px 40px 40px rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.achievements-content {
  margin: 26px 0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}

.achievements-icon svg {
  fill: #f90;
}

.achievements-icon .horisontal-dots {
  margin: 5px 0;
}

.achievements-big {
  font-size: 72px;
  line-height: 72px;
  color: #f90;
}

.achievements-delimiter {
  width: 34px;
  height: 2px;
  background: #f90;
  margin: 0 auto;
}

@media (max-width: 899px) {
  .achievements {
    position: relative;
  }

  .achievements .top,.achievements .bt {
    position: absolute;
    left: 49.6%;
  }

  .achievements .top {
    margin-top: -90px;
  }
}

@media (max-width: 480px) {
  .achievements {
    margin-bottom: 60px;
  }
}

@media (max-width: 479px) {
  .achievements {
    width: 291px;
    padding-top: 50px;
    padding-bottom: 45px;
  }
}

.achievements-vertical,.blog-header-vertical {
  display: block;
  width: 37px;
  height: 422px;
  position: absolute;
  top: 0;
  left: 30px;
   -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (max-width: 767px) {
  .achievements-vertical,.blog-header-vertical {
    display: none;
  }
}

.container-potrfolio {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.container-potrfolio h1 {
  margin: 0;
}

.container-big-header {
  margin-right: 10%;
}

@media (max-width: 1024px) {
  .container-big-header {
    margin-right: 4%;
  }
}

.portfolio-content {
  margin-top: 85px;
}

@media (max-width: 1789px) {
  .portfolio-content {
    padding-bottom: 0;
  }
}

@media (max-width: 479px) {
  .portfolio-content {
    margin-top: 50px;
  }
}

.gray-logo {
  width: 50px;
  opacity: .5;
  margin-left: 100px;
}

.gray-logo svg {
  fill: #aaacad;
}

@media (max-width: 899px) {
  .gray-logo {
    margin-left: 22px;
  }
}

@media (max-width: 767px) {
  .gray-logo {
    display: none;
  }
}

.big-header {
  overflow: hidden;
  position: relative;
  font: 700 42px/50px Roboto, Arial, Tahoma, sans-serif;
  padding-bottom: 15px;
  text-transform: uppercase;
  margin-left: 70px;
  margin-top: 0;
}

.big-header:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 6px;
  width: 60px;
  background: #00cdc8;
}

.ta-right .big-header:after {
  left: auto;
  right: 0;
}

.big-header .big {
  font-size: 120px;
  line-height: 90px;
  color: #00cdc8;
  margin-bottom: 15px;
}

@media (max-width: 1240px) {
  .big-header {
    margin-left: 45px;
  }
}

@media (max-width: 899px) {
  .big-header .big {
    font-size: 100px;
  }
}

@media (max-width: 479px) {
  .big-header {
    font-size: 24px;
    line-height: 0.7;
    margin-left: 0;
    margin-top: 30px;
    padding-bottom: 30px;
  }

  .big-header .big {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 0;
  }
}

.portfolio-inner {
  margin: 0 -15px;
  padding-bottom: 75px;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 0;
}

.portfolio-inner .portfolio-item img {
  box-shadow: none;
}

@media (max-width: 1024px) {
  .portfolio-inner {
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 984px) {
  .portfolio-inner {
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media (max-width: 827px) {
  .portfolio-inner .portfolio-item {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (max-width: 579px) {
  .portfolio-inner {
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .portfolio-inner .portfolio-item-header {
    height: auto;
  }
}

@media (max-width: 479px) {
  .portfolio-inner {
    padding-bottom: 0;
  }
}

.portfolio-detail ul {
  list-style: disc;
  padding-left: 110px;
}

.project-block-info {
  position: relative;
}

.project-block-info a.project-anchor {
  margin-bottom: 20px;
}

.project-block-info a.project-anchor:hover,.project-block-info a.project-anchor:focus,.project-block-info a.project-anchor:active {
  text-decoration: none;
}

ul.project-list-info {
  padding-left: 0;
}

.project-list-info {
  padding: 0;
  margin: 0 0 45px;
}

.project-list-info li {
  list-style-type: none;
  line-height: 1.5;
}

.project-list-info li span {
  color: #888686;
  font-weight: bold;
}

.portfolio-element-text {
  margin-top: 60px;
  margin-bottom: 80px;
}

.portfolio-element-text h5 {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 16px;
  color: #888686;
}

.portfolio-element-text p {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .portfolio-element-text {
    margin-bottom: 40px;
  }
}

.detail-logo {
  padding: 65px 0;
  box-shadow: 3px 20px 20px rgba(0,0,0,0.1);
  margin-bottom: 80px;
}

.portfolio-box {
  position: relative;
  padding-bottom: 35px;
}

.portfolio-box h4 {
  text-transform: uppercase;
  color: #888686;
  font-size: 16px;
  margin-bottom: 18px;
}

.portfolio-box p {
  padding-left: 90px;
}

.portfolio-box::before {
  display: block;
  left: 0;
  top: 0;
  float: left;
  margin-right: 25px;
}

@media (max-width: 767px) {
  .portfolio-box {
    padding-left: 0;
  }

  .portfolio-box::before {
    display: none;
  }
}

.client::before {
  content: '';
  width: 65px;
  height: 55px;
  background-position: -353px 0;
}

.project-object::before {
  content: '';
  width: 65px;
  height: 55px;
  background-position: -353px -55px;
}

.selling::before {
  content: '';
  width: 65px;
  height: 55px;
  background-position: -353px -113px;
}

.show-portfolio {
  margin: 0;
}

.portfolio-item {
  display: block;
  width: 33.33333333%;
  padding: 0 15px;
  margin: 0 0px 60px;
  color: #3b3b3b;
  text-decoration: none;
  text-align: center;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.portfolio-item-header {
  overflow: hidden;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
}

@media (min-width: 1180px) and (max-width: 1789px) {
  .portfolio-item-header {
    font-size: 18px;
  }
}

.portfolio-item-description {
  text-transform: none;
  display: block;
  font-size: 15px;
  font-weight: normal;
}

.portfolio-item-image {
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.portfolio-item-image img {
  height: auto;
}

.portfolio-item:hover,.portfolio-item:focus {
  text-decoration: none;
  color: #f90;
}

@media (max-width: 991px) {
  .portfolio-item {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .portfolio-item {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 479px) {
  .portfolio-item {
    width: 100%;
    margin-bottom: 30px;
  }
}

.btn .icon-arrow-right {
  width: 1.8em;
  vertical-align: middle;
  color: #f90;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.btn-right {
  position: absolute;
  right: 0;
  top: -80px;
}

@media (max-width: 580px) {
  .btn-right {
    position: relative;
    top: 0;
  }
}

.content-tarif {
  position: relative;
}

.thanks {
  font-size: 30px;
  text-transform: uppercase;
  padding: 50px 0 80px;
  text-align: center;
}

.portfolio-wrap-nav {
  padding-left: 15px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.portfolio-wrap-nav .btn-wrap {
  margin-bottom: 0;
}

@media (max-width: 479px) {
  .portfolio-wrap-nav {
    position: static;
  }
}

div.portfolio-detail img {
  display: block;
  margin: 0 auto;
  width: auto;
}

@media (max-width: 1023px) {
  .self-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.container-trust-us {
  margin-top: 30px;
}

@media (max-width: 479px) {
  .container-trust-us {
    margin-top: 45px;
  }
}

.trust-us-item {
  text-align: center;
  margin: 15px 30px;
  width: 220px;
  height: 165px;
  position: relative;
}

.trust-us-item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
  transition: all .3s ease-in-out;
  opacity: .43;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.trust-us-item:hover img {
  opacity: 1;
  filter: none;
}

@media (max-width: 579px) {
  .trust-us-item {
    margin: 0;
  }
}

@media (min-width: 900px) {
  .potrfolio-btn {
    display: none;
  }
}

.container-blog {
  margin-top: 100px;
}

@media (max-width: 1024px) {
  .container-blog .flex-container {
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.blog-item {
  font-size: 16px;
  max-width: 540px;
}

.blog-item-image {
  display: block;
  margin: 40px auto 30px;
  height: 250px;
  width: 250px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
}

.blog-item-image img {
  display: block;
  margin: 0;
  width: auto;
  height: inherit;
  object-fit: contain;
  object-position: center;
  box-shadow: 3px 40px 40px rgba(0, 0, 0, 0.15);
}

.blog-item-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -50px;
  width: 40px;
  height: 4px;
  background: #00cdc8;
}

@media (min-width: 767px) and (max-width: 1024px) {
  .blog-item-image {
    width: 480px;
    height: 480px;
  }
}

@media (min-width: 900px) {
  .blog-item-image::after {
    left: -70px;
    width: 60px;
    height: 6px;
  }
}

@media (min-width: 1180px) {
  .blog-item-image {
    margin-left: 70px;
    width: 390px;
    height: 390px;
  }

  .blog-item-image::after {
    left: -70px;
    width: 60px;
    height: 6px;
  }
}

@media (min-width: 1790px) {
  .blog-item-image {
    width: 480px;
    height: 480px;
  }

  .blog-item-image::after {
    left: -70px;
    width: 60px;
    height: 6px;
  }
}

.blog-item-header {
  font: 700 22px/1.4 Roboto, Arial, Tahoma, sans-serif;
  min-height: 2.8em;
  margin-bottom: 20px;
  margin-top: 35px;
}

.blog-item-header a {
  text-decoration: none;
  color: #3b3b3b;
  text-transform: uppercase;
}

.blog-item-header a:hover,.blog-item-header a:focus {
  text-decoration: none;
  color: #f90;
}

.blog-item-content.flex-container {
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog-item-date {
  margin-bottom: 10px;
  color: #888686;
  width: 100px;
}

.blog-item-text {
  overflow: hidden;
  max-width: 405px;
}

@media (max-width: 1366px) {
  .blog-item {
    max-width: 500px;
  }
}

@media (max-width: 1179px) {
  .blog-item-header a {
    font-size: 21px;
  }
}

@media (max-width: 1024px) {
  .blog-item-image {
    width: 100%;
  }
}

@media (max-width: 479px) {
  .blog-item-image {
    height: auto;
  }
}

.blog-header-vertical {
  width: 32px;
  height: 107px;
  position: absolute;
  top: 40px;
  left: 210px;
}

@media (max-width: 1789px) {
  .blog-header-vertical {
    left: 50px;
  }
}

.list-attr .content .news-item.detail ul {
  list-style-type: disc;
  padding-left: 20px;
}

.container-main-news {
  margin-top: 90px;
}

@media (max-width: 899px) {
  .container-main-news {
    display: none;
  }
}

.news-header {
  text-transform: uppercase;
  font-size: 42px;
  line-height: 50px;
  font-weight: 700;
  opacity: .3;
  margin-bottom: 28px;
}

.news-item {
  margin-top: 30px;
  max-width: 280px;
}

.news-item-date {
  color: #888686;
  float: left;
  margin-right: 15px;
}

.news-item-text {
  float: left;
}

.news-item-text a {
  text-decoration: none;
  color: #3b3b3b;
  display: inline-block;
}

.news-item-text a .ellipsis {
  font-size: 30px;
  line-height: 10px;
  color: #00cdc8;
}

.news-item-text a:hover,.news-item-text a:focus,.news-item-text a:hover .ellipsis,.news-item-text a:focus .ellipsis {
  color: #f90;
}

#ladda .show-more {
  margin: 0;
  position: relative;
}

#ladda .show-more .btn-wrap {
  margin-top: 0;
}

.info-wrap {
  margin-top: 100px;
  color: #000;
  padding-top: 20px;
}

.info-wrap .news .news-link {
  width: 40%;
  display: block;
}

.info-wrap .news-info {
  width: 59%;
  padding-left: 40px;
}

@media (max-width: 1789px) {
  .info-wrap .news-info {
    padding-left: 15px;
  }
}

@media (max-width: 1789px) {
  .info-wrap .news .news-header {
    margin-bottom: 25px;
  }
}

@media (max-width: 1239px) {
  .info-wrap .news-info {
    padding-left: 15px;
  }
}

@media (max-width: 899px) {
  .info-wrap .news .news-link {
    width: 30%;
  }

  .info-wrap .news-info {
    width: 69%;
  }
}

@media (max-width: 767px) {
  .info-wrap .news .news-link {
    width: 100%;
  }

  .info-wrap .news-info {
    width: 100%;
    padding-left: 0;
  }
}

.info-wrap .img-shadow {
  box-shadow: 3px 40px 40px rgba(0,0,0,0.1);
  height: auto;
}

@media (max-width: 899px) {
  .info-wrap .img-shadow {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

.info-wrap h1 {
  font-weight: 900;
  font-size: 42px;
  margin: 0 0 30px;
  color: #00cdc8;
  line-height: 1.2;
}

@media (max-width: 480px) {
  .info-wrap h1 {
    font-size: 30px;
    margin-bottom: 25px;
  }
}

.info-wrap h2 {
  color: #00cdc8;
  line-height: 1.2;
}

.info-wrap .news-header {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  opacity: 1;
}

.info-wrap .news-header a {
  color: black;
}

.info-wrap .news-header::before {
  content: '';
  display: block;
  background-color: #00cdc8;
  width: 62px;
  height: 5px;
  margin-bottom: 25px;
}

@media (max-width: 479px) {
  .info-wrap .news-header {
    font-size: 18px;
    line-height: 1.2;
  }
}

.info-wrap .news-item-text {
  margin: 0;
  color: #000;
}

@media (max-width: 479px) {
  .info-wrap .news-item-text {
    min-width: 100%;
  }
}

@media (max-width: 1239px) {
  .info-wrap {
    margin-top: 100px;
  }

  .info-wrap .show-more .btn-wrap {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .info-wrap {
    margin-top: 70px;
    padding: 0 20px;
  }

  .info-wrap h2 {
    margin-bottom: 20px;
  }

  .info-wrap img {
    display: block;
    margin: 0 auto 30px;
  }

  .info-wrap .news-header {
    margin-top: 30px;
  }

  .info-wrap .btn-wrap {
    display: none;
    margin: 20px 0 0;
  }

  .info-wrap .btn-wrap.btn-filter {
    display: block;
    margin-top: 0;
    margin-bottom: 40px;
    text-align: center;
  }

  .info-wrap .show-more {
    margin-top: 30px;
  }

  .info-wrap .show-more p {
    text-align: center;
  }

  .info-wrap .show-more .btn-wrap {
    margin-bottom: 30px;
    display: block;
  }

  .info-wrap .topical-news {
    margin-bottom: 30px;
  }

  .info-wrap .topical-news h5 {
    margin-top: 40px;
  }
}

@media (max-width: 767px) and (max-width: 479px) {
  .info-wrap .show-more {
    margin-top: 10px;
    margin-bottom: 80px;
  }
}

@media (max-width: 479px) {
  .info-wrap {
    padding: 0 15px;
  }

  .info-wrap h2 {
    font-size: 30px;
  }

  .info-wrap .news .news-header {
    margin-top: 0;
    border-top: 5px solid #00cdc8;
    padding-top: 30px;
  }

  .info-wrap .news .news-header::before {
    display: none;
  }

  .info-wrap .news .absolute {
    position: absolute;
    top: 20px;
  }

  .info-wrap .news .news-item-text {
    padding-left: 0;
  }
}

.img-wrap img {
  box-shadow: none;
}

.show-more {
  margin-top: 40px;
  margin-bottom: 140px;
}

.show-more p {
  position: absolute;
}

@media (max-width: 1023px) {
  .show-more .empty-result {
    position: static;
  }
}

@media (max-width: 767px) {
  .show-more p {
    position: static;
  }

  .show-more .btn.btn-white.ladda-button {
    margin-right: 0px;
  }
}

.show-more-portfolio {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}

@media (max-width: 767px) {
  .show-more-portfolio {
    position: static;
  }
}

.detail {
  max-width: 100%;
}

.detail img {
  box-shadow: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.detail .news-item-date {
  width: 100px;
  border-top: 5px solid #00cdc8;
  margin-top: 5px;
}

@media (max-width: 767px) {
  .detail .news-item-date {
    padding-right: 0;
    width: 100%;
  }
}

.detail .news-item-text {
  float: none;
}

@media (max-width: 767px) {
  .detail .news-item-text {
    padding-left: 0;
  }
}

.detail article .news-item-text {
  max-width: 100%;
  padding-left: 0;
}

.detail article .padding {
  padding-left: 300px;
}

@media (max-width: 899px) {
  .detail article .padding {
    padding-left: 0;
  }
}

.detail article .popup-gallery .gallery-item {
  display: inline-block;
  width: 230px;
  vertical-align: top;
  margin: 10px 5px;
  padding: 0;
  max-height: 155px;
  overflow: hidden;
}

.detail article .popup-gallery .gallery-item a {
  display: block;
  text-align: center;
  height: 155px;
}

.detail article .popup-gallery .gallery-item a img {
  width: auto;
}

.detail article .popup-gallery .shadow {
  -webkit-box-shadow: 8px 8px 25px 0px rgba(0,0,0,0.05);
  -moz-box-shadow: 8px 8px 25px 0px rgba(0,0,0,0.05);
  box-shadow: 8px 8px 25px 0px rgba(0,0,0,0.05);
}

.detail article .popup-gallery .shadow:hover {
  -webkit-box-shadow: 8px 8px 25px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: 8px 8px 25px 0px rgba(0,0,0,0.1);
  box-shadow: 8px 8px 25px 0px rgba(0,0,0,0.1);
}

.detail h5 {
  font-size: 22px;
  opacity: .5;
  margin: 40px 0 20px;
}

.detail blockquote {
  padding: 0 0 0 200px;
  margin: 20px 0;
  border: none;
  background-color: inherit;
  position: relative;
}

.detail blockquote::before,.detail blockquote::after {
  display: none;
}

.detail blockquote .svg-quote,.detail blockquote .svg-quote-mini {
  position: absolute;
  top: 5px;
  left: 80px;
  fill: #00cdc8;
}

.detail blockquote .svg-quote-mini {
  display: none;
}

.detail blockquote p {
  font-size: 22px;
  opacity: .6;
}

@media (max-width: 899px) {
  .detail blockquote {
    padding-left: 160px;
  }

  .detail blockquote p {
    font-size: 22px;
    line-height: 1.2;
  }

  .detail blockquote .svg-quote {
    left: 40px;
  }

  .detail blockquote .svg-quote-mini {
    left: 0;
  }
}

@media (max-width: 767px) {
  .detail blockquote {
    padding-left: 60px;
  }

  .detail blockquote p {
    font-size: 16px;
    line-height: 1.8;
  }

  .detail blockquote .svg-quote {
    display: none;
  }

  .detail blockquote .svg-quote-mini {
    display: block;
    left: 0;
  }
}

.link-back {
  width: 100%;
  padding: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
  box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

@media (min-width: 1790px) {
  .link-back {
    margin-bottom: 200px;
  }
}

@media (max-width: 767px) {
  .link-back {
    display: none;
  }
}

.back {
  text-transform: uppercase;
  color: #000;
  display: inline-block;
  margin-top: 50px;
}

.back .icon {
  margin: 0 0 -2px 15px;
  color: #e84f47;
}

.topical-news h5 {
  margin: 100px 0 25px;
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  opacity: .6;
}

.topical-news img {
  box-shadow: none;
}

.topical-news-item {
  width: 45%;
}

.topical-news-item h6 {
  font-size: 16px;
}

.topical-news-item h6 a {
  color: #000;
}

.topical-news-item span {
  padding: 0;
}

@media (min-width: 1790px) {
  .topical-news {
    margin-bottom: 200px;
  }
}

@media (max-width: 1239px) {
  .topical-news-item {
    width: 30%;
  }

  .topical-news h5 {
    margin-top: 70px;
  }
}

@media (max-width: 768px) {
  .topical-news-item {
    width: 45%;
  }
}

@media (max-width: 480px) {
  .topical-news-item {
    width: 100%;
  }
}

.article-left {
  width: 260px;
  margin-top: 5px;
}

.article-left p {
  border-top: 3px solid #f90;
  border-bottom: 3px solid #f90;
  padding: 25px 10px;
}

@media (max-width: 899px) {
  .article-left {
    display: block;
  }
}

@media (max-width: 767px) {
  .article-left {
    width: 100%;
  }
}

.article-right {
  width: 72%;
}

@media (max-width: 1789px) {
  .article-right {
    width: 65%;
  }
}

@media (max-width: 1440px) {
  .article-right {
    width: 59%;
  }
}

@media (max-width: 1239px) {
  .article-right {
    width: 65%;
  }
}

@media (max-width: 1023px) {
  .article-right {
    width: 55%;
  }
}

@media (max-width: 767px) {
  .article-right {
    width: 100%;
  }
}

ul.disc {
  list-style: disc;
  list-style-position: inside;
}

h3.after {
  font-size: 41px;
  color: #3b3b3b;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 35px;
  margin-bottom: 20px;
  margin-top: 0;
}

h3.after::after {
  content: '';
  display: block;
  width: 227px;
  height: 5px;
  background-color: #00cdc8;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (max-width: 900px) {
  h3.after {
    font-size: 36px;
    line-height: 1.2;
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  h3.after {
    font-size: 30px;
    line-height: 1.2;
  }
}

@media (max-width: 479px) {
  h3.after {
    font-size: 24px;
    margin-bottom: 35px;
  }
}

.slider-wrap {
  color: #000;
}

.slider-wrap.team {
  margin-top: 120px;
  margin-bottom: 200px;
}

.slider-wrap.team .slider-item {
  position: relative;
}

.slider-wrap.team .slider-item img {
  box-shadow: none;
  border-bottom: 5px solid #cecece;
}

.slider-wrap.team .slider-item h5 {
  margin-top: 25px;
  font-size: 16px;
  text-transform: uppercase;
  color: #888686;
  line-height: 1.2;
}

.slider-wrap.team .slider-item h5 strong {
  display: block;
  text-transform: none;
  font-weight: normal;
  margin-top: 7px;
}

.slider-wrap.team .slider-item p {
  color: #888686;
}

@media (max-width: 479px) {
  .slider-wrap.team .slider-item img {
    border-color: #00cdc8;
    width: 100%;
  }

  .slider-wrap.team .slider-item h5 {
    color: #000;
    margin-bottom: 5px;
  }

  .slider-wrap.team .slider-item h5 strong {
    margin: 0;
  }

  .slider-wrap.team .slider-item p {
    margin-top: 0;
  }
}

.slider-wrap.team .top-slider-item-count {
  border-bottom: none;
  font-weight: 900;
  left: 0;
  margin-left: 0;
}

@media (max-width: 479px) {
  .slider-wrap.team .top-slider-item-count {
    position: absolute;
    margin: 0;
    top: 50px;
    left: 0;
    bottom: auto;
    display: block;
    font-size: 24px;
  }

  .slider-wrap.team .top-slider-item-count span {
    font-size: 60px;
  }
}

@media (max-width: 1789px) {
  .slider-wrap.team {
    margin-bottom: 0;
  }
}

@media (max-width: 479px) {
  .slider-wrap.team {
    width: 100%;
    padding: 0 20px;
  }

  .slider-wrap.team .slider-item h5 {
    font-size: 12px;
  }

  .slider-wrap.team img {
    padding-top: 35px;
  }
}

@media (max-width: 767px) {
  .slider-wrap.team {
    margin-top: 50px;
  }
}

.owl-stage-outer {
  overflow: hidden;
  transition: all .2s ease-in-out;
}

.owl-item {
  float: left;
}

.owl-item.on .slider-item img {
  border-color: #00cdc8;
}

.owl-item.on .slider-item h5 {
  color: #000;
}

.owl-item.on .slider-item .top-slider-item-count {
  display: block;
}

@media (max-width: 479px) {
  .owl-item {
    max-width: 479px;
    width: 100%;
  }
}

.inner .owl-nav {
  position: absolute;
  right: 0;
  left: 0;
}

.inner .owl-nav .owl-prev,.inner .owl-nav .owl-next {
  cursor: pointer;
  position: absolute;
  font-weight: bold;
  color: #999;
}

@media (max-width: 479px) {
  .inner .owl-nav .owl-prev,.inner .owl-nav .owl-next {
    display: none;
  }
}

.inner .owl-nav .owl-prev {
  right: 30%;
}

.inner .owl-nav .owl-next {
  right: 5%;
}

.inner .owl-nav .owl-next span {
  background-position: -21px 0px;
}

.about-achievements {
  padding: 80px 0 0;
}

.about-achievements::before {
  content: '';
  display: block;
  width: 640px;
  height: 207px;
  position: absolute;
  z-index: -1;
  top: -10px;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-achievements p {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.1;
  color: #444;
}

.about-achievements p strong {
  display: block;
  font-size: 72px;
  color: #f90;
}

.about-achievements-item {
  width: 23%;
  padding-right: 20px;
}

@media (max-width: 1249px) {
  .about-achievements-item {
    width: 24%;
  }
}

@media (max-width: 1024px) {
  .about-achievements-item {
    padding-right: 15px;
  }
}

.about-achievements-us {
  position: absolute;
  top: -100px;
  right: 50px;
  width: 38px;
  height: 420px;
  background-image: url(/images/txt-sprite.png);
  background-position: -142px 0px;
}

@media (max-width: 1239px) {
  .about-achievements-us {
    right: 20px;
  }
}

@media (max-width: 1023px) {
  .about-achievements-us {
    right: 0px;
  }
}

@media (max-width: 767px) {
  .about-achievements {
    display: none;
  }
}

#slider-about .owl-stage-outer {
  margin-bottom: 120px;
  transition: all .2s ease-in-out;
}

@media (max-width: 767px) {
  #slider-about .owl-stage-outer {
    margin-bottom: 75px;
    padding-bottom: 80px;
  }
}

@media (max-width: 479px) {
  #slider-about .owl-stage-outer {
    margin-bottom: 0;
  }
}

#slider-about .owl-nav {
  position: static;
  text-align: right;
}

@media (max-width: 767px) {
  #slider-about .owl-nav {
    display: none;
  }
}

@media (max-width: 479px) {
  #slider-about .owl-nav {
    text-align: center;
    margin-top: 10px;
  }
}

#slider-about .owl-prev,#slider-about .owl-next {
  position: static;
  display: inline-block;
}

#slider-about .owl-next {
  margin-right: 50px;
  margin-left: 200px;
}

.img-wrap {
  margin-bottom: 30px;
  width: 100%;
}

.img-wrap img {
  width: 100%;
}

.service-list {
  margin: 30px 0 70px;
}

.service-list p {
  margin: 0 0 10px;
}

.service-list ul {
  margin: 0;
  padding: 0;
}

.service-list ul li {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 900;
  color: #939191;
  list-style-type: none;
  line-height: 1.3;
}

@media (max-width: 1024px) {
  .service-list {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .service-list {
    margin: 10px 0 45px;
  }

  .service-list ul li {
    font-size: 18px;
    margin: 10px 0;
  }
}

.arrow-down {
  cursor: pointer;
  position: absolute;
  top: 55%;
  left: -60px;
  right: 0;
  margin: 0 auto;
  width: 65px;
  height: 65px;
  background-color: rgba(124,187,220,0.9);
  padding: 20px 22px 20px 18px;
  border: 4px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #00cdc8;
  -moz-box-shadow: 0 0 0 1px #00cdc8;
  -ms-box-shadow: 0 0 0 1px #00cdc8;
  box-shadow: 0 0 0 1px #00cdc8;
}

.arrow-down span {
  display: block;
  width: 21px;
  height: 16px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media (min-width: 1790px) {
  .arrow-down {
    left: -70px;
  }
}

@media (max-width: 1440px) {
  .arrow-down {
    left: -46px;
  }
}

@media (max-width: 1239px) {
  .arrow-down {
    left: -70px;
  }
}

@media (max-width: 1024px) {
  .arrow-down {
    left: -62px;
  }
}

@media (max-width: 768px) {
  .arrow-down {
    left: -42px;
  }
}

@media (max-width: 767px) {
  .arrow-down {
    display: none;
  }
}

img.ru-center {
  margin-top: -10px;
  display: inline-block;
  width: 225px;
  height: 94px;
}

@media (max-width: 768px) {
  img.ru-center {
    margin-left: 0;
  }
}

@media (max-width: 480px) {
  img.ru-center {
    margin-bottom: 0;
  }
}

.faq {
  margin: 30px 0 20px;
  max-width: 100%;
}

.faq h4 {
  font-size: 42px;
  color: #cdcccc;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .faq {
    margin-top: 90px;
  }
}

@media (max-width: 767px) {
  .faq {
    margin-top: 30px;
  }

  .faq h4 {
    font-size: 24px;
    margin-bottom: 40px;
  }
}

.faq-item-container {
  margin: 0 -15px;
  max-width: 100%;
  font-size: 0;
}

@media (max-width: 767px) {
  .faq-item-container {
    margin: 0;
  }
}

.faq-item {
  max-width: 700px;
  width: 45%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 30px 15px 0;
  font-size: 16px;
}

.faq-item .question {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .faq-item .question {
    margin-bottom: 0px;
  }
}

.faq-item p {
  margin: 0;
}

.faq-item .text {
  display: inline-block;
  float: right;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #00cdc8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding: 9px 12px 8px;
  cursor: pointer;
}

.faq-item .text span {
  display: block;
  width: 15px;
  height: 20px;
}

.faq-item .text.open {
  background-color: #00cdc8;
}

.faq-item .text.open span {
  background-position: -207px 0;
}

@media (max-width: 767px) {
  .faq-item {
    margin: 0 0 30px;
    padding-right: 40px;
    width: 100%;
  }

  .faq-item .text {
    top: 0;
  }
}

.answer {
  display: none;
}

.answer-item {
  display: none;
  background-color: #fff;
  z-index: 10;
  margin: 0;
  width: 95%;
  padding: 20px;
  -webkit-box-shadow: 0 0 32px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 32px rgba(0,0,0,0.1);
  -ms-box-shadow: 0 0 32px rgba(0,0,0,0.1);
  box-shadow: 0 0 32px rgba(0,0,0,0.1);
  font-size: 16px;
}

@media (max-width: 767px) {
  .answer-item {
    width: 100%;
  }
}

.inspection {
  margin-top: 80px;
}

.inspection h5 {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 45px;
}

.inspection-form {
  width: 100%;
}

.inspection-form input[type="text"] {
  float: left;
  color: #000;
  max-width: 70%;
  height: 43px;
  font-size: 14px;
  color: #808080;
  padding: 14px 22px;
  margin-left: 85px;
}

.inspection-form input[type="submit"] {
  float: right;
  background-color: #fff;
  border: 2px solid #f90;
  color: #000;
  font-style: normal;
  font-weight: normal;
  padding: 0 45px;
  line-height: 2;
  height: 43px;
}

.inspection-form .ru-mini {
  display: inline-block;
  width: 65px;
  height: 65px;
  position: absolute;
  left: 0;
  top: -9px;
  box-shadow: none;
  background-color: #216BB3;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.inspection-form .ru-mini span {
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 35px;
  line-height: 1.85;
  font-family: monospace;
}

@media (max-width: 1789px) {
  .inspection-form input[type="text"] {
    max-width: 65%;
  }
}

@media (max-width: 1440px) {
  .inspection-form input[type="text"] {
    max-width: 62%;
  }
}

@media (max-width: 1365px) {
  .inspection-form input[type="text"] {
    max-width: 57%;
  }
}

@media (max-width: 1239px) {
  .inspection-form input[type="text"] {
    max-width: 68%;
  }
}

@media (max-width: 990px) {
  .inspection-form input[type="text"] {
    max-width: 62%;
  }
}

@media (max-width: 850px) {
  .inspection-form input[type="text"] {
    max-width: 58%;
  }
}

@media (max-width: 767px) {
  .inspection-form input[type="text"] {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
  }

  .inspection-form input[type="submit"] {
    float: none;
    display: block;
    margin: 0 auto;
  }

  .inspection-form .ru-mini {
    display: none;
  }
}

@media (max-width: 767px) {
  .inspection {
    margin-top: 0;
  }

  .inspection h5 {
    text-align: left;
    margin-bottom: 30px;
  }
}

.usefulness {
  margin-top: 150px;
  margin-bottom: 100px;
}

.usefulness-link {
  margin: 60px 0 0;
  padding: 0;
}

.usefulness-link li {
  list-style-type: none;
  margin: 15px 0;
}

.usefulness-link li a {
  display: block;
  color: #000;
  font-weight: bold;
}

.usefulness-link li a:hover {
  text-decoration: underline;
}

.usefulness-link li a svg {
  fill: #f90;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .usefulness-link {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .usefulness {
    margin-top: 70px;
  }

  .usefulness h3 {
    font-size: 25px;
    line-height: 1.3;
  }

  .usefulness h3::after {
    margin-top: 25px;
  }
}

@media (max-width: 467px) {
  .usefulness-link li a {
    font-size: 12px;
  }

  .usefulness-link li svg {
    float: right;
    margin-top: 5px;
  }
}

.vacancy h4 {
  max-width: 450px;
  margin: 115px auto 20px;
  text-transform: uppercase;
  font-size: 16px;
}

.vacancy .flex-cintainer {
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.vacancy .btn-wrap {
  display: block;
}

@media (max-width: 619px) {
  .vacancy .flex-cintainer {
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.vacancy-item {
  width: 40%;
  display: block;
  padding: 15px;
  margin: 50px 5px 40px;
  text-align: center;
  font-size: 18px;
  color: #000;
  font-weight: 900;
  text-transform: uppercase;
  -webkit-box-shadow: 0 40px 40px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 40px 40px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 40px 40px rgba(0,0,0,0.2);
  box-shadow: 0 40px 40px rgba(0,0,0,0.2);
}

.vacancy-item:hover,.vacancy-item:focus,.vacancy-item:active {
  text-decoration: none;
}

.vacancy-item svg {
  display: block;
  fill: #f90;
  margin: 10px auto 25px;
  font-size: 12px;
}

@media (max-width: 1023px) {
  .vacancy-item {
    width: 320px;
  }
}

@media (max-width: 700px) {
  .vacancy-item {
    width: 290px;
  }
}

.vacancy-date {
  font-size: 12px;
  display: block;
  text-align: right;
  color: #888686;
  text-transform: none;
  font-weight: normal;
}

.vacancy-icon {
  display: block;
  width: 115px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
}

.vacancy-icon img {
  box-shadow: none;
}

.form-vacancy {
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
}

.form-vacancy input[type="file"] {
  margin-top: 20px;
  width: 100%;
  opacity: 0;
  height: 45px;
  cursor: pointer;
}

.form-vacancy .btn-wrap {
  margin-top: 10px;
}

.form-vacancy .btn-wrap .btn {
  padding: 10px 20px;
  font-size: 16px;
}

@media (max-width: 899px) {
  .form-vacancy {
    margin-bottom: 90px;
  }
}

.file-vacancy {
  width: 168px;
  line-height: 1;
  cursor: pointer;
  position: absolute;
  bottom: 240px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #808080;
  z-index: -1;
}

.file-vacancy span {
  display: inline-block;
  color: #00cdc8;
  font-size: 25px;
  font-weight: 300;
  font-style: normal;
  vertical-align: middle;
  margin-right: 7px;
  margin-bottom: 3px;
  line-height: 0.5;
  -webkit-transform: translateX(-20px);
  -moz-transform: translateX(-20px);
  transform: translateX(-20px);
  opacity: 0;
  transition: all 1s ease-in-out;
}

.btn-vacancy {
  padding: 0 65px;
  font-style: normal;
  font-weight: normal;
}

.file-wrap:hover .file-vacancy span {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.vacancy-detail {
  padding: 20px 15px 15px 170px;
  margin-top: 70px;
  -webkit-box-shadow: 0 40px 40px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 40px 40px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 40px 40px rgba(0,0,0,0.2);
  box-shadow: 0 40px 40px rgba(0,0,0,0.2);
}

.vacancy-detail .vacancy-icon {
  position: absolute;
  left: 40px;
  top: 20px;
  text-align: left;
  margin: 0;
}

.vacancy-detail-item {
  vertical-align: top;
}

.vacancy-detail-item h5 {
  margin: 0 0 35px;
  font-weight: 900;
  color: #00cdc8;
  font-size: 24px;
  text-transform: uppercase;
  width: 100%;
}

.vacancy-detail-item p {
  font-weight: bold;
  margin: 0 0 18px;
}

.vacancy-detail .vacancy-date {
  display: inline-block;
  float: right;
}

.vacancy-detail .info-list li {
  line-height: 1.3;
}

.vacancy-detail .tags {
  display: block;
  padding: 0;
  margin: 30px 0;
}

.vacancy-detail .tags li {
  display: inline-block;
  background-color: #e8e8e8;
  padding: 4px 12px;
  border-radius: 20px;
  margin: 0 8px 15px 0;
}

.vacancy-detail .links {
  margin: 0;
}

.vacancy-detail .links svg {
  fill: #f90;
  margin: 0 8px -3px 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.vacancy-detail .links a {
  color: #f90;
  display: inline-block;
}

.vacancy-detail .links a.return {
  margin-top: 11px;
}

.vacancy-detail .links a.btn {
  color: #000;
  float: right;
  padding: 10px 15px;
  font-weight: normal;
  font-size: 16px;
}

.vacancy-detail .links a.btn:hover {
  color: #fff;
}

@media (min-width: 1790px) {
  .vacancy-detail {
    margin-bottom: 200px;
  }
}

@media (max-width: 767px) {
  .vacancy-detail {
    padding: 0;
    box-shadow: none;
    margin-bottom: 70px;
    margin-top: 10px;
  }

  .vacancy-detail-item {
    vertical-align: top;
  }

  .vacancy-detail-item h5 {
    margin-bottom: 30px;
    font-size: 22px;
  }

  .vacancy-detail .vacancy-icon {
    position: static;
    margin: 0 auto;
  }

  .vacancy-detail .vacancy-date {
    float: none;
    display: block;
    margin: 10px 0 0;
    text-align: left;
  }

  .vacancy-detail .btn-wrap {
    display: block;
  }
}

.development .btn-wrap {
  display: block;
}

.development .img-wrap {
  margin: 40px 0 0 -46px;
}

.development .arrow-down {
  top: 52%;
  left: 0;
}

@media (max-width: 1789px) {
  .development .img-wrap {
    margin: 0;
  }

  .development .arrow-down {
    display: none;
  }
}

@media (max-width: 767px) {
  .development .img-wrap img {
    margin-bottom: 10px;
  }
}

@media (max-width: 480px) {
  .development .img-wrap img {
    margin-bottom: 25px;
  }
}

.development-info {
  max-width: 750px;
}

@media (max-width: 767px) {
  .development-info {
    margin-top: 0;
    line-height: 1.7;
  }
}

.slider-wrap.develop {
  margin-top: 100px;
}

.slider-wrap.develop .top-slider-item-count {
  display: block;
  margin-top: 40px;
  margin-left: 0;
  border-bottom: none;
}

.slider-wrap.develop .img-wrap {
  margin-top: 0;
}

.slider-wrap.develop::before {
  display: none;
}

@media (max-width: 1680px) {
  .slider-wrap.develop {
    margin-top: 100px;
  }
}

@media (max-width: 767px) {
  .slider-wrap.develop {
    margin-top: 40px;
  }
}

@media (max-width: 479px) {
  .slider-wrap.develop .top-slider-item-count {
    font-size: 20px;
  }

  .slider-wrap.develop .top-slider-item-count span {
    font-size: 50px;
  }
}

.slider-header {
  overflow: hidden;
  margin: 60px 0 40px;
  text-transform: uppercase;
}

.slider-header ul {
  padding: 0;
  margin: 0;
}

.slider-header ul li {
  position: relative;
  list-style-type: none;
  float: left;
  font-size: 21px;
  color: #939191;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 50px;
}

.slider-header ul li span {
  font-size: 16px;
  color: #f90;
}

.slider-header ul li.on {
  color: #00cdc8;
}

@media (max-width: 1023px) {
  .slider-header ul li {
    font-size: 17px;
  }
}

@media (max-width: 1280px) {
  .slider-header {
    margin-bottom: 40px;
  }
}

@media (max-width: 1179px) {
  .slider-header {
    margin: 65px 0 40px;
  }
}

@media (max-width: 480px) {
  .slider-header {
    margin-top: 40px;
  }
}

@media (max-width: 479px) {
  .slider-header {
    display: none;
  }
}

.slider-header-mobile {
  width: 100%;
  display: none;
  margin: 0;
}

.slider-header-mobile p {
  position: relative;
  color: #00cdc8;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: bold;
  padding-left: 23px;
  margin: 0 0 30px;
}

.slider-header-mobile p span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  color: #f90;
}

@media (max-width: 479px) {
  .slider-header-mobile {
    display: block;
  }
}

.slider-inner.slider-develop .slider-item .text {
  width: 55%;
}

.slider-inner.slider-develop .slider-item .text p {
  margin: 0;
  color: #000;
}

.slider-inner.slider-develop .slider-item .img-wrap {
  width: 40%;
  margin-bottom: 0;
}

.slider-inner.slider-develop .slider-item .img-wrap img {
  border-bottom: none;
}

@media (max-width: 1789px) {
  .slider-inner.slider-develop .slider-item .text {
    width: 45%;
  }

  .slider-inner.slider-develop .slider-item .img-wrap {
    width: 55%;
    margin-right: -40px;
  }
}

@media (max-width: 767px) {
  .slider-inner.slider-develop .slider-item .text {
    width: 100%;
    order: 2;
  }

  .slider-inner.slider-develop .slider-item .img-wrap {
    width: 100%;
    order: 1;
  }
}

.slider-inner.slider-develop .owl-nav {
  position: static;
  text-align: center;
  margin-top: 40px;
}

.slider-inner.slider-develop .owl-nav .owl-prev {
  position: static;
  display: inline-block;
  color: #777;
  margin-right: 105px;
}

.slider-inner.slider-develop .owl-nav .owl-next {
  position: static;
  display: inline-block;
  color: #777;
}

.infografic {
  margin-top: 120px;
}

.infografic h3 {
  font-size: 42px;
  font-weight: bold;
  text-transform: uppercase;
  color: #cdcccc;
  margin-bottom: 60px;
}

.infografic p {
  color: #393939;
  text-transform: uppercase;
}

.infografic strong {
  font-size: 70px;
  display: block;
  color: #f90;
  line-height: 1;
}

@media (max-width: 1024px) {
  .infografic h3 {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .infografic h3 {
    font-size: 23px;
    margin-bottom: 10px;
  }
}

@media (max-width: 500px) {
  .infografic {
    margin-top: 70px;
  }

  .infografic h3 {
    margin-bottom: 25px;
  }
}

.infografic-wrap {
  min-height: 670px;
}

.infografic-wrap img.no-shadow {
  box-shadow: none;
}

@media (max-width: 767px) {
  .infografic-wrap img {
    display: none;
  }
}

@media (max-width: 767px) {
  .infografic-wrap {
    background-image: none;
    min-height: 1px;
  }
}

img#svg-grafic {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  z-index: -1;
}

.infografic-item {
  float: left;
  width: 32%;
  padding: 0 25px;
  text-transform: uppercase;
}

@media (max-width: 1239px) {
  .infografic-item {
    width: 35%;
  }
}

@media (max-width: 768px) {
  .infografic-item {
    width: 37%;
  }
}

.infografic-item.item-2 {
  width: 31%;
}

@media (max-width: 1680px) {
  .infografic-item.item-2 {
    width: 34.5%;
    padding-left: 50px;
  }
}

@media (max-width: 1440px) {
  .infografic-item.item-2 {
    padding-left: 65px;
  }
}

@media (max-width: 1239px) {
  .infografic-item.item-2 {
    width: 23.3%;
    padding-left: 0px;
  }
}

@media (max-width: 1239px) {
  .infografic-item.item-2 {
    width: 27.3%;
    padding-left: 20px;
  }
}

@media (max-width: 768px) {
  .infografic-item.item-2 {
    width: 28.3%;
    padding-left: 20px;
  }
}

.infografic-item.item-3 {
  width: 33.33333333%;
}

@media (max-width: 1680px) {
  .infografic-item.item-3 {
    padding-left: 55px;
  }
}

@media (max-width: 1440px) {
  .infografic-item.item-3 {
    padding-left: 78px;
  }
}

@media (max-width: 767px) {
  .infografic-item {
    width: 100% !important;
    min-width: 1px;
    float: none;
    margin: 0 0 30px;
    display: block;
    text-transform: lowercase;
  }

  .infografic-item p {
    position: relative;
    padding-left: 60px;
  }

  .infografic-item strong {
    position: absolute;
    display: block;
    width: 50px;
    left: 0;
  }

  .infografic-item.item-1,.infografic-item.item-2,.infografic-item.item-3 {
    padding-left: 60px;
  }

  .infografic-item.item-1 p,.infografic-item.item-2 p,.infografic-item.item-3 p {
    text-transform: none;
    margin: 30px 0;
  }

  .infografic-item.item-1 strong,.infografic-item.item-2 strong,.infografic-item.item-3 strong {
    display: inline-block;
    font-size: 30px;
  }
}

.infografic-bottom {
  max-width: 425px;
  width: 100%;
  position: absolute;
  bottom: -30px;
  right: 0;
}

.infografic-bottom p {
  position: relative;
  color: #393939;
  text-transform: none;
  margin: 22px 0;
  padding-left: 60px;
}

.infografic-bottom strong {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  font-size: 36px;
  color: #f90;
  font-weight: bold;
  line-height: 1;
  vertical-align: middle;
}

.infografic-bottom p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1789px) {
  .infografic-bottom {
    right: 0;
  }
}

@media (max-width: 767px) {
  .infografic-bottom {
    position: static;
  }

  .infografic-bottom p {
    margin: 30px 0;
  }

  .infografic-bottom p strong {
    font-size: 30px;
  }
}

.project {
  margin-top: 120px;
}

.project div.cta-block {
  margin: 0;
}

.project-slider-item {
  margin-bottom: 75px;
}

.project-slider-item h2 {
  margin: 0;
  max-width: 400px;
}

@media (max-width: 767px) {
  .project-slider-item {
    margin-bottom: 50px;
  }

  .project-slider-item h2 {
    font-size: 18px;
    margin-left: 20px;
  }
}

@media (max-width: 500px) {
  .project-slider-item {
    margin-bottom: 30px;
  }
}

.project-slider {
  margin-top: 60px;
  position: static;
}

.project-slider .owl-nav {
  top: 41.5%;
  bottom: auto;
}

.project-slider .owl-nav .owl-next,.project-slider .owl-nav .owl-prev {
  background: none;
  border: none;
  box-shadow: none;
  width: 86px;
  min-height: 20px;
  height: 100%;
  padding: 0;
  font-weight: bold;
  color: #777;
}

.project-slider .owl-nav .owl-prev {
  left: -6%;
}

@media (max-width: 1919px) {
  .project-slider .owl-nav .owl-prev {
    left: 60%;
  }
}

@media (max-width: 1239px) {
  .project-slider .owl-nav .owl-prev {
    left: 60%;
  }
}

@media (max-width: 767px) {
  .project-slider .owl-nav .owl-prev {
    position: static;
    display: inline-block;
    margin-right: 100px;
  }
}

.project-slider .owl-nav .owl-next {
  right: 18.5%;
}

@media (max-width: 1919px) {
  .project-slider .owl-nav .owl-next {
    right: 10%;
  }
}

@media (max-width: 1239px) {
  .project-slider .owl-nav .owl-next {
    right: 11%;
  }
}

@media (max-width: 768px) {
  .project-slider .owl-nav .owl-next {
    right: 20px;
  }
}

@media (max-width: 767px) {
  .project-slider .owl-nav .owl-next {
    position: static;
    display: inline-block;
  }
}

@media (max-width: 1919px) {
  .project-slider .owl-nav {
    top: 2%;
  }
}

@media (max-width: 767px) {
  .project-slider .owl-nav {
    position: static;
    text-align: center;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .project-slider {
    margin-top: 30px;
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (max-width: 479px) {
  .project-slider {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 1919px) {
  .project {
    margin-top: 100px;
  }
}

@media (max-width: 768px) {
  .project {
    margin-top: 120px;
  }
}

@media (max-width: 767px) {
  .project {
    margin-top: 60px;
  }
}

.project-bg {
  max-width: 790px;
  width: 100%;
  min-height: 400px;
  height: 100%;
  margin: 0 auto 0 3%;
  padding: 55px 84px 0;
  -webkit-box-shadow: 0 40px 40px rgba(0,0,0,0.21);
  -moz-box-shadow: 0 40px 40px rgba(0,0,0,0.21);
  -ms-box-shadow: 0 40px 40px rgba(0,0,0,0.21);
  box-shadow: 0 40px 40px rgba(0,0,0,0.21);
}

.project-bg p {
  margin-bottom: 30px;
}

.project-bg strong {
  text-transform: uppercase;
  font-weight: normal;
}

.project-bg a {
  color: #000;
  text-transform: uppercase;
  float: left;
  text-align: center;
  margin-top: 30px;
}

.project-bg a svg {
  fill: #f90;
  vertical-align: middle;
  margin-left: 15px;
}

@media (max-width: 1366px) {
  .project-bg a {
    margin-top: 25px;
    text-align: left;
  }
}

@media (max-width: 1440px) {
  .project-bg {
    max-width: none;
  }
}

@media (max-width: 1239px) {
  .project-bg {
    margin: 0 auto;
    max-width: 690px;
  }
}

@media (max-width: 1280px) {
  .project-bg a {
    float: none;
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .project-bg {
    margin-left: 0;
    box-shadow: none;
    max-width: 767px;
    padding: 20px 15px 0;
  }
}

.project-img {
  box-shadow: none;
  max-width: 684px;
  width: 100%;
  max-height: 442px;
  margin-right: -170px;
  margin-bottom: -40px;
  float: right;
}

@media (max-width: 1370px) {
  .project-img {
    margin-right: -135px;
  }
}

@media (max-width: 1280px) {
  .project-img {
    margin-top: 40px;
    float: none;
  }
}

@media (max-width: 991px) {
  .project-img {
    min-height: 257px;
  }
}

@media (max-width: 480px) {
  .project-img {
    min-height: auto;
  }
}

a.project-anchor {
  display: inline-block;
  padding: 0 2px 5px;
  border-bottom: 3px solid #00cdc8;
  position: relative;
  margin: 0 0 30px 0;
  color: #00cdc8;
  font-weight: bold;
  text-transform: none;
  float: none;
}

a.project-anchor::after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  margin-right: -35px;
  width: 24px;
  height: 24px;
}

a.project-anchor:hover,a.project-anchor:active,a.project-anchor:focus {
  text-decoration: none;
}

.project-list {
  padding: 0;
  margin: 0;
  list-style-type: disc;
}

.project-list li {
  margin-left: 17px;
  color: #00cdc8;
  line-height: 2.2;
}

.project-list li span {
  color: #000;
}

.faq-project {
  margin-top: 0;
  max-width: 100%;
}

@media (max-width: 767px) {
  .faq-project {
    margin-top: 60px;
  }
}

.reviews {
  margin-top: 120px;
  margin-bottom: 200px;
}

.reviews .content {
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.reviews-wrap {
  width: 46%;
  margin-top: 10px;
}

@media (max-width: 1439px) {
  .reviews-wrap {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .reviews-wrap {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .reviews-wrap {
    margin-top: 10px;
  }
}

@media (max-width: 1789px) {
  .reviews {
    margin-bottom: 30px;
  }
}

@media (max-width: 1439px) {
  .reviews {
    margin-top: 80px;
  }
}

@media (max-width: 767px) {
  .reviews {
    margin-top: 30px;
  }
}

.reviews-item {
  border: none;
  margin: 0 0 30px;
  padding: 0;
  background: none;
}

.reviews-item::before,.reviews-item::after {
  display: none;
}

.reviews-text {
  border: 1px solid #cdcccc;
  border-radius: 5px;
  padding: 20px 25px 42px 25px;
  margin-bottom: 55px;
  position: relative;
}

.reviews-text::after {
  content: '';
  display: inline-block;
  width: 35px;
  height: 25px;
  position: absolute;
  background-color: #fff;
  right: 51px;
  bottom: 0;
  margin-bottom: -24px;
}

.reviews-text p {
  margin: 0;
}

.reviews-text p span {
  display: block;
}

.reviews-text p span.text-dot {
  display: none;
}

.reviews-text p span.text-show {
  display: inline;
}

.reviews-text p span.text-hide {
  display: none;
}

.reviews-text[data-slice="slice"] p span.text-dot {
  display: inline;
}

@media (max-width: 1789px) {
  .reviews-text {
    margin-bottom: 55px;
    padding: 20px 20px 25px 25px;
  }
}

@media (max-width: 767px) {
  .reviews-text::after {
    right: auto;
    left: 50px;
  }
}

.cite {
  color: #000;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2;
  padding-right: 135px;
}

@media (max-width: 1789px) {
  .cite {
    text-align: right;
  }
}

@media (max-width: 767px) {
  .cite {
    text-align: left;
    padding-right: 0;
  }
}

span.position {
  display: block;
  color: #949494;
  font-weight: normal;
  margin-top: 10px;
}

.photo {
  width: 90px;
  height: 90px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  bottom: -117px;
  right: 24px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

@media (max-width: 767px) {
  .photo {
    display: none;
  }
}

.reviews-more {
  display: block;
  text-align: right;
  cursor: pointer;
  color: #00cdc8;
  text-decoration: underline;
  margin-top: 20px;
}

.ie-map {
  height: 505px;
  margin: 45px 0 60px;
}

@media (max-width: 480px) {
  .ie-map {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .map-wrap {
    margin: 30px -20px;
  }
}

@media (max-width: 479px) {
  .map-wrap {
    margin: 30px -15px;
  }
}

.contact-wrap {
  width: 50%;
  margin-top: 10px;
  padding-right: 40px;
}

.contact-wrap h4 {
  margin-bottom: 20px;
  font-weight: 900;
  text-transform: uppercase;
}

@media (max-width: 480px) {
  .contact-wrap {
    width: 100%;
    padding-right: 0;
  }
}

.contact-list {
  padding: 0;
  margin: 0;
}

.contact-list li {
  list-style-type: none;
  font-style: normal;
  margin-bottom: 3px;
}

.contact-list li a {
  color: #000;
  border-bottom: dashed 1px rgba(59,59,59,0.5);
  transition: all .2s ease-in-out;
}

.contact-list li a:hover,.contact-list li a:focus,.contact-list li a:active {
  text-decoration: none;
  color: #f90;
  border-bottom-style: solid;
  border-bottom-color: #f90;
}

.contact-hide {
  display: none;
}

.contact-show {
  display: inline-block;
  cursor: pointer;
  margin: 60px 0 10px;
  transition: all .2s ease;
}

.contact-show .icon-arrow-right {
  vertical-align: middle;
  fill: #f90;
  margin-left: 10px;
  transition: all .3s ease-in-out;
}

.contact-show:hover {
  color: #f90;
}

.contact-show:hover .icon-arrow-right {
  fill: #00cdc8;
}

.contact-show.active .icon-arrow-right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.contact-show.active:hover {
  color: #00cdc8;
}

@media (max-width: 480px) {
  .contact-show {
    display: block;
    text-align: center;
    margin-top: 30px;
  }
}

.h3-transform {
  text-transform: uppercase;
  font-size: 30px;
  margin-top: 50px;
  margin-bottom: 35px;
  line-height: 1.1;
}

.h4-transform {
  text-transform: uppercase;
  font-size: 22px;
  margin-top: 50px;
  margin-bottom: 35px;
  line-height: 1.1;
}

.circle-blue {
  margin: 0;
}

.circle-blue li {
  padding-left: 50px;
  position: relative;
  margin-bottom: 25px;
}

.circle-blue li::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background-color: #00cdc8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 8px;
}

@media (max-width: 767px) {
  .circle-blue li {
    padding-left: 40px;
  }

  .circle-blue li::before {
    left: 0;
  }
}

.circle-increment {
  counter-reset: li;
}

.circle-increment li {
  margin-bottom: 30px;
  padding-left: 50px;
  position: relative;
}

.circle-increment li::before {
  counter-increment: li;
  content: counter(li);
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  width: 25px;
  height: 25px;
  background-color: #00cdc8;
  text-align: center;
  line-height: 1.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.advancement .flex-container {
  margin-top: 40px;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.advancement h3 {
  margin-top: 70px;
}

.advancement-list {
  width: 33.333333%;
  margin: 0px 0 50px;
}

.advancement-list li {
  margin-bottom: 30px;
}

.advancement-list li a {
  color: #000;
  font-weight: bold;
}

.advancement-list li a:hover {
  color: #f90;
}

.advancement-list li a .arr-btn::after {
  left: 0;
}

.advancement-list li:last-child {
  margin-bottom: 0;
}

@media (max-width: 1423px) {
  .advancement-list {
    width: 50%;
  }
}

@media (max-width: 1239px) {
  .advancement-list {
    width: 33.333333%;
  }
}

@media (max-width: 899px) {
  .advancement-list {
    width: 50%;
  }
}

@media (max-width: 553px) {
  .advancement-list {
    width: 100%;
    padding: 0 15px;
  }
}

.stiker-block {
  padding: 35px 50px 50px 60px;
  box-shadow: 20px 20px 40px rgba(0,0,0,0.1);
  margin: 65px 0 55px;
}

.stiker-block img {
  float: left;
  margin-right: 35px;
}

.stiker-block .fa {
  font-size: 72px;
  color: #00cdc8;
  float: left;
  margin-right: 35px;
}

.stiker-block-info {
  padding-left: 100px;
}

@media (max-width: 700px) {
  .stiker-block {
    text-align: center;
  }

  .stiker-block p {
    text-align: left;
  }

  .stiker-block img {
    float: none;
    margin-right: auto;
  }

  .stiker-block .fa {
    float: none;
  }

  .stiker-block-info {
    padding-left: 0;
  }
}

@media (max-width: 480px) {
  .stiker-block {
    margin-top: 35px;
    padding: 20px;
  }
}

.seo-block {
  margin-top: 40px;
}

.seo-block img {
  float: left;
  margin-right: 35px;
}

.seo-block-info {
  padding-left: 100px;
}

.seo-block .h4-transform {
  margin-top: 0;
}

@media (max-width: 479px) {
  .seo-block img {
    max-width: 16%;
    margin-right: 15px;
  }

  .seo-block-info {
    padding-left: 0;
  }
}

.form-order {
  max-width: 450px;
}

@media (max-width: 767px) {
  img.mt40 {
    margin-top: 40px;
  }
}

@media (max-width: 480px) {
  .btn.mt40 {
    margin-top: 20px;
  }
}

.b24 .after {
  margin-top: 90px;
}

.b24 .flex-container {
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -moz-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.youtube-wrap {
  position: relative;
  padding-bottom: 53%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.youtube-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stiker-block-mini {
  padding: 15px 35px;
  display: inline-block;
  margin-left: 30px;
  margin-bottom: 0;
}

.transform {
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.pluse-icon {
  font-size: 110px;
  font-weight: 900;
  line-height: 1;
  color: #00cdc8;
  position: absolute;
  left: -30px;
  top: -40px;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.minus-icon {
  display: block;
  width: 63px;
  height: 18px;
  background-color: #f90;
  position: absolute;
  left: -25px;
  top: 5px;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.accompany {
  margin-top: 75px;
  margin-bottom: 90px;
}

.accompany-item {
  width: 25%;
  padding: 0 15px;
  text-transform: uppercase;
  font-weight: bold;
}

@media (max-width: 1280px) {
  .accompany-item {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .accompany-item {
    width: 100%;
    margin-bottom: 30px;
  }

  .accompany-item:last-child {
    margin-bottom: 0;
  }
}

.accompany-slider .slider-develop .slider-item .img-wrap img {
  display: none;
}

@media (max-width: 1366px) {
  .accompany-slider .slider-develop .slider-item .text {
    width: 60%;
  }

  .accompany-slider .slider-develop .slider-item .img-wrap {
    width: 35%;
    background-position: 100% 0%;
  }
}

@media (max-width: 1239px) {
  .accompany-slider .slider-develop .slider-item {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .accompany-slider .slider-develop .slider-item .text {
    width: 55%;
  }

  .accompany-slider .slider-develop .slider-item .img-wrap {
    width: 45%;
  }
}

@media (max-width: 767px) {
  .accompany-slider .slider-develop .slider-item {
    margin-top: 0;
    margin-bottom: 0;
  }

  .accompany-slider .slider-develop .slider-item .text {
    width: 100%;
  }

  .accompany-slider .slider-develop .slider-item .img-wrap {
    width: 100%;
  }

  .accompany-slider .slider-develop .slider-item .img-wrap img {
    display: block;
  }
}

@media (max-width: 600px) {
  .accompany-slider .slider-develop .slider-item .img-wrap {
    background-image: none !important;
  }
}

@media (max-width: 767px) {
  .accompany-slider .slider-header {
    margin-top: 30px;
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .accompany-slider .slider-header {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 1239px) {
  .accompany {
    margin-top: 45px;
    margin-bottom: 70px;
  }
}

@media (max-width: 1239px) {
  .col-right .accompany-content {
    max-width: none;
  }
}

.strong {
  font-weight: bold;
  font-size: 72px;
  line-height: 72px;
  display: block;
  color: #f90;
}

@media (max-width: 1280px) {
  .strong {
    font-size: 64px;
  }
}

@media (max-width: 767px) {
  .strong {
    font-size: 30px;
    line-height: 0.8;
    display: inline-block;
    margin-right: 10px;
    float: left;
  }
}

h3.accompany-head {
  font-size: 30px;
  padding-bottom: 20px;
}

@media (max-width: 1366px) {
  h3.accompany-head {
    font-size: 24px;
  }
}

@media (max-width: 1239px) {
  h3.accompany-head {
    padding-bottom: 25px;
  }
}

@media (max-width: 767px) {
  h3.accompany-head {
    font-size: 18px;
  }
}

@media (max-width: 320px) {
  h3.accompany-head {
    margin-bottom: 20px;
  }
}

.slider-wrap.accompany-slider {
  margin-top: 60px;
}

@media (max-width: 768px) {
  .slider-wrap.accompany-slider {
    margin-top: 40px;
  }
}

@media (max-width: 320px) {
  .slider-wrap.accompany-slider {
    margin-top: 0;
  }
}

.stiker-accompany {
  max-width: 950px;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  margin-left: 0;
}

.stiker-accompany img {
  float: none;
  display: inline-block;
  margin-left: 30px;
}

@media (max-width: 1366px) {
  .stiker-accompany {
    max-width: none;
  }
}

@media (max-width: 1360px) {
  .stiker-accompany {
    max-width: none;
  }

  .stiker-accompany img {
    margin: 0;
  }
}

@media (max-width: 1280px) {
  .stiker-accompany {
    font-size: 18px;
  }

  .stiker-accompany img {
    margin-left: 30px;
  }
}

@media (max-width: 1239px) {
  .stiker-accompany {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .stiker-accompany p {
    text-align: center;
  }

  .stiker-accompany img {
    margin: 0px 0 0 20px;
  }
}

@media (max-width: 600px) {
  .stiker-accompany img {
    margin-left: 0;
  }
}

.see-link {
  margin-top: 70px;
  padding-bottom: 40px;
}

.see-link a {
  vertical-align: middle;
}

.see-link span {
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  margin-right: 25px;
  vertical-align: middle;
}

@media (max-width: 1280px) {
  .see-link span {
    font-size: 16px;
  }
}

@media (max-width: 1280px) {
  .see-link {
    padding-bottom: 60px;
  }
}

@media (max-width: 657px) {
  .see-link {
    text-align: center;
  }

  .see-link span {
    display: block;
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  .see-link {
    text-align: center;
  }

  .see-link span {
    display: block;
    margin-right: 0;
    margin-bottom: 25px;
  }
}

.info-accompany {
  width: 50%;
  padding: 0 15px;
}

@media (max-width: 1366px) {
  .info-accompany {
    width: 100%;
  }

  .info-accompany:first-child {
    margin-bottom: 20px;
  }
}

@media (max-width: 1239px) {
  .info-accompany {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .info-accompany {
    width: 100%;
  }
}

@media (max-width: 320px) {
  .info-accompany:first-child {
    margin-bottom: 10px;
  }
}

.support-block {
  margin-top: 95px;
}

@media (max-width: 1366px) {
  .support-block {
    margin-top: 80px;
  }
}

@media (max-width: 1239px) {
  .support-block {
    margin-top: 60px;
  }
}

.after-line {
  text-transform: uppercase;
  font-size: 42px;
  font-weight: 700;
  margin-top: 0;
  line-height: 1;
}

.after-line span {
  font-size: 60px;
  display: block;
  color: #00cdc8;
  font-weight: 900;
  margin-bottom: 25px;
}

.after-line::after {
  content: '';
  display: block;
  width: 60px;
  height: 5px;
  background-color: #00cdc8;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .after-line {
    font-size: 24px;
  }

  .after-line span {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

.accompany-trust {
  margin-top: 0;
}

.main-footer {
  margin-top: 140px;
}

.main-footer .footer-nav {
  text-align: center;
  margin-top: 200px;
}

.main-footer .footer-nav-item {
  max-width: 225px;
}

.main-footer .footer-nav-item li {
  text-align: left;
}

@media (max-width: 479px) {
  .main-footer .footer-nav.flex-container {
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .main-footer .footer-nav-item {
    width: 100%;
  }
}

@media (max-width: 1365px) {
  .main-footer .footer-nav {
    margin-top: 190px;
  }
}

@media (max-width: 899px) {
  .main-footer {
    margin-top: 100px;
  }

  .main-footer .footer-nav {
    margin-top: 40px;
  }
}

@media (max-width: 479px) {
  .main-footer {
    margin-top: 70px;
  }
}

.footer-top {
  min-height: 320px;
}

.footer-top h6 {
  font-size: 100px;
  font-weight: 900;
  color: #000;
  opacity: .2;
  text-transform: uppercase;
  margin: 0;
  line-height: 1;
}

.footer-top .logo-block {
  top: 15px;
}

.footer-top .phone-block {
  top: 280px;
}

@media (max-width: 479px) {
  .footer-top .phone-block small {
    display: inline-block;
  }

  .footer-top .phone-block .bottom {
    display: block;
    margin-left: 80px;
  }
}

.footer-top .soc-links-block {
  top: 220px;
}

.footer-top .cta-block {
  top: 380px;
}

@media (max-width: 1365px) {
  .footer-top .cta-block {
    top: 370px;
  }
}

@media (max-width: 899px) {
  .footer-top .cta-block {
    margin-top: 60px;
    position: static;
  }
}

@media (max-width: 1179px) {
  .footer-top h6 {
    font-size: 70px;
  }

  .footer-top .logo {
    margin: 0 auto 30px;
  }

  .footer-top .soc-links-block {
    margin-bottom: 30px;
  }

  .footer-top .soc-links-block a {
    display: inline-block;
    margin: 0 10px;
    float: none;
  }

  .footer-top .address-block {
    display: block;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
  }

  .footer-top .phone-block {
    margin-bottom: 30px;
  }
}

@media (max-width: 899px) {
  .footer-top h6 {
    display: none;
  }

  .footer-top .auth-block,.footer-top .phone-block,.footer-top .address-block,.footer-top .logo-block,.footer-top .soc-links-block {
    position: static;
  }
}

@media (max-width: 479px) {
  .footer-top .phone-block {
    display: block;
  }

  .footer-top .phone-block a {
    font-size: 30px;
  }
}

.footer-big-nav {
  display: none;
  position: absolute;
  top: 125px;
  left: 0;
  padding: 0;
  width: 400px;
  z-index: 2;
}

.footer-big-nav li {
  display: block;
  float: none;
  font-size: 24px;
  line-height: 36px;
  font-weight: 900;
  text-transform: uppercase;
}

.footer-big-nav a {
  color: #3b3b3b;
}

.footer-big-nav a:hover,.footer-big-nav a:focus {
  color: #f90;
}

@media (min-width: 900px) {
  .footer-big-nav {
    display: block;
  }
}

.footer-nav-item {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}

.footer-nav li {
  margin-bottom: 10px;
}

.footer-nav a {
  display: inline-block;
  text-decoration: none;
  color: #3b3b3b;
  border-bottom: solid 1px rgba(59,59,59,0.5);
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.footer-nav a:hover,.footer-nav a:focus {
  color: #f90;
  border-bottom-style: solid;
  border-bottom-color: #f90;
}

@media (max-width: 479px) {
  .footer-nav a {
    font-size: 14px;
    line-height: 1.2;
  }
}

@media (max-width: 560px) {
  .footer-nav-item {
    width: 50%;
    padding: 0 15px;
  }
}

.container-dark {
  background-color: #1d1d1d;
  color: #6f6f6f;
  padding: 32px 35px;
}

.copy {
  width: 65%;
}

.address {
  width: 30%;
}

.address,.copy {
  font-style: normal;
}

@media (max-width: 899px) {
  .address,.copy {
    width: 100%;
  }
}

.inner-footer {
  margin-top: 100px;
}

.inner-footer .footer-block {
  min-height: 1px;
  margin-bottom: 95px;
}

@media (max-width: 767px) {
  .inner-footer .footer-block {
    margin-bottom: 0;
  }
}

.inner-footer .footer-nav {
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1680px) {
  .inner-footer .footer-nav {
    padding-right: 50px;
  }
}

@media (max-width: 767px) {
  .inner-footer .footer-nav {
    padding-right: 0;
  }
}

@media (max-width: 560px) {
  .inner-footer .footer-nav {
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .inner-footer .footer-nav-item {
    width: 100%;
  }
}

.inner-footer .phone-block {
  display: none;
}

@media (max-width: 479px) {
  .inner-footer .phone-block small {
    display: inline-block;
  }

  .inner-footer .phone-block .bottom {
    display: block;
    margin-left: 80px;
  }
}

.inner-footer .solve-problem h5 {
  text-transform: uppercase;
  font-weight: 900;
}

.inner-footer .solve-problem h5 sup {
  color: #f90;
  display: inline-block;
  margin-left: 5px;
  font-size: 15px;
}

@media (max-width: 767px) {
  .inner-footer .solve-problem h5 sup {
    top: -0.6em;
  }
}

.inner-footer .cta-block {
  position: static;
  margin: 80px 0 0;
}

@media (max-width: 1239px) {
  .inner-footer .cta-block {
    margin-top: 35px;
  }
}

.inner-footer .text-light {
  position: relative;
}

@media (max-width: 375px) {
  .inner-footer .text-light .address p {
    width: 195px;
  }
}

.inner-footer .vertical-block {
  width: 74px;
  height: 761px;
  position: absolute;
  top: -175px;
  right: 70px;
  opacity: .3;
  z-index: -1;
}

@media (max-width: 1789px) {
  .inner-footer .vertical-block {
    display: none;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .inner-footer .phone-block {
    position: static;
    display: block;
    margin: 40px 0;
  }
}

@media (min-width: 320px) and (max-width: 479px) {
  .inner-footer .cta-block {
    margin-top: 30px;
  }
}

@media (max-width: 1023px) {
  .inner-footer {
    margin-top: 40px;
  }
}

.inner .container-dark {
  padding: 32px 65px 32px 80px;
  margin-top: 50px;
}

.inner .container-dark .soc-links-block {
  top: 20px;
  right: 0;
  margin-right: -20px;
}

.inner .container-dark .soc-links-block a {
  display: block;
  margin-bottom: 7px;
}

@media (min-width: 768px) {
  .inner .container-dark .soc-links-block {
    display: none;
  }
}

@media (max-width: 767px) {
  .inner .container-dark .soc-links-block {
    margin-right: 0;
  }

  .inner .container-dark .soc-links-block a {
    color: #00cdc8;
    margin: 0 20px 10px 0;
  }
}

.inner .container-dark .address {
  width: 35%;
}

.inner .container-dark .copy {
  width: 65%;
  padding-left: 20px;
}

@media (max-width: 1239px) {
  .inner .container-dark {
    width: 100%;
  }
}

@media (max-width: 899px) {
  .inner .container-dark .address,.inner .container-dark .copy {
    width: 100%;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .inner .container-dark {
    padding-left: 20px;
    padding-right: 10px;
  }

  .inner .container-dark .address {
    padding-right: 55px;
  }
}

@media (max-width: 375px) {
  .inner .container-dark .address {
    padding-right: 40px;
  }

  .inner .container-dark .text-light .soc-links-block {
    margin-right: 0;
  }

  .inner .container-dark .text-light .soc-links-block a {
    color: #00cdc8;
  }
}

.inner .angle::before {
  content: '';
  display: block;
  width: 50px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 1239px) {
  .inner .angle {
    padding: 35px 10px 35px 50px;
  }

  .inner .angle::before {
    display: none;
  }

  .inner .angle::after {
    content: '';
    position: absolute;
    top: 0;
    display: block;
    border-top: 111px solid #00cdc8;
    border-right: 27px solid transparent;
    border-top-width: 111px;
    border-left-width: 0;
    left: 0;
  }
}

@media (max-width: 1366) {
  .inner .angle p {
    font-size: 12px;
  }
}

.free_work,.double_work {
  position: relative;
  float: right;
}

.free_work span,.double_work span {
  position: absolute;
  left: 10px;
  top: 0;
  display: block;
  width: 54px;
  height: 34px;
  color: transparent;
}


.value-info {
  color: #f90;
  border-bottom: 2px solid #00cdc8;
  padding: 20px;
}

.personal-head {
  font-size: 24px;
  margin: 60px 0 50px;
}

.personal-download {
  color: #AAACAD;
  float: right;
  font-size: 16px;
  font-weight: normal;
}

.personal-download .fa {
  margin-right: 5px;
}

.personal-download:hover {
  text-decoration: none;
}

.personal-in {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 135px;
}

.personal-in-item {
  max-width: 285px;
  display: block;
  text-align: center;
  color: #222;
  text-transform: uppercase;
  padding: 30px 0 40px;
  font-size: 24px;
  font-weight: 900;
  -webkit-box-shadow: 0 40px 40px rgba(0,0,0,0.15);
  box-shadow: 0 40px 40px rgba(0,0,0,0.15);
}

.personal-in-item:hover,.personal-in-item:focus {
  text-decoration: none;
  -webkit-box-shadow: 0 40px 40px rgba(0,0,0,0.2);
  box-shadow: 0 40px 40px rgba(0,0,0,0.2);
}

.personal-in-item:hover .arr-btn-small::after,.personal-in-item:focus .arr-btn-small::after {
  border-bottom-color: #f90;
  border-right-color: #f90;
}

.personal-in-item-icon {
  width: 95px;
  height: 95px;
  margin: 0 auto 60px;
}

.personal-in-item-icon.support {
  background-position: -97px -179px;
}

.personal-in-item-icon.support-2 {
  background-position: -195px -179px;
}

.personal-in-item .arr-btn-small {
  display: block;
  margin: 25px auto 0;
}

.personal-in-item .arr-btn-small::after {
  border-bottom-color: #222;
  border-right-color: #222;
}

@media (max-width: 1700px) {
  .personal-in-item {
    max-width: 220px;
    font-size: 18px;
  }
}

@media (min-width: 1240px) and (max-width: 1365px) {
  .personal-in-item {
    max-width: 190px;
    font-size: 16px;
  }

  .personal-in-item-icon {
    margin-bottom: 30px;
  }
}

@media (max-width: 1239px) {
  .personal-in-item {
    max-width: 270px;
    font-size: 22px;
  }
}

.personal-form {
  max-width: 450px;
}

.personal-form-target.j-start li {
  margin-right: 30px;
}

.personal-form-target-link {
  font-weight: bold;
  color: #949494;
  padding-bottom: 3px;
  position: relative;
}

.personal-form-target-link:hover {
  text-decoration: none;
}

.personal-form-target-link.active {
  color: #f90;
  text-decoration: none;
}

@media (min-width: 1240px) and (max-width: 1439px) {
  .personal-form-target li {
    font-size: 14px;
  }
}

.line {
  position: absolute;
  height: 3px;
  background-color: #222;
  bottom: 0;
  left: 0;
}

.personal-form-block {
  display: none;
}

.personal-form-block.active {
  display: block;
}

.personal-stamp {
  margin: 30px 0;
  font-size: 14px;
}

.personal-label {
  color: #949494;
  margin: 12px 0 5px;
}

.bx-input-file-desc {
  font-size: 0;
}

.bx-input-file-desc br {
  display: none;
}

.calendar-icon {
  color: #00cdc8;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 20px;
  line-height: 1;
}

.personal-gender {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.personal-gender-radio {
  display: none;
}

.personal-gender-radio:checked + .personal-gender::before {
  background-color: #00cdc8;
}

.personal-gender::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #c6c6c6;
  margin-right: 15px;
  position: absolute;
  top: -3px;
  left: 0;
  -webkit-box-shadow: inset 0 0 0px 4px #fff;
  box-shadow: inset 0 0 0px 4px #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.personal-photo {
  height: 156px;
}

.personal-photo a {
  display: inline-block;
  overflow: hidden;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.fake-photo {
  width: 150px;
  height: 150px;
  background-color: #00cdc8;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.personal-photo-file {
  position: absolute;
  right: 18%;
  top: 10%;
  border: 1px solid #00cdc8;
  padding: 14px 40px;
  font-style: normal;
  color: #00cdc8;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.personal-photo-file input {
  display: none;
}

.personal-photo-file:hover {
  background-color: #f90;
  color: #fff;
  border-color: #f90;
}

.bx-input-file-desc {
  position: absolute;
  top: 56%;
  right: 19%;
}

.bx-input-file-desc label {
  display: inline-block;
  padding-left: 30px;
  cursor: pointer;
  font-style: normal;
}

.bx-input-file-desc label::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #c6c6c6;
  position: absolute;
  top: 10px;
  left: 0;
}

.bx-input-file-desc label::after {
  content: '';
  width: 5px;
  height: 9px;
  border-right: 2px solid #00cdc8;
  border-bottom: 2px solid #00cdc8;
  display: none;
  position: absolute;
  top: 12px;
  left: 7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

[name="PERSONAL_PHOTO_del"],[name="WORK_LOGO_del"] {
  display: none;
}

[name="PERSONAL_PHOTO_del"]:checked + [for="PERSONAL_PHOTO_del"]::after,[name="WORK_LOGO_del"]:checked + [for="PERSONAL_PHOTO_del"]::after,[name="PERSONAL_PHOTO_del"]:checked + [for="WORK_LOGO_del"]::after,[name="WORK_LOGO_del"]:checked + [for="WORK_LOGO_del"]::after {
  display: block;
}

.jq-selectbox {
  width: 100%;
}

.jq-selectbox li::after {
  background: none;
}

.jq-selectbox li:hover {
  background: none;
  text-decoration: underline;
  color: #00cdc8;
}

.jq-selectbox__select {
  height: auto;
  padding-top: 4px;
  padding-bottom: 4px;
  box-shadow: none;
  border-radius: 0;
}

.dropdown .jq-selectbox__select {
  box-shadow: inset 0 0 5px #00cdc8;
  border-color: #00cdc8;
}

.jq-selectbox__trigger-arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #808080;
  border-bottom: none;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  margin-top: -3px;
}

.opened .jq-selectbox__trigger-arrow {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transform-origin: 50%;
  margin-top: -6px;
}

.btn.supp-btn {
  padding-top: 15px;
  padding-bottom: 14px;
  padding-left: 48px;
}

.supp-label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

.supp-label::before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 18px;
  left: 23px;
  z-index: 100;
}

.supp-label:hover::before {
  background-position: -14px -276px;
}

.awesome .fa {
  margin-right: 7px;
}

.personal-filter-title {
  margin-top: 60px;
  margin-bottom: 20px;
  color: #00cdc8;
  padding-bottom: 3px;
  border-bottom: 2px solid #00cdc8;
  font-style: normal;
  font-size: 24px;
  font-weight: bold;
}

.ticket-list input {
  max-width: none;
}

.personal-form-head-left {
  padding-right: 25px;
  width: 12%;
}

.personal-form-head-right {
  width: 88%;
}

.personal-client {
  width: 63%;
  padding-right: 25px;
}

.personal-status {
  width: 20%;
  padding-right: 25px;
}

.personal-color {
  width: 17%;
}

.personal-color .personal-label {
  float: none;
}

.personal-color label {
  float: left;
}

.support-lamp-red,.support-lamp-yellow,.support-lamp-green,.support-lamp-green-s,.support-lamp-grey {
  width: 8px;
  height: 8px;
  background-color: #f90;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.support-lamp-yellow {
  background-color: #f39c12;
}

.support-lamp-green {
  background-color: #2ecc71;
}

.support-lamp-green-s {
  background-color: #00cdc8;
}

.support-lamp-grey {
  background-color: #aaacad;
}

.label-radio {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #f90;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 20px 18% 0 0;
  cursor: pointer;
}

.label-radio:last-child {
  margin-right: 0;
}

.label-radio.yellow {
  background-color: #f39c12;
}

.label-radio.green {
  background-color: #2ecc71;
}

.label-radio.green-s {
  background-color: #00cdc8;
}

.label-radio.grey {
  background-color: #aaacad;
}

.label-radio::after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: -5px;
  border: 2px solid;
  display: none;
}

.color-radio {
  display: none;
}

.color-radio:checked + .label-radio::after {
  display: block;
}

.color-radio:checked + .label-radio.red::after {
  border-color: #f90;
}

.color-radio:checked + .label-radio.yellow::after {
  border-color: #f39c12;
}

.color-radio:checked + .label-radio.green::after {
  border-color: #2ecc71;
}

.color-radio:checked + .label-radio.green-s::after {
  border-color: #00cdc8;
}

.color-radio:checked + .label-radio.grey::after {
  border-color: #aaacad;
}

.ticket-list-form {
  font-style: normal;
}

.bx-grid-head td {
  padding-bottom: 3px;
}

.bx-interface-grid {
  width: 100%;
  max-width: none;
}

.bx-grid-head {
  font-size: 14px;
  color: #808080;
  border-bottom: 1px solid #808080;
}

.table-row td {
  padding: 25px 0;
}

tbody .table-row:nth-child(even) {
  background-color: #edf6fa;
}

.support-ticket-hint {
  font-style: italic;
  font-size: 14px;
  color: #808080;
}

.support-ticket-hint td {
  line-height: 2;
}

.bx-sorted,.bx-sortable {
  cursor: pointer;
}

.show-box {
  background-color: #fff;
  padding: 25px 30px 10px;
  box-shadow: 15px 0 30px rgba(0,0,0,0.15);
  display: none;
}

.personal-info {
  font-style: normal;
  margin-bottom: 45px;
}

.personal-info a {
  color: #000;
  font-weight: bold;
}

input.personal-max-width {
  max-width: none;
}

.personal-label-text {
  position: relative;
  padding-left: 30px;
  font-style: normal;
  color: #000;
}

.personal-label-text span {
  font-size: 12px;
  color: #808080;
}

.personal-label-text input {
  display: none;
}

.personal-label-text input:checked + label::before {
  border-color: #00cdc8;
}

.personal-label-text input:checked + label::after {
  display: block;
}

.personal-label-text label {
  color: #000;
  font-size: 16px;
}

.personal-label-text label::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #dfdfdf;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.personal-label-text label::after {
  content: '';
  display: block;
  width: 5px;
  height: 11px;
  border-right: 2px solid #00cdc8;
  border-bottom: 2px solid #00cdc8;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  display: none;
  top: 2px;
  left: 7px;
}

.dop_field_value .jq-selectbox {
  max-width: 450px;
  width: 100%;
}

.personal-ticket-message-input {
  margin-bottom: 10px;
  background-color: #cecece;
}

.personal-ticket-message-input label {
  float: left;
  cursor: pointer;
  margin-right: 23px;
  margin: 0;
  padding: 8px;
  color: #000;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.personal-ticket-message-input label:hover .fa {
  color: #00cdc8;
}

.personal-ticket-message-input label input {
  display: none;
}

.file-name {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0 auto 20px;
  height: 32px;
  font-style: normal;
}

.file-input-block label {
  display: inline-block;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  padding: 20px 20px;
  border-radius: 6px;
  transition: all .3s ease-in-out;
  -webkit-box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
  -moz-box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
  -ms-box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 30px rgba(0,0,0,0.2);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  line-height: 1;
  border: 2px solid #f90;
  color: #000;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  background-color: transparent;
  box-shadow: none;
  padding: 14px 20px;
  margin-top: 0;
}

.file-input-block label:active,.file-input-block label:focus,.file-input-block label:hover {
  text-decoration: none;
  outline: none;
}

.file-input-block label.btn-blue {
  color: #fff;
  background-color: #00cdc8;
}

.file-input-block label.btn-blue:hover,.file-input-block label.btn-blue:active {
  background-color: #3189b6;
}

.file-input-block label.btn-white {
  border: 1px solid #e8e8e8;
  color: #000;
  font-weight: 400;
  box-shadow: none;
}

.file-input-block label.btn-white:hover,.file-input-block label.btn-white:active {
  background-color: #e8e8e8;
}

.file-input-block label.btn-red {
  background-color: #f90;
  color: #fff;
}

.file-input-block label.btn-red:hover,.file-input-block label.btn-red:active {
  background-color: #dc2c30;
}

.file-input-block label.btn-red-border {
  border: 2px solid #f90;
  color: #000;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  background-color: transparent;
  box-shadow: none;
  padding: 14px 20px;
}

.file-input-block label.btn-red-border:hover {
  background-color: #00cdc8;
  border-color: #00cdc8;
  color: #fff;
}

.file-input-block label.btn-red-border:disabled:hover {
  background-color: transparent;
  border-color: #f90;
  color: #000;
}

.file-input-block label.btn-red-border.reset-filter {
  padding: 10px 15px;
}

@media (max-width: 480px) {
  .file-input-block label {
    font-size: 14px;
  }
}

.file-input-block label .after {
  position: absolute;
  border-radius: 50%;
  background-color: red;
}

.file-input-block label .icon-arrow-right {
  width: 1.8em;
  vertical-align: middle;
  color: #f90;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}

.file-input-block label-right {
  position: absolute;
  right: 0;
  top: -80px;
}

@media (max-width: 580px) {
  .file-input-block label-right {
    position: relative;
    top: 0;
  }
}

.file-input-block label:hover {
  background-color: #00cdc8;
  border-color: #00cdc8;
  color: #fff;
}

.file-input-block label:disabled:hover {
  background-color: transparent;
  border-color: #f90;
  color: #000;
}

.file-input-block label.reset-filter {
  padding: 10px 15px;
}

.file-input-block label input {
  display: none;
}

.personal-ticket-wrap {
  max-width: 450px;
}

.personal-ticket-block {
  float: left;
  width: 50%;
  padding-right: 15px;
  vertical-align: bottom;
}

.special-for-admin {
  max-width: 450px;
}

.personal-dop {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.personal-dop:first-child {
  padding-right: 15px;
}

.personal-dop:last-child {
  padding-left: 15px;
}

.personal-dop img {
  opacity: 0;
  z-index: 10;
}

.personal-dop-icon {
  position: absolute;
  top: 12px;
  right: 20px;
  color: #00cdc8;
  z-index: 1;
  font-size: 20px;
  line-height: 1;
}

.personal-time {
  width: 50%;
  padding-left: 15px;
  float: left;
  margin-top: 10px;
}

.personal-time-input {
  float: left;
  width: 45% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  text-align: center;
  font-style: normal;
  font-weight: bold;
}

.personal-time-input:first-child {
  margin-right: 10px;
}

.ticket-block {
  max-width: 450px;
}

.ticket-event input {
  display: none;
}

.ticket-event input:checked + label::before {
  border-color: #00cdc8;
}

.ticket-event input:checked + label::after {
  display: block;
}

.ticket-event label {
  position: relative;
  color: #000;
  font-style: normal;
  font-size: 16px;
  padding-left: 30px;
}

.ticket-event label::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #dfdfdf;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.ticket-event label::after {
  content: '';
  display: block;
  width: 5px;
  height: 11px;
  border-right: 2px solid #00cdc8;
  border-bottom: 2px solid #00cdc8;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  display: none;
  top: 2px;
  left: 7px;
}

.ticket-header {
  color: #00cdc8;
  padding-bottom: 3px;
  border-bottom: 2px solid #00cdc8;
  font-style: normal;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
}

.personal-select-month {
  display: inline-block;
  margin-right: 25px;
}

.personal-select-year {
  display: inline-block;
}

.personal-year {
  width: 150px;
}

.personal-user-select {
  max-width: 300px;
}

@media (max-width: 1402px) {
  .personal-user-select {
    width: 200px;
  }
}

@media (max-width: 1239px) {
  .personal-user-select {
    width: 300px;
  }
}

.personal-date-select {
  display: inline-block;
}

[type="number"] {
  padding: 12px 0px 15px 15px;
  max-width: 120px;
  margin-right: 25px;
}

.jq-number {
  position: relative;
}

.jq-number__spin {
  position: absolute;
  right: 30px;
  transition: all .2s ease;
}

.jq-number__spin:hover.minus {
  border-top-color: #f90;
}

.jq-number__spin:hover.plus {
  border-bottom-color: #f90;
}

.jq-number__spin.minus {
  border-top: 10px solid #00cdc8;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: 26px;
}

.jq-number__spin.plus {
  border-bottom: 10px solid #00cdc8;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  top: 12px;
}

.sup-tarif {
  margin-top: 40px;
  color: #808080;
}

.sup-tarif strong {
  color: #000;
}

.sup-tarif h2 {
  font-size: 24px;
  color: #aaacad;
  border-bottom: 3px solid #00cdc8;
  padding-bottom: 3px;
}

.sup-tarif h2 strong {
  color: #00cdc8;
}

.statistic-table {
  width: 100%;
  border-bottom: 1px solid #00cdc8;
  font-size: 14px;
}

.statistic-table thead {
  color: #808080;
  border-bottom: 1px solid #808080;
}

.statistic-table th {
  font-weight: normal;
}

.statistic-table th td {
  color: #808080 !important;
  font-weight: normal !important;
}

.statistic-table tbody td {
  padding: 30px 5px;
}

.statistic-table tbody tr {
  background-color: #fff;
}

.statistic-table tbody tr:nth-child(even) {
  background-color: #edf6fa;
}

.statistic-table tfoot td {
  padding: 25px 0;
}

@media (min-width: 1025px) and (max-width: 1400px) {
  .statistic-table {
    font-size: 12px;
  }
}

.table-tarif-time {
  margin-bottom: 40px;
}

.total-price strong {
  color: #00cdc8;
}

.td-big {
  width: 35%;
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.form-grid-box {
  margin-bottom: 65px;
}

.support-ticket-hint div {
  margin-right: 20px;
}

a.bx-action {
  transition: none;
}

table.bx-interface-grid {
  border-collapse: collapse;
}

table.bx-interface-grid tr.bx-even td {
  background: none;
}

table.bx-interface-grid td {
  border: none;
  vertical-align: middle;
}

table.bx-interface-grid tr.bx-odd td.bx-sorted,table.bx-interface-grid tr.bx-even td.bx-sorted,table.bx-interface-grid tr.bx-active td,table.bx-interface-grid tr.bx-over td {
  background-color: transparent;
}

table.bx-interface-grid tr.bx-grid-footer td {
  background-color: #fff;
}

tr.bx-grid-footer table.bx-grid-footer span.modern-page-title {
  color: #000;
  font-weight: normal;
}

table.bx-interface-grid td.bx-left,tr.bx-grid-footer table.bx-grid-footer td,div.modern-page-navigation a,span.modern-page-current,div.modern-page-navigation a.modern-page-previous {
  border: none;
}

tr.bx-grid-footer table.bx-grid-footer div.modern-page-navigation a,tr.bx-grid-footer table.bx-grid-footer span {
  color: #000;
  text-decoration: none;
}

.form-grid-box .statistic-table {
  border: none;
}

.bx-grid-footer table {
  margin-top: 65px;
}

.bx-grid-footer td {
  color: #000;
  font-weight: normal;
}

.mt35 {
  margin-top: 35px;
}

.filter-field-code {
  max-width: 450px;
}

.input-date-create {
  width: 50%;
  float: left;
}

.input-start {
  padding-right: 12px;
}

.input-end {
  padding-left: 12px;
}

.tarif-control-table th {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

.tarif-control-table tbody td {
  padding-left: 10px;
  padding-right: 10px;
}

.tarif-info-layer {
  background-color: rgba(106,176,214,0.8);
}

.tarif-info-form {
  width: 480px;
  max-height: 660px;
  padding: 28px 25px 40px;
  border: none;
  border-radius: 0;
}

.tarif-info-form .btn {
  border: none;
}

.tarif-info-close {
  background: none;
  border: none;
}

.view-label {
  padding-left: 30px;
  position: relative;
}

.view-label::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #c6c6c6;
  margin-right: 15px;
  position: absolute;
  top: 0px;
  left: 0;
}

.view-label::after {
  content: '';
  width: 5px;
  height: 9px;
  border-right: 2px solid #00cdc8;
  border-bottom: 2px solid #00cdc8;
  display: none;
  position: absolute;
  top: 3px;
  left: 7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.view-checkbox {
  display: none;
}

.view-checkbox:checked + .view-label::after {
  display: block;
}

.view-checkbox:checked + .view-label::before {
  border-color: #00cdc8;
}

.tarif-action-popup {
  display: none;
  position: absolute;
  top: 0;
  left: -240px;
  background-color: #fff;
  z-index: 101;
  padding: 0 15px;
  -webkit-box-shadow: 40px 0 40px rgba(0,0,0,0.2);
  box-shadow: 0 40px 40px rgba(0,0,0,0.2);
}

.support-users th {
  text-align: left;
}

.tarif-block {
  position: relative;
}

.tarif-detail {
  display: none;
  position: absolute;
  top: 25px;
  right: 0;
  width: 265px;
  background-color: #fff;
  z-index: 101;
  padding: 15px 15px;
  -webkit-box-shadow: 40px 0 40px rgba(0,0,0,0.2);
  box-shadow: 0 40px 40px rgba(0,0,0,0.2);
}

.tarif-form .btn {
  border: none;
}

.tarif-info-form {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

@media (min-width: 1025px) and (max-width: 1400px) {
  .tarif-control-table {
    font-size: 12px;
  }
}

.support-users th {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  padding-bottom: 10px;
}

.support-users tbody td {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
}

.support-float-quote {
  float: right;
}

.lk-min-width {
  min-width: 1024px;
}

.support-ticket-edit {
  margin-bottom: 40px;
  width: 100%;
}

.bx-auth-profile .error {
  max-width: 450px;
}

.bx-auth-profile .errortext {
  color: #f90 !important;
}

.table-row {
  cursor: pointer;
}

.support-quote-table {
  background-color: #edf6fa;
  width: 100% !important;
}

.support-quote-head {
  padding: 20px 20px 0 20px;
}

.support-quote-body {
  padding: 0 20px 20px 20px;
}

.overdueMess {
  background-color: #f9dbdc;
  padding: 20px;
}

.logMess {
  background-color: #FCF8E1;
  padding: 20px;
}

.support-float-quote {
  padding: 0;
}

input[name="find_id"] {
  min-width: 60px;
  padding: 14px 5px;
  text-align: center;
}

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

ul.big-list {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

ul.big-list li {
  margin: 5px 0;
  font-size: 18px;
  line-height: 25px;
}

.ta-center,.table th.ta-center,.table td.ta-center {
  text-align: center;
}

.ta-left,.table th.ta-left,.table td.ta-left {
  text-align: left;
}

.ta-right,.table th.ta-right,.table td.ta-right {
  text-align: right;
}

@media (max-width: 900px) {
  .mb-ta-left {
    text-align: left;
  }

  .mb-ta-right {
    text-align: right;
  }

  .mb-ta-center {
    text-align: center;
  }
}

@media (min-width: 900px) and (max-width: 1239px) {
  .tablet-ta-left {
    text-align: left;
  }

  .tablet-ta-right {
    text-align: right;
  }

  .tablet-ta-center {
    text-align: center;
  }
}

@media (min-width: 900pxp) and (max-width: 1789px) {
  .dt-ta-left {
    text-align: left;
  }

  .dt-ta-right {
    text-align: right;
  }

  .dt-ta-center {
    text-align: center;
  }
}

@media (min-width: 1790px) {
  .ld-ta-left {
    text-align: left;
  }

  .ld-ta-right {
    text-align: right;
  }

  .ld-ta-center {
    text-align: center;
  }
}

.va-bottom,.table th.va-bottom,.table td.va-bottom {
  vertical-align: bottom;
}

.va-top,.table th.va-top,.table td.va-top {
  vertical-align: top;
}

.va-middle,.table th.va-middle,.table td.va-middle {
  vertical-align: middle;
}

.td-n {
  text-decoration: none;
}

.td-u {
  text-decoration: underline;
}

.tt-u {
  text-transform: uppercase;
}

.tt-n {
  text-transform: none;
}

.hide,.d-n {
  display: none;
}

.show,.d-b {
  display: block;
}

.inline-block,.d-ib {
  display: inline-block;
}

.inline,.d-i {
  display: inline;
}

.invisible,.vis-h {
  visibility: hidden;
}

.verdana {
  font-family: Verdana, sans-serif;
}

.tahoma {
  font-family: Tahoma, sans-serif;
}

.arial {
  font-family: Arial, sans-serif;
}

.p-r,.pos-r {
  position: relative;
}

.p-a,.pos-a {
  position: absolute;
}

.p-f,.pos-f {
  position: fixed;
}

.pos-st,.p-st {
  position: static;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.ov-h {
  overflow: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible,.viz-h {
  visibility: hidden;
}

.p0 {
  padding: 0;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

.p30 {
  padding: 30px;
}

.p40 {
  padding: 40px;
}

.pt0 {
  padding-top: 0;
}

.pt10 {
  padding-top: 10px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pr0 {
  padding-right: 0;
}

.pr10 {
  padding-right: 10px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr40 {
  padding-right: 40px;
}

.pb0 {
  padding-bottom: 0;
}

.pb10 {
  padding-bottom: 10px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl0 {
  padding-left: 0;
}

.pl10 {
  padding-left: 10px;
}

.pl20 {
  padding-left: 20px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pl100 {
  padding-left: 100px;
}

.pl140 {
  padding-left: 140px;
}

.pl160 {
  padding-left: 160px;
}

.m0 {
  margin: 0;
}

.m10 {
  margin: 10px;
}

.m20 {
  margin: 20px;
}

.m30 {
  margin: 30px;
}

.m40 {
  margin: 40px;
}

.m50 {
  margin: 50px;
}

.mt0 {
  margin-top: 0;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mr0 {
  margin-right: 0;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr40 {
  margin-right: 40px;
}

.mr50 {
  margin-right: 50px;
}

.mb0 {
  margin-bottom: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb70 {
  margin-bottom: 70px;
}

.ml0 {
  margin-left: 0;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml40 {
  margin-left: 40px;
}

.ml50 {
  margin-left: 50px;
}

.text-light,a.text-light {
  color: #888686;
}

.text-dark,a.text-dark {
  color: #3b3b3b;
}

.text-muted,a.text-muted {
  color: #d4d3d3;
}

.text-primary,a.text-primary {
  color: #00cdc8;
}

.text-secondary,a.text-secondary {
  color: #f90;
}

.text-additional,a.text-additional {
  color: #ffb400;
}

.fz12 {
  font-size: 12px;
}

.fz14 {
  font-size: 14px;
}

.fz16 {
  font-size: 16px;
}

.fz18 {
  font-size: 18px;
}

.fz20 {
  font-size: 20px;
}

.fz22 {
  font-size: 22px;
}

.fz24 {
  font-size: 24px;
}

.fz26 {
  font-size: 26px;
}

.fz30 {
  font-size: 30px;
}

@media (max-width: 900px) {
  .mb-fz12 {
    font-size: 12px;
  }

  .mb-fz14 {
    font-size: 14px;
  }

  .mb-fz16 {
    font-size: 16px;
  }

  .mb-fz18 {
    font-size: 18px;
  }

  .mb-fz20 {
    font-size: 20px;
  }

  .mb-fz22 {
    font-size: 22px;
  }

  .mb-fz24 {
    font-size: 24px;
  }

  .mb-fz26 {
    font-size: 26px;
  }

  .mb-fz30 {
    font-size: 30px;
  }
}

@media (min-width: 900px) and (max-width: 1239px) {
  .tablet-fz12 {
    font-size: 12px;
  }

  .tablet-fz14 {
    font-size: 14px;
  }

  .tablet-fz16 {
    font-size: 16px;
  }

  .tablet-fz18 {
    font-size: 18px;
  }

  .tablet-fz20 {
    font-size: 20px;
  }

  .tablet-fz22 {
    font-size: 22px;
  }

  .tablet-fz24 {
    font-size: 24px;
  }

  .tablet-fz26 {
    font-size: 26px;
  }

  .tablet-fz30 {
    font-size: 30px;
  }
}

@media (min-width: 1240px) and (max-width: 1789px) {
  .dt-fz12 {
    font-size: 12px;
  }

  .dt-fz14 {
    font-size: 14px;
  }

  .dt-fz16 {
    font-size: 16px;
  }

  .dt-fz18 {
    font-size: 18px;
  }

  .dt-fz20 {
    font-size: 20px;
  }

  .dt-fz22 {
    font-size: 22px;
  }

  .dt-fz24 {
    font-size: 24px;
  }

  .dt-fz26 {
    font-size: 26px;
  }

  .dt-fz30 {
    font-size: 30px;
  }
}

@media (min-width: 1790px) {
  .ld-fz12 {
    font-size: 12px;
  }

  .ld-fz14 {
    font-size: 14px;
  }

  .ld-fz16 {
    font-size: 16px;
  }

  .ld-fz18 {
    font-size: 18px;
  }

  .ld-fz20 {
    font-size: 20px;
  }

  .ld-fz22 {
    font-size: 22px;
  }

  .ld-fz24 {
    font-size: 24px;
  }

  .ld-fz26 {
    font-size: 26px;
  }

  .ld-fz30 {
    font-size: 30px;
  }
}

.alert {
  border: solid 1px #00cdc8;
  background: rgba(75,162,207,0.1);
  color: #00cdc8;
  padding: 20px;
  border-radius: 5px;
}

.alert-info {
  color: #5bc0eb;
  background: rgba(91,192,235,0.2);
  border-color: #5bc0eb;
}

.alert-success {
  color: #9bc53d;
  background: rgba(155,197,61,0.2);
  border-color: #9bc53d;
}

.alert-error {
  color: #f6511d;
  background: rgba(246,81,29,0.2);
  border-color: #f6511d;
}

.alert p:first-child {
  margin-top: 0;
}

.alert p:last-child {
  margin-bottom: 0;
}

.alert font.errortext,.alert font {
  color: inherit !important;
}

.clearfix:before,.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clr {
  clear: both;
  height: 0;
  overflow: hidden;
}

.fleft,.fll,.fl-l {
  float: left;
}

.fright,.flr,.fl-r {
  float: right;
}

img[align="right"] {
  padding: 0 0 20px 20px;
}

img[align="left"] {
  padding: 0 20px 20px 0;
}

img.ta-center,img[align="center"] {
  display: block;
  margin: 0 auto;
}

.max-width {
  width: 100%;
}

@media (max-width: 950px) {
  .self-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .self-padding {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.style-n {
  font-style: normal;
}

.style-i {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.minus-margin {
  margin-left: -15px;
  margin-right: -15px;
}
/* End */
/* /bitrix/templates/sfera/template_styles.css?1544513730227836 */