/*! jQuery UI - v1.12.1 - 2019-11-17
* http://jqueryui.com
* Copyright jQuery Foundation and other contributors; Licensed MIT */
@import "pixelcompare.min.css";
@import "jquery.fancybox.min.css";
@import "ion.rangeSlider.min.css";
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none
}
.ui-helper-hidden {
  display: none
}
.team-img{
  div{
    height: 100%;
  }
}
.d10-img{
  background: white;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}   .pay-content-left .d7-option{
      width: 100%;
    }

.sbor-item .standart-btn{
  display: block;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.hd-parent{
  &.brown{
    .hd-content-right div:nth-child(2),
    .hd-content-right div:nth-child(3){
      border-color:#E3C39C;
    }
    .hd-content-volna svg{
      fill:#EBCDA9;
    }
    .hd-gallery-item .play{
      background: #E3C39C;
      &:hover{
        box-shadow: 0px 10px 50px rgba(227, 195, 156, 0.8);
      }
    }
    .hd-head .wrap{
      align-items: flex-start;
    }
    .hd-head .wrap p,
    .hd-head .wrap h2 {
      text-align: left;
      color: #654127;
    }
    .hd-content-volna{
      background: #E3C39C;
    }
    .hd-head .wrap .standart-btn{
      background: #E3C39C;
      &:hover{
        box-shadow: 0px 10px 50px rgba(227, 195, 156, 0.8);
      }
    }

  }
  &.green{
    .hd-content-right div:nth-child(2),
    .hd-content-right div:nth-child(3){
      border-color:#8FAF69;;
    }
    .hd-content-volna svg{
      fill: #A1BF7E;
    }
    .hd-gallery-item .play{
      background: #8FAF69;
      &:hover{
        box-shadow: 0px 10px 50px rgba(143, 175, 105, 0.8);
      }
    }
    .hd-head .wrap{
      //align-items: flex-start;
    }
    .hd-head .wrap p,
    .hd-head .wrap h2 {
      color: #FFFFFF;
    }
    .hd-content-volna{
      background: #8FAF69;
    }
    .hd-head .wrap .standart-btn{
      background: #8FAF69;
      &:hover{
        box-shadow: 0px 10px 50px rgba(143, 175, 105, 0.8);
      }
    }

  }
  &.fiolet{
    .hd-content-right div:nth-child(2),
    .hd-content-right div:nth-child(3){
      border-color:#9C437B;
    }
    .hd-content-volna svg{
      fill: #B05A90;
    }
    .hd-gallery-item .play{
      background: #9C437B;
      &:hover{
        box-shadow: 0px 10px 50px rgba(156, 67, 123, 0.5);
      }
    }
    .hd-head .wrap{
      align-items: flex-start;
    }
    .hd-head .wrap p,
    .hd-head .wrap h2 {
      text-align: left;
      color: #732F5A;
    }
    .hd-content-volna{
      background: #9C437B;    }
    .hd-head .wrap .standart-btn{
      background: #9C437B;
      &:hover{
        box-shadow: 0px 10px 50px rgba(156, 67, 123, 0.5);
      }
    }

  }
  &.yellow{
    .hd-content-right div:nth-child(2),
    .hd-content-right div:nth-child(3){
      border-color:#FFC633;
    }
    .hd-content-volna svg{
      fill:#FFD15C;
    }
    .hd-gallery-item .play{
      background: #FFC633;
      &:hover{
        box-shadow: 0px 10px 50px rgba(255, 198, 51, 0.5);
      }
    }
    .hd-head .wrap{
      //align-items: flex-start;
    }
    .hd-head .wrap p,
    .hd-head .wrap h2 {
      color: #FFFFFF;
    }
    .hd-content-volna{
      background: #FFC633;
    }
    .hd-head .wrap .standart-btn{
      background: #FFC633;
      &:hover{
        box-shadow: 0px 10px 50px rgba(247, 188, 20, 0.5);
      }
    }

  }
}
.sbor-slider-item.hd-gallery-item{
  width: auto!important;
  margin: 0!important;
  .play{
    img{
    width: auto!important;
    height: auto!important;
  }    }
}

.sbor-color{
  &.blue{
    .play{
      background: #70D0E5;
      &:hover{
        box-shadow: 0px 10px 50px rgba(112, 208, 229, 0.8);
      }
    }
    .sbor-progress-bar div,
    .sbor-timer > span .countdown-amount{
      background: #70D0E5;
    }
    .standart-btn{
      background: #70D0E5!important;
      &:hover{
        box-shadow: 0px 10px 50px rgba(112, 208, 229, 0.5)!important;
      }
    }
  }
  &.brown{
    .play{
      background: #E3C39C;
      &:hover{
        box-shadow: 0px 10px 50px rgba(227, 195, 156, 0.8);
      }
    }
    .sbor-progress-bar div,
    .sbor-timer > span .countdown-amount{
      background: #E3C39C;
    }
    .standart-btn{
      background: #E3C39C!important;
      &:hover{
        box-shadow: 0px 10px 50px rgba(227, 195, 156, 0.5)!important;
      }
    }
  }
  &.green{
    .play{
      background: #8FAF69;
      &:hover{
        box-shadow: 0px 10px 50px rgba(143, 175, 105,  0.8);
      }
    }
    .sbor-progress-bar div,
    .sbor-timer > span .countdown-amount{
      background: #8FAF69;
    }
    .standart-btn{
      background: #8FAF69!important;
      &:hover{
        box-shadow: 0px 10px 50px rgba(143, 175, 105,  0.5)!important;
      }
    }
  }
  &.fiolet{
    .play{
      background: #EB6583;
      &:hover{
        box-shadow: 0px 10px 50px rgba(235, 101, 131,  0.8);
      }
    }
    .sbor-progress-bar div,
    .sbor-timer > span .countdown-amount{
      background: #EB6583;
    }
    .standart-btn{
      background: #EB6583!important;
      &:hover{
        box-shadow: 0px 10px 50px rgba(235, 101, 131,  0.5)!important;
      }
    }
  }
  &.yellow{
    .play{
      background: #FFC633;
      &:hover{
        box-shadow: 0px 10px 50px rgba(255, 198, 51,  0.8);
      }
    }
    .sbor-progress-bar div,
    .sbor-timer > span .countdown-amount{
      background: #FFC633;
    }
    .standart-btn{
      background: #FFC633!important;
      &:hover{
        box-shadow: 0px 10px 50px rgba(255, 198, 51,  0.5)!important;
      }
    }
  }
}

.standart-btn{
  text-align: center;
}


.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0
}

.ui-menu .ui-menu {
  position: absolute
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-button-icon-only {
  text-indent: 0
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em
}

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

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid
}

.ui-checkboxradio-disabled {
  pointer-events: none
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0
}

.ui-selectmenu-open {
  display: block
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none
}

.ui-spinner-up {
  top: 0
}

.ui-spinner-down {
  bottom: 0
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px
}

body .ui-tooltip {
  border-width: 2px
}

/**
*
  Сброс CSS стилей
*
**/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
}

html {
  -webkit-text-size-adjust: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {

  &.__hidden {
    overflow: hidden;
  }

}

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

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

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

a {
  text-decoration: none;
}

input,
textarea,
button,
select {
  resize: none;
  border: none;
  background-color: transparent;
  outline: none;
  padding: 0;
}

img {
  border: 0;
  vertical-align: top;
}

html, body {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}


/**
*
  Flex
*
**/
.flex_w {
  display: flex;
  flex-wrap: wrap;

  &.__ai_fs {
    align-items: flex-start;
  }

  &.__ai_fe {
    align-items: flex-end;
  }

  &.__ai_c {
    align-items: center;
  }

  &.__jc_sa {
    justify-content: space-around;
  }

  &.__jc_sb {
    justify-content: space-between;
  }

  &.__jc_c {
    justify-content: center;
  }

}


/**
*
  Функции
*
**/
.radius(@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}

.transition(@properties: all .3s) {
  -webkit-transition: @properties;
  -moz-transition: @properties;
  -ms-transition: @properties;
  -o-transition: @properties;
  transition: @properties;
}

.text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) {
  text-shadow: @string;
}

.box-shadow (@string) {
  -webkit-box-shadow: @string;
  -moz-box-shadow: @string;
  box-shadow: @string;
}

.box-shadow2 (@string, @string) {
  -webkit-box-shadow: @string, @string;
  -moz-box-shadow: @string, @string;
  box-shadow: @string, @string;
}

.drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
  -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
  -moz-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
  box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.inner-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) {
  -webkit-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
  -moz-box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
  box-shadow: inset @x @y @blur @spread rgba(0, 0, 0, @alpha);
}

.box-sizing (@type: border-box) {
  -webkit-box-sizing: @type;
  -moz-box-sizing: @type;
  box-sizing: @type;
}

.border-radius (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.opacity (@opacity: 0.5) {
  -webkit-opacity: @opacity;
  -moz-opacity: @opacity;
  opacity: @opacity;
}

.gradient (@startColor: #eee, @endColor: white) {
  background-color: @startColor;
  background: -webkit-gradient(linear, left top, left bottom, from(@startColor), to(@endColor));
  background: -webkit-linear-gradient(top, @startColor, @endColor);
  background: -moz-linear-gradient(top, @startColor, @endColor);
  background: -ms-linear-gradient(top, @startColor, @endColor);
  background: -o-linear-gradient(top, @startColor, @endColor);
}

.horizontal-gradient (@startColor, @endColor) {
  background-color: @startColor;
  background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
  background-image: -webkit-linear-gradient(left, @startColor, @endColor);
  background-image: -moz-linear-gradient(left, @startColor, @endColor);
  background-image: -ms-linear-gradient(left, @startColor, @endColor);
  background-image: -o-linear-gradient(left, @startColor, @endColor);
}

.vertical-gradient (@startColor, @endColor) {
  background-color: @endColor;
  background-image: -webkit-gradient(linear, top, bottom, from(@startColor), to(@endColor));
  background-image: -webkit-linear-gradient(bottom, @startColor, @endColor);
  background-image: -moz-linear-gradient(bottom, @startColor, @endColor);
  background-image: -ms-linear-gradient(bottom, @startColor, @endColor);
  background-image: -o-linear-gradient(bottom, @startColor, @endColor);
}

.animation (@name, @duration: 300ms, @delay: 0, @ease: ease) {
  -webkit-animation: @name @duration @delay @ease;
  -moz-animation: @name @duration @delay @ease;
  -ms-animation: @name @duration @delay @ease;
}

.transition (@transition) {
  -webkit-transition: @transition;
  -moz-transition: @transition;
  -ms-transition: @transition;
  -o-transition: @transition;
}

.transform(@string) {
  -webkit-transform: @string;
  -moz-transform: @string;
  -ms-transform: @string;
  -o-transform: @string;
  transform: @string;
}

.scale (@factor) {
  -webkit-transform: scale(@factor);
  -moz-transform: scale(@factor);
  -ms-transform: scale(@factor);
  -o-transform: scale(@factor);
  transform: scale(@factor);
}

.rotate (@deg) {
  -webkit-transform: rotate(@deg);
  -moz-transform: rotate(@deg);
  -ms-transform: rotate(@deg);
  -o-transform: rotate(@deg);
  transform: rotate(@deg);
}

.skew (@deg, @deg2) {
  -webkit-transform: skew(@deg, @deg2);
  -moz-transform: skew(@deg, @deg2);
  -ms-transform: skew(@deg, @deg2);
  -o-transform: skew(@deg, @deg2);
  transform: skew(@deg, @deg2);
}

.translate (@x, @y:0) {
  -webkit-transform: translate(@x, @y);
  -moz-transform: translate(@x, @y);
  -ms-transform: translate(@x, @y);
  -o-transform: translate(@x, @y);
  transform: translate(@x, @y);
}

.translate3d (@x, @y: 0, @z: 0) {
  -webkit-transform: translate3d(@x, @y, @z);
  -moz-transform: translate3d(@x, @y, @z);
  -ms-transform: translate3d(@x, @y, @z);
  -o-transform: translate3d(@x, @y, @z);
  transform: translate3d(@x, @y, @z);
}

.perspective (@value: 1000) {
  -webkit-perspective: @value;
  -moz-perspective: @value;
  -ms-perspective: @value;
  perspective: @value;
}

.transform-origin (@x:center, @y:center) {
  -webkit-transform-origin: @x @y;
  -moz-transform-origin: @x @y;
  -ms-transform-origin: @x @y;
  -o-transform-origin: @x @y;
}

.background(@path, @position: center center, @repeat: no-repeat) {
  background: url(@path) @position @repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.text-overflow(@lineClamp, @lineHeight) {
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @lineClamp;
  overflow: hidden;
  height: @lineClamp * @lineHeight;
}

.placeholder-style(@placeholder-font, @placeholder-color) {

  &::-webkit-input-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &::-moz-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &:-moz-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

  &:-ms-input-placeholder {
    font: @placeholder-font;
    color: @placeholder-color;
  }

}


/**
*
  Подключение шрифтов
*
**/
@font-face {
  font-family: "Gotham Pro";
  src: url('../fonts/GothamPro.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham Pro";
  src: url('../fonts/GothamPro-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham Pro";
  src: url('../fonts/GothamPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


a {
  color: inherit;
}


body {
  font-family: Gotham Pro;

}

/**
*
  Общие классы
*
**/
.show {
  display: block !important;
}

.hide,
.xs-show,
.sm-show,
.md-show {
  display: none !important;
}

.flf {
  float: left !important;
}

.flr {
  float: right !important;
}

.clear {
  display: block;
  clear: both;
}

.t_center {
  text-align: center;
}

.t_right {
  text-align: right;
}

.pos_rel {
  position: relative;
}

.ypos_ab {
  position: absolute;
  top: 50%;
  .translate(0, -50%);
}

.xpos_ab {
  position: absolute;
  left: 50%;
  .translate(-50%, 0);
}

.pos_absc {
  position: absolute;
  top: 50%;
  left: 50%;
  .translate(-50%, -50%);
}

.c_img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.b_img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.psevdo-item {
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

.standart-more, .standart-ttl-more, .d9-next {
  cursor: pointer;
}

.gallery-item img {
  .transition()
}

.gallery-item:hover {
  & > img {
    filter: drop-shadow(0px 50px 100px rgba(255, 206, 80, 0.8));
  }
}

.wrap {
  width: 1170px;
  margin: 0 auto;
}

.mnews {
  overflow-y: auto;
  display: none;

  mnews-nav
  &-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;

    a {
      font-family: Rubik;
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      line-height: 40px;
      display: flex;
      align-items: center;

      img {

        margin: 0 15px;
      }

      color: #23DCC6;

    }

    div {
      width: 23px;
      height: 23px;
      margin: 0 20px;
      border-radius: 50%;

      border: 5px solid #23DCC6;
    }
  }

  .wrap {
    width: 1080px;
    padding-left: 15px;
    padding-right: 15px;
  }

  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: white;
  z-index: 102;

  &-img {
    display: flex;
    justify-content: center;
  }

  &-ttl {
    font-family: Rubik;
    margin: 30px 0;
    font-style: normal;
    font-weight: 900;
    font-size: 24px;
    border-left: 2px solid #23DCC6;
    padding-left: 20px;
    line-height: 35px;
    /* identical to box height, or 146% */

    text-transform: uppercase;

    color: #23DCC6;
  }

  &-content {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */
    color: #49A5A1;

    p {
      margin-bottom: 20px;
    }
  }

  &-head {
    height: 80px;
    display: flex;
    justify-content: flex-end;
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    color: #23DCC6;

  }
}

.ssbor-form {
  .close {
    position: absolute;
    top: 0;
    right: 5px;
  }
}

.close {
  display: flex;
  cursor: pointer;
  align-items: center;

  i {
    font-family: Rubik;
    font-style: normal;
    display: block;
    margin-left: 5px;
    font-weight: 900;
    font-size: 24px;

    color: #23DCC6;

    transform: rotate(44.89deg);
  }
}

.sbor-item .standart-btn {
  .transition();

  &:hover {
    background: #FFC633;
    /* тень желтая */

    box-shadow: 0px 10px 50px rgba(255, 206, 80, 0.8);
  }
}

.standart-btn {
  .transition();

  &:hover {
    box-shadow: 0px 10px 50px rgba(255, 206, 80, 0.8);
  }
}

.d5-item {
  &-1 {
    .program-item {
      background: #70D0E5;
    }
  }
  &-2 {
    .wrap {
      justify-content: flex-start !important;
    }

    .program-item {
      background: #E3C39C;
    }
  }

  &-3 {
    .program-item {
      background: #8FAF69;
    }
  }

  &-4 {
    .wrap {
      justify-content: flex-start !important;
    }

    .program-item {
      background: #9C437B;
    }
  }

  &-5 {
    .program-item {
      background: #FFC633;
    }
  }
}

.d5 {
  .owl-dot.active {
    &:nth-child(2) {
      background: #E3C39C !important;
    }

    &:nth-child(3) {
      background: #8FAF69 !important;
    }

    &:nth-child(4) {
      background: #9C437B !important;
    }

    &:nth-child(5) {
      background: #FFC633 !important;
    }
  }
}

.sovet-img {
  width: 244px;
  height: 244px;
  margin-bottom: 20px;
  border: 2px solid #FFCE50;
  border-radius: 50%;

  img {
    .c_img;
  }
}

.padding-bottom {
  padding-bottom: 60px
}

.sovet-item {
  margin-bottom: 60px;

  b {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 25px;
    /* or 104% */

    text-align: center;

    color: #FFCE50;
  }

  span {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    /* or 143% */

    text-align: center;

    color: #1E605D;

  }

  width: 362px;
  margin: 0 auto;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F3FBFB;
  border-radius: 5px;
  padding: 35px;
}

.standart-more {
  .transition();

  &:hover {
    opacity: 0.6
  }
}

.programms-page {

  .d5-container {
    position: relative;

    .wrap {
      padding-right: 0;
      position: absolute !important;
    }

    & > div {
      margin-bottom: 5px;
    }

    z-index: 4;
    margin-bottom: 30px;
  }
}

.sum-result-block em {
  font-style: normal;
}

.sum-result-block {
  display: block;
}

.wrap .program-item {
  position: relative;

  p {

    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    /* or 137% */


    color: #FFFFFF;


  }

  img {
    margin: 0;
    position: absolute;
    right: 25px;
    bottom: 25px;
    z-index: 1;
  }

  * {
    position: relative;
    z-index: 4;

  }
}

.header {

  z-index: 40;
  position: absolute;
  width: 100%;

  &-line {

    width: 1px;
    height: 34px;
    background: rgba(35, 220, 198, 0.42);
    margin: 0 20px;
  }

  &-logo {
    display: flex;
    align-items: center;
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 13.1307px;

    &-label {
      font-size: 13.1307px;
      line-height: 15px;

      span {
        color: #FFCE50;
        font-size: 21.0091px;
      }
    }

    img {
      margin-right: 10px;
    }
  }

  &-right {
    display: flex;
    align-items: center;

    a {

      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      margin-left: 35px;
    }
  }

  &-top {
    justify-content: space-between;
    align-items: center;
    display: flex;
    color: #49A5A1;
    padding: 20px;
  }

  &-menu {
    display: flex;
    justify-content: center;
    color: #49A5A1;

    font-family: Rubik;

    background: #F3FBFB;
    border-radius: 5px;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 50px;

    li {
      margin: 0 20px;
    }

    .current_page_item {
      font-weight: bold;

    }

    & > ul {
      white-space: nowrap;
      display: flex;
      justify-content: center;

      & > li {
        &.menu-item-has-children:hover::after {
          content: "";
          position: absolute;
          width: 16px;
          height: 8px;
          z-index: 4;
          background: url("../imgs/drop.png");
          .xpos_ab;
          background-size: cover;
          top: 100%;
        }

        & {
          position: relative;

          &:hover {
            z-index: 30;

          }

          &:hover > ul {
            display: block;
            .xpos_ab;
            top: 100%;
            min-width: 241px;
            z-index: 4;
            max-width: 10000px;
            height: auto;
            padding: 10px 20px;
            font-family: Rubik;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;

            li {
              & {
                ul {
                  display: block;
                }
              }

              margin: 0;

              li {
                margin-left: 20px;


              }
            }

            line-height: 37px;

            ul {
              font-weight: 700;
            }

            color: #49A5A1;
            background: #FFFFFF;
            border-radius: 5px;
            box-shadow: 0px 10px 50px rgba(255, 206, 80, 0.4);
          }
        }

        ul {
          display: none;
        }
      }
    }
  }

  &-left {
    display: flex;
    align-items: center;

    &-text {
      font-weight: bold;
      font-size: 14px;
    }
  }

  &-home {
    .header-top {
      color: #1E605D;

    }

    .header-left-text {
      display: none;
    }

    .header-line {
      display: none;
    }
  }
}

.d1 {
  &-img {
    .xpos_ab;
    max-width: 1000000px;
  }

  .wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 150px;
    z-index: 3;
  }

  &-ttl {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 50px;
    color: #FFFFFF;

  }

  &-history {
    &-content {
      padding-left: 10px;
      margin-left: 10px;
      border-left: 1px solid #D0F4F4;

      span {
        font-family: Rubik;
        font-style: normal;

        &:last-child {
          margin-bottom: 0;
        }

        &:first-child {
          margin-top: 0
        }

        font-size: 14px;
        display: block;
        margin: 5px 0;
        color: #FFFFFF;

      }

    }

    &-search {
      flex-shrink: 0;
      padding-bottom: 4px;
      cursor: pointer;
    }

    padding-left: 80px;
    padding-top: 50px;
    display: flex;
    align-items: flex-end;
  }

  &-b {

    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    margin: 30px 0;
    color: #FFFFFF;
  }

  &-left {
    width: 500px;
    padding-top: 30px;
  }

  &-btns {
    display: flex;
    justify-content: space-between;
  }
}

.sbor-cart-abc {
  display: flex;
  justify-content: space-between;
}

.sbor-progress-head {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;

  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  /* identical to box height, or 111% */


  color: #1E605D;

  b {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    /* identical to box height, or 111% */

    text-align: right;

    color: #1E605D;

  }
}

.sborwrap-option {
  display: flex;
  align-items: center;
  margin-bottom: 10px;

  span {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    /* identical to box height, or 111% */
    width: 100px;

    color: #1E605D;
  }

  b {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    /* identical to box height, or 111% */


    color: #1E605D;

  }
}

.partner-head {
  position: relative;
  margin-top: 95px;
  padding-top: 75px;

  .wrap {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    .standart-btn {
      margin-top: 25px;
    }

    p {
      font-family: Rubik;
      font-style: normal;
      font-weight: normal;
      margin-bottom: 20px;
      width: 556px;

      font-size: 14px;
      line-height: 20px;
      /* or 143% */


      color: #FFFFFF;

      b {

      }
    }

    h2 {
      font-family: Gotham Pro;
      font-style: normal;
      font-weight: normal;
      font-size: 40px;
      margin-bottom: 40px;
      line-height: 60px;
      /* identical to box height, or 150% */


      color: #FFFFFF;

    }
  }
}

.partner-d1, .partner-convert-pattern {
  .xpos_ab;
  top: 0;
}

.partner-convert-pattern {
  top: -155px;
}

.volonter-d2 {
  position: relative;
  margin-top: 100px;
  padding-bottom: 40px;

  p {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 20px;
    text-align: center;

    color: #FFFFFF;
  }

  .standart-ttl {
    color: #FFFFFF;

  }
}

.volonter-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  .volonter-item {
    margin-bottom: 25px;
    display: flex;
    width: calc(50% - 15px);
  }
}

.volonter-map-adress {
  display: flex;
  align-items: center;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  /* or 133% */


  color: #1E605D;

  img {
    margin-right: 35px;
  }
}

.d5{
  background: #F3FBFB;

}
.contact-left {
  flex-direction: column;
  justify-content: space-around;
  width: 350px;
}
.tabs-head-img{
  height: 353px;
}
.contact-item {
  span {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    /* or 156% */

    display: block;
    margin: 15px 0;
    color: #1E605D;
  }

  a {

    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 25px;
    /* or 104% */

    text-decoration-line: underline;

    color: #23DCC6;
  }
}

.contact-block {
  padding-bottom: 100px;

  .wrap {
    display: flex;
    justify-content: space-between;
  }
}

.map-block {
  height: 600px;
}

.pay-content-bottom-item .standart-border-btn {
  &:hover {
    box-shadow: 0px 10px 50px rgba(255, 206, 80, 0.8);
  }
}

.contact-head {
  margin-bottom: 90px;
  z-index: 3;

  & + .map-block {
    background: transparent;

    .standart-btn {
      width: 100%;
    }

    textarea {
      height: 99px;
      padding: 10px 15px;
      background: #F3FBFB;
      flex-grow: 1;
      color: #1E605D;
      font-size: 16px;
      font-family: Rubik;
      border-radius: 5px;

      &::placeholder {
        font-family: Rubik;
        font-style: normal;
        font-weight: 300;
        font-size: 16px;

        color: #23DCC6;

      }

    }

    input {
      background: #F3FBFB;
      border-radius: 5px;
      padding-left: 15px;
      flex-grow: 1;
    }

    .standart-ttl {
      margin-bottom: 15px;
      padding-top: 60px;
    }

    b {
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 25px;
      /* identical to box height, or 139% */


      color: #1E605D;
      display: block;
      margin-bottom: 15px;
    }
  }

  &-flex {
    display: flex;
    width: 100%;
    margin-top: 170px;
    justify-content: space-between;
  }

  &-item {
    b {
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 24px;
      line-height: 30px;
      /* or 125% */


      color: #60370C;

    }

    h3 {

      font-family: Gotham Pro;
      font-style: normal;
      font-weight: 300;
      font-size: 40px;
      line-height: 60px;
      /* identical to box height, or 150% */


      color: #60370C;
    }
  }
}


.getpartner {
  position: relative;

  .contact-item {
    margin-bottom: 60px;
  }

  &-right {
    padding-left: 100px;
    padding-top: 90px;

    p {
      font-family: Rubik;
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      line-height: 25px;
      /* or 156% */
      margin-bottom: 20px;

      color: #1E605D;

    }
  }

  .wrap {
    display: flex;
    justify-content: space-between;
  }

  z-index: 4;
  margin-top: 120px;

  &-form {
    background: #F3FBFB;

    input[type=text],input[type=email],input[type=tel] {
      background: #F3FBFB;
      border-radius: 5px;
      padding-left: 15px;
      flex-grow: 1;
      background: #FFFFFF;
    }

    button {
      width: 100%;
    }

    label {
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 16px;

      display: block;
      margin-bottom: 10px;
      color: #49A5A1;
    }

    border-radius: 5px;
    width: 655px;
    flex-shrink: 0;
    padding: 45px 95px;
  }
}

.contact-left {
  display: flex;
}

.contact-right {
  width: 588px;
  padding: 45px 65px;
  background: #FFCE50;

  p {

    margin-bottom: 45px;

    a {
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 24px;
      line-height: 25px;
      /* or 104% */

      span {
        font-family: Rubik;
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        line-height: 35px;
        margin: 0;
        /* or 146% */

        text-decoration: none;
        color: #FFFFFF;
      }

      text-decoration-line: underline;

      color: #FFFFFF;
      display: flex;
      align-items: center;

      img {
        margin-right: 10px;
      }
    }
  }

  span {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
    /* or 156% */

    display: block;
    color: #1E605D;
  }

  border-radius: 5px;
}

.map-block {
  background: #F3FBFB;
  overflow: hidden;
  height: 537px;

  .wrap {
    padding-left: 560px;
    display: flex;
    align-items: center;
    position: relative;

    .standart-ttl {
      font-family: Gotham Pro;
      font-style: normal;
      font-weight: 300;
      font-size: 40px;
      line-height: 50px;
      /* or 125% */

      text-align: left;

      color: #1E605D;

    }

    height: 100%;

    .map {
      iframe {
        .c_img;
      }

      .ypos_ab;
      left: -200px;
      width: 698px;
      overflow: hidden;
      height: 698px;
      border-radius: 50%;
    }
  }
}

.volonter-img {
  width: 98px;
  height: 98px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border-radius: 20px;
}

.volonter-item-text {
  font-family: Rubik;
  padding-left: 45px;

  font-style: normal;
  margin-left: 15px;
  flex-grow: 1;
  border-radius: 20px;

  font-weight: bold;
  background: #FFFFFF;

  font-size: 24px;
  line-height: 25px;
  /* identical to box height, or 104% */

  display: flex;
  align-items: center;

  color: #1E605D;

}

.volonter-bg {
  top: 0;
  right: 0;
  z-index: -3;
  bottom: 0;
  position: absolute;
  left: 0;
  background: #FFCE50;

}

.partner-convert {
  .d10-item {
    margin-bottom: 40px;

    .d10-img {
      border-color: #23DCC6;;
    }

    b {
      color: #23DCC6;;;
    }
  }

  position: relative;

  .otchet-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding: 40px 25px;

    .partner-derevo {
      position: absolute;
      top: -140px;
      right: 50px;
    }
  }
}

.partner-convert {
  margin-top: 200px;
}

.sborwrap {
  width: 1090px;
  margin: 0 auto;
}

.sborwrap-left {
  position: relative;

  &::before {
    content: "";
    width: 37px;
    height: 37px;
    left: -18px;
    z-index: 10;
    border-radius: 50%;
    top: 160px;
    position: absolute;
    background: #FFCE50;
  }
}

.sborwrap-socs {
  padding-top: 40px;
  display: flex;
  align-items: center;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  color: #23DCC6;

  a {
    margin-left: 15px;
    display: flex;
    align-items: center;
  }

}

.sborwrap-content {
  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-top: 45px;
  /* or 143% */


  color: #1E605D;

  h2 {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 20px;
    /* or 83% */


    color: #1E605D;
  }

  p {
    margin-bottom: 20px;
  }
}

.sborwrap-right {
  .sbor-progress {
    width: 100%;
    margin: 25px 0;
  }

  flex-grow: 1;

  margin-left: 25px;
}

.hd-content-volna{
  &::after{
    content:"";
    border: 5px solid #00B1D8;
    width: 37px;
    height: 37px;
    bottom: 40px;
    border-radius: 50%;
    right: 75px;
    position: absolute;
  }

}
.blue{
  .hd-content-volna::after{
    border-color: #00B1D8;
  }
}
.new-img{
  img{.c_img}
}

.d5{
  position: relative;
  &::after{
    position: absolute;
    top: -95px;
    height: 200px; content: "";
    left: 0;
    right: 0;
    z-index: -1;     background: #F3FBFB;
  }
  &::before{
      position: absolute;
    top: 100%;
    height: 229px; content: "";
      left: 0;
      right: 0;
      z-index: -1;     background: #F3FBFB;
    }

}
.brown{
  .hd-content-volna::after{
    border-color: #FF9B21;;
  }
}
.program-item-back{
  position: absolute;
  bottom: 0;
  right: 0;
}
.green{
  .hd-content-volna::after{
    border-color:#BBFF6B;
  }
}
.fiolet{
  .hd-content-volna::after{
    border-color: #FF6FC9;
  }
}
.yellow{
  .hd-content-volna::after{
    border-color:  #FF901D;
  }
}

@media (min-width: 1199px) {

  .sborwrap-right {
    .sbor-progress {
      width: 100%;
      margin: 25px 0;
    }

    flex-grow: 1;

    margin-left: 25px;

    .countdown-row::after, .sbor-timer-h::after {
      left: 101.5px;
    }

    .sbor-timer {
      margin-bottom: 30px;
    }

    .countdown-row  > span {
      margin-right: 15px;
      width: 100px;
      display: flex;
      align-items: center;
      height: auto;

      .countdown-period {
        padding-left: 10px;
      }
    }
  }
}

.sbor-cart-slider {
  .owl-dot {
    border-radius: 50%;

    &.active, &:hover {

      background: #23DCC6 !important;
    }

    &s {
      display: flex;
    }

    width: 12px;
    height: 12px;
    margin-right: 20px;
    background: #F3FBFB !important;
    border: 1px solid #23DCC6 !important;
  }

  .owl-dots {
    left: 35px;
    bottom: 25px;
    position: absolute;
  }
}

.sbor {

  &-progress {
    background: #F3FBFB;
    padding: 10px;
    border: 1px solid #FFFFFF;
    width: 318px;
    height: 70px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 10px 20px rgba(35, 220, 198, 0.1);
    border-radius: 5px;

    &-footer {
      display: flex;
      justify-content: space-between;

      span {
        font-family: Rubik;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        color: #1E605D;

        b {
          font-weight: bold;

        }
      }
    }

    &-bar {
      background: #FFFFFF;
      border-radius: 5px;
      width: 100%;
      height: 10px;
      margin-top: 4px;
      overflow: hidden;

      div {
        background: #90C7C4;
        border-radius: 5px;
        height: 100%;
      }
    }
  }


  &-timer{
    .countdown-row{
      display: flex;

      & > span {
        width: 50px;
        margin-right: 7px;
        background: #F3FBFB;
        height: 70px;

        padding: 5px;
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        box-shadow: 0px 10px 20px rgba(35, 220, 198, 0.1);
        border-radius: 5px;
        text-align: center;
        font-family: Rubik;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        /* or 200% */

        text-align: center;

        color: #1E605D;

        .countdown-amount {
          width: 42px;
          height: 38px;
          margin-bottom: 3px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #23DCC6;
          background: #90C7C4;

          border-radius: 5px;
          font-family: Rubik;
          font-style: normal;
          font-weight: bold;
          font-size: 24px;
          line-height: 28px;
          /* or 117% */

          text-align: center;

          color: #FFFFFF;

        }
      }
    }
  }

  &-cart {
    background: #F3FBFB;
    border-radius: 5px;
    overflow: hidden;
    color: #1E605D;

    .sbor-cart-abc {
      position: absolute;
      z-index: 40;
      bottom: 0;
      transform: translateY(50%);
    }

    .owl-carousel {

      img {
        width: 100%;
      }
    }

    &-flex {
      display: flex;
      margin-top: 10px;
      justify-content: space-between;

      span {
        font-family: Rubik;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
      }

      .standart-more {
        font-size: 14px;
      }
    }
  }

  &-head {
    padding: 25px 35px;
    padding-bottom: 50px;
    position: relative;

    p {
      font-family: Rubik;
      font-style: normal;
      font-size: 14px;
      line-height: 20px;
      /* or 143% */

      b {
        font-weight: bold;

      }
    }

    & > b {
      margin-bottom: 10px;
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 24px;
      /* or 292% */

      display: flex;
      align-items: center;

    }
  }

  &-item {
    width: 560px;

    .standart-btn {
      background: #C8DCDB;
      margin-top: 10px;
      text-align: center;
      justify-content: center;
      box-shadow: none;
    }
  }

}

.d2, .d6 {
  padding-top: 100px;

  .standart-more {
    margin-top: 50px;
  }
}

.standart-ttl {
  font-family: Gotham Pro;
  font-style: normal;
  font-weight: 300;
  font-size: 40px;
  margin-bottom: 60px;

  text-align: center;

  color: #49A5A1;

}

.standart-btn {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  background: #FFC633;
  //box-shadow: 0px 10px 50px rgba(255, 206, 80, 0.8);
  border-radius: 5px;
  color: #FFFFFF;
  cursor: pointer;

  line-height: 50px;
  padding: 0 45px;
}

.d3 .owl-nav {
  z-index: 34;
}

.owl-prev,
.owl-next,
.owl-dot, .standart-ttl-more {
  .transition;

  &:hover {
    opacity: 0.6;
  }
}

.standart-border-btn {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  border-radius: 5px;
  color: #FFFFFF;
  line-height: 50px;
  padding: 0 45px;
  .transition;

  &:hover {
    //border: 1px solid #FFC633;
    //color:#FFC633;
    box-shadow: 0px 10px 50px #FFFFFF;

  }

}

html .sbor-cart .owl-carousel img {
  width: 560px;
}

.standart-more {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 28px;
  position: relative;
  border-bottom: 1px solid #23DCC6;

  display: flex;
  color: #23DCC6;

}

.news-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}

.new-img {
  display: none;
}

.flex {
  display: flex;
  justify-content: center;
}

.new-content {
  height: 362px;
  color: #49A5A1;

  background: #F3FBFB;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 35px;

  h2 {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 35px;
    text-transform: uppercase;
  }

  p {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    flex-grow: 1;
    line-height: 20px;
    /* or 143% */


  }
}

.news-bg {
  .pos_absc;
  width: 1px;
  height: 1px;
}

.new-item {
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin-bottom: 25px;

  &:nth-child(4n+1) {
    color: #FFFFFF;
    width: 390px;

    &:before {
      content: "";
      width: 27px;
      height: 27px;
      bottom: 25px;
      right: 40px;
      border-radius: 50%;


      border: 5px solid #FFFFFF;
      position: absolute;
    }

    .new-content {
      color: #FFFFFF;
      background: #23DCC6;
      border-radius: 20px 20px 0px 20px;

      .standart-more {
        color: #FFFFFF;
        border-bottom: 1px solid #FFFFFF;

      }
    }
  }

  &:nth-child(4n+2),
  &:nth-child(4n+3) {
    width: 750px;
    border-radius: 20px 20px 20px 0px;
    background: #F3FBFB;
    display: flex;

    .new-img {
      width: 392px;
      height: 362px;
      flex-shrink: 0;
      display: block;
    }
  }

  &:nth-child(4n+3) {
    border-radius: 20px 0px 20px 20px;


  }

  &:nth-child(4n+4) {
    color: #FFFFFF;
    width: 390px;
    overflow: visible;

    &:before {
      content: "";
      width: 27px;
      height: 27px;
      bottom: -65px;
      right: 40px;
      border-radius: 50%;


      border: 5px solid #FFC633;
      position: absolute;
    }

    .new-content {
      color: #FFFFFF;
      background: #FFC633;
      border-radius: 0px 20px 20px 20px;

      .standart-more {
        color: #FFFFFF;
        border-bottom: 1px solid #FFFFFF;

      }
    }
  }
}


.news-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;

  .span {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    /* or 125% */


    color: #23DCC6;
    margin: 0 15px;
  }
}

.news-bg {
  div {
    max-width: 100000000000px;
  }
}

.new-bg-top-big {
  position: absolute;
  width: 291px;
  height: 291px;
  border-radius: 50%;
  left: 330px;
  top: -419px;
  background: #23DCC6;
}

.new-bg-bottom-small {
  position: absolute;
  background: #FFC633;
  position: absolute;
  width: 37px;
  border-radius: 50%;
  height: 37px;
  left: -120px;
  top: -50px;
}

.d4 {
  position: relative;

  &-right {
    position: relative;
    top: 2px;
    right: 12px;
  }

  &-item {
    width: 294px;
    height: 180px;
    padding: 20px 32px;

    p {
      font-family: Rubik;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      color: #FFFFFF;

      span {
        font-weight: 300;
        font-family: Gotham Pro;
        display: block;
        white-space: nowrap;
        font-size: 36px;
        line-height: 50px;
        /* identical to box height, or 139% */


        color: #FFFFFF;

      }
    }

    b {
      margin-bottom: 30px;
      display: block;

      font-family: Gotham Pro;
      font-size: 30px;
      text-transform: uppercase;

      color: #FFFFFF;

    }

    box-sizing: border-box;
    background-size: cover;
    margin-bottom: 25px;

    &:first-child {
      background-image: url("../imgs/d4-1.png");
    }

    &:nth-child(2) {
      background-image: url("../imgs/d4-2.png");
    }

    &:nth-child(3) {
      background-image: url("../imgs/d4-3.png");
    }
  }

  &-left {
    width: 424px;

    p {
      font-family: Gotham Pro;
      font-size: 40px;
      line-height: 50px;
      /* or 125% */
      font-weight: 300;


      color: #FFFFFF;

    }

    b {
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 24px;
      margin-bottom: 40px;
      display: block;

      color: #FFFFFF;

    }
  }

  .wrap {
    display: flex;
    position: relative;
    z-index: 4;
    padding-top: 80px;
    justify-content: space-between;
  }

  &-bg {
    .xpos_ab;
    top: 0;
    max-width: 1000000px;
  }
}

.d5 {
  .standart-ttl {
    display: flex;
    align-items: center;
    justify-content: space-between;

    &-more {
      display: flex;
      align-items: center;
      font-family: Rubik;

      font-size: 16px;

      img {
        margin-left: 10px;
      }
    }
  }
}

.ssbor-form {
  position: absolute;
  display: none;
  display: none;
}


.program-item {
  padding: 30px 45px;
  background: #70D0E5;
  width: 489px;
  height: 388px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-radius: 5px;

  p {
    flex-grow: 1;
  }

  .standart-more {
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;

  }

  h2 {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
  }

  p {
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
  }
}

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

.ssbor-head {
  display: flex;
  align-items: center;
  padding: 10px 25px;
  font-family: Rubik;
  font-style: normal;
  background: #FFFFFF;
  border-radius: 5px;
  font-weight: normal;

  button {
    margin-left: 15px;
  }

  font-size: 16px;
  /* or 437% */

  display: flex;
  align-items: center;

  color: #23DCC6;

  justify-content: space-between;

  input {
    flex-grow: 1;

  }

  .ssbor-date {
    .hasDatepicker {
      padding-top: 10px;
    }

    .ui-datepicker-current-day {
      background: #23DCC6;
      color: white;
    }

    &:hover {
      .date_range {

        display: block
      }

    }

    .date_range {
      z-index: 4;
      display: none;
      .xpos_ab;
      top: 24px
    }

    position: relative;
    display: flex;
    align-items: center;
    height: 27px;
    padding: 0 15px;
    width: 130px;

    border-left: 1px solid #D0F4F4;

    img {
      margin-right: 10px;
    }

    border-right: 1px solid #D0F4F4;

  }
}

.date_range {
  max-width: 10000px;
}

.scrollbar-track-y {
  background: transparent !important;
  width: 2px !important;
}

.scrollbar-thumb {
  width: 2px !important;
  background: #23DCC6 !important;;
}

.d1 .wrap {
  position: relative;

  .ssbor-table-body {
    height: 353px;
    overflow-y: auto;
  }

  .ssbor-form {
    padding: 15px;
    background: #F3FBFB;
    box-shadow: 0px 40px 60px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    width: 460px;
    max-height: 500px;

    .ssbor-tr {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
    }

    .ssbor-td, .ssbor-th {
      font-family: Rubik;
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      display: flex;
      align-items: center;
      line-height: 15px;
      padding: 5px 15px;
      color: #1E605D;

      &:nth-child(2) {
        width: 291px;

      }

      &:nth-child(1) {
        font-family: Rubik;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        margin-right: 10px;


        color: #1E605D;
        width: 125px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      height: 50px;

      background: #FFFFFF;
      border-radius: 5px;
    }

    .ssbor-th {
      background: transparent !important;

      &:first-child {
        font-family: Rubik;
        font-style: normal;
        font-weight: bold;
        color: #49A5A1;

        font-size: 14px;
      }

      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      /* identical to box height, or 500% */

      display: flex;
      align-items: center;
      text-align: center;

      color: #49A5A1;

    }
  }
}

.d3 {
  .owl-nav {
    .xpos_ab;
    bottom: 117px;
    margin-left: -280px;

  }

  .owl-carousel .owl-dots {
    counter-reset: aboutDots;
  }


  .owl-carousel .owl-dot {
    counter-increment: aboutDots;
  }

  .owl-carousel .owl-dot span:before {
    content: counter(aboutDots)
  }
}

.d5 {
  .owl-carousel .owl-dots {
    counter-reset: aboutDots;
  }

  .owl-carousel .owl-dot {
    counter-increment: aboutDots;
  }

  .owl-carousel .owl-dot span:before {
    content: counter(aboutDots)
  }

  &-item {
    position: relative;
    width: 100%;

    img {
      margin: 0 auto;
      display: block;
      max-width: 1000000px;
    }

    .wrap {
      .pos_absc;
      z-index: 4;
      position: absolute;
    }
  }
}


.new-bg-bottom-big {
  position: absolute;
  width: 291px;
  height: 291px;
  border-radius: 50%;
  right: 330px;
  bottom: -419px;
  background: #FFC633;
}

.new-bg-top-small {
  position: absolute;
  border: 5px solid #23DCC6;
  position: absolute;
  width: 37px;
  border-radius: 50%;
  height: 37px;
  right: -120px;
  top: -50px;
}

.d3 {
  &-img {
    box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.1);
    border-radius: 5px;

    img {
      position: relative;
      z-index: 4;
    }

    &::after {
      position: absolute;
      left: -60px;
      bottom: -70px;
      width: 460px;
      height: 310px;
      content: "";
      background: #FFC633;
      border-radius: 5px;
    }
  }

  padding-top: 70px;

  &-content {
    display: flex;
    flex-direction: column;
    width: 400px;
    margin-left: 65px;
    flex-shrink: 0;
    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    padding-top: 40px;
    line-height: 20px;
    align-items: flex-start;
    color: #1E605D;

    p {
      margin-bottom: 50px;
    }
  }

  &-item {
    display: flex;
    position: relative;
    padding-left: 40px;
  }
}

.d3-slid {
  padding-bottom: 160px;
}

.d3-slider {

}

.d5 {
  margin-bottom: 45px;
}

.d5-container {
  .wrap {
    display: flex;
    padding-right: 100px;
    justify-content: flex-end;
  }

  .owl-dots {
    flex-direction: column;
    display: flex;
    margin-left: 535px;

    justify-content: space-between;
    .pos_absc;
    height: 388px;

    .owl-dot {
      &.active {
        background: #70D0E5;
        color: #FFFFFF;
      }

      font-family: Gotham Pro;
      font-style: normal;
      font-weight: bold;
      font-size: 16px;
      /* identical to box height, or 262% */

      display: flex;
      align-items: center;
      text-align: center;
      justify-content: center;
      text-transform: uppercase;

      color: #70D0E5;
      background: #EBF8F8;
      border-radius: 5px;
      width: 68px;
      height: 68px;
    }
  }
}

.sbor-tabs {
  background: #EAF7F7;
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;

  display: flex;
  justify-content: space-between;
}

.sbor-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  .sbor-item {
    margin-top: 45px;
  }

}

.sbor-tab {
  width: 20%;

  cursor: pointer;

  &.active {
    background: #FFFFFF;
    border-radius: 20px 20px 0px 0px;
    color: #23DCC6;
  }

  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  height: 80px;
  color: #49A5A1;
  text-align: center;

}

.d6 {
  .standart-more {
    margin: 55px 0;
  }
}

input[type="text"], input[type="number"], input[type="tel"], input[type="email"] {
  color: #1E605D;

  font-size: 16px;
  font-family: Rubik;

  &::placeholder {
    color: #23DCC6;

  }
}
.poper-body{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.sovet-img{
  img{
    border-radius: 50%;
  }
}

.d7 {
  &-img {
    margin-right: 25px;
  }

  &-radio {
    width: 112px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #23DCC6;
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    .transition;

    &:hover, &.active {
      background: #FFCE50;
      box-shadow: 0px 10px 50px rgba(255, 206, 80, 0.8);
      border-radius: 5px;
    }

    color: #FFFFFF;
    border-radius: 5px;

    &s {
      margin-bottom: 20px;
      display: flex;
      justify-content: space-between;
    }
  }

  &-step {
    .standart-btn {
      width: 100%;
    }

    input[type="text"], input[type="number"], input[type="email"] {
      height: 50px;
      background: #FFFFFF;
      border-radius: 5px;
      width: 100%;
      margin-bottom: 20px;
      padding-left: 20px;
      color: #1E605D;

      font-size: 16px;
      font-family: Rubik;

      &::placeholder {
        color: #23DCC6;

      }
    }

    &-head {

      font-family: Rubik;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      color: #49A5A1;

      div {
        width: 51px;
        height: 1px;
        background: rgba(35, 220, 198, 0.42);
        margin: 25px 0;
      }

      b {
        font-family: Rubik;
        font-style: normal;
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
        font-size: 16px;
        color: #49A5A1;
      }
    }

    width: 360px;

    &s {
      display: flex;
      justify-content: space-between;
    }
  }

  &-line {
    height: 1px;
    width: 100%;
    margin: 45px 0;
    background: rgba(35, 220, 198, 0.42);;
  }

  &-content {
    b {
      font-family: Rubik;
      font-style: normal;
      margin-top: 15px;
      display: block;
      font-weight: bold;
      font-size: 18px;
      line-height: 20px;
      text-transform: uppercase;
      color: #1E605D;

    }

    p {
      font-family: Rubik;
      font-style: normal;
      font-weight: 300;
      font-size: 16px;
      line-height: 20px;
      color: #49A5A1;

      span {
        font-weight: 300;
        font-size: 36px;
        line-height: 20px;
      }

    }
  }

  background: #FFFBD3;
  padding: 50px 0;

  .standart-ttl {
    display: flex;
    flex-direction: column;
    align-items: center;

    div {
      background: #FFFFFF;
      margin-bottom: 10px;
      border-radius: 5px;
      padding: 10px;
    }
  }

  &-option {
    &s {
      display: flex;
      justify-content: space-between;
    }

    width: 30%;
    display: flex;
    align-items: center;
  }
}

.check {
  height: 50px;
  margin-bottom: 20px;

  p {

    font-family: Rubik;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #1E605D;

  }

  display: flex;
  align-items: flex-start;

  input {
    width: 17px;
    height: 17px;
    position: relative;
    background: #FFC633;
    flex-shrink: 0;
    border-radius: 3px;
    margin-right: 25px;
  }

  input:checked {


    &::after {
      content: "";
      position: absolute;

      left: 4px;
      bottom: 4px;
      right: 4px;
      top: 4px;

      background: #FFFFFF;
      border-radius: 10px;
    }
  }
}

.d8 {
  padding-top: 40px;

  .standart-more {
    margin: 50px 0;
  }
}

.sbor-cart-flex .standart-more {
  margin: 0;
}

.case-item {
  overflow: hidden;
}

.cases-flex {
  align-items: flex-start;
}

.case {
  &-item:not(.case-item-full) {
    .case-content {
      display: flex;
      justify-content: space-between;
    }
  }

  &-content {
    padding: 20px;

    &-footer {
      font-family: Rubik;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 20px;

      .flex {
        margin-top: 15px;
        justify-content: flex-end;
      }

      padding-top: 15px;
      border-top: 1px solid #BCE7E7;

      color: #1E605D;
    }

    &-head {
      display: flex;
      justify-content: space-between;

      & > div {
        padding-bottom: 20px;
      }
    }

  }

  &-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-left: 1px solid #BCE7E7;
    padding-left: 25px;

    p {

      font-family: Rubik;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;

      span {

        font-family: Rubik;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        font-weight: bold;
        color: #1E605D;
        display: block;

      }

      color: #1E605D;
    }
  }

  &-left {
    span {
      font-family: Rubik;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      margin-top: 10px;
      display: block;
      line-height: 20px;


      color: #1E605D;

    }

    b {
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      display: flex;
      align-items: center;

      img {
        margin-left: 15px;
      }

      font-size: 24px;
      color: #1E605D;
    }

    span {
      font-family: Rubik;
      font-style: normal;
      font-weight: normal;
      font-size: 18px;
      line-height: 20px;
      /* identical to box height, or 111% */


      color: #1E605D;

    }
  }

  &-img {
    height: 382px;
    width: 100%;
    overflow-x: hidden;
    position: relative;

    .line {
      left: 100px;
      top: 0;
      bottom: 0;
      position: absolute;
      z-index: 4;

      .line-img {
        position: absolute;
        right: 0;
        max-width: 1000px;
        overflow: hidden;
        height: 100%;
        top: 0;
        bottom: 0;

        img {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          max-width: 10000px;
        }
      }

      & > div:nth-child(2) {
        width: 41px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 45;
        .xpos_ab;
        bottom: 25px;
        max-width: 100px;
        background: #FFFFFF;
        border-radius: 5px;
      }

      .line-layer {
        background: linear-gradient(0deg, rgba(255, 206, 80, 0.4), rgba(255, 206, 80, 0.4));
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 4;
      }

    }

    .after-text {
      position: absolute;
      background: #FFFFFF;
      border-radius: 5px;
      text-transform: uppercase;
      box-shadow: 0px 10px 50px rgba(255, 206, 80, 0.8);

      left: 30px;
      color: #FFCE50;

    }

    .before-text {
      position: absolute;

      right: 30px;
      background: #FFC633;
      /* тень желтая */
      color: white;

      border-radius: 5px;
    }

    .after {
      left: 0;
    }

    .before {
      right: 0;
    }

    .after, .before {
      width: 100%;
      height: 100%;
      position: absolute;
      overflow-y: hidden;

      &-text {
        font-weight: 300;
        font-family: Gotham Pro;
        font-size: 24px;
        line-height: 42px;
        padding: 0 15px;
        z-index: 7;
        top: 30px;
      }

      img {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        max-width: 100000px;
        width: 560px;
      }
    }
  }

  &-item {
    background: #F3FBFB;
    border-radius: 5px;
    width: 560px;
    margin-top: 30px;
  }

  &s-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.compensate-for-scrollbar{
  margin-right: 0!important;
}
.case-img .line .line-layer {
  width: 100%;
  height: 100%;
}
.case-img .line{
}
.line-img{
}
.after-text{
  display: none;
}
.case-content-footer .standart-more{
  margin: 0!important;
}

.d9 {
  background: #FFC633;

  &-next {
    display: flex;
    align-items: center;
    font-family: Gotham Pro;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;

    img {
      margin-left: 20px;
    }

    /* or 125% */


    color: #FFFFFF;

  }

  &-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;

    p {
      font-family: Gotham Pro;
      font-style: normal;
      font-weight: normal;
      width: 320px;
      margin-top: 40px;
      font-size: 24px;
      line-height: 30px;
      /* or 125% */


      color: #FFFFFF;

    }

    .standart-ttl {
      flex-direction: column;
      display: flex;
      margin-bottom: 40px;
      align-items: flex-start;

      div {
        margin-bottom: 10px;
        font-family: Gotham Pro;
        font-style: normal;
        font-weight: normal;

        background: #FFFFFF;
        border-radius: 5px;
        padding: 0 20px;
        font-size: 40px;
        line-height: 60px;
        /* or 150% */


        color: #49A5A1;
      }
    }
  }

  .wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 65px 0;
  }
}

.d8 {
  .standart-ttl {
    margin-bottom: 0px;
  }
}

.gallery-section {
  padding-top: 40px;

  .standart-more {
    margin: 40px 0;
  }

  .flex {
    width: 100%;
  }
}

.footer, .header {
  a {
    .transition();

    &:hover {
      opacity: 0.6;
    }
  }
}
.to-top{
  position: fixed;
  right: 15px;
  cursor: pointer;
  svg{
    width: 50px;
    height: 50px;
  }
  bottom: 15px;
  z-index: 45;
}

.footer a, .header a{
  opacity: 1!important;
  &:hover{
    color: #FFC633;
  }
}
.fancybox-content{
  max-height: 80%;
}
@keyframes pulse {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.d9-next {
  display: flex;
  align-items: center;
}

.d9-arrow {
  .transition;
  border: 1px dashed transparent;                    border: 1px dashed #23DCC6;

  &:hover {

  }

  margin-left: 15px;
  display: flex;
  align-items: center;
  padding: 10px;

  img {
    margin: 0;
  }
}

.padding-top {
  padding-top: 170px;
}

.sborwrap-right .sbor-timer .countdown-row > span{
  width: 100px;
  height: auto;
}
.sborwrap-right {
  .countdown-section::after
  {
    left: 97.5px;
  }
}
.countdown-section{
  position: relative;

  &:last-child::after{
    display: none!important;
  }
  &::after {
    content: ":";
    animation: pulse 1s infinite;

    left: 48.5px;
    font-size: 40px;
    top: -2px;
    position: absolute;
  }
}

.de {
  &-img {
    margin: 40px 0;
  }

  &-flex {
    display: flex;
    align-items: center;
    margin: 40px 0;

    font-family: Rubik;

    img {
      margin-right: 65px;
    }

    p {
      margin-bottom: 0 !important;
    }

    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    /* or 167% */


    color: #1E605D;
  }

  &-top {
    width: 754px;
    margin: 0 auto;

    p {
      font-family: Rubik;
      font-style: normal;
      font-weight: 300;
      font-size: 18px;
      line-height: 25px;
      /* or 139% */

      em {
        font-family: Rubik;
        font-style: italic;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        /* or 143% */


        color: #49A5A1;
      }

      color: #1E605D;
      margin-bottom: 20px;
    }
  }
}

.gallery-tabs {
  background: #FFFFFF;
  width: 374px;
  padding: 5px;
  margin: 0 auto;
  border: 1px dashed #23DCC6;
  box-sizing: border-box;
  border-radius: 5px;
  display: flex;
}

.gallery-content {
  display: none;

  &.active {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.gallery-zoom {
  .pos_absc;
  width: 46px;
  height: 46px;
  background: rgba(255, 206, 80, 0.67);
  border-radius: 50%;
  opacity: 0;

  display: flex;
  align-items: center;
  justify-content: center;
  .transition;
}

.gallery-number {

  font-family: Rubik;
  font-style: normal;
  font-weight: normal;
  font-size: 24px; /* or 250% */

  position: absolute;
  top: 0;
  left: 0;
  color: #B0E3FF;

}

.gallery-item {
  position: relative;
  margin-top: 40px;
  display: block;

  &:hover {
    .gallery-zoom, .gallery-play {
      opacity: 1;
    }
  }
}

.gallery-play {
  .pos_absc;
  width: 70px;
  height: 70px;

  background: #FFCE50;
  box-shadow: 0px 10px 50px rgba(255, 206, 80, 0.8);
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center
}

.gallery-tab {
  width: 50%;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  cursor: pointer;
  line-height: 42px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #23DCC6;
  height: 100%;

  &.active {

    background: #23DCC6;
    color: #FFFFFF;

    border-radius: 5px;
  }
}
.d9-arrow{
  .transition();
  border-radius: 5px;
  border: 1px dashed #23DCC6;

  &:hover{
         box-shadow: 0px 10px 50px #FFFFFF;
       }
  img{
    position: relative!important;
  }
}

.d10 {
  position: relative;

  .standart-ttl {
    text-align: left;
  }

  &-slider {

  }

  &-img {
    width: 158px;
    overflow: hidden;
    position: absolute;
    top: -40px;
    .xpos_ab;
    border-radius: 50%;
    height: 158px;

    img {
      .c_img
    }

    border: 2px solid #FFCE50;
  }

  &-item {
    background: #FFFFFF;
    border: 1px solid #F3FBFB;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px rgba(255, 206, 80, 0.18);
    border-radius: 5px;
    text-align: center;
    position: relative;
    margin-top: 40px;
    height: 363px;
    width: 265px;
    padding: 140px 20px 0px 20px;

    b {
      font-family: Gotham Pro;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 25px;
      /* identical to box height, or 139% */

      text-align: center;

      color: #FFCE50;
    }

    span {
      font-family: Gotham Pro;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 20px;
      /* or 143% */
      margin: 10px 0;
      display: block;


      text-align: center;

      color: #1E605D;
    }

    p {
      font-family: Gotham Pro;
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      line-height: 20px;
      /* or 143% */

      text-align: center;

      color: #1E605D;
    }
  }
}

.case-img .after-text, .case-img .before-text
{
  text-transform: uppercase;
}
.gallery-section{
  padding: 40px 0;
}

.d10-faq {
  padding-left: 500px;
  padding-top: 70px;
  padding-bottom: 90px;
}

.d10-faq-line {
  height: 1px;
  width: 100%;
  margin: 25px 0;
  background: #FFCE50;;
}

.d10-faq-head {
  display: flex;

  span {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    /* or 139% */


    color: #1E605D;

  }

  b {
    margin-right: 15px;
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 30px;
    /* or 83% */


    color: #FFCE50;

  }
}

.d10-faq-block {
  position: relative;
  z-index: 3;
}

.d10-faq-text {
  font-family: Gotham Pro;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  /* or 143% */


  color: #1E605D;

}

.d3-slider {
  .owl-dots {
    position: absolute;
    width: 1200px;
    margin: 0 auto;
    bottom: 110px;
    display: flex;

    .xpos_ab;
    z-index: 23;
    height: 36px;


    .owl-dot {
      z-index: 10;
      font-family: Rubik;
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      padding: 20px;
      display: flex;
      text-align: center;

      align-items: center;
      justify-content: center;
      width: 49px;
      height: 36px;
      color: #FFFFFF;

      &.active {
        font-family: Rubik;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        /* or 250% */

        display: flex;
        align-items: center;
        text-align: center;

        color: #FFFFFF;

      }
    }

  }
}

.d10-number {
  .xpos_ab;
  font-family: Gotham Pro;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 51px;

  bottom: -25px;
  line-height: 51px;
  text-align: center;
  color: #23DCC6;
  z-index: 3;

}

.d10-item {
  box-shadow: none;
}

.d10-slider {
  .owl-prev {
    display: none;
  }

  .owl-nav {
    position: absolute;
    right: 0;
    top: -90px;
  }


}

.d10-faq-slider {

  .owl-prev {
    background: #FFCE50;
    border-radius: 5px;
    background: #FFCE50 !important;

    width: 51px;
    height: 51px;
    display: flex;
    bottom: -25px;
    align-items: center;
    justify-content: center;

    position: absolute;
    left: 210px;
  }

  .owl-next {
    background: #FFCE50 !important;
    border-radius: 5px;
    width: 51px;
    height: 51px;
    bottom: -25px;
    align-items: center;
    position: absolute;
    right: 210px;
    justify-content: center;

  }
}

.d10-faq-item {
  width: 100%;
  background: #FFFBD3;
  border-radius: 5px;
  padding: 30px 40px;
  padding-bottom: 60px;
  position: relative;

}

.d10-img-bg {
  .xpos_ab;
  bottom: 0;
  max-width: 1000000px;
}

.d10 {
  position: relative;

  .wrap {
    position: relative;
    z-index: 4;
  }
}
.before-text,.after-text{
  box-shadow: none!important;
  &.active{
    box-shadow: 0px 10px 50px rgba(255, 206, 80, 0.8)!important;
  }
}
.footer {
  .header-top {
    color: #1E605D;
    padding: 30px 0;

    .header-left-text {
      font-weight: 300;
    }
  }

  &-bottom {
    & > ul {
      display: flex;

      & > li {
        font-family: Rubik;
        font-style: normal;
        font-weight: bold;
        font-size: 14px;
        line-height: 36px;
        margin-right: 80px;

        ul ul {

          font-family: Rubik;
          font-style: normal;
          font-weight: 300;
          font-size: 14px;
          line-height: 20px;
          /* or 143% */


          color: #49A5A1;
        }


        color: #49A5A1;
      }
    }

    border-top: 1px solid rgba(73, 165, 161, 0.3);
    padding: 25px 0;
    display: flex;
    justify-content: space-between;
  }
}

.footer-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;

  span {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    color: #CDE6E6;
  }

  p {

    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 12px;
    line-height: 16px;

    text-align: right;

    color: #1E605D;
  }

  b {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #1E605D;
  }
}

.volonter-head .wrap {
  p {
    width: 525px;
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 30px;
    /* or 125% */

    color: #FFFFFF;
  }
}

.footer-socs {
  display: flex;
  align-items: center;
  margin: 15px 0;

  a {
    display: flex;
    align-items: center;
    margin-left: 15px;
  }
}

.ui-datepicker .ui-datepicker-title {
  display: flex;
  justify-content: center;
  margin: 0;
}

.ui-datepicker-prev {
  background: url("../imgs/cp.png");
  background-position: center;
  background-repeat: no-repeat;
}

.ui-datepicker-next {
  background: url("../imgs/cn.png");
  background-position: center;
  background-repeat: no-repeat;
}

.ui-datepicker tr {
  display: flex;
  justify-content: space-between;
}

.ui-datepicker td {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  margin: 1.5px;
  /* or 429% */

  display: flex;
  align-items: center;
  justify-content: center;

  color: #49A5A1;
  width: 20px;
  height: 20px;
  flex-grow: 1;

  background: #F3FBFB;
  border-radius: 5px;
  border: 1.5px solid transparent;
}

.ui-datepicker-inline {
  thead {
    display: none;
  }

  width: 220px;
  background: #FFFFFF;
  border: 1px solid #D0F4F4;
  box-sizing: border-box;
  border-radius: 5px;

  .ui-datepicker-title {
    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    /* or 389% */

    display: flex;
    align-items: center;
    text-align: center;

    color: #49A5A1;
  }

  .ui-datepicker-year {
    font-weight: 700;
  }
}

input[type='number'] {
  -moz-appearance: textfield;
}

.team-flex {
  margin: 40px 0;
  justify-content: center;
  display: flex
}

.team-item {
  width: 264px;
  margin: 0 15px;
  height: 263px;
  background: #23DCC6;
  box-shadow: 0px 20px 40px #F3FBFB;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;

  &.team-item-big {
    span {
      font-family: Gotham Pro;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;
      line-height: 20px;
      /* or 143% */

      text-align: center;

      color: #1E605D;
    }

    b {
      font-family: Gotham Pro;
      font-style: normal;
      font-weight: bold;
      font-size: 24px;
      line-height: 25px;
      margin-bottom: 15px;
      /* identical to box height, or 104% */

      text-align: center;

      color: #FFFFFF;

    }

    width: 362px;
    height: 415px;

    .team-img {
      width: 250px;
      height: 250px;
    }
  }

  b {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    margin-top: 15px; /* identical to box height, or 139% */

    text-align: center;

    color: #FFFFFF;
  }

  justify-content: center;
}

.team-img {
  border: 1px solid #FFFFFF;
  padding: 5px;
  width: 165px;
  height: 165px;
  border-radius: 50%;

  div {
    border-radius: 50%;

    img {
      .c_img;
    }

    background: #FFFFFF;
  }
}

.otchet-page {
  .standart-more {
    margin-bottom: 45px;
  }
}

.otchet-right {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #1E605D;
}

.otchet-flex {
  display: flex;
  align-items: center;
  margin-bottom: 71px;
  position: relative;

  &-parent {
    .otchet-flex:last-child {
      .otchet-left {
        position: static;
      }
    }
  }
}

.otchet-select {
  display: flex;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 25px;
  border: 1px solid #FFCE50;
  border-radius: 5px;
  cursor: pointer;

  b {
    color: #49A5A1;
    .transition();
  }

  padding: 10px 25px;
  display: flex;
  align-items: center;
  .transition();
  justify-content: space-between;

  svg {
    .transition();
    fill: #FFCE50
  }

  &.active, &:hover {
    background: #FFCE50;

    b {
      color: #FFFFFF;
    }

    svg {
      fill: #fff
    }
  }

  &.active {
    & + .otchet-select-content {
      display: block;
    }

    svg {
      transform: rotate(180deg);
    }
  }
}
.getsbor-footer {
  .standart-ttl{
    text-align: left;
    font-size: 25px;
  }
  .sbor-flex{
      flex-wrap: inherit;
  }
}
.d10-item{background: #f9f9f9}
.d1 .wrap .ssbor-form{
  padding-top: 30px;
}
#wpadminbar{
  *{
    max-width: 10000000px;
  }
}
.otchet-select-content {

  display: none;

  .ssbor-head {
    width: 480px;
  }

  .ssbor-tr {
    display: flex;
    justify-content: space-between;
  }

  .ssbor-td {
    text-align: center;
    background: #F3FBFB;
    border-radius: 5px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;

    &:nth-child(1) {

      width: 90px;
      flex-shrink: 0;

      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 14px;

      color: #49A5A1;
    }

    &:nth-child(2) {
      width: 128px;
      font-family: Rubik;
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      flex-shrink: 0;


      color: #1E605D;
    }

    &:nth-child(3) {
      width: 159px;
      font-family: Rubik;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      flex-shrink: 0;


      color: #1E605D;
    }

    &:nth-child(4) {
      flex-grow: 1;
      font-family: Rubik;
      font-style: normal;
      font-weight: 300;
      font-size: 14px;
      line-height: 15px;
      /* or 107% */

      display: flex;
      align-items: center;

      color: #1E605D;
      padding: 5px 25px;
      text-align: left;
    }
  }

  .ssbor-th {
    margin: 5px;

    &:nth-child(1) {
      width: 90px;
      flex-shrink: 0;
    }

    &:nth-child(2) {
      width: 128px;
      flex-shrink: 0;

    }

    &:nth-child(3) {
      width: 159px;
      flex-shrink: 0;

    }

    &:nth-child(4) {
      text-align: left;
      flex-grow: 1;
      padding: 5px 25px;

      justify-content: flex-start;
    }

    text-align: center;

    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #49A5A1;

  }

  .ssbor-table {
    margin-top: 15px;
    padding: 40px 65px;
    background: #FFFFFF;
    border-radius: 5px;
    width: 100%;
  }

  .ssbor-form {
    align-items: flex-end;
    flex-direction: column;
    display: flex !important;
    position: static;
    opacity: 1 !important;
  }

  .ssbor-table-body {
  }
}

.margin-more {
  margin: 60px 0;
}

.irs--flat {
  @name: irs;

  @top: 25px;
  @bottom: 16px;
  @line_height: 12px;
  @handle_width: 16px;
  @handle_height: 18px;
  @custom_radius: 4px;

  @line_color: #e1e4e9;
  @bar_color: #FFCE50;
  @handle_color_1: #FFCE50;
  @handle_color_2: #FFCE50;
  @minmax_text_color: #999;
  @minmax_bg_color: #e1e4e9;
  @label_color_1: #FFCE50;
  @label_color_2: white;
  @grid_color_1: #e1e4e9;
  @grid_color_2: #999;


  height: 40px;

  &.irs-with-grid {
    height: 60px;
  }

  .@{name}-line {
    top: @top;
    height: @line_height;
    background-color: @line_color;
    border-radius: @custom_radius;
  }

  .@{name}-bar {
    top: @top;
    height: @line_height;
    background-color: @bar_color;

    &--single {
      border-radius: @custom_radius 0 0 @custom_radius;
    }
  }

  .@{name}-shadow {
    height: 1px;
    bottom: @bottom;
    background-color: @line_color;
  }

  .@{name}-handle {
    top: 22px;
    width: @handle_width;
    height: @handle_height;
    background-color: transparent;

    & > i:first-child {
      position: absolute;
      display: block;
      top: 0;
      left: 50%;
      width: 2px;
      height: 100%;
      margin-left: -1px;
      background-color: @handle_color_1;
    }

    &.state_hover,
    &:hover {
      & > i:first-child {
        background-color: @handle_color_2;
      }
    }
  }

  .@{name}-min,
  .@{name}-max {
    top: 0;
    padding: 1px 3px;
    color: @minmax_text_color;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: @minmax_bg_color;
    border-radius: @custom_radius;
  }

  .@{name}-from,
  .@{name}-to,
  .@{name}-single {
    color: @label_color_2;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: @label_color_1;
    border-radius: @custom_radius;

    &:before {
      position: absolute;
      display: block;
      content: "";
      bottom: -6px;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -3px;
      overflow: hidden;
      border: 3px solid transparent;
      border-top-color: @label_color_1;
    }
  }

  .@{name}-grid {
    &-pol {
      background-color: @grid_color_1;
    }

    &-text {
      color: @grid_color_2;
    }
  }
}

.tabs-head-img {

  .xpos_ab;
  top: 0;
}

.getsbor-flex {
  display: flex;
}

.getsbor-inputs {
  padding-left: 30px;
}

.getsbor-wrap {
  width: 950px;
}

.getsbor-inputs {
  flex-grow: 1;
}

.getsbor-input {
  display: flex;

  margin-bottom: 25px;

  &-number {
    margin-right: 20px;
    width: 50px;
    height: 50px;
    background: #FFCE50;

    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    /* identical to box height, or 437% */

    .transition;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    border-radius: 5px;

    &.active {
      background: #23DCC6;
    }
  }

}

.tabs-page .wrap {
  position: relative;
  z-index: 4;
}

.sum-result {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sum-result-block {
  background: #FFFFFF;
  border-radius: 5px;
  padding: 15px 30px;
  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;

  align-items: center;
  text-align: center;

  color: #23DCC6;

  label {

  }
}
.irs--flat .irs-min, .irs--flat .irs-max{
  top: -5px;
  font-size: 14px;
}
.d5-owl-next{
  position: absolute!important;
  bottom: 30px;
  right: 45px;
}
.sbor-cart .sbor-cart-abc{
  bottom: 8px;}
.irs--flat .irs-single{
  top: -5px;
  font-size: 14px;
  margin-left: 0px;
}

.getsbor-input-big {
  width: 100%;
  margin-top: 20px;
}

.getsbor-footer {
  margin-bottom: 60px;

  background: rgba(217, 241, 216, 0.3);
  border-radius: 5px;
  padding: 40px 65px;
  margin-top: 75px;
}

.getsbor-download {
  margin-top: 20px;
  align-items: flex-start;
  display: flex;

  p {

    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    color: #1E605D;

  }

  a {
    flex-shrink: 0;
    margin-right: 40px;
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    /* or 500% */

    img {
      margin-right: 10px;
    }

    display: flex;
    align-items: center;

    color: #23DCC6;

    display: flex;
  }
}

.sborwrap-head {
  display: flex;
}

.page-back {
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  /* or 437% */
  margin: 45px 0;

  img {
    margin-right: 15px;
  }

  display: flex;
  align-items: center;

  color: #23DCC6;
  align-items: center;
  display: flex;
}

.sborwrap-green {
  height: 30px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  /* identical to box height, or 111% */

  img {
    margin-right: 15px;
  }

  color: #23DCC6;
}

.sborwrap {
  border: 1px solid #FFCE50;
  padding: 35px;
  position: relative;

  &-head, &-content {
    position: relative;
    z-index: 4;
  }

  &-left {
    width: 588px;

    h3 {
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 24px;
      height: 30px;
      margin-bottom: 10px;
      color: #1E605D;

    }
  }

  &-right {


  }

  &::after {
    content: "";
    width: 295px;
    height: 295px;
    border-radius: 50%;
    top: 165px;
    left: -55px;

    position: absolute;
    background: #FFFBD3;
  }

  &::before {
    content: "";
    position: absolute;
    right: -175px;
    background: #FFFBD3;
    width: 373px;
    height: 373px;
    border-radius: 50%;
    top: 240px;
  }
}

.sbor-otchet {
  .standart-ttl {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: 300;
    font-size: 40px;
    margin-top: 140px;
    padding-top: 70px;
    margin-bottom: 72px;
    text-align: center;
    color: #49A5A1;
  }

  .otchet-select-content {
    display: block;
  }

  .otchet-body {
    background: #F3FBFB;
  }
}

.getsbor-item {
  background: #FFFBD3;
  border-radius: 5px;
  margin-bottom: 20px;

  input {
    display: block;
    height: 50px;
    font-family: Rubik;
    flex-grow: 1;
    font-style: normal;
    padding-left: 20px;
    font-weight: normal;
    font-size: 16px;
    color: #1E605D;

    background: #FFFFFF;
    border-radius: 5px;

    &::placeholder {


      color: #FFCE50;
    }
  }

  width: 100%;

  label {

    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #49A5A1;

  }

  padding: 40px 65px;

  .standart-ttl {
    color: #49A5A1;
    margin-bottom: 30px;
    text-align: left;
  }
}

.getsbor-form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.otchet-body {
  background: #FFFDE5;
  border-radius: 5px;
  padding: 40px 95px;
}

.otchet-convert-bold {
  margin-bottom: 140px;
}

.otchet-left {
  width: 220px;
  flex-shrink: 0;
  position: relative;
  margin-right: 70px;
  display: flex;
  flex-direction: column;
  font-family: Rubik;
  font-style: italic;
  font-weight: bold;
  font-size: 24px;
  line-height: 25px;
  align-items: flex-end;

  &::after {
    content: "";
    position: absolute;
    bottom: -35px;
    background: #BCE7E7;;
    height: 1px;
    left: 0;
    right: 0;
  }
}

.otchet-flex-parent {
  position: relative;
  z-index: 4;
}

.otchet-convert {
  position: relative;

  b {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    display: block;
    text-align: center;
    color: #1E605D;
  }

  & > img {
    .xpos_ab;
    top: -100px;
  }
}

.otchet-head {
  padding: 35px 65px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;

  & > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    span {
      font-family: Rubik;
      font-style: normal;
      font-weight: 300;
      font-size: 24px;
      line-height: 25px;

      color: #FFFFFF;

    }

    b {
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 72px;
      color: #FFFFFF;

    }

    &:nth-child(2) {
      align-items: flex-end;
    }
  }
}

.volonters-parent {
  margin-bottom: 160px;

  .volonters {
    .owl-item {
      display: flex;
      justify-content: center;;
    }

    .owl-nav {
      margin-top: 60px;
      display: flex;
      justify-content: center;

      .owl-prev, .owl-next {
        margin: 0 80px;
      }
    }

    .owl-prev {
      background: #FFCE50;
      border-radius: 5px;
      background: #FFCE50 !important;
      width: 51px;
      height: 51px;
      display: flex;
      align-items: center;
      justify-content: center;

    }

    .owl-next {
      background: #FFCE50 !important;
      border-radius: 5px;
      width: 51px;
      height: 51px;
      align-items: center;
      justify-content: center;

    }
  }
}

.de-page {
  position: relative;

  .wrap {
    position: relative;
    z-index: 4;
  }
}

.de-top {
  padding-top: 75px;

  h3 {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;

    text-align: center;

    color: #1E605D;
  }
}

.volonter-col {
  width: 265px;

  .d10-item {
    height: auto;
    padding-bottom: 30px;

    b {
      display: block;
      font-family: Gotham Pro;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 25px;
      /* identical to box height, or 139% */

      text-align: center;

      color: #23DCC6;

      margin-bottom: 10px;
    }
  }
}

.team-bg {
  .xpos_ab;
  top: 60px;
}

.burger-menu {
  display: none;
}

.header {
  z-index: 101;
}

.burger {
  display: none;
}

.pay-content-left-top {
  p {
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    /* or 139% */

    margin-bottom: 20px;
    color: #1E605D;
  }
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  color: #23DCC6;
  border: 1px solid #23DCC6;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #23DCC6;;
  border-right: 2px solid #23DCC6;;
  content: '';
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #23DCC6;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #23DCC6;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.pay {
  &-content {
    width: 1300px;
    margin: 0 auto;

    &-flex {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;

    }

    &-item {
      margin-bottom: 20px;
      background: #FFFFFF;
      border-radius: 5px;
      padding: 15px;

      &-line {
        width: 1px;
        margin: 0 30px;
        height: 100%;
        background: rgba(35, 220, 198, 0.3);
      }

      width: 279px;
      height: 78px;
      display: flex;
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 16px;
      line-height: 20px;

      color: #23DCC6;
      align-items: center;
      justify-content: center;

      &:nth-child(2) {
        color: #FFCE50;

        .pay-content-item-line {
          background: rgba(255, 206, 80, 0.3);

        }
      }
    }

    &-group {
      margin-bottom: 40px;

      &:last-child {
        margin-bottom: 0;
      }

      .check {
        height: auto;
      }
    }

    .standart-btn {
      width: 100%;
    }

    input[type="text"], input[type="tel"], input[type="number"], input[type="email"] {
      height: 50px;
      background: #FFFFFF;
      border-radius: 5px;
      width: 100%;
      margin-bottom: 20px;
      padding-left: 20px;
      color: #1E605D;

      font-size: 16px;
      font-family: Rubik;

      &::placeholder {
        color: #23DCC6;

      }
    }

    &-right {
      flex-grow: 1;
      padding: 65px 90px;
      background: #F3FBFB;

      .d7-radio {
        width: 176px;

      }

      .nice-select {
        background: #FFFFFF;
        width: 100%;
        float: none;
        border: 1px solid #23DCC6;
      }

      label {
        font-family: Rubik;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        display: block;
        margin-bottom: 15px;

        color: #49A5A1;

      }
    }

    &-left {
      width: 537px;
      display: flex;
      flex-shrink: 0;
      flex-direction: column;
      justify-content: space-between;
      padding: 65px;

      .d7-option {
        //width: 100%;
        margin-top: 85px;
      }

      .d7-options {
        display: block;
      }

      .standart-ttl {
        text-align: left;
      }
    }

    &-top {
      display: flex;
    }
  }

  &-head {
    width: 1300px;
    cursor: pointer;

    .pay-head-ttl {
      flex-direction: column;
      display: flex;
      margin-bottom: 40px;
      align-items: flex-start;

      span {
        margin-bottom: 10px;
        font-family: Gotham Pro;
        font-style: normal;
        font-weight: normal;

        background: #FFFFFF;
        border-radius: 5px;
        padding: 0 20px;
        font-size: 40px;
        line-height: 60px;
        /* or 150% */


        color: #49A5A1;
      }
    }

    margin: 0 auto;
    display: flex;

    &-right {
      flex-grow: 1;

      img {
        .c_img;
      }
    }

    &-left {
      width: 537px;
      height: 435px;
      padding: 65px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
    }
  }
}

.pay-content-bottom-flex {
  display: flex;
  justify-content: space-between;

}

.pay-content-bottom-item {
  position: relative;
  width: 362px;

  .standart-border-btn {
    border: 1px solid #23DCC6;
    color: #23DCC6;

  }

  img {
    .xpos_ab ;
    bottom: -40px;
  }

  padding: 40px;
  padding-bottom: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  b {

    font-family: Gotham Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    /* or 125% */


    color: #FFCE50;
    margin: 35px 0;
    display: block;
  }

  background: #FFFBD3;
  border-radius: 5px;
}

.pay-content {
  display: none;
}

.pay-head {
  img {
    .transition;
  }
}

.pay-head.active {
  .pay-head-left {
    img {
      transform: rotate(180deg);
    }
  }

  & + div {
    display: flex;
  }
}

.pay-content-bottom {
  padding: 50px 0;

  .d7-steps {

    background: #F3FBFB;
    border-radius: 5px;
    padding: 55px 65px;

    .d7-step {
      width: 330px;
    }

    .nice-select {
      height: auto;
      white-space: normal;
      font-family: Rubik;
      font-style: normal;
      padding: 20px 30px;
      font-weight: bold;
      margin-bottom: 25px;
      font-size: 16px;
      line-height: 25px;
      /* or 156% */


      color: #23DCC6;

    }

    .nice-select .option {

      height: auto;
      white-space: normal;
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      padding: 10px 25px;
      font-size: 16px;
      line-height: 25px;
      /* or 156% */


      color: #23DCC6;
    }

    margin-top: 80px;
  }

  &-number {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    /* or 125% */


    color: #FFCE50;
  }
}

.hd-head {
  .wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

    p {
      font-family: Rubik;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      line-height: 30px;
      /* or 167% */

      text-align: center;

      color: #0A3F3C;

    }

    .standart-btn {
      background: #70D0E5;

      &:hover {
        box-shadow: 0px 10px 50px rgba(112, 208, 229, 0.8);

      }
    }

    h2 {
      font-family: Gotham Pro;
      font-style: normal;
      font-weight: normal;
      font-size: 40px;

      text-align: center;
      text-transform: uppercase;

      color: #0A3F3C;
    }
  }
}

.hd-content {
  padding-top: 270px;

  &-head {
    display: flex;

    justify-content: space-between;
  }

  &-right {
    div:nth-child(1) {
      width: 373px;
      height: 373px;
      right: -60px;
      top: 15px;
      position: absolute;
      z-index: 1;
      border-radius: 50%;
      background: rgba(255, 206, 80, 0.4);
    }

    div:nth-child(2) {
      width: 37px;
      height: 37px;
      border-radius: 50%;
      position: absolute;
      z-index: 5;
      top: -15px;
      left: 220px;
      border: 5px solid #70D0E5;
    }

    div:nth-child(3) {
      width: 37px;
      height: 37px;
      border-radius: 50%;
      position: absolute;
      z-index: 5;
      bottom: 40px;
      right: -18px;
      border: 5px solid #70D0E5;
    }

    width: 592px;
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
    top: -160px;

    .big-img {
      width: 592px;
      height: 346px;
      position: relative;
      z-index: 3;
      margin-top: 20px;
      border-radius: 5px;

      &::after {
        width: 37px;
        height: 37px;
        border-radius: 50%;

        content: "";
        position: absolute;
        top: -18px;
        left: 30px;

        background: #FFCE50;
      }

      img {
        .c_img
      }
    }

    .small-img {
      border-radius: 5px;
      width: 204px;
      height: 139px;
      margin-left: 15px;
      position: relative;
      z-index: 3;

      img {
        .c_img;
      }
    }
  }
}

.hd-content {

  &-text {
    margin-top: -100px;
  }

  p {

    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    color: #1E605D;

    &:last-child {
      margin-bottom: 0;
    }

    margin-bottom: 20px;
  }

  &-volna {
    padding: 25px 100px;
    position: relative;
    margin: 60px 0;

    svg {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      fill: #8ADCEE;
      width: 100%;
    }

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-family: Rubik;
    background: #70D0E5;
    border-radius: 5px;

    p {
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      position: relative;

      z-index: 5;
      line-height: 25px;
      /* or 139% */

      text-align: center;

      color: #FFFFFF;
    }
  }
}

.psevdo-item {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
}

.hd-gallery-item {
  width: 360px;
  margin-bottom: 40px;

  .play {
    background: #70D0E5;
    border-radius: 5px;

    .transition();
    width: 90px;

    &:hover {
      box-shadow: 0px 10px 50px rgba(112, 208, 229, 0.8);

    }

    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    .pos_absc;
  }

  .dark {
    background: linear-gradient(0deg, rgba(30, 96, 93, 0.6), rgba(30, 96, 93, 0.6));
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  span {

    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    margin-top: 15px;
    display: block;
    line-height: 20px;


    color: #1E605D;
  }
}

.hd-gallery-date {

  background: #F3FBFB;
  border-radius: 3px;
  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  top: 12px;
  right: 12px;
  position: absolute;

  color: #1E605D;
  padding: 5px 15px;
}

.hd-gallery-img {
  height: 340px;
  overflow: hidden;
  width: 100%;
  border-radius: 5px;

  position: relative;

  & > img {
    .c_img
  }
}

.hd-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  .flex {
    width: 100%;
  }
}

.hd-head-left {
  width: 460px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  h2 {
    font-family: Gotham Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;

    line-height: 45px;
    color: #49A5A1;
  }

  p {

    font-family: Rubik;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    /* or 167% */

    margin: 40px 0;

    color: #1E605D;
  }
}

.news-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.hd-head-left p{
  margin: 0;
  margin-bottom: 20px;
}
.hd-head-left h2{
  margin-bottom: 20px;
}
.sborwrap-right.sbor-final{
  .sbor-progress-bar div{
    width: 100%!important;
    background:#FFCE50!important;
  }
}
.getsbor-item textarea{
  display: block;
  height: 120px;
  font-family: Rubik;
  flex-grow: 1;
  font-style: normal;
  padding: 10px 20px;
  font-weight: normal;
  font-size: 16px;
  color: #1E605D;
  background: #FFFFFF;
  border-radius: 5px;

}
.sborwrap-left{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sbor-cart-slider{
  flex-grow: 1;
  .owl-dots{
    height: auto;
  }
  .sbor-slider-item{
    &>img{
      /*.c_img;*/
      object-fit: cover;
    }
  }
  div{
    height: 100%;
  }
}
.d4-item p span{
  display: inline-block;              font-size: 28px;
  line-height: normal;
}
.d4-item b{
  font-size: 28px;
  margin-bottom: 15px;
}
.header-logo img{
  height: 50px;
}
.d3-img img{
  height: 375px;
}
.d4-left{
  width: 530px;
}
.getsbor-download{
  align-items: center;
}
.getsbor-input{
  position:relative;
  z-index: 4;
}

/**
*
  Адаптивка
*
**/
@media only screen and(max-width: 1199px) {
  .page {
    overflow-x: hidden;
  }
  .after-text{
    display: block;
  }

  .sbor-cart-flex span {
    width: 100%;
    text-align: center;
  }

  .d5-container .owl-dots {
    display: flex;
    flex-direction: row;
    margin-left: 0;
    justify-content: center;
    transform: none;
  }

  .sbor-timer {
    justify-content: center;
  }

  .sbor-otchet {
    padding-top: 30px;
  }

  .sbor-timer > div {
    margin: 0 3.5px;
  }

  .sbor-otchet .otchet-body {
    padding: 0;
    margin-bottom: 0;
  }

  .otchet-select-content .ssbor-th:nth-child(1),
  .otchet-select-content .ssbor-td:nth-child(1) {
    display: none;
  }

  .otchet-select-content .ssbor-th:nth-child(2),
  .otchet-select-content .ssbor-td:nth-child(2) {
    display: none;
  }

  .otchet-select-content .ssbor-th:nth-child(3),
  .otchet-select-content .ssbor-td:nth-child(3) {
    width: 80px;
  }

  .sbor-otchet .ssbor-head {
    padding: 0 !important;

    .ssbor-date {
      width: auto;
    }

    input {
      width: 1px;
    }
  }

  .otchet-select-content .ssbor-table {
    padding: 0 !important;
  }

  .otchet-select-content .ssbor-td:nth-child(4),
  .otchet-select-content .ssbor-th:nth-child(4) {
    padding: 5px;
    flex-grow: 1;
  }

  .sbor-otchet .otchet-body {
    background: transparent;
  }

  .sbor-otchet .standart-ttl {
    margin-bottom: 30px;
  }

  .sbor-progress-head {
    margin-top: 15px;
  }

  .sborwrap-socs {
    padding-top: 0;
  }

  .sborwrap-right .sbor-progress {
    margin: 15px 0;
  }

  .md-show {
    display: block !important;
  }

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

  html, body {
    overflow-x: auto;
  }

  .d1, .d2, .d3, .d4 {
    overflow: hidden;
    position: relative;
  }

  .burger-menu {
    position: fixed;
    z-index: 80;
    background: white;
    top: 100vh;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    .transition();
    left: 0;
    padding: 15px;
    padding-top: 70px;
    text-align: center;

    &.active {
      top: 0;
    }

    li {
      line-height: 26px;
    }

    div {
      a {
        text-align: center;
        margin-top: 10px;
        display: block;
      }
    }

    ul {
      flex-grow: 1;

      ul {
        display: none;
      }
    }

  }

  .header-top {
    padding: 10px;
  }

  .burger {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 16px;
    width: 24px;

    &.active {
      div {
        &:first-child {
          transform: rotate(45deg);
          position: relative;

          top: 8px;
        }

        &:nth-child(2) {
          display: none
        }

        &:nth-child(3) {
          transform: rotate(-45deg);
          position: relative;

          top: -5px;
        }
      }
    }

    div {
      background: #FFC633;
      width: 100%;
      .transition();
      height: 2px;

    }
  }

  .wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .header {
    background: #FFFFFF;
  }

  .sbor-head > b {
    font-size: 18px;
  }

  .sbor-cart-flex {
    justify-content: center;
    flex-wrap: wrap;

    span {
      order: 2;
      margin-top: 15px;
    }
  }

  .sbor-head {
    padding: 15px;
  }

  .d1-history {
    padding: 15px 0;
  }

  .d1-history-content span {
    font-size: 13px;
  }

  .d3 {
    .wrap {
      width: 100%;
    }
  }

  .d5 .standart-ttl-more {
    display: none;
  }

  .d5-item {
    overflow: hidden;
  }

  .d1 .wrap .ssbor-form .ssbor-td, .d1 .wrap .ssbor-form .ssbor-th {
    height: auto;
    padding: 5px;
    font-size: 12px;
  }

  .ssbor-head input {
    width: 1px;
  }

  .ssbor-head {
    padding: 10px 10px;
  }

  .mnews-img {
    display: block;
  }

  .ssbor-head button {
    margin-left: 5px;
  }

  .d5-container .wrap {
    max-width: 100%;
    position: relative;
    transform: none;
    top: auto;
    left: auto;
    z-index: 4;
    padding: 30px 15px;
    padding-bottom: 100px;

    .standart-more {
      margin-top: 15px;
    }
  }

  .ssbor-head .ssbor-date {
    width: auto;
    padding: 0 5px;
  }

  .d1 .wrap .ssbor-form .ssbor-td:nth-child(1), .d1 .wrap .ssbor-form .ssbor-th:nth-child(1) {
    width: 109px;
    font-size: 12px;
    padding: 5px;
  }

  .d1 .wrap .ssbor-table-body {
    height: 180px;
  }

  .d1 .wrap .ssbor-form {
    max-height: 320px;
  }

  .d1 .wrap .ssbor-form {
    max-width: calc(100% - 30px);
  }

  .d5-container .owl-dots .owl-dot {
    width: 40px;
    height: 40px;
    margin: 0 5px;
  }

  .d5-container .owl-dots {
    width: 100%;
    left: auto;
    bottom: 55px;
    top: auto;
    height: auto;
    margin-top: 130px;
    transform: none;
  }

  .wrap .program-item img {
    max-width: calc(100% - 50px);
  }

  .programms-page .d5-container .wrap {
    position: relative !important;
  }

  .d7-options, .d7-steps {
    flex-wrap: wrap;

  }

  .d7-option, .d7-step {
    width: 100%;
  }

  .d7-option {
    width: auto;
  }

  .owl-carousel .owl-item {
    overflow-x: hidden;
  }

  .d7-radio {
    min-width: 30%;
  }

  .d7 .standart-ttl {
    font-size: 26px;
  }

  .footer-bottom > ul > li {
    margin-right: 0;
    min-width: 50%;
  }

  .case-item {
    width: 100%;
  }

  .case-img .line .line-img img {
    width: calc(100vw - 30px);
    object-fit: cover;
  }

  .d10 .standart-ttl {
    text-align: center
  }

  .case-left b {
    font-size: 18px;
  }

  .case-content-head {
    display: block;
  }

  .getsbor-input {
    min-height: 40px;
  }

  .partner-convert {
    .standart-ttl {
      margin-top: 40px !important;
    }
  }

  .case-right p {
    margin-top: 0 !important;
  }

  .contact-right p a {
    justify-content: center;
    flex-wrap: wrap;
  }

  .case-left span {
    font-size: 14px;
  }

  .d4-right {
    margin: auto;
  }

  .case-left b img {
    height: 30px;
  }

  .d9-left + img {
    display: none;
  }

  .gallery-content {
    justify-content: space-around;
  }

  .gallery-section .standart-more {
    margin: 30px 0;
  }

  .d9-left .standart-ttl div {
    padding: 5px 10px;
    line-height: normal;
    font-size: 24px;
    margin-bottom: 5px;
  }

  .d9-left .standart-ttl {
    margin-bottom: 10px;
  }

  .standart-border-btn {
    margin-top: 15px;
  }

  .d9-left p {
    margin-top: 15px;
    font-size: 18px;
  }

  .d9 .wrap {
    align-items: center;

    .d9-left {
      position: relative;
      z-index: 4;
    }

    img {
      position: absolute;
      display: block;
      right: 0;
    }
  }

  .gallery-item:hover > img {
    filter: none
  }

  .d9 {
    .wrap {
      max-width: 100%;

      * {
        max-width: 100%;

      }
    }
  }

  .mnews-head {
    height: 40px;
  }

  .mnews-nav {
    display: none;
  }

  .d10-slider .owl-nav {
    display: none !important;
  }

  .d10-slider {
    .owl-item {
      display: flex;
      justify-content: center;
    }
  }

  .d10-img-bg {
    display: none;
  }

  .d10-faq {
    padding-left: 0;
    padding: 30px 0;
  }

  .case-img .line div {
    width: 30px;
    height: 18px;
    padding: 3px;

    img {
      height: 100%;
    }
  }

  .gallery-content.active {
    justify-content: space-around;
  }

  .d10-faq-head {
    display: block;
  }

  .d8 .standart-more {
    margin: 30px 0;
  }

  .d9 .wrap {
    padding: 30px 15px;
  }

  .case-img .after-text {
    left: 15px;
  }

  .d10-faq {
    .owl-prev {
      left: 30px;
    }

    .owl-next {
      right: 30px;
    }
  }

  .footer .header-top {
    padding: 20px 15px;
    display: none;
  }

  .d10 {
    padding-bottom: 40px;
  }

  .footer-bottom {
    display: block;
  }

  .footer-right {
    text-align: center;
    align-items: center;
    margin-top: 30px;
  }

  .footer-right p {
    text-align: center;
  }

  .footer-socs {
    a {
      margin: 0 5px;
    }
  }

  .footer-bottom > ul {
    flex-wrap: wrap;
  }

  .footer-bottom > ul > li {
    width: 50%;

  }

  .d10-faq-item {
    padding: 20px;
    padding-bottom: 35px;
  }

  .case-img .before-text {
    right: 15px;
  }

  .case-img .after-text, .case-img .before-text {
    top: 15px;
    padding: 0 7px;
    font-size: 18px;
    line-height: 32px;
  }

  .case-img {
    height: 195px;
  }

  .case-img .after img, .case-img .before img {
    width: calc(100vw - 30px);
  }

  .case-content {
    flex-wrap: wrap;
  }

  .case-right p {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
  }

  .case-right {
    padding-left: 0;
    border: 0;
  }

  .d7-radio {
    width: 90px;
  }

  .d7 {
    padding: 30px 0;
  }

  .check input {
    margin-right: 15px;
  }

  .d7-line {
    margin: 15px 0;
  }

  .d7-content p span {
    font-size: 24px;
  }

  .d7-content p {
    br {
      display: none;
    }

    font-size: 14px;
  }

  .d7-img {
    width: 60px;
  }

  .d7-content b {
    font-size: 16px;
    line-height: normal;
  }

  .d7-option {
    margin-bottom: 15px;
  }

  .standart-more {
    font-size: 15px;
  }

  .d6 .standart-more {
    margin: 30px 0;
  }

  .sbor-tab {
    height: auto;
    padding: 15px;
  }

  .sbor-tabs {
    .sbor-tab {
      width: 100%;
    }

    flex-wrap: wrap;
  }

  .d5-item img {
    .pos_absc;
    height: 100%;
  }

  .program-item {

    padding: 20px;
    height: auto;
  }

  .d3-content p {
    margin-bottom: 15px;
  }

  .d3-slid {
    padding-bottom: 30px;
  }

  .d4 .wrap {
    padding: 30px 15px;
    flex-wrap: wrap;
  }

  .d4-right {
    position: static;
  }

  .d4-item {
    margin: 0;
    margin-top: 15px;
    width: 100%;
  }

  .d4-left p {
    font-size: 28px;
    line-height: normal;
  }

  .d4-left b {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .d3-content {
    width: 100%;
    padding-top: 15px;
    padding-left: 0;
    margin-left: 0;
  }

  .d3-item {
    display: block;
    padding-left: 0;
    flex-wrap: wrap;
  }

  .d3-img {
    width: 100%;
  }

  .d3-img::after {
    display: none;
  }

  .new-item:nth-child(4n+2), .new-item:nth-child(4n+3) {
    display: block;
  }

  .new-content h2 {
    margin-bottom: 15px;
  }

  .new-item:nth-child(4n+2) .new-img, .new-item:nth-child(4n+3) .new-img {
    height: 200px;

    img {
      .c_img
    }
  }

  .sbor-progress {
    margin-top: 10px;
  }

  .new-content h2 {
    font-size: 23px
  }

  .new-content {
    height: auto;
    padding: 20px;
  }

  .d2 .standart-more {
    margin-top: 20px;
  }

  .standart-ttl {
    font-size: 32px;
    margin-bottom: 30px;

  }

  .d2 {
    padding-top: 30px;
  }

  .sbor-cart-slider .owl-dot {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }

  .sbor-cart-slider .owl-dots {
    left: 10px;
    bottom: 10px;
  }

  .sbor-timer {
    margin: 10px 0;
  }

  .sbor-cart-abc {
    transform: none !important;
    flex-wrap: wrap;
    justify-content: center;
    position: static !important;
  }

  .d1-b {
    font-size: 16px;
    margin: 15px 0;
  }

  .d1-btns {
    display: block;

    div {
      margin-top: 10px;
      text-align: center;
    }
  }

  .d1 .wrap {
    flex-wrap: wrap;
  }

  .d1-ttl {
    font-size: 24px;
    line-height: normal;
  }

  .d1-left {
    padding-top: 15px;
  }

  .d1 .wrap {
    padding-top: 55px;
  }

  .header-right, .header-menu {
    display: none;
  }

  .header-line {
    display: none;
  }

  .header-left-text {
    display: none;
  }

  .padding-top {
    padding-top: 70px;
  }

  .partner-head {
    margin-top: 0;
    overflow: hidden;

    h2 {
      line-height: normal;
    }
  }

  .contact-head-flex {
    margin-top: 0px;
    display: block;
  }

  .contact-head-item h3 {
    font-size: 32px;
    line-height: normal;
  }

  .map-block {
    height: auto;
  }

  .contact-head-item {
    margin-bottom: 25px;
  }

  .map-block .wrap .map {
    position: static;
    margin-top: 20px;
    border-radius: 0;
    height: 200px;
    transform: none;;
  }

  .contact-head {
    margin-bottom: 0;
  }

  .map-block .wrap {
    padding-left: 15px;
    display: block;
  }

  .volonters-parent {
    margin-bottom: 0
  }

  .contact-head-item b {
    font-size: 18px;
    line-height: normal
  }

  .contact-item a {
    font-size: 18px;
  }

  .volonters-parent .volonters .owl-nav {
    margin-top: 15px;
  }

  .pay-content-right {
    padding: 15px;
  }

  .volonters-parent .volonters .owl-nav .owl-prev, .volonters-parent .volonters .owl-nav .owl-next {
    margin: 0 15px;
  }

  .volonter-flex .volonter-item {
    width: 100%;
  }

  .volonter-img {
    display: none;
  }

  .contact-block {
    padding-bottom: 0;
  }

  .contact-block .wrap {
    display: block;
  }

  .contact-right {
    padding: 15px;
    margin-top: 30px;
  }

  .volonter-d2 p {
    font-size: 18px;

    br {
      display: none;
    }
  }

  .volonter-item-text {
    padding: 10px 15px;
    margin: 0;
    font-size: 18px;
    line-height: normal;
  }

  .volonter-d2 {
    margin-top: 0;
    padding-top: 25px;
  }

  .pay-content-bottom .d7-steps {
    padding: 15px;
  }

  .team-flex {
    flex-wrap: wrap;
    justify-content: center;
  }

  .team-item {
    margin-bottom: 15px;
  }

  .sovet-img {
    overflow: hidden;
  }

  .sovet-item {
    padding: 20px;
  }

  .pay-content-bottom-item img {
    display: none;
  }

  .pay-content-bottom-item b {
    margin: 15px 0;
  }

  .pay-content-bottom-item {
    padding: 15px;
    margin-bottom: 15px;
  }

  .pay-content-bottom-flex {
    display: block;
  }

  .hd-content-head{
    padding-bottom: 0!important;
  }
  .hd-head-left p {
    margin: 15px 0;
    margin-top: 0;
  }

  .otchet-convert > img {
    display: none;
  }

  .pay-content-left .d7-option {
    margin-top: 25px;
  }

  .pay-head.active + div {
    display: block;
  }

  .pay-head .pay-head-ttl span {
    font-size: 32px;
    line-height: normal;
  }

  .pay-content-left {
    padding: 15px;
  }

  .pay-head-right {
    display: none;
  }

  .pay-head-left {
    height: auto;
    padding: 20px;
  }

  .sbor-otchet .standart-ttl, .partner-convert {
    margin-top: 0;
    padding-top: 0;
  }

  .hd-content-volna svg, .partner-convert .otchet-body .partner-derevo, .partner-convert-pattern {
    display: none;
  }

  .otchet-select b, .otchet-select:hover b {
    margin-bottom: 0 !important;
  }

  .otchet-select-content .ssbor-table {
    padding: 15px;
  }

  .otchet-convert b {
    margin-bottom: 30px;
  }

  .otchet-flex {
    display: block;

  }

  .otchet-left::after {
    display: none;
  }

  .otchet-left {
    width: 100%;
    margin-bottom: 30px;
  }

  .otchet-head > div b {
    font-size: 42px;
  }

  .otchet-head {
    display: block;
  }

  .otchet-head {
    padding: 15px;
    margin-bottom: 30px;
  }

  .otchet-body {
    margin-bottom: 20px;
    padding: 15px;
  }

  .hd-content-volna {
    padding: 15px;
    margin: 30px 0;
  }

  .standart-ttl, .hd-head .wrap h2 {
    line-height: normal;
    font-size: 28px;
  }

  .hd-head-left h2 {
    font-size: 32px;
    line-height: normal;
  }

  .hd-content-text {
    margin-top: 30px;
  }

  .hd-content-right {
    display: none;
  }

  .hd-content {
    padding-top: 30px;
  }

  .hd-content-head {
    flex-wrap: wrap;
  }

  .hd-head .wrap p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: normal;
  }

  .hd-head .wrap h2 {
    margin-bottom: 20px;
  }

  .getsbor-download a {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .getsbor-download {
    flex-wrap: wrap;
  }

  .getsbor-item + .standart-btn {
    width: 100%;
  }

  .getsbor-footer {
    margin-top: 30px;
    padding: 15px;
    margin-bottom: 30px;
  }

  .sum-result {
    flex-wrap: wrap;
  }

  .sum-result-block {
    padding: 15px;
    display: block;
  }

  .contact-head + .map-block input {
    height: 50px;
  }

  .getpartner-form label {
    font-size: 14px;
  }

  .getsbor-input-number {
    display: none;
  }

  .getsbor-inputs {
    padding-left: 0;
  }

  .getsbor-flex {
    display: block;
  }

  .getsbor-item {
    padding: 15px;
  }

  .getpartner .wrap {
    flex-wrap: wrap;
  }

  .getpartner-right {
    padding: 15px 0;
  }

  .getpartner .contact-item {
    margin-bottom: 30px;
  }

  .de-top {
    padding-top: 30px;
  }

  .getpartner-form {
    padding: 15px;
  }

  .getpartner {
    margin-top: 30px;
  }

  .partner-head {
    padding-bottom: 30px;
  }

  .de-flex {
    img {
      margin: 0;
      margin-bottom: 20px;
    }

    flex-wrap: wrap;
    justify-content: center;
  }

  .de-top p {
    font-size: 16px;
  }

  .map-block {
    margin-bottom: 30px;
  }

  .map-block .wrap .standart-ttl {
    padding-top: 20px;
  }

  .map-block .wrap .standart-ttl {
    font-size: 32px;
    line-height: normal;
  }

  .page-back {
    margin: 15px 0;
  }

  .wrap .wrap {
    padding: 0 !important;
  }

  .sborwrap-right {
    margin-left: 0;
    margin-top: 15px;
  }

  .sborwrap-content {
    margin-top: 15px;
  }

  .case-img {
    height: 43vw !important;
  }

  .sborwrap {
    padding: 15px;
  }

  .sborwrap-left h3 {
    height: auto;
  }
  .single .sborwrap-left h3 {
    height: auto;
  }
  .sborwrap-head {
    flex-wrap: wrap;
  }

  .sborwrap::before,
  .sborwrap::after {
    display: none;
  }

  .d1 .wrap, .news-flex, .sbor-flex ,.news-items{
    flex-direction: column;
    align-items: center;
  }

  .new-item:nth-child(4n+2), .new-item:nth-child(4n+3) {
    width: 390px;

  }

  .d3-img img {
    .c_img;
  }

  .case-img .line > div:nth-child(2) {
    display: none !important;
  }

  .case-img .line {
    .transition();
  }

  .sborwrap-left {
    width: 100%;
  }

  .getpartner .wrap{
    width: 100%;
  }
  .getpartner-form{
    width: 100%;}
  .hd-head-left{
    width: 100%;
  }
  .volonter-head .wrap p b{ br{
    display: none;
  }}
  .sborwrap-right{
    .standart-btn{
      display: flex;
      justify-content: center;
    }
  }
  .d1-ttl{
    color: #FFC633;
  }
  .d9-left p{
    width: 200px;
  }
  .d9{
    .standart-border-btn{
      margin-top: 60px;
    }
  }
  .d9-left + img{
    width: 190px;
    bottom: 54px;
  }
  .sbor-tab.active{
    border:1px solid;
  }      .sbor-otchet .otchet-body{
  justify-content: space-around;
           }
         a.gallery-item{
           display: none;
           &:first-child{
             display: block;
           }
         }
  @media (min-width: 599px) {
    .d10-faq .owl-prev {
      left: 30%;
    }
    .pay-content-bottom-item b{
      height: 150px;
    }
    .pay-head-right{
      display: block;
    }
    .pay-content-left .d7-options{     display: flex;
      width: 100%;
    }
    .pay-content-bottom-item{
      width: 30%;
    }
    .pay-content-bottom-flex{
      display: flex;
    }
    .contact-block .wrap{
      display: flex;
    }
    .volonter-flex .volonter-item {
      width: calc(50% - 15px);
    }

    .pay-content-left{
      width: 100%;}
    .pay-content-left .d7-option{
      width: 30%;}
    .standart-btn ,.getsbor-item + .standart-btn,.contact-head + .map-block .standart-btn,.getpartner-form button{
      text-align: center;
      margin: 0 auto;
      display: block;
      width: 320px;
    }
    .map-block .wrap .map{
      width: 100%;
      height: 30vw;
    }

    .otchet-flex {
      display: block;
    }

    .otchet-left {
      width: 220px;
    }

    .sbor-tabs .sbor-tab {
      width: 20%;
      font-size: 14px;
    }

    .otchet-head {
      width: 420px;
      margin: 0 auto;
      margin-bottom: 30px;
    }

    .d10-faq .owl-next {
      right: 30%;
    }
  }
  .sborwrap-yellow{
    justify-content: center;
  }
  .sborwrap-green{
    justify-content: center;
  }
  @media (min-width: 799px) {
    .sborwrap-right {
      margin-top: 0;
      margin-left: 15px;

      .standart-btn {
        text-align: center;
      }
    }
    .hd-gallery-item{
      width: 30%;
    }
    .getpartner .wrap{
      flex-wrap: nowrap;
    }
    .getpartner-form{
      width: 520px;
    }
    .getpartner-right{padding-left: 15px}
  }
  .sborwrap-right .sbor-timer .countdown-row > span{
    width: 50px;
    height: auto;
  }
  .sbor-timer .countdown-row{
    justify-content: center;
  }
  .sborwrap-right {
    .countdown-section::after
    {
      left: 48.5px;
    }
  }
  .tabs-head-img{
    height: 200px;}
}
.d1-btns{
  a{
    display: block;
    text-align: center;
  }
}
.team-img div{
  overflow: hidden;
}
.gallery-item>img{
  .c_img;
  border-radius: 20px;
}

.sborwrap-yellow{
  display: flex;

  font-family: Rubik;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  /* or 292% */

  display: flex;
  align-items: center;
  text-align: right;

  margin-bottom: 25px;
  color: #FFCE50;
  img{
    margin-right: 15px;
  }
}
.ssbor-tr
{
  display: none!important;
  &.active{
    display: flex!important;
  }
}
.otchet-select-content .ssbor-td:nth-child(4){

}

.partner-d1, .partner-convert-pattern {
  max-width: 1000000px;
}
.tabs-head-img{
  max-width: 1000000px;
}

.gallery-item {
  width: 270px;
  height: 270px;
}

.partner-head{
  min-height: 390px;
}
.hd-content-head{
  padding-bottom: 40px;
  height: auto;
}

@media only screen and(max-width: 991px) {
  .partner-head{
  min-height: 1px;
  }
    .sm-show {
    display: block !important;
  }

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

}


@media only screen and(max-width: 767px) {

  .xs-show {
    display: block !important;
  }

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

  .row {
    margin-left: -10px;
    margin-right: -10px;
  }

  [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }

}


@media only screen and(max-width: 375px) {

}


@media only screen and(max-width: 320px) {

}


/**
*
  Owl Carousel
*
**/
.owl-carousel {
  div {
    max-width: 1000000000px;
  }

  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
      This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
      calculation of the height of the owl-item that breaks page layouts
     */
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.form-tab-content {
  div[id*="leyka-pf-"].leyka-pf-need-help {
    padding: 0px;
  }
  .form-tab-pane {
    display: none;
    &.active {
      display: block;
    }
  }
}

.pay-content-group {
  z-index: 99;
  position:relative;  
}

@media screen and (max-width: 575px) {
  .leyka-tpl-star-form .section .section__fields .star-swiper .full-list .swiper-item, .leyka-screen-form .section .section__fields .star-swiper .full-list .swiper-item {
    width: 100% !important;
    flex-grow: 1 !important;
    flex-basis: 100% !important;
  }
}

@media (max-width: 628px) {
    .pum-theme-lightbox {
        .pum-container{
            padding: 15px !important;
        }
    }
}

@media (max-width: 1199px){
    .popmake form {
        p {
            margin-left: 0 !important;
        }
    }
}

.popmake {
    form {
        .getsbor-input{
            margin-bottom: 0;
            margin-top: 25px;
            .getsbor-iform-control-wrap{
                flex-grow: 1;
                span{
                    font-size: 14px;
                    color: #49A5A1;
                    font-family: Rubik;
                    font-style: normal;
                    font-weight: bold;
                }                
                span.wpcf7-not-valid-tip{
                    color: red;
                }
                input{
                    height: 31px;
                }
                .codedropz-upload-handler{
                    cursor: pointer;
                }
            }
            
            .dnd-upload-status {
                .dnd-upload-details {
                    .dnd-progress-bar span{
                        background: #FFCE50;
                    }
                }
            }
        }
        p{
            font-family: Rubik;
            font-style: normal;
            font-weight: bold;
            font-size: 16px;
            color: #49A5A1;
            margin-left: 70px;
            
            .blank-link{
                color: #23DCC6;
            }
        }
        input[type="text"], input[type="number"], input[type="tel"], input[type="email"], textarea {
            color: #1E605D;

            font-size: 16px;
            font-family: Rubik;

            &::placeholder {
              color: #FFCE50;

            }
        }
        input{
            background: #FFFFFF;
            border-radius: 5px;
            padding-left: 15px;
            display: block;
            height: 50px;
            width: 100%;
            color: #1E605D;
        }
        textarea{
            background: #FFFFFF;
            border-radius: 5px;
            padding-left: 15px;
            display: block;
            width: 100%;
            color: #1E605D
        }
        label {
            font-family: Rubik;
            font-style: normal;
            font-weight: bold;
            color: #1E605D;
            display: block;
            margin-bottom: 15px;
        }
        span {
            .wpcf7-not-valid-tip {
                font-size: 13px;
            }
        }
        .codedropz-upload-handler{
            /*border: none;*/
            border-color: #23DCC6;
            background: none;
            .codedropz-upload-inner{
                color: #FFCE50;
                span{
                    color: #FFCE50;    
                }
            }
        }
        .wpcf7-submit{
            transition: all 0.3s;
            color: #FFFFFF;
            border-radius: 5px;
            font-size: 18px;
            border: 0px;
            background: #23DCC6; 
            height: 52px;
            width: 200px;
            cursor: pointer;
            margin: 20px auto 0;
        }
        
        .inputfile {
            background: none;
        }
        
        .form_radio {
            margin-bottom: 10px;
            .wpcf7-list-item{
                display: block;
            }
        }
        .form_radio {
            input[type=radio] {
                display: none;
            }
        }
        .form_radio {
            .wpcf7-list-item-label {
                display: inline-block;
                cursor: pointer;
                position: relative;
                padding-left: 25px;
                margin-right: 0;
                line-height: 18px;
                user-select: none;
            }
        }
        .form_radio {
            .wpcf7-list-item-label:before {
                content: "";
                display: inline-block;
                width: 17px;
                height: 18px;
                position: absolute;
                left: 0;
                bottom: 1px;
                background: url("../imgs/radio-1.png") 0 0 no-repeat;
            }
        }

        /* Checked */
        .form_radio {
            input[type=radio]:checked + .wpcf7-list-item-label:before {
                background: url("../imgs/radio-2.png") 0 0 no-repeat;
            }
        }

        /* Hover */
        .form_radio {
            .wpcf7-list-item-label:hover:before {
                filter: brightness(120%);
            }
        }

        /* Disabled */
        .form_radio {
            input[type=radio]:disabled + .wpcf7-list-item-label:before {
                filter: grayscale(100%);
            }
        }
    }
    
    
}

.d1-telegramm {
    width: 75%;
    margin: 40px auto;
    text-align: center;
 
    @media (max-width: 628px) {
        width: 100%; 
    }
    
    & p{
        text-align: justify;
        margin-top: 15px; 
        margin-bottom: 15px; 
    }
    
    & img {
        
    }
    
    & a{
        padding: 15px;
    }
}

// custom

.wpcf7-form .getsbor-input{
  z-index: inherit;
}

.intl-tel-input .country-list {
    /*width: 250px;*/
}

.wpcf7-form .intl-tel-input .country-list {
    max-width: fit-content;
}

body .intl-tel-input.iti-container {
    z-index: 1999999999;
}

#clip{
    /*
    Бекграунд добавлять первым
    */  
    background: linear-gradient(to bottom, #eee, rgba(222,112,6,0.2), #065cde00),url("../imgs/full.png");
    background-attachment: inherit;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    font-size: 15em;
    font-weight: bold;
    margin: 0px;
    line-height: initial;
    background-position: center;
    
    display: flex; 
    flex-wrap: nowrap; 
    justify-content: center; 
}

.de-img-text{
    width: 100%;
    margin: 0;
}

.default-link{
    font-family: Rubik;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #23DCC6;
    color: #23DCC6;
}

.pum-content.popmake-content,
.popmake-content p:focus-visible {
    outline: none;
}