/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */

.fp-enabled body, html.fp-enabled {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent
}
.fp-section {
  position: relative;
  box-sizing: border-box
}
.fp-slide {
  float: left
}
.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block
}
.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all .3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%
}
.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%
}
.fp-slidesContainer {
  float: left;
  position: relative
}
.fp-controlArrow {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  border: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-user-select: none;
  cursor: pointer;
  z-index: 4;
  background: url(../img/i-slider-arrow.svg) no-repeat 50% 50%;
  background-size: cover
}
.fp-controlArrow.fp-prev {
  left: 50px
}
.fp-controlArrow.fp-next {
  right: 50px;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}
.fp-scrollable {
  overflow: hidden;
  position: relative
}
.fp-scroller {
  overflow: hidden
}
.iScrollIndicator {
  border: 0!important
}
.fp-notransition {
  transition: none!important
}
#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0)
}
#fp-nav.right {
  right: 10px
}
#fp-nav.left {
  left: 30px
}
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0!important;
  right: 0;
  margin: 0 auto!important
}
.fp-slidesNav.bottom {
  bottom: 20px
}
.fp-slidesNav.top {
  top: 17px
}
#fp-nav ul, .fp-slidesNav ul {
  margin: 0;
  padding: 0;
  text-align: center
}
#fp-nav ul li, .fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative
}
.fp-slidesNav ul li {
  display: inline-block
}
#fp-nav ul li a, .fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  transition: all .1s ease-in-out
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px
}
#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer
}
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip {
  transition: opacity .2s ease-in;
  width: auto;
  opacity: 1
}
#fp-nav ul li .fp-tooltip.right {
  right: 20px
}
#fp-nav ul li .fp-tooltip.left {
  left: 20px
}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
  height: auto!important
}
.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section {
  height: auto!important
}
#fp-nav ul li {
  width: 16px;
  height: 16px;
  margin: 5px
}
#fp-nav ul li a span {
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border: 2px solid #fff;
  background-color: #0081b9
}
#fp-nav ul li a.active span {
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px
}
#fp-nav ul li .fp-tooltip {
  width: auto;
  max-width: 250px;
  top: -3px;
  padding: 0 10px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #0081b9;
  background-color: #fff;
  border-radius: 3px;
  pointer-events: none
}
.fp-controlArrow:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/i-slider-arrow-hover.svg) no-repeat 50% 50%;
  background-size: cover;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  z-index: 10
}
.fp-controlArrow:hover:after {
  opacity: 1
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}
.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}
.swiper-slide-invisible-blank {
  visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 42px;
  height: 42px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: #fff;
  padding: 0
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0!important;
  visibility: hidden!important;
  cursor: auto;
  pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}
.swiper-button-lock {
  display: none
}
.swiper-pagination {
  position: absolute;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  text-align: center;
  transition: .3s opacity;
  z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
  transform: scale(.33);
  position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  margin: 0 5px;
  opacity: .2
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #00f
}
.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s top, .2s -webkit-transform;
  transition: .2s transform, .2s top;
  transition: .2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s left, .2s -webkit-transform;
  transition: .2s transform, .2s left;
  transition: .2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s right, .2s -webkit-transform;
  transition: .2s transform, .2s right;
  transition: .2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #00f;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}
.swiper-pagination-lock {
  display: none
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}
.swiper-scrollbar-cursor-drag {
  cursor: move
}
.swiper-scrollbar-lock {
  display: none
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.swiper-slide-zoomed {
  cursor: move
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid #00f;
  border-radius: 50%;
  border-top-color: transparent
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube {
  overflow: visible
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}
.swiper-container-flip {
  overflow: visible
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.swiper-slider {
  position: relative
}
.swiper-container {
  width: 100%
}
.swiper-button {
  width: 40px;
  height: 40px;
  background-color: transparent;
  transition: background-color .3s ease-in-out, opacity .3s ease
}
body.no-js .swiper-button {
  display: none
}
.swiper-button:focus {
  outline: 0
}
.swiper-button:hover .icon {
  fill: #0081b9
}
.swiper-button .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  transition: all .3s;
  fill: #d4d4d4
}
.swiper-button-prev {
  left: -80px
}
.swiper-button-prev .icon {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.swiper-button-next {
  right: -80px
}
.swiper-button-next .icon {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg)
}
.swiper-pagination {
  bottom: -45px
}
body.no-js .swiper-pagination {
  display: none
}
.swiper-pagination-bullet {
  margin: 0 4px;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  background-color: #e55498;
  opacity: 1;
  transition: all .3s;
  will-change: width, margin, opacity
}
.swiper-pagination-bullet:first-child:last-child {
  display: none
}
.swiper-pagination-bullet-active {
  width: 8px!important;
  opacity: 1!important;
  visibility: visible!important;
  margin: 0 4px!important;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.swiper-pagination-bullet.hidden-dot {
  width: 0;
  opacity: 0;
  visibility: hidden;
  margin: 0
}
.swiper-pagination.not-init {
  opacity: 0;
  visibility: hidden
}
.m0 {
  margin: 0!important
}
.mb0 {
  margin-bottom: 0!important
}
.mt0 {
  margin-top: 0!important
}
.mr0 {
  margin-right: 0!important
}
.ml0 {
  margin-left: 0!important
}
.p0 {
  padding: 0!important
}
.pb0 {
  padding-bottom: 0!important
}
.pt0 {
  padding-top: 0!important
}
.pr0 {
  padding-right: 0!important
}
.pl0 {
  padding-left: 0!important
}
.m5 {
  margin: 5px!important
}
.mb5 {
  margin-bottom: 5px!important
}
.mt5 {
  margin-top: 5px!important
}
.mr5 {
  margin-right: 5px!important
}
.ml5 {
  margin-left: 5px!important
}
.p5 {
  padding: 5px!important
}
.pb5 {
  padding-bottom: 5px!important
}
.pt5 {
  padding-top: 5px!important
}
.pr5 {
  padding-right: 5px!important
}
.pl5 {
  padding-left: 5px!important
}
.m10 {
  margin: 10px!important
}
.mb10 {
  margin-bottom: 10px!important
}
.mt10 {
  margin-top: 10px!important
}
.mr10 {
  margin-right: 10px!important
}
.ml10 {
  margin-left: 10px!important
}
.p10 {
  padding: 10px!important
}
.pb10 {
  padding-bottom: 10px!important
}
.pt10 {
  padding-top: 10px!important
}
.pr10 {
  padding-right: 10px!important
}
.pl10 {
  padding-left: 10px!important
}
.m15 {
  margin: 15px!important
}
.mb15 {
  margin-bottom: 15px!important
}
.mt15 {
  margin-top: 15px!important
}
.mr15 {
  margin-right: 15px!important
}
.ml15 {
  margin-left: 15px!important
}
.p15 {
  padding: 15px!important
}
.pb15 {
  padding-bottom: 15px!important
}
.pt15 {
  padding-top: 15px!important
}
.pr15 {
  padding-right: 15px!important
}
.pl15 {
  padding-left: 15px!important
}
.m20 {
  margin: 20px!important
}
.mb20 {
  margin-bottom: 20px!important
}
.mt20 {
  margin-top: 20px!important
}
.mr20 {
  margin-right: 20px!important
}
.ml20 {
  margin-left: 20px!important
}
.p20 {
  padding: 20px!important
}
.pb20 {
  padding-bottom: 20px!important
}
.pt20 {
  padding-top: 20px!important
}
.pr20 {
  padding-right: 20px!important
}
.pl20 {
  padding-left: 20px!important
}
.m25 {
  margin: 25px!important
}
.mb25 {
  margin-bottom: 25px!important
}
.mt25 {
  margin-top: 25px!important
}
.mr25 {
  margin-right: 25px!important
}
.ml25 {
  margin-left: 25px!important
}
.p25 {
  padding: 25px!important
}
.pb25 {
  padding-bottom: 25px!important
}
.pt25 {
  padding-top: 25px!important
}
.pr25 {
  padding-right: 25px!important
}
.pl25 {
  padding-left: 25px!important
}
.m30 {
  margin: 30px!important
}
.mb30 {
  margin-bottom: 30px!important
}
.mt30 {
  margin-top: 30px!important
}
.mr30 {
  margin-right: 30px!important
}
.ml30 {
  margin-left: 30px!important
}
.p30 {
  padding: 30px!important
}
.pb30 {
  padding-bottom: 30px!important
}
.pt30 {
  padding-top: 30px!important
}
.pr30 {
  padding-right: 30px!important
}
.pl30 {
  padding-left: 30px!important
}
.m35 {
  margin: 35px!important
}
.mb35 {
  margin-bottom: 35px!important
}
.mt35 {
  margin-top: 35px!important
}
.mr35 {
  margin-right: 35px!important
}
.ml35 {
  margin-left: 35px!important
}
.p35 {
  padding: 35px!important
}
.pb35 {
  padding-bottom: 35px!important
}
.pt35 {
  padding-top: 35px!important
}
.pr35 {
  padding-right: 35px!important
}
.pl35 {
  padding-left: 35px!important
}
.m40 {
  margin: 40px!important
}
.mb40 {
  margin-bottom: 40px!important
}
.mt40 {
  margin-top: 40px!important
}
.mr40 {
  margin-right: 40px!important
}
.ml40 {
  margin-left: 40px!important
}
.p40 {
  padding: 40px!important
}
.pb40 {
  padding-bottom: 40px!important
}
.pt40 {
  padding-top: 40px!important
}
.pr40 {
  padding-right: 40px!important
}
.pl40 {
  padding-left: 40px!important
}
.m45 {
  margin: 45px!important
}
.mb45 {
  margin-bottom: 45px!important
}
.mt45 {
  margin-top: 45px!important
}
.mr45 {
  margin-right: 45px!important
}
.ml45 {
  margin-left: 45px!important
}
.p45 {
  padding: 45px!important
}
.pb45 {
  padding-bottom: 45px!important
}
.pt45 {
  padding-top: 45px!important
}
.pr45 {
  padding-right: 45px!important
}
.pl45 {
  padding-left: 45px!important
}
.m50 {
  margin: 50px!important
}
.mb50 {
  margin-bottom: 50px!important
}
.mt50 {
  margin-top: 50px!important
}
.mr50 {
  margin-right: 50px!important
}
.ml50 {
  margin-left: 50px!important
}
.p50 {
  padding: 50px!important
}
.pb50 {
  padding-bottom: 50px!important
}
.pt50 {
  padding-top: 50px!important
}
.pr50 {
  padding-right: 50px!important
}
.pl50 {
  padding-left: 50px!important
}
.m55 {
  margin: 55px!important
}
.mb55 {
  margin-bottom: 55px!important
}
.mt55 {
  margin-top: 55px!important
}
.mr55 {
  margin-right: 55px!important
}
.ml55 {
  margin-left: 55px!important
}
.p55 {
  padding: 55px!important
}
.pb55 {
  padding-bottom: 55px!important
}
.pt55 {
  padding-top: 55px!important
}
.pr55 {
  padding-right: 55px!important
}
.pl55 {
  padding-left: 55px!important
}
.m60 {
  margin: 60px!important
}
.mb60 {
  margin-bottom: 60px!important
}
.mt60 {
  margin-top: 60px!important
}
.mr60 {
  margin-right: 60px!important
}
.ml60 {
  margin-left: 60px!important
}
.p60 {
  padding: 60px!important
}
.pb60 {
  padding-bottom: 60px!important
}
.pt60 {
  padding-top: 60px!important
}
.pr60 {
  padding-right: 60px!important
}
.pl60 {
  padding-left: 60px!important
}
.m65 {
  margin: 65px!important
}
.mb65 {
  margin-bottom: 65px!important
}
.mt65 {
  margin-top: 65px!important
}
.mr65 {
  margin-right: 65px!important
}
.ml65 {
  margin-left: 65px!important
}
.p65 {
  padding: 65px!important
}
.pb65 {
  padding-bottom: 65px!important
}
.pt65 {
  padding-top: 65px!important
}
.pr65 {
  padding-right: 65px!important
}
.pl65 {
  padding-left: 65px!important
}
.m70 {
  margin: 70px!important
}
.mb70 {
  margin-bottom: 70px!important
}
.mt70 {
  margin-top: 70px!important
}
.mr70 {
  margin-right: 70px!important
}
.ml70 {
  margin-left: 70px!important
}
.p70 {
  padding: 70px!important
}
.pb70 {
  padding-bottom: 70px!important
}
.pt70 {
  padding-top: 70px!important
}
.pr70 {
  padding-right: 70px!important
}
.pl70 {
  padding-left: 70px!important
}
.m75 {
  margin: 75px!important
}
.mb75 {
  margin-bottom: 75px!important
}
.mt75 {
  margin-top: 75px!important
}
.mr75 {
  margin-right: 75px!important
}
.ml75 {
  margin-left: 75px!important
}
.p75 {
  padding: 75px!important
}
.pb75 {
  padding-bottom: 75px!important
}
.pt75 {
  padding-top: 75px!important
}
.pr75 {
  padding-right: 75px!important
}
.pl75 {
  padding-left: 75px!important
}
.m80 {
  margin: 80px!important
}
.mb80 {
  margin-bottom: 80px!important
}
.mt80 {
  margin-top: 80px!important
}
.mr80 {
  margin-right: 80px!important
}
.ml80 {
  margin-left: 80px!important
}
.p80 {
  padding: 80px!important
}
.pb80 {
  padding-bottom: 80px!important
}
.pt80 {
  padding-top: 80px!important
}
.pr80 {
  padding-right: 80px!important
}
.pl80 {
  padding-left: 80px!important
}
.m85 {
  margin: 85px!important
}
.mb85 {
  margin-bottom: 85px!important
}
.mt85 {
  margin-top: 85px!important
}
.mr85 {
  margin-right: 85px!important
}
.ml85 {
  margin-left: 85px!important
}
.p85 {
  padding: 85px!important
}
.pb85 {
  padding-bottom: 85px!important
}
.pt85 {
  padding-top: 85px!important
}
.pr85 {
  padding-right: 85px!important
}
.pl85 {
  padding-left: 85px!important
}
.m90 {
  margin: 90px!important
}
.mb90 {
  margin-bottom: 90px!important
}
.mt90 {
  margin-top: 90px!important
}
.mr90 {
  margin-right: 90px!important
}
.ml90 {
  margin-left: 90px!important
}
.p90 {
  padding: 90px!important
}
.pb90 {
  padding-bottom: 90px!important
}
.pt90 {
  padding-top: 90px!important
}
.pr90 {
  padding-right: 90px!important
}
.pl90 {
  padding-left: 90px!important
}
.m95 {
  margin: 95px!important
}
.mb95 {
  margin-bottom: 95px!important
}
.mt95 {
  margin-top: 95px!important
}
.mr95 {
  margin-right: 95px!important
}
.ml95 {
  margin-left: 95px!important
}
.p95 {
  padding: 95px!important
}
.pb95 {
  padding-bottom: 95px!important
}
.pt95 {
  padding-top: 95px!important
}
.pr95 {
  padding-right: 95px!important
}
.pl95 {
  padding-left: 95px!important
}
.m100 {
  margin: 100px!important
}
.mb100 {
  margin-bottom: 100px!important
}
.mt100 {
  margin-top: 100px!important
}
.mr100 {
  margin-right: 100px!important
}
.ml100 {
  margin-left: 100px!important
}
.p100 {
  padding: 100px!important
}
.pb100 {
  padding-bottom: 100px!important
}
.pt100 {
  padding-top: 100px!important
}
.pr100 {
  padding-right: 100px!important
}
.pl100 {
  padding-left: 100px!important
}
.db {
  display: block
}
.dn {
  display: none!important
}
.hidden {
  display: none!important
}
.tac {
  text-align: center
}
.tal {
  text-align: left
}
.tar {
  text-align: right
}
.catalog-preloader, .drug-work-mob__girl-layer, .drug-work-mob__girl-layers, .drug-work__girl-layer, .drug-work__girl-layers, .fp-controlArrow:after, .link-full:before, .prod-slider__outer, .section__bg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.ttu {
  text-transform: uppercase
}
.w100p {
  width: 100%
}
.alert {
  display: flex;
  margin-bottom: 30px
}
.alert__icon {
  position: relative;
  flex: 1 0 54px;
  max-width: 54px;
  min-height: 54px
}
.alert__icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  fill: #fff
}
.alert__body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  padding: 15px 20px
}
.alert__title {
  margin-right: 15px;
  font-weight: 700;
  font-size: 14px
}
.alert__text {
  font-size: 13px
}
.alert--primary .alert__icon {
  background-color: #6bc80e
}
.alert--primary .alert__body {
  background: rgba(107, 200, 14, .05);
  color: #6bc80e
}
.alert--success .alert__icon {
  background-color: #e55498
}
.alert--success .alert__body {
  background: rgba(0, 38, 99, .05);
  color: #e55498
}
.alert--danger .alert__icon {
  background-color: #f45057
}
.alert--danger .alert__body {
  background: rgba(209, 0, 21, .05);
  color: #f45057
}
.alert--warning .alert__icon {
  background-color: #0081b9
}
.alert--warning .alert__body {
  background: rgba(0, 155, 187, .05);
  color: #0081b9
}
.alert--notice .alert__icon {
  background-color: #5ea6e2
}
.alert--notice .alert__body {
  background: rgba(94, 166, 226, .05);
  color: #5ea6e2
}
.alert--orange .alert__icon {
  background-color: #ef6314
}
.alert--orange .alert__body {
  background: rgba(239, 99, 20, .05);
  color: #ef6314
}
.catalog-preloader {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 100
}
.catalog-preloader:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(2px) opacity(.85);
  backdrop-filter: blur(2px) opacity(.85)
}
.catalog-preloader:before {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 150px;
  border-radius: 100%;
  border: 5px solid #666;
  border-top-color: #0081b9;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  z-index: 100
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.drop {
  position: absolute;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.drop--size-1 {
  width: 89px;
  height: 89px
}
.drop--size-2 {
  width: 51px;
  height: 51px
}
.drop--size-3 {
  width: 29px;
  height: 29px
}
.drop--size-4 {
  width: 20px;
  height: 20px
}
.lemon {
  position: absolute;
  width: 230px;
  height: 205px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.lemon--blur {
  -webkit-filter: blur(4px);
  filter: blur(4px)
}
.strawberry {
  position: absolute;
  width: 220px;
  height: 220px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.strawberry--blur {
  -webkit-filter: blur(4px);
  filter: blur(4px)
}
.mint {
  position: absolute;
  width: 230px;
  height: 205px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.mint--blur {
  -webkit-filter: blur(4px);
  filter: blur(4px)
}
.lime {
  position: absolute;
  width: 329px;
  height: 359px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover
}
.honey {
  position: absolute;
  width: 326px;
  height: 338px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover
}
.doc-card {
  display: flex;
  margin-bottom: 16px
}
.doc-card__icon {
  width: 33px;
  flex-shrink: 0;
  margin-right: 13px
}
.doc-card__descr {
  position: relative;
  margin-top: 8px
}
.doc-card__title {
  display: block;
  max-height: 57px;
  font-size: 13px;
  text-decoration: none;
  transition: all .3s;
  color: #0081b9;
  overflow: hidden
}
.doc-card__title:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: -46px
}
.doc-card__title:hover {
  color: #0081b9;
  text-decoration: underline;
  max-height: 200px
}
.doc-card__size {
  font-size: 13px;
  color: #646464;
  line-height: 1
}
.file-icon {
  position: relative;
  width: 33px;
  height: 44px
}
.file-icon__ext {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 4px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  font-size: 8px
}
.file-icon .icon {
  width: 100%;
  height: 100%
}
.file-icon--pdf .icon {
  fill: #f50000
}
.file-icon--doc .icon {
  fill: #006cbf
}
.file-icon--xls .icon {
  fill: #1f7246
}
.file-icon--file .icon {
  fill: #ccc
}
.form-message {
  margin: 20px 0
}
.form-message__icon {
  width: 45px;
  height: 45px;
  margin-bottom: 10px
}
.form-message__icon .icon {
  fill: #016088
}
.form-message__text {
  font-size: 26px;
  line-height: 1.4;
  font-weight: 700;
  color: #2b2b2b;
  letter-spacing: .03em;
  text-transform: uppercase
}
.form-group .checkbox label {
  margin-bottom: 0
}
.checkbox+.help-block {
  padding-left: 36px;
  bottom: -14px
}
.checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden
}
.checkbox input:checked+label:after {
  opacity: 1
}
.checkbox input:disabled+label:after {
  opacity: 1;
  background: #0081b9;
  width: 19px;
  height: 19px;
  left: 0;
  top: 0;
  -webkit-transform: none;
  transform: none;
  border: none
}
.checkbox label {
  display: block;
  padding-left: 36px;
  position: relative;
  cursor: pointer;
  transition: all .3s;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 20px
}
.checkbox label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 20px;
  background: #f3f3f3;
  border: 2px solid #ededed;
  border-radius: 2px;
  transition: all .3s;
  box-sizing: border-box
}
.checkbox label:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 5px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: #0081b9;
  transition: all .3s;
  opacity: 0
}
.checkbox label a {
  color: #0081b9
}
.checkbox label a:hover {
  text-decoration: underline
}
.datapicker:hover .datapicker__icon {
  background-color: #0081b9
}
.datapicker:hover .datapicker__icon .icon {
  fill: #fff
}
.datapicker__field {
  position: relative;
  z-index: 10
}
.datapicker__icon {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 1px;
  right: 1px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
  transition: all .3s
}
.datapicker__icon:hover {
  background-color: #0081b9
}
.datapicker__icon:hover .icon {
  fill: #fff
}
.datapicker__icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  fill: #e55498;
  transition: all .3s
}
.form-group:hover .datapicker .form-control {
  border-color: #e7e7e7;
  cursor: pointer
}
.radio {
  display: block;
  margin-right: 30px
}
.radio:hover label:before {
  border-color: #0081b9
}
.radio.disabled {
  pointer-events: none
}
.radio.disabled label {
  color: #ccc
}
.radio.disabled label:after {
  opacity: 1;
  background: #ccc;
  -webkit-transform: none;
  transform: none;
  border: none
}
.radio.disabled label:before {
  border-color: #ccc!important
}
.radio input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden
}
.radio input:checked+label:after {
  opacity: 1
}
.radio input:checked+label:before {
  border-color: #0081b9
}
.radio input.disabled+label:after, .radio input:disabled+label:after {
  opacity: 1;
  background: #ccc;
  border-color: #ccc;
  -webkit-transform: none;
  transform: none;
  border: none
}
.radio input.disabled+label:before, .radio input:disabled+label:before {
  border-color: #ccc!important
}
.radio label {
  position: relative;
  display: inline-block;
  padding-left: 32px;
  font-size: 12px;
  line-height: 1.6;
  cursor: pointer;
  transition: all .3s
}
.radio label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 2px solid #ededed;
  background: #fff;
  border-radius: 50%;
  transition: all .3s;
  box-sizing: border-box
}
.radio label:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  left: 4px;
  top: 6px;
  background: #0081b9;
  border-radius: 50%;
  transition: .5s;
  opacity: 0
}
.radio.radio-inline {
  display: inline-block;
  margin-right: 20px
}
.form-group {
  position: relative;
  margin-bottom: 20px
}
.form-group:hover .form-control, .form-group:hover .textarea {
  border-color: #0081b9
}
.form-group.has-error .form-control, .form-group.has-error .textarea {
  color: #000;
  border-color: #f45057
}
.form-group .bv-icon-ok {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 22px;
  height: 22px;
  background-color: rgba(0, 206, 119, .05);
  border-radius: 50%
}
.form-group .bv-icon-ok:after {
  content: '';
  position: absolute;
  display: block;
  width: 9px;
  height: 4px;
  top: 6px;
  left: 5px;
  border-bottom: 3px solid #379f2f;
  border-left: 3px solid #379f2f;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.form-group .textarea {
  display: block;
  width: 100%;
  min-height: 150px;
  padding: 12px;
  border: 1px solid #e7e7e7;
  transition: all .3s;
  resize: none
}
.form-group .textarea:focus {
  border-color: #0081b9;
  outline: 0
}
.form-group .form-control-feedback {
  display: none!important
}
.form-group input.form-control+.form-control-feedback {
  display: block!important
}
.form-control {
  position: relative;
  height: 55px;
  padding: 0 30px;
  border-radius: 40px;
  border: none;
  border: 2px solid #bebebe;
  font-size: 16px;
  line-height: 1;
  letter-spacing: .03em;
  font-family: Roboto, sans-serif;
  color: #313131;
  transition: all .3s
}
.form-control:focus {
  border-color: #0081b9;
  outline: 0;
  box-shadow: none
}
.form-control:-internal-autofill-selected {
  background-color: #fff
}
.form-control:-webkit-autofill {
  box-shadow: 0 0 0 30px #fff inset!important
}
.field-label {
  display: block;
  min-width: 200px;
  margin-bottom: 5px;
  padding-right: 20px;
  white-space: nowrap;
  line-height: 1.4;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .03em;
  color: #000;
  transition: all .3s
}
.field-label-descr {
  font-weight: 400;
  color: #000;
  font-style: italic
}
.help-block {
  position: absolute;
  bottom: -15px;
  left: 0;
  font-size: 12px;
  line-height: 1;
  color: #f45057
}
.radio+.help-block {
  padding-left: 0;
  bottom: -10px
}
.hamburger {
  position: relative;
  width: 20px;
  height: 20px;
  z-index: 100
}
.hamburger__line {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 9px;
  left: 0;
  right: 0;
  background-color: #016088;
  border-radius: 2px;
  transition: all .3s;
  will-change: transform
}
.hamburger__line--l1 {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  transition-delay: .1s
}
.hamburger__line--l3 {
  -webkit-transform: translate(0, 6px);
  transform: translate(0, 6px);
  transition-delay: .1s
}
.hamburger.open .hamburger__line--l1 {
  -webkit-transform: translate(0, 0) rotate(45deg);
  transform: translate(0, 0) rotate(45deg)
}
.hamburger.open .hamburger__line--l2 {
  -webkit-transform: scale(0);
  transform: scale(0)
}
.hamburger.open .hamburger__line--l3 {
  -webkit-transform: translate(0, 0) rotate(-45deg);
  transform: translate(0, 0) rotate(-45deg)
}
.label {
  display: inline-block;
  color: #0081b9;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: .1em
}
.label:hover {
  text-decoration: none!important
}
.label--accent {
  padding: 6px 8px;
  background-color: #0081b9;
  color: #fff!important
}
.label--accent:hover {
  background-color: #b93f3f
}
.label--accent:active {
  background-color: #9e3636
}
.label--gray {
  padding: 6px 8px;
  background-color: #e5e9f2
}
.label--gray:hover {
  background-color: #0081b9;
  color: #fff
}
.label--gray:active {
  background-color: #0081b9;
  color: #fff
}
.label--white {
  padding: 6px 0;
  color: #fff!important
}
.label--white:hover {
  color: #f2a0a0
}
.label--white:active {
  color: #d66060
}
.label--blue {
  padding: 6px 8px;
  background-color: #0081b9;
  color: #fff!important
}
.label--blue:hover {
  background-color: #0081b9
}
.label--blue:active {
  background-color: #0081b9
}
.label--sky {
  padding: 6px 0;
  color: #0081b9
}
.label--sky:hover {
  color: #0081b9
}
.label--sky:active {
  color: #0081b9
}
.lazy-bg-slider {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}
.link-action {
  position: relative;
  display: inline-block;
  padding-left: 22px;
  font-size: 14px;
  text-decoration: none;
  transition: color .3s ease;
  line-height: 1
}
.link-action:hover {
  text-decoration: none
}
.link-action:hover .icon {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}
.link-action .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  fill: #000;
  transition: fill .3s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, fill .3s ease;
  transition: transform .3s ease, fill .3s ease, -webkit-transform .3s ease
}
.link-arrow {
  position: relative;
  display: inline-block;
  padding-right: 13px;
  color: #0081b9;
  font-size: 16px;
  line-height: 1
}
.link-arrow:hover {
  text-decoration: none
}
.link-arrow:hover:after {
  -webkit-transform: translate(5px, 0) rotate(-45deg);
  transform: translate(5px, 0) rotate(-45deg)
}
.link-arrow:hover .icon {
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0)
}
.link-arrow:after {
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  top: 4px;
  right: 0;
  border-bottom: 2px solid #0081b9;
  border-right: 2px solid #0081b9;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: all .3s
}
.link-full {
  display: block
}
.link-full:before {
  content: '';
  position: absolute;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1
}
.link-icon {
  position: relative
}
.link-icon:hover .link-icon__icon .icon {
  fill: #0081b9
}
.link-icon__icon {
  position: absolute;
  top: 0;
  left: 0
}
.link-icon__icon .icon {
  display: block;
  width: 18px;
  height: 18px;
  fill: #0081b9;
  transition: fill .3s ease
}
.link-icon__link {
  display: inline-block;
  padding-left: 38px;
  font-size: 12px;
  color: #000
}
.link-icon a.link-icon__link {
  color: #0081b9
}
.np-logo {
  position: absolute;
  top: 24px;
  right: 38px;
  width: 95px;
  height: 58px;
  z-index: 10
}
.np-logo img {
  width: 100%
}
.page-title {
  position: relative;
  margin-bottom: 35px
}
.page-title__title {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0!important;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: .03em
}
.page-title__descr {
  font-size: 12px;
  font-style: italic;
  color: #ccc
}
.page-title__descr .price-num {
  display: inline-block;
  margin-left: 5px
}
.page-title__link-box {
  position: absolute;
  top: 12px;
  right: 15px
}
.phones-accordion {
  margin-bottom: 11px
}
.phones-accordion:hover .phones-accordion__icon .icon {
  fill: #0081b9
}
.phones-accordion__top {
  position: relative;
  display: inline-block;
  padding-right: 30px
}
.phones-accordion__icon {
  position: absolute;
  top: -3px;
  left: 0;
  width: 15px;
  height: 23px
}
.phones-accordion__icon .icon {
  transition: all .3s;
  fill: #000
}
.phones-accordion__item {
  display: block;
  padding-left: 30px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  transition: color .3s ease
}
.phones-accordion__item:hover {
  text-decoration: none;
  color: #0081b9
}
.phones-accordion__arrow {
  position: absolute;
  top: -1px;
  right: 0;
  width: 20px;
  height: 20px;
  transition: all .3s;
  cursor: pointer;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.phones-accordion__arrow:hover .icon {
  fill: #0081b9
}
.phones-accordion__arrow .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #fff;
  width: 12px;
  height: 9px;
  transition: all .3s
}
.phones-accordion__dropdown {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  overflow: hidden
}
.phones-accordion__dropdown .phones-accordion__item {
  margin-top: 11px
}
.phones-accordion.open .phones-accordion__dropdown {
  max-height: 300px;
  opacity: 1;
  visibility: visible
}
.phones-accordion.open .phones-accordion__arrow {
  -webkit-transform: rotate(0);
  transform: rotate(0)
}
.preloader {
  position: relative;
  width: 50px;
  height: 50px;
  pointer-events: none
}
.preloader:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  opacity: .5;
  z-index: 1
}
.preloader:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 8px solid #f0f2f8;
  border-top-color: #0081b9;
  top: 0;
  left: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  z-index: 100
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.scroll-top {
  position: absolute;
  bottom: 121px;
  right: 26px;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: linear-gradient(180deg, #47bdff 0, #006eac 100%), #0081b9;
  cursor: pointer;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  z-index: 777
}
.scroll-top:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.scroll-top .icon {
  position: absolute;
  width: 35px;
  height: 25px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #fff
}
.stars-rating {
  position: relative;
  width: 70px;
  height: 12px;
  background-size: 14px 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' fill='%23ebebeb' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.077.72c.341-.821 1.505-.821 1.846 0l.958 2.304a1 1 0 00.844.612l2.487.2c.886.07 1.246 1.177.57 1.756l-1.894 1.623a1 1 0 00-.322.992l.578 2.426c.207.866-.734 1.55-1.494 1.086l-2.129-1.3a1 1 0 00-1.042 0l-2.13 1.3c-.759.463-1.7-.22-1.493-1.085l.578-2.427a1 1 0 00-.322-.992L1.217 5.592c-.675-.579-.316-1.685.571-1.756l2.487-.2a1 1 0 00.844-.612L6.077.72z' /%3E%3C/svg%3E")
}
.stars-rating:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-size: 14px 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' fill='%23FDCA33' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.077.72c.341-.821 1.505-.821 1.846 0l.958 2.304a1 1 0 00.844.612l2.487.2c.886.07 1.246 1.177.57 1.756l-1.894 1.623a1 1 0 00-.322.992l.578 2.426c.207.866-.734 1.55-1.494 1.086l-2.129-1.3a1 1 0 00-1.042 0l-2.13 1.3c-.759.463-1.7-.22-1.493-1.085l.578-2.427a1 1 0 00-.322-.992L1.217 5.592c-.675-.579-.316-1.685.571-1.756l2.487-.2a1 1 0 00.844-.612L6.077.72z' /%3E%3C/svg%3E")
}
.stars-rating--1:after {
  width: 20%
}
.stars-rating--2:after {
  width: 40%
}
.stars-rating--3:after {
  width: 60%
}
.stars-rating--4:after {
  width: 80%
}
.stars-rating--5:after {
  width: 100%
}
.watermark {
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(4, 112, 147, .7);
  transition: opacity .3s ease;
  z-index: 100
}
.watermark--statick {
  position: static;
  display: block!important
}
.watermark__inner-html {
  display: none;
  padding: 5px 20px;
  text-align: center
}
.watermark svg {
  display: block;
  width: 100%;
  height: 95px
}
.watermark__title {
  width: 100%;
  font-family: Oswald, sans-serif;
  font-size: 50px;
  fill: #d6d6d6;
  letter-spacing: -.06em
}
.watermark__text {
  width: 100%;
  font-size: 10px;
  font-weight: 500;
  fill: #d6d6d6
}
.watermark.hideit {
  opacity: 0;
  pointer-events: none
}
.action-box {
  max-width: 340px;
  margin-top: 90px
}
.action-box__btn-slide {
  margin-bottom: 22px
}
.action-box__title {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .12em;
  font-size: 20px
}
.action-box__title2 {
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 700;
  color: #e55498;
  line-height: 1
}
.action-box__accent {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700
}
.action-box__accent2 {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(90deg, #cf2d7d 0, #f8aed0 50%, #cf2d7d 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.action-box__descr {
  max-width: 315px;
  margin-bottom: 20px;
  color: #6d6d6d
}
.action-box__btns {
  display: flex;
  flex-direction: column;
  max-width: 250px
}
.action-box__btns .btn {
  width: 100%;
  padding: 0 20px
}
.action-box__btns .btn:not(:last-child) {
  margin-bottom: 8px
}
.action-box--left .action-box__btn-slide {
  margin-left: 200px
}
.action-box--blue .action-box__accent {
  color: #02a4ff
}
.action-box--pink .action-box__accent {
  color: #e55498
}
.article-card {
  height: auto!important;
  padding: 15px;
  overflow: hidden
}
.article-card__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 330px;
  padding: 43px 140px 35px 35px;
  border-radius: 10px;
  box-shadow: 0 4px 11px rgba(0, 0, 0, .25);
  overflow: hidden
}
.article-card__pic {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: -124px;
  width: 248px;
  height: 248px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 5
}
.article-card__pic:after {
  content: '';
  position: absolute;
  display: block;
  width: 250px;
  height: 250px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 9px solid #c8c8c8;
  z-index: 10
}
.article-card__pic img {
  position: relative;
  z-index: 8
}
.article-card__title {
  margin-bottom: 9px;
  font-size: 20px;
  line-height: 23px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden
}
.article-card__descr {
  margin-bottom: 19px;
  line-height: 1.4;
  font-size: 18px;
  color: #6d6d6d;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden
}
.article-card__action {
  margin-top: auto
}
.article-slider {
  margin: 50px 0 0;
  padding: 50px 0 40px;
  border-top: 1px solid #e3e3e3
}
.article-slider__title {
  margin-bottom: 10px;
  padding: 0 20px;
  text-align: center;
  font-size: 28px;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-weight: 700;
  color: #0081b9;
  line-height: 1
}
.article-title {
  margin-top: 33px;
  margin-bottom: 40px
}
.article-title__meta {
  display: flex;
  align-items: center;
  margin-bottom: 24px
}
.article-title__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.meta-item {
  display: flex;
  align-items: center
}
.meta-item:not(:last-child) {
  margin-right: 50px
}
.meta-item__icon {
  width: 24px;
  height: 24px;
  margin-right: 10px
}
.meta-item__icon .icon {
  fill: #0081b9
}
.meta-item__title {
  font-size: 15px;
  line-height: 1;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-weight: 700;
  color: #464848
}
.meta-item__title .pref {
  color: #b5b5b5
}
.catalog-preloader, .drug-work-mob__girl-layer, .drug-work-mob__girl-layers, .drug-work__girl-layer, .drug-work__girl-layers, .fp-controlArrow:after, .link-full:before, .prod-slider__outer, .section__bg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.breadcrumb {
  padding: 25px 0;
  overflow: hidden
}
.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style: none
}
.breadcrumb__item:hover a {
  color: #0081b9!important
}
.breadcrumb__item:hover a:before {
  border-color: #0081b9
}
.breadcrumb__item:last-child {
  padding-right: 0
}
.breadcrumb__item:last-child span {
  display: block;
  padding: 5px 0;
  color: #80afc3;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: .03em
}
.breadcrumb a {
  position: relative;
  display: block;
  padding: 5px 32px 5px 0;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #016088!important;
  text-decoration: none!important;
  cursor: pointer;
  transition: color .3s ease
}
.breadcrumb a:before {
  content: '';
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  top: 8px;
  right: 9px;
  border-right: 2px solid #016088;
  border-bottom: 2px solid #016088;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg)
}
.breadcrumb a:hover {
  color: #0081b9;
  text-decoration: none
}
.choise-card {
  position: relative;
  flex: 1 0 330px;
  max-width: 330px;
  margin: 0 15px;
  padding: 15px 20px 60px;
  border-radius: 20px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .25);
  text-align: center;
  background-color: #fff;
  overflow: hidden;
  z-index: 10
}
.choise-card__bg {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 330px;
  z-index: -5
}
.choise-card__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.choise-card__pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 265px;
  height: 340px;
  margin: 0 auto
}
.choise-card__title {
  font-size: 20px;
  font-weight: 700;
  color: #016088;
  letter-spacing: .03em;
  text-transform: uppercase
}
.choise-card__descr {
  font-size: 20px;
  font-weight: 700;
  color: #016088;
  letter-spacing: .03em;
  line-height: 1.4
}
.choise-card__action {
  margin-top: 26px
}
.choise-card__action .btn {
  width: 100%;
  padding: 0 20px
}
.how-take {
  display: flex;
  justify-content: space-between;
  margin-top: 130px
}
.how-take-item {
  position: relative;
  flex: 1 0 230px;
  max-width: 230px
}
.how-take-item:not(:last-child) {
  margin-bottom: 50px
}
.how-take-item:nth-child(2):after {
  content: '';
  position: absolute;
  display: block;
  position: absolute;
  top: 50px;
  left: -50px;
  width: 43px;
  height: 43px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(../img/i-slider-arrow-hover.svg) no-repeat 50% 50%;
  background-size: cover
}
.how-take-item:nth-child(2):before {
  content: '';
  position: absolute;
  display: block;
  position: absolute;
  top: 50px;
  right: -50px;
  width: 43px;
  height: 43px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(../img/i-slider-arrow-hover.svg) no-repeat 50% 50%;
  background-size: cover
}
.how-take-item__pic {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 215px;
  height: 236px;
  margin: 0 auto 10px;
  transition: -webkit-transform .45s ease-in-out;
  transition: transform .45s ease-in-out;
  transition: transform .45s ease-in-out, -webkit-transform .45s ease-in-out
}
.how-take-item__pic:hover {
  -webkit-transform: scale(1.1) translate(0, -10px);
  transform: scale(1.1) translate(0, -10px)
}
.how-take-item__pic .flying {
  position: absolute;
  top: -130px;
  left: -45px
}
.how-take-item__title {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
  color: #0081b9;
  font-size: 28px;
  letter-spacing: .01em;
  text-align: center
}
.how-take-item__descr {
  max-width: 250px;
  margin: 0 auto;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: .01em;
  text-align: center
}
.how-take-item__accent {
  text-align: center
}
.how-take-item__body {
  position: relative
}
.how-take-item__small {
  position: absolute;
  display: flex;
  top: 0;
  width: 460px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}
.how-take-item .small-item {
  flex: 1 0 200px;
  max-width: 200px;
  margin: 0 15px
}
.how-take-item .small-item__pic {
  width: 52px;
  height: 87px;
  margin: 0 auto
}
.how-take-item .small-item__title {
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #0081b9
}
.how-take-item .small-item__descr {
  text-align: center;
  font-weight: 500;
  letter-spacing: .01em;
  font-size: 14px
}
.paginations {
  margin: 20px 0
}
.paginations__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0
}
.paginations__item {
  min-width: 30px;
  height: 30px;
  border-radius: 15px;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden
}
.paginations__item:before {
  content: none
}
.paginations__item--active {
  background-color: #e55498
}
.paginations__item--active .paginations__link {
  color: #fff;
  cursor: default
}
.paginations__item--active .paginations__link:hover {
  color: #fff;
  background-color: #e55498
}
.paginations__item .icon {
  position: absolute;
  width: 10px;
  height: 10px;
  fill: #e55498;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all .3s
}
.paginations__item--first .paginations__link, .paginations__item--last .paginations__link {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  background-color: #ccc;
  border-radius: 50%
}
.paginations__item--first .paginations__link:hover, .paginations__item--last .paginations__link:hover {
  background-color: #0081b9;
  border-color: #0081b9
}
.paginations__item--first .paginations__link:hover .icon, .paginations__item--last .paginations__link:hover .icon {
  fill: #fff
}
.paginations__item--first {
  margin-right: 10px
}
.paginations__item--last {
  margin-left: 10px
}
.paginations__item--last .icon {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg)
}
.paginations__link {
  display: block;
  padding: 0 2px;
  font-size: 12px;
  text-align: center;
  line-height: 30px;
  color: #000;
  transition: all .3s
}
.paginations__link:hover {
  background-color: #0081b9;
  color: #fff!important;
  text-decoration: none
}
.paginations span.paginations__link:hover {
  color: #000!important;
  background-color: #fff
}
.paginations .paginations__item--active.paginations__item--first, .paginations .paginations__item--active.paginations__item--last {
  visibility: hidden
}
.prod-slider {
  position: relative;
  width: 537px;
  height: 537px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}
.prod-slider__slide {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 537px!important;
  height: 537px;
  border-radius: 50%;
  z-index: 10
}
.prod-slider__outer {
  position: absolute;
  width: 100%;
  height: 100%
}
.prod-slider__outer--upper {
  z-index: 15
}
.prod-slider__outer--lower {
  z-index: 5
}
.prod-slider__outer .pic-outer {
  position: absolute
}
.prod-slider__outer .pic-outer-1 {
  bottom: -40px;
  right: 80px
}
.prod-slider__outer .pic-outer-2 {
  top: 104px;
  left: -85px
}
.prod-slider__outer .pic-outer-3 {
  bottom: -79px;
  left: 170px
}
.prod-slider__outer .pic-outer-4 {
  top: -30px;
  right: -45px
}
.prod-slider__outer .pic-outer-5 {
  top: 0;
  left: -79px
}
.prod-slider__outer .pic-outer-6 {
  top: 0;
  right: -3px
}
.prod-slider__outer .pic-outer-7 {
  bottom: 39px;
  left: -53px
}
.prod-slider__outer .pic-outer-8 {
  bottom: 37px;
  left: -52px
}
.prod-slider__outer .pic-outer-9 {
  bottom: -50px;
  left: -63px
}
.prod-slider__outer .pic-outer-10 {
  bottom: 0;
  left: -42px
}
.prod-slider .swiper-slider {
  position: static
}
.prod-slider .swiper-container {
  height: 100%;
  z-index: 10
}
.prod-slider .swiper-button {
  z-index: 30
}
.prod-slider .swiper-button:hover .icon {
  fill: #fff
}
.prod-slider .swiper-button-next {
  right: 10px
}
.prod-slider .swiper-button-prev {
  left: 10px
}
.prod-slider--blue {
  background-image: url(../img/prod-slider-bg--blue.svg)
}
.prod-slider--pink {
  background-image: url(../img/prod-slider-bg--pink.svg)
}
.section-1-why__list {
  display: flex;
  flex-wrap: wrap;
  max-width: 980px;
  margin: 30px auto 0;
  padding: 0 20px
}
.section-1-why__action {
  margin-top: 10px
}
.section-1-why__action-descr {
  max-width: 400px;
  margin: 0 auto 12px;
  color: #0081b9;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3
}
.section-1-why__action .btn {
  width: 100%;
  max-width: 315px
}
.section-10-where__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px
}
.section-10-where__nav-item {
  position: relative;
  flex: 1 0 375px;
  max-width: 375px;
  margin: 0 11px
}
.section-10-where__nav-item label {
  display: block;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 700;
  padding-left: 24px
}
.section-10-where__nav-item select {
  display: block;
  width: 100%;
  height: 55px;
  padding: 10px 24px;
  border-radius: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.58793 7.2845C4.6338 7.35112 4.69518 7.40559 4.76678 7.44322C4.83837 7.48085 4.91805 7.50052 4.99893 7.50052C5.07982 7.50052 5.15949 7.48085 5.23109 7.44322C5.30268 7.40559 5.36406 7.35112 5.40993 7.2845L9.90993 0.7845C9.96202 0.709529 9.99257 0.621716 9.99825 0.530603C10.0039 0.43949 9.98454 0.348562 9.94217 0.267697C9.89981 0.186832 9.83609 0.119124 9.75795 0.0719291C9.67981 0.024734 9.59022 -0.000143172 9.49893 6.19827e-07H0.498931C0.407853 0.000376824 0.3186 0.0255739 0.240771 0.0728821C0.162942 0.12019 0.0994822 0.18782 0.0572151 0.268497C0.0149481 0.349175 -0.00452658 0.439848 0.000885399 0.530766C0.00629738 0.621684 0.0363913 0.709407 0.0879307 0.7845L4.58793 7.2845Z' fill='%2336AAEB'/%3E%3C/svg%3E%0A") no-repeat 95% 50%;
  background-size: 10px 8px
}
.section-10-where__nav-item select:focus {
  outline: 0
}
.section-10-where__nav-item select.search {
  background: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.005 512.005' style='enable-background:new 0 0 512.005 512.005;' xml:space='preserve'%3E%3Cpath d='M505.749,475.587l-145.6-145.6c28.203-34.837,45.184-79.104,45.184-127.317c0-111.744-90.923-202.667-202.667-202.667 S0,90.925,0,202.669s90.923,202.667,202.667,202.667c48.213,0,92.48-16.981,127.317-45.184l145.6,145.6 c4.16,4.16,9.621,6.251,15.083,6.251s10.923-2.091,15.083-6.251C514.091,497.411,514.091,483.928,505.749,475.587z M202.667,362.669c-88.235,0-160-71.765-160-160s71.765-160,160-160s160,71.765,160,160S290.901,362.669,202.667,362.669z' fill='%2336AAEB' /%3E%3C/svg%3E") no-repeat 95% 50%;
  background-size: 16px
}
.section-10-where__list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 32px);
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 40px -16px 0
}
.section-10-where__action {
  margin-top: 45px
}
.section-10-where__action .btn {
  margin: 0 5px
}
.section-10-where__alert, .section-10-where__error {
  display: flex;
  justify-content: center;
  margin-top: 30px
}
.section-10-where__preloader {
  display: flex;
  justify-content: center;
  margin-top: 30px
}
.section-10-where .section__content {
  width: 100%;
  max-width: 980px;
  margin: 0 auto
}
.farmacy {
  position: relative;
  flex: 1 0 25%;
  max-width: 25%;
  margin-bottom: 45px;
  padding: 0 16px;
  border-right: 1px solid #dfdfdf
}
.farmacy:nth-child(4n) {
  border-right: none
}
.farmacy:last-child {
  border-right: none
}
.farmacy__name {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700
}
.farmacy__addr {
  margin-top: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, .6);
  letter-spacing: .12em
}
.farmacy__phones {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 15px
}
.farmacy__phone {
  position: relative;
  display: block;
  padding-left: 15px;
  color: #464646;
  font-weight: 700;
  letter-spacing: -.05em;
  line-height: 1;
  white-space: nowrap
}
.farmacy__phone:not(:last-child) {
  margin-bottom: 8px
}
.farmacy__phone:hover .icon {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg)
}
.farmacy__phone .icon {
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 9px;
  height: 9px;
  fill: #464646;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}
.addr-alert {
  position: relative;
  padding-left: 45px;
  font-size: 18px;
  line-height: 1;
  text-align: center
}
.addr-alert .icon {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 30px;
  height: 30px;
  fill: #0081b9
}
.addr-alert--alert .icon {
  fill: #0081b9
}
.addr-alert--error .icon {
  fill: #a60000
}
.input-region {
  width: 100%;
  height: 55px;
  padding: 10px 22px;
  border: 1px solid #777;
  border-radius: 40px;
  background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.58793 7.2845C4.6338 7.35112 4.69518 7.40559 4.76678 7.44322C4.83837 7.48085 4.91805 7.50052 4.99893 7.50052C5.07982 7.50052 5.15949 7.48085 5.23109 7.44322C5.30268 7.40559 5.36406 7.35112 5.40993 7.2845L9.90993 0.7845C9.96202 0.709529 9.99257 0.621716 9.99825 0.530603C10.0039 0.43949 9.98454 0.348562 9.94217 0.267697C9.89981 0.186832 9.83609 0.119124 9.75795 0.0719291C9.67981 0.024734 9.59022 -0.000143172 9.49893 6.19827e-07H0.498931C0.407853 0.000376824 0.3186 0.0255739 0.240771 0.0728821C0.162942 0.12019 0.0994822 0.18782 0.0572151 0.268497C0.0149481 0.349175 -0.00452658 0.439848 0.000885399 0.530766C0.00629738 0.621684 0.0363913 0.709407 0.0879307 0.7845L4.58793 7.2845Z' fill='%2336AAEB'/%3E%3C/svg%3E%0A") no-repeat 95% 50%;
  background-size: 10px 8px
}
.input-region:focus {
  outline: 0
}
.drop-select {
  position: absolute;
  top: 79px;
  left: 0;
  width: 100%;
  max-height: 400px;
  background-color: #fff;
  border: 1px solid #777;
  overflow-y: auto;
  z-index: 888;
  opacity: 0;
  visibility: hidden
}
.drop-select.open {
  opacity: 1;
  visibility: visible
}
.drop-select li {
  padding: 0 24px;
  cursor: pointer
}
.section-11-map {
  overflow: hidden
}
.section-11-map .map {
  position: relative;
  width: 100%;
  height: 100%
}
.section-11-map .map img {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -10
}
.section-2-how .section__content {
  width: 100%;
  max-width: 980px;
  margin: 0 auto
}
.drug-work {
  margin-top: 35px
}
.drug-work__girl {
  position: absolute;
  bottom: 95px;
  left: -185px;
  width: 600px;
  height: 575px;
  z-index: 5
}
.drug-work__girl-layers {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20
}
.drug-work__girl-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .3s ease-in-out
}
.drug-work__girl .girl {
  position: relative;
  z-index: 10
}
.drug-work__thema {
  position: absolute;
  left: 315px;
  top: 18px;
  z-index: 10
}
.drug-work__tiles {
  margin-left: 620px
}
.drug-work.hover-red .drug-work__girl-layer--red {
  opacity: 1
}
.drug-work.hover-red .thema-red .hover-on {
  opacity: 1
}
.drug-work.hover-red .drug-work-tile--red .drug-work-tile__title {
  color: #a60000
}
.drug-work.hover-blue .drug-work__girl-layer--blue {
  opacity: 1
}
.drug-work.hover-blue .thema-blue .hover-on {
  opacity: 1
}
.drug-work.hover-blue .drug-work-tile--blue .drug-work-tile__title {
  color: #228fcd
}
.drug-work.hover-green .drug-work__girl-layer--green {
  opacity: 1
}
.drug-work.hover-green .thema-green .hover-on {
  opacity: 1
}
.drug-work.hover-green .drug-work-tile--green .drug-work-tile__title {
  color: #35d37e
}
.thema {
  width: 285px
}
.thema .hover-on {
  transition: opacity .3s ease-in-out;
  opacity: 0
}
.drug-work-tile:not(:last-child) {
  margin-bottom: 65px
}
.drug-work-tile__icon {
  width: 46px;
  height: 46px;
  margin-bottom: 12px
}
.drug-work-tile__title {
  margin-bottom: 8px;
  font-size: 20px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  transition: color .3s ease
}
.drug-work-tile__descr {
  line-height: 1.3
}
.drug-work-tile--red:hover .drug-work-tile__title {
  color: #a60000
}
.drug-work-tile--red .drug-work-tile__icon {
  fill: #a60000
}
.drug-work-tile--blue:hover .drug-work-tile__title {
  color: #228fcd
}
.drug-work-tile--blue .drug-work-tile__icon {
  fill: #228fcd
}
.drug-work-tile--green:hover .drug-work-tile__title {
  color: #35d37e
}
.drug-work-tile--green .drug-work-tile__icon {
  fill: #35d37e
}
.drug-work-mob {
  max-width: 600px;
  margin: 20px auto 0
}
.drug-work-mob__slide--red .drug-work-mob__graph::before {
  background-color: #a60000
}
.drug-work-mob__slide--red .drug-work-mob__graph-item::before {
  background-color: #a60000
}
.drug-work-mob__slide--red .drug-work-mob__graph-item-icon {
  box-shadow: 0 0 8px #ff1b1b;
  background: linear-gradient(153.03deg, #b6111b 16.86%, #ff8686 122.55%)
}
.drug-work-mob__slide--red .drug-work-mob__graph-item .check {
  fill: #a60000
}
.drug-work-mob__slide--red .drug-work-mob__title {
  color: #a60000
}
.drug-work-mob__slide--blue .drug-work-mob__graph::before {
  background-color: #4aaff3
}
.drug-work-mob__slide--blue .drug-work-mob__graph-item::before {
  background-color: #4aaff3
}
.drug-work-mob__slide--blue .drug-work-mob__graph-item-icon {
  box-shadow: 0 0 8px #32a0db;
  background: linear-gradient(304.99deg, #53b5fc 7.32%, #0080a8 94.97%)
}
.drug-work-mob__slide--blue .drug-work-mob__graph-item .check {
  fill: #4aaff3
}
.drug-work-mob__slide--blue .drug-work-mob__title {
  color: #4aaff3
}
.drug-work-mob__slide--green .drug-work-mob__graph {
  justify-content: center
}
.drug-work-mob__slide--green .drug-work-mob__graph::before {
  display: none
}
.drug-work-mob__slide--green .drug-work-mob__graph-item {
  flex: 0 0 100%;
  max-width: 100%
}
.drug-work-mob__slide--green .drug-work-mob__graph-item::before {
  background-color: #35d37e
}
.drug-work-mob__slide--green .drug-work-mob__graph-item-icon {
  box-shadow: 0 0 8px #35db32;
  background: linear-gradient(153.43deg, #00ab4f 16.67%, #4ce492 100%)
}
.drug-work-mob__slide--green .drug-work-mob__graph-item .check {
  fill: #35d37e
}
.drug-work-mob__slide--green .drug-work-mob__title {
  color: #35d37e
}
.drug-work-mob__graph {
  position: relative;
  display: flex;
  justify-content: space-between
}
.drug-work-mob__graph::before {
  content: '';
  position: absolute;
  display: block;
  width: calc(100% - 160px);
  height: 1px;
  left: 80px;
  right: 80px;
  bottom: 0
}
.drug-work-mob__graph-item {
  position: relative;
  flex: 0 0 160px;
  max-width: 160px;
  height: 150px
}
.drug-work-mob__graph-item::before {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: calc(100% - 20px);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 20px
}
.drug-work-mob__graph-item-title {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  text-align: center
}
.drug-work-mob__graph-item-icon {
  position: relative;
  width: 45px;
  height: 45px;
  margin: 0 auto;
  border-radius: 50%
}
.drug-work-mob__graph-item-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  fill: #fff
}
.drug-work-mob__graph-item .check {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
  bottom: -15px
}
.drug-work-mob__title {
  margin-top: 25px;
  font-size: 20px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center
}
.drug-work-mob__descr {
  min-height: 72px;
  font-size: 16px;
  text-align: center
}
.drug-work-mob__girl {
  position: relative;
  width: 600px;
  height: 575px;
  margin: 20px auto 0;
  z-index: 5
}
.drug-work-mob__girl.active-1 .drug-work-mob__girl-layer--red {
  opacity: 1;
  visibility: visible
}
.drug-work-mob__girl.active-2 .drug-work-mob__girl-layer--blue {
  opacity: 1;
  visibility: visible
}
.drug-work-mob__girl.active-3 .drug-work-mob__girl-layer--green {
  opacity: 1;
  visibility: visible
}
.drug-work-mob__girl-layers {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20
}
.drug-work-mob__girl-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out;
  transition-delay: .5s
}
.drug-work-mob .swiper-button {
  top: auto;
  bottom: -60px;
  margin-top: 0
}
.section-3-choise {
  position: relative;
  overflow: hidden
}
.section-3-choise__list {
  display: flex;
  justify-content: center;
  margin-top: 30px
}
.section-3-choise__list .choise-card:nth-child(2) .choise-card__pic {
  width: 265px;
  height: 340px
}
.section-3-choise .section__content {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto
}
.section-3-choise .decor .drop--pos-1 {
  top: 250px;
  right: calc(100vw / 2 - 636px)
}
.section-3-choise .decor .drop--pos-2 {
  top: 328px;
  right: calc(100vw / 2 - 637px)
}
.section-3-choise .decor .drop--pos-3 {
  top: 376px;
  right: calc(100vw / 2 - 666px)
}
.section-3-choise .decor .drop--pos-4 {
  top: 405px;
  right: calc(100vw / 2 - 672px)
}
.section-3-choise .decor .drop--pos-5 {
  top: 581px;
  left: calc(100vw / 2 - 560px)
}
.section-3-choise .decor .mint--pos-1 {
  top: 558px;
  right: calc(100vw / 2 - 662px);
  -webkit-transform: scale(1.3);
  transform: scale(1.3)
}
.section-3-choise .decor .lime--pos-1 {
  top: 0;
  left: calc(100vw / 2 - 749px);
  z-index: 50
}
.section-4-powder .s4-slide {
  position: relative
}
.section-4-powder .fp-slidesNav {
  display: none
}
.section-4-powder .section__content {
  width: 100%;
  max-width: 980px;
  margin: 0 auto
}
.section-4-powder .prod-slider {
  position: absolute;
  right: 0;
  top: 110px
}
.section-4-powder .decor .drop--pos-1 {
  top: 135px;
  left: calc(100vw / 2 - 602px)
}
.section-4-powder .decor .drop--pos-2 {
  top: 213px;
  left: calc(100vw / 2 - 670px)
}
.section-4-powder .decor .drop--pos-3 {
  top: 262px;
  left: calc(100vw / 2 - 571px)
}
.section-4-powder .decor .drop--pos-4 {
  top: 290px;
  left: calc(100vw / 2 - 597px)
}
.section-4-powder .decor .drop--pos-5 {
  top: 228px;
  right: calc(100vw / 2 - 558px)
}
.section-4-powder .decor .drop--pos-6 {
  top: 302px;
  right: calc(100vw / 2 - 495px)
}
.section-4-powder .decor .drop--pos-7 {
  top: 307px;
  right: calc(100vw / 2 - 626px)
}
.section-4-powder .decor .drop--pos-8 {
  top: 355px;
  right: calc(100vw / 2 - 527px)
}
.section-4-powder .decor .drop--pos-9 {
  top: 384px;
  right: calc(100vw / 2 - 553px)
}
.section-5-pills1 .fp-slidesNav {
  display: none
}
.section-5-pills1 .section__content {
  width: 100%;
  max-width: 980px;
  margin: 0 auto
}
.section-5-pills1 .prod-slider {
  position: absolute;
  left: 0;
  top: 70px
}
.section-5-pills1 .action-box {
  margin-left: 550px
}
.section-5-pills1 .action-box__btn-slide {
  margin-right: 30px;
  text-align: right
}
.section-5-pills1 .s5-slide {
  position: relative
}
.section-5-pills1 .s5-slide--s1 .decor .drop--pos-1 {
  top: 400px;
  left: calc(100vw / 2 - 500px)
}
.section-5-pills1 .s5-slide--s1 .decor .drop--pos-2 {
  bottom: 100px;
  left: calc(100vw / 2 - 460px)
}
.section-5-pills1 .s5-slide--s2 .decor .drop--pos-1 {
  top: 135px;
  left: calc(100vw / 2 - 602px)
}
.section-5-pills1 .s5-slide--s2 .decor .drop--pos-2 {
  top: 213px;
  left: calc(100vw / 2 - 670px)
}
.section-5-pills1 .s5-slide--s2 .decor .drop--pos-3 {
  top: 262px;
  left: calc(100vw / 2 - 571px)
}
.section-5-pills1 .s5-slide--s2 .decor .drop--pos-4 {
  top: 290px;
  left: calc(100vw / 2 - 597px)
}
.section-5-pills1 .s5-slide--s2 .decor .drop--pos-5 {
  top: 228px;
  right: calc(100vw / 2 - 558px)
}
.section-5-pills1 .s5-slide--s2 .decor .drop--pos-6 {
  top: 302px;
  right: calc(100vw / 2 - 495px)
}
.section-5-pills1 .s5-slide--s2 .decor .drop--pos-7 {
  top: 307px;
  right: calc(100vw / 2 - 626px)
}
.section-5-pills1 .s5-slide--s2 .decor .drop--pos-8 {
  top: 355px;
  right: calc(100vw / 2 - 527px)
}
.section-5-pills1 .s5-slide--s2 .decor .drop--pos-9 {
  top: 384px;
  right: calc(100vw / 2 - 553px)
}
.section-5-pills1 .s5-slide--s3 .decor .drop--pos-1 {
  top: 135px;
  left: calc(100vw / 2 - 602px)
}
.section-5-pills1 .s5-slide--s3 .decor .drop--pos-2 {
  top: 213px;
  left: calc(100vw / 2 - 670px)
}
.section-5-pills1 .s5-slide--s3 .decor .drop--pos-3 {
  top: 262px;
  left: calc(100vw / 2 - 571px)
}
.section-5-pills1 .s5-slide--s3 .decor .drop--pos-4 {
  top: 290px;
  left: calc(100vw / 2 - 597px)
}
.section-5-pills1 .s5-slide--s3 .decor .drop--pos-5 {
  top: 228px;
  right: calc(100vw / 2 - 558px)
}
.section-5-pills1 .s5-slide--s3 .decor .drop--pos-6 {
  top: 302px;
  right: calc(100vw / 2 - 495px)
}
.section-5-pills1 .s5-slide--s3 .decor .drop--pos-7 {
  top: 307px;
  right: calc(100vw / 2 - 626px)
}
.section-5-pills1 .s5-slide--s3 .decor .drop--pos-8 {
  top: 355px;
  right: calc(100vw / 2 - 527px)
}
.section-5-pills1 .s5-slide--s3 .decor .drop--pos-9 {
  top: 384px;
  right: calc(100vw / 2 - 553px)
}
.section-6-pills2 .fp-slidesNav {
  display: none
}
.section-6-pills2 .section__content {
  width: 100%;
  max-width: 980px;
  margin: 0 auto
}
.section-6-pills2 .prod-slider {
  position: absolute;
  right: 0;
  top: 110px
}
.section-6-pills2 .s6-slide {
  position: relative
}
.section-6-pills2 .s6-slide .decor .drop--pos-1 {
  top: 135px;
  left: calc(100vw / 2 - 602px)
}
.section-6-pills2 .s6-slide .decor .drop--pos-2 {
  top: 213px;
  left: calc(100vw / 2 - 670px)
}
.section-6-pills2 .s6-slide .decor .drop--pos-3 {
  top: 262px;
  left: calc(100vw / 2 - 571px)
}
.section-6-pills2 .s6-slide .decor .drop--pos-4 {
  top: 290px;
  left: calc(100vw / 2 - 597px)
}
.section-6-pills2 .s6-slide .decor .drop--pos-5 {
  top: 228px;
  right: calc(100vw / 2 - 558px)
}
.section-6-pills2 .s6-slide .decor .drop--pos-6 {
  top: 302px;
  right: calc(100vw / 2 - 495px)
}
.section-6-pills2 .s6-slide .decor .drop--pos-7 {
  top: 307px;
  right: calc(100vw / 2 - 626px)
}
.section-6-pills2 .s6-slide .decor .drop--pos-8 {
  top: 355px;
  right: calc(100vw / 2 - 527px)
}
.section-6-pills2 .s6-slide .decor .drop--pos-9 {
  top: 384px;
  right: calc(100vw / 2 - 553px)
}
.section-7-take1 {
  position: relative;
  overflow: hidden
}
.section-7-take1 .section__content {
  width: 100%;
  max-width: 980px;
  margin: 0 auto
}
.section-7-take1 .link-pink {
  position: absolute;
  bottom: 120px;
  left: 0
}
.section-7-take1 .decor .drop--pos-1 {
  top: 159px;
  left: calc(100vw / 2 - 525px)
}
.section-7-take1 .decor .drop--pos-2 {
  top: 178px;
  right: calc(100vw / 2 - 678px)
}
.section-7-take1 .decor .drop--pos-3 {
  top: 270px;
  left: calc(100vw / 2 - 741px)
}
.section-7-take1 .decor .strawberry--pos-1 {
  top: 118px;
  left: calc(100vw / 2 - 695px);
  -webkit-transform: rotate(56deg) scale(.8);
  transform: rotate(56deg) scale(.8)
}
.section-7-take1 .decor .strawberry--pos-2 {
  top: 180px;
  right: calc(100vw / 2 - 760px)
}
.section-7-take1 .decor .mint--pos-1 {
  top: 15px;
  left: calc(100vw / 2 - 785px);
  -webkit-transform: rotate(-75deg);
  transform: rotate(-75deg)
}
.section-8-take2 .section__content {
  width: 100%;
  max-width: 980px;
  margin: 0 auto
}
.section-8-take2 .link-pink {
  position: absolute;
  bottom: 120px;
  left: 0
}
.section-8-take2 .decor .drop--pos-1 {
  top: 134px;
  left: calc(100vw / 2 - 594px)
}
.section-8-take2 .decor .drop--pos-2 {
  top: 154px;
  left: calc(100vw / 2 - 559px)
}
.section-8-take2 .decor .drop--pos-3 {
  top: 262px;
  left: calc(100vw / 2 - 564px)
}
.section-8-take2 .decor .drop--pos-4 {
  top: 290px;
  left: calc(100vw / 2 - 589px)
}
.section-8-take2 .decor .drop--pos-5 {
  top: 373px;
  left: calc(100vw / 2 - 684px)
}
.section-8-take2 .decor .drop--pos-6 {
  top: 227px;
  right: calc(100vw / 2 - 565px)
}
.section-8-take2 .decor .drop--pos-7 {
  top: 238px;
  right: calc(100vw / 2 - 494px)
}
.section-8-take2 .decor .drop--pos-8 {
  top: 356px;
  right: calc(100vw / 2 - 534px)
}
.section-8-take2 .decor .drop--pos-9 {
  top: 229px;
  right: calc(100vw / 2 - 639px)
}
.section-8-take2 .decor .drop--pos-10 {
  top: 384px;
  right: calc(100vw / 2 - 562px)
}
.section-8-take2 .decor .drop--pos-11 {
  top: 307px;
  right: calc(100vw / 2 - 634px)
}
.section-8-take2 .decor .lemon--pos-1 {
  top: 80px;
  left: calc(100vw / 2 - 809px);
  -webkit-transform: scale(-1, 1) rotate(45deg);
  transform: scale(-1, 1) rotate(45deg)
}
.section-8-take2 .decor .lemon--pos-2 {
  top: 90px;
  right: calc(100vw / 2 - 800px);
  -webkit-transform: scale(.8);
  transform: scale(.8)
}
.section-8-take2 .decor .honey--pos-1 {
  top: 417px;
  left: calc(100vw / 2 - 1100px);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}
.section-9-usefull {
  overflow: visible!important
}
.section-9-usefull__slider {
  max-width: 1050px;
  margin: 50px auto 0
}
.section-9-usefull__action {
  margin-top: 60px
}
.section-9-usefull__action .btn {
  width: 100%;
  max-width: 315px
}
.section__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  z-index: 10
}
.section__content {
  position: relative;
  flex: 1 0 auto;
  max-width: 100%;
  padding-bottom: 95px;
  padding-left: 20px;
  padding-right: 20px
}
.section__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  z-index: -5
}
.why-card {
  flex: 0 0 25%;
  max-width: 25%;
  margin: 0 0 25px;
  text-align: center
}
.why-card__pic {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto 8px;
  transition: box-shadow .3s ease
}
.why-card__pic:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, .25)
}
.why-card__pic img {
  width: 100%
}
.why-card__title {
  margin-bottom: 7px;
  letter-spacing: .04em;
  line-height: 1.3;
  text-transform: uppercase;
  font-weight: 700
}
.why-card__descr {
  font-size: 14px;
  font-weight: 500;
  color: #0081b9
}
.why-card__text {
  padding: 0 15px;
  font-size: 14px;
  color: #6c6c6c;
  line-height: 1.2
}
.footer {
  position: relative
}
.footer__inner {
  max-width: 1920px;
  margin: 0 auto
}
.footer__top {
  display: flex;
  align-items: center;
  padding: 10px 40px
}
.footer__ag-logo {
  width: 213px;
  margin-right: 17px
}
.footer__ag-logo img {
  display: block;
  width: 100%
}
.footer__action {
  margin-left: auto
}
.footer__mid {
  display: flex;
  margin-top: 10px;
  padding: 0 40px 45px
}
.footer__form {
  max-width: 320px;
  width: 100%
}
.footer__form-title {
  max-width: 250px;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #2b2b2b;
  font-weight: 700;
  line-height: 1.2
}
.footer__form .form-control {
  width: 100%
}
.footer__form .btn {
  width: 100%
}
.footer__menu-wrap {
  display: flex
}
.footer__menu-title {
  margin-bottom: 15px;
  color: #848484;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-weight: 700
}
.footer__menu-item {
  flex: 1 0 300px;
  max-width: 300px
}
.footer__menu-item:not(:last-child) {
  margin-right: 90px
}
.footer__menu-bot {
  margin-top: 20px
}
.footer__menu-bot-logo {
  display: inline-block;
  max-width: 130px;
  margin-bottom: 2px
}
.footer__menu-bot p:not(:last-child) {
  margin-bottom: 2px
}
.footer__menu .menu {
  flex-direction: column
}
.footer__menu .menu__item:not(:last-child) {
  margin-right: 0;
  margin-bottom: 20px
}
.footer__bot {
  display: flex;
  align-items: center;
  padding: 13px 40px;
  border-top: 1px solid #e9e9e9
}
.footer__bot-left {
  margin-right: 30px
}
.footer__bot-right {
  display: flex;
  align-items: center;
  margin-left: auto
}
.footer__dev {
  display: flex;
  align-items: center;
  margin-right: 30px
}
.footer__dev-text {
  margin-right: 5px;
  font-size: 16px;
  white-space: nowrap
}
.footer__dev-logo {
  display: block;
  width: 80px
}
.footer__link {
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: .03em
}
.footer__link:not(:last-child) {
  margin-right: 30px
}
.footer__col {
  flex: 1 0 415px;
  max-width: 415px;
  padding-right: 30px
}
.footer .scroll-top {
  bottom: 82px
}
.footer .watermark {
  display: none
}
.modal.modal-success .modal-title {
  position: relative;
  display: inline-block;
  padding-right: 80px
}
.modal.modal-success .modal-title .icon {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0;
  fill: green
}
.modal .modal-dialog {
  margin-top: 150px
}
.modal .modal-content {
  border: none;
  border-radius: 3px
}
.modal .modal-header {
  border: none;
  border-radius: 0;
  padding: 20px 60px 20px 30px
}
.modal .close-popup {
  position: absolute;
  right: 13px;
  top: 13px;
  width: 34px;
  height: 34px;
  background: 0 0;
  border: none;
  cursor: pointer;
  z-index: 10;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all .3s
}
.modal .close-popup:after {
  content: '';
  position: absolute;
  display: block;
  width: 18px;
  height: 2px;
  top: 16px;
  left: 8px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  background-color: #929292
}
.modal .close-popup:before {
  content: '';
  position: absolute;
  display: block;
  width: 18px;
  height: 2px;
  top: 16px;
  left: 8px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  background-color: #929292
}
.modal .close-popup:hover {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg)
}
.modal .close-popup:focus {
  outline: 0
}
.modal .modal-body {
  padding: 20px 30px
}
.modal .modal-title {
  margin: 0;
  text-align: center;
  line-height: inherit;
  font-size: 30px
}
body.browser-safari {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}
.footer, .main, .pages-viget {
  opacity: 1!important
}

/*new styles*/

#slide-hero-1 {
  background: #fff;
}

#slide-hero-1 .hero-title__text {
  color: #0081B9;
}

#slide-hero-1 .hero-title__descr {
  color: #16191E;
}

#slide-hero-3 {
  background: linear-gradient(179.95deg, #F2A6C5 0.04%, #E13A88 65.94%, #920057 118.29%);
}