.modal-1,
.modal-2,
.modal-3,
.modal-4,
.modal-5,
.modal-6,
.modal-7 {
  line-height: 1;
  font-family: 'Noto Sans', sans-serif;
}
.modal-1 *,
.modal-2 *,
.modal-3 *,
.modal-4 *,
.modal-5 *,
.modal-6 *,
.modal-7 *,
.modal-1 :before,
.modal-2 :before,
.modal-3 :before,
.modal-4 :before,
.modal-5 :before,
.modal-6 :before,
.modal-7 :before,
.modal-1 :after,
.modal-2 :after,
.modal-3 :after,
.modal-4 :after,
.modal-5 :after,
.modal-6 :after,
.modal-7 :after {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal-1 img,
.modal-2 img,
.modal-3 img,
.modal-4 img,
.modal-5 img,
.modal-6 img,
.modal-7 img {
  max-width: 100%;
  height: auto;
}
.modal-1 {
  visibility: hidden;
}
.modal-1.is-visible {
  visibility: visible;
}
.modal-1.is-visible .modal-1__overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.modal-1__overlay {
  z-index: 1000;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.modal-1__content {
  overflow: hidden;
  position: absolute;
  padding: 60px 20px 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  width: 290px;
  border-radius: 10px;
}
.modal-1__content:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 3;
}
.modal-1__content--decor {
  background: radial-gradient(circle at 50% 95%, #efefef 0%, #efefef 25%, #e5e5e5 25%, #e5e5e5 37%, #ededed 37%, #ededed 50%, #f2f2f2 50%, #f2f2f2 65%, #f8f8f8 65%, #f8f8f8 80%, #fafafa 80%, #fafafa 95%, #ffffff 95%, #ffffff 100%) no-repeat;
}
.modal-1__content > * {
  position: relative;
  z-index: 3;
}
.modal-1__close {
  border: 2px solid #cdcdcd;
  width: 36px;
  height: 36px;
  cursor: pointer;
  top: 10px;
  right: 10px;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.modal-1__close:hover:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}
.modal-1__close:hover:before {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}
.modal-1__close:after,
.modal-1__close:before {
  background: #cdcdcd;
  content: '';
  width: 20px;
  height: 2px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  position: absolute;
}
.modal-1__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-1__slogan {
  color: #2870b4;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
  width: 160px;
  line-height: 1.2;
}
.modal-1__title {
  font-size: 30px;
  color: #131313;
  line-height: 1.2;
  font-weight: 700;
  width: 170px;
  margin-bottom: 130px;
}
.modal-1__btn {
  display: table;
  margin: 0 auto;
  padding: 20px;
  font-size: 14px;
  color: #fff;
  background: #ff0000;
  border-radius: 40px;
  margin-bottom: 20px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.modal-1__btn:hover {
  -webkit-box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
          box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
}
.modal-1__btn span {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  padding-left: 25px;
  position: relative;
}
.modal-1__btn span:before {
  content: '';
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/royal.png");
  margin-right: 10px;
  width: 16px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
}
.modal-1__subtitle {
  font-weight: 700;
  color: #202020;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
.modal-1__girl {
  position: absolute;
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/girl.png");
  width: 287px;
  height: 405px;
  bottom: 0;
  right: -80px;
  z-index: 2;
}
.modal-2 {
  visibility: hidden;
}
.modal-2.is-visible {
  visibility: visible;
}
.modal-2.is-visible .modal-2__overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.modal-2__overlay {
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.modal-2__content {
  overflow: hidden;
  position: absolute;
  padding: 60px 20px 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #000;
  margin-left: auto;
  margin-right: auto;
  width: 290px;
  border-radius: 10px;
}
.modal-2__content:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 3;
}
.modal-2__content--decor {
  background: radial-gradient(circle at 50% 95%, #3c4146 0%, #3c4146 25%, #25292d 25%, #25292d 37%, #21252a 37%, #21252a 50%, #1c2125 50%, #1c2125 65%, #151b20 65%, #151b20 80%, #0e1318 80%, #0e1318 95%, #000000 95%, #000000 100%) no-repeat;
}
.modal-2__content > * {
  position: relative;
  z-index: 3;
}
.modal-2__close {
  border: 2px solid #4e5155;
  width: 36px;
  height: 36px;
  cursor: pointer;
  top: 10px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.modal-2__close:hover:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}
.modal-2__close:hover:before {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}
.modal-2__close:after,
.modal-2__close:before {
  background: #4e5155;
  content: '';
  width: 20px;
  height: 2px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  position: absolute;
}
.modal-2__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-2__slogan {
  color: #2870b4;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px;
  width: 160px;
  line-height: 1.2;
}
.modal-2__title {
  font-size: 30px;
  color: #f3f3f3;
  line-height: 1.2;
  font-weight: 700;
  width: 170px;
  margin-bottom: 130px;
}
.modal-2__btn {
  display: table;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  font-size: 14px;
  background: #ff0000;
  border-radius: 40px;
  margin-bottom: 20px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.modal-2__btn:hover {
  -webkit-box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
          box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
}
.modal-2__btn span {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  padding-left: 25px;
  position: relative;
}
.modal-2__btn span:before {
  content: '';
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/royal.png");
  margin-right: 10px;
  width: 16px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
}
.modal-2__subtitle {
  font-weight: 700;
  color: #c3c3c3;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
.modal-2__girl {
  position: absolute;
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/girl.png");
  width: 287px;
  height: 405px;
  bottom: 0;
  right: -80px;
  z-index: 2;
}
.modal-3 {
  visibility: hidden;
}
.modal-3.is-visible {
  visibility: visible;
}
.modal-3.is-visible .modal-3__overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.modal-3__overlay {
  opacity: 0;
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.modal-3__content {
  overflow: hidden;
  position: absolute;
  padding: 50px 20px 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  width: 290px;
  border-radius: 10px;
  display: table;
  height: 480px;
}
.modal-3__content:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 3;
}
.modal-3__content--decor {
  background: radial-gradient(circle at 50% 95%, #efefef 0%, #efefef 25%, #e5e5e5 25%, #e5e5e5 37%, #ededed 37%, #ededed 50%, #f2f2f2 50%, #f2f2f2 65%, #f8f8f8 65%, #f8f8f8 80%, #fafafa 80%, #fafafa 95%, #ffffff 95%, #ffffff 100%) no-repeat;
}
.modal-3__content > * {
  position: relative;
  z-index: 3;
}
.modal-3__close {
  border: 2px solid #cdcdcd;
  width: 36px;
  height: 36px;
  cursor: pointer;
  top: 10px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.modal-3__close:hover:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}
.modal-3__close:hover:before {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}
.modal-3__close:after,
.modal-3__close:before {
  background: #cdcdcd;
  content: '';
  width: 20px;
  height: 2px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  position: absolute;
}
.modal-3__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-3__title {
  font-size: 24px;
  color: #131313;
  line-height: 1.2;
  width: 220px;
  margin-bottom: 20px;
}
.modal-3__subtitle {
  color: #202020;
  font-size: 13px;
  text-align: left;
  line-height: 1.4;
  width: 150px;
  margin-bottom: 170px;
}
.modal-3__btn {
  display: table;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  background: #ff0000;
  border-radius: 40px;
  margin-bottom: 20px;
  -webkit-transition: all .5s;
  transition: all .5s;
  letter-spacing: 1px;
}
.modal-3__btn:before {
  content: '';
  background: #000000 url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/phone.png") center no-repeat;
  margin-right: 10px;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 6px;
  left: 7px;
  border-radius: 50%;
}
.modal-3__btn:hover {
  -webkit-box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
          box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
}
.modal-3__btn span {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  padding-left: 40px;
  padding-right: 20px;
  position: relative;
}
.modal-3__doctor {
  position: absolute;
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/doctor.png");
  width: 230px;
  height: 388px;
  bottom: 0;
  right: -50px;
  z-index: 2;
}
.modal-4 {
  visibility: hidden;
}
.modal-4.is-visible {
  visibility: visible;
}
.modal-4.is-visible .modal-4__overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.modal-4__overlay {
  opacity: 0;
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.modal-4__content {
  overflow: hidden;
  position: absolute;
  padding: 50px 20px 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #5bbfff;
  margin-left: auto;
  margin-right: auto;
  width: 290px;
  border-radius: 10px;
  display: table;
  height: 480px;
}
.modal-4__content:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 3;
}
.modal-4__content--decor {
  background: radial-gradient(circle at 0% 95%, #aff2eb 0%, #aff2eb 25%, #ade9e3 25%, #ade9e3 37%, #9ce3e2 37%, #9ce3e2 50%, #90d1e8 50%, #90d1e8 65%, #80ccef 65%, #80ccef 80%, #5bbfff 80%, #5bbfff 100%) no-repeat;
}
.modal-4__content > * {
  position: relative;
  z-index: 3;
}
.modal-4__close {
  border: 2px solid #a5dcff;
  width: 36px;
  height: 36px;
  cursor: pointer;
  top: 10px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.modal-4__close:hover:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}
.modal-4__close:hover:before {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}
.modal-4__close:after,
.modal-4__close:before {
  background: #a5dcff;
  content: '';
  width: 20px;
  height: 2px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  position: absolute;
}
.modal-4__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-4__title {
  font-size: 24px;
  color: #131313;
  line-height: 1.2;
  width: 220px;
  margin-bottom: 20px;
}
.modal-4__subtitle {
  color: #202020;
  font-size: 13px;
  text-align: left;
  line-height: 1.4;
  width: 150px;
  margin-bottom: 170px;
}
.modal-4__btn {
  display: table;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  background: #ff0000;
  border-radius: 40px;
  margin-bottom: 20px;
  -webkit-transition: all .5s;
  transition: all .5s;
  letter-spacing: 1px;
}
.modal-4__btn:before {
  content: '';
  background: #000000 url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/phone.png") center no-repeat;
  margin-right: 10px;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 6px;
  left: 7px;
  border-radius: 50%;
}
.modal-4__btn:hover {
  -webkit-box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
          box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
}
.modal-4__btn span {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  padding-left: 40px;
  padding-right: 20px;
  position: relative;
}
.modal-4__doctor {
  position: absolute;
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/doctor.png");
  width: 230px;
  height: 388px;
  bottom: 0;
  right: -50px;
  z-index: 2;
}
.modal-5 {
  visibility: hidden;
}
.modal-5.is-visible {
  visibility: visible;
}
.modal-5.is-visible .modal-5__overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.modal-5__overlay {
  opacity: 0;
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.modal-5__content {
  overflow: hidden;
  position: absolute;
  padding: 50px 20px 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  width: 290px;
  border-radius: 10px;
  display: table;
  height: 480px;
}
.modal-5__content:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 3;
}
.modal-5__content--decor {
  background: radial-gradient(circle at 50% 95%, #efefef 0%, #efefef 25%, #e5e5e5 25%, #e5e5e5 37%, #ededed 37%, #ededed 50%, #f2f2f2 50%, #f2f2f2 65%, #f8f8f8 65%, #f8f8f8 80%, #fafafa 80%, #fafafa 95%, #ffffff 95%, #ffffff 100%) no-repeat;
}
.modal-5__content > * {
  position: relative;
  z-index: 3;
}
.modal-5__close {
  border: 2px solid #cdcdcd;
  width: 36px;
  height: 36px;
  cursor: pointer;
  top: 10px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.modal-5__close:hover:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}
.modal-5__close:hover:before {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}
.modal-5__close:after,
.modal-5__close:before {
  background: #cdcdcd;
  content: '';
  width: 20px;
  height: 2px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  position: absolute;
}
.modal-5__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-5__subtitle {
  color: #202020;
  display: table;
  height: 84px;
  font-size: 14px;
  text-align: left;
  line-height: 1.5;
  font-weight: 700;
  width: 210px;
  margin-bottom: 20px;
}
.modal-5__title {
  font-size: 24px;
  color: #131313;
  line-height: 1.2;
  width: 200px;
  font-weight: 700;
  margin-bottom: 80px;
  display: table;
  height: 140px;
}
.modal-5__title span {
  color: #4597e4;
}
.modal-5__btn {
  display: table;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  background: #ff0000;
  border-radius: 40px;
  margin-bottom: 20px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.modal-5__btn:hover {
  -webkit-box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
          box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
}
.modal-5__btn span {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  padding-left: 40px;
  font-size: 13px;
  padding-right: 20px;
  position: relative;
}
.modal-5__btn span:before {
  content: '';
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/sale.png");
  margin-right: 10px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -9px;
  left: 0;
}
.modal-5__slogan {
  font-weight: 700;
  color: #202020;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
.modal-5__doctor {
  position: absolute;
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/doctor_sm.png");
  width: 206px;
  height: 346px;
  bottom: 0;
  right: -55px;
  z-index: 2;
}
.modal-6 {
  visibility: hidden;
}
.modal-6.is-visible {
  visibility: visible;
}
.modal-6.is-visible .modal-6__overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.modal-6__overlay {
  opacity: 0;
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.modal-6__content {
  overflow: hidden;
  position: absolute;
  padding: 50px 20px 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  width: 290px;
  border-radius: 10px;
  display: table;
  height: 480px;
}
.modal-6__content:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 3;
}
.modal-6__content--decor {
  background: radial-gradient(circle at 50% 95%, #efefef 0%, #efefef 25%, #e5e5e5 25%, #e5e5e5 37%, #ededed 37%, #ededed 50%, #f2f2f2 50%, #f2f2f2 65%, #f8f8f8 65%, #f8f8f8 80%, #fafafa 80%, #fafafa 95%, #ffffff 95%, #ffffff 100%) no-repeat;
}
.modal-6__content > * {
  position: relative;
  z-index: 3;
}
.modal-6__close {
  border: 2px solid #cdcdcd;
  width: 36px;
  height: 36px;
  cursor: pointer;
  top: 10px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.modal-6__close:hover:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}
.modal-6__close:hover:before {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}
.modal-6__close:after,
.modal-6__close:before {
  background: #cdcdcd;
  content: '';
  width: 20px;
  height: 2px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  position: absolute;
}
.modal-6__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-6__subtitle {
  color: #202020;
  display: table;
  height: 84px;
  font-size: 14px;
  text-align: left;
  line-height: 1.5;
  font-weight: 700;
  width: 210px;
  margin-bottom: 20px;
}
.modal-6__title {
  font-size: 24px;
  color: #131313;
  line-height: 1.2;
  width: 200px;
  font-weight: 700;
  margin-bottom: 80px;
  display: table;
  height: 140px;
}
.modal-6__title span {
  color: #4597e4;
}
.modal-6__btn {
  display: table;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  background: #ff0000;
  border-radius: 40px;
  margin-bottom: 20px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.modal-6__btn:hover {
  -webkit-box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
          box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
}
.modal-6__btn span {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  padding-left: 40px;
  font-size: 13px;
  padding-right: 20px;
  position: relative;
}
.modal-6__btn span:before {
  content: '';
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/sale.png");
  margin-right: 10px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -9px;
  left: 0;
}
.modal-6__slogan {
  font-weight: 700;
  color: #202020;
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}
.modal-6__doctor {
  position: absolute;
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/doctor_sm.png");
  width: 206px;
  height: 346px;
  bottom: 0;
  right: -55px;
  z-index: 2;
}
.modal-7 {
  visibility: hidden;
}
.modal-7.is-visible {
  visibility: visible;
}
.modal-7.is-visible .modal-7__overlay {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.modal-7__overlay {
  opacity: 0;
  z-index: 1000;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}
.modal-7__content {
  overflow: hidden;
  position: absolute;
  padding: 50px 20px 20px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  width: 290px;
  border-radius: 10px;
  display: table;
  height: 480px;
}
.modal-7__content:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 3;
}
.modal-7__content--decor {
  background: radial-gradient(circle at 50% 95%, #efefef 0%, #efefef 25%, #e5e5e5 25%, #e5e5e5 37%, #ededed 37%, #ededed 50%, #f2f2f2 50%, #f2f2f2 65%, #f8f8f8 65%, #f8f8f8 80%, #fafafa 80%, #fafafa 95%, #ffffff 95%, #ffffff 100%) no-repeat;
}
.modal-7__content > * {
  position: relative;
  z-index: 3;
}
.modal-7__close {
  border: 2px solid #cdcdcd;
  width: 36px;
  height: 36px;
  cursor: pointer;
  top: 10px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.modal-7__close:hover:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
          transform: translate(-50%, -50%) rotate(225deg);
}
.modal-7__close:hover:before {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
          transform: translate(-50%, -50%) rotate(135deg);
}
.modal-7__close:after,
.modal-7__close:before {
  background: #cdcdcd;
  content: '';
  width: 20px;
  height: 2px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.6, 0.36, 1);
  position: absolute;
}
.modal-7__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-7__attention {
  color: #fa2525;
  font-size: 36px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 700;
}
.modal-7__title {
  font-size: 24px;
  color: #131313;
  line-height: 1.2;
  width: 240px;
  font-weight: 700;
  margin-bottom: 35px;
  display: table;
  height: 90px;
}
.modal-7__title span {
  color: #4597e4;
}
.modal-7__subtitle {
  color: #202020;
  display: table;
  font-size: 13px;
  text-align: left;
  line-height: 1.5;
  font-weight: 700;
  width: 190px;
  margin-bottom: 160px;
}
.modal-7__btn {
  display: table;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 20px;
  color: #fff;
  background: #ff0000;
  border-radius: 40px;
  margin-bottom: 20px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.modal-7__btn:hover {
  -webkit-box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
          box-shadow: 0 0 10px 0 #ff0000 inset, 0 0 10px 4px #ff0000;
}
.modal-7__btn span {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  font-weight: 700;
  font-size: 14px;
  position: relative;
}
.modal-7__doctor {
  position: absolute;
  background: url("//viposidn.com/content/vWdrA8gfFMRDMyM/img/modal/doctor_sm.png");
  width: 206px;
  height: 346px;
  bottom: 0;
  right: -55px;
  z-index: 2;
}