/* roboto-regular - cyrillic */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local("Roboto"), local("Roboto-Regular"),
    url("../fonts/roboto-v20-cyrillic-regular.woff") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
	url("../fonts/roboto-v20-cyrillic-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - cyrillic */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local("Roboto Bold"), local("Roboto-Bold"),
    url("../fonts/roboto-v20-cyrillic-700.woff") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
	url("../fonts/roboto-v20-cyrillic-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-900 - cyrillic */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: local("Roboto Black"), local("Roboto-Black"),
    url("../fonts/roboto-v20-cyrillic-900.woff") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
	url("../fonts/roboto-v20-cyrillic-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative;
}
.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1;
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
	display: none;
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
	opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
	float: right;
}
.owl-carousel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
	z-index: 0;
}
.owl-carousel .owl-animated-out {
	z-index: 1;
}
.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.owl-height {
	-webkit-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
	transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.owl-carousel .owl-item img.owl-lazy {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url() no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.1s ease;
	transition: -webkit-transform 0.1s ease;
	-o-transition: transform 0.1s ease;
	transition: transform 0.1s ease;
	transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	-webkit-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none;
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}
.owl-theme .owl-dots,
.owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
	margin-top: 10px;
}
.owl-theme .owl-nav [class*="owl-"] {
	color: #fff;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
	background: #869791;
	color: #fff;
	text-decoration: none;
}
.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #d6d6d6;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #869791;
}
.video-wrap {
	display: inline-block;
	margin-bottom: 30px;
	text-align: center;
}
.bl_6_video .title {
	padding-bottom: 30px;
}
.bl_6_video {
	margin-bottom: 10px;
	text-align: center;
}
.audio-wrap {
	padding: 0 0 40px;
}
.audio-reviews-item {
	display: inline-block;
	width: 32%;
	padding: 0 70px 0 35px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.audio-reviews-item:nth-child(2) {
	margin-left: 2%;
	margin-right: 2%;
}
.audio-reviews-items {
	text-align: center;
	font-size: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.audio-reviews-title,
.audio-wrap .play-pause p {
	color: #000;
	position: absolute;
	top: 8px;
	left: 0;
	text-align: center;
	width: 100%;
	z-index: 10;
}
.audio-descrip {
	display: block;
	margin: 10px 0;
	text-align: center;
	font-size: 26px;
	line-height: 30px;
	color: #fff;
}
.audio-reviews-title {
	font-size: 15px;
	font-family: Roboto, sans-serif;
	color: #666;
	text-align: left;
	padding-left: 35px;
	top: -10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.audio-reviews-item {
	margin-bottom: 10px;
}
.audio-descrip {
	margin-bottom: 30px;
}
.audiojs {
	max-width: 100%;
	height: 100px;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-repeat: no-repeat;
	background-position: center top;
}
.audio-1 .audiojs {
	background-image: url(../images/audio_bg1.png);
}
.audio-2 .audiojs {
	background-image: url(../images/audio_bg2.png);
	background-position: center top 10px;
}
.audio-3 .audiojs {
	background-image: url(../images/audio_bg1.png);
}
.audiojs * {
	border-width: 0;
}
.audiojs .play-pause {
	border: none !important;
}
.loaded,
.play-pause,
.progress,
.scrubber {
	background-color: transparent;
}
.scrubber {
	position: absolute;
	bottom: -33px !important;
	width: 100%;
	background-color: #d4eef5 !important;
	height: 2px !important;
	margin: 10px 0 0 !important;
}
.audiojs .scrubber {
	border: none !important;
}
.loaded,
.progress {
	width: 100%;
	height: 2px !important;
	background-color: #474747;
}
.play-pause {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 5px;
}
.play-pause .loading,
.play-pause .pause,
.play-pause .play {
	background-position: 0 0;
	background-image: url();
	background-repeat: no-repeat;
}
.play-pause .pause {
	background-image: url();
}
.audio-wrap .time {
	display: block;
	float: none;
	position: absolute;
	top: 25px;
	right: -3px;
	padding: 0;
}
.video-ancor {
	margin-right: 10px;
	background: #e62500;
	font-family: Roboto, sans-serif;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	float: right;
	font-size: 16px;
	line-height: 16px;
	padding: 10px;
	margin-top: 20px;
	border-radius: 4px;
	letter-spacing: -0.03em;
}
@media (max-width: 991px) {
	.scrubber {
		width: 155px;
		bottom: 24px;
		left: 40px;
	}
	.audio-reviews-item {
		width: 50%;
	}
	.section1 .main-block-center.uppened {
		display: none;
	}
}
.youtube {
	background-color: #000;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	cursor: hand;
	cursor: pointer;
}
.youtube .thumb {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: auto;
	}
	.youtube .play {
	opacity: 1;
height: 70px;
left: 50%;
margin-left: -35px;
margin-top: -35px;
position: absolute;
top: 50%;
width: 70px;
}
.video__name {
font-family: Arial, sans-serif;
font-size: 18px;
margin-bottom: 10px;
}
.youtube .play {
background: url() no-repeat center center;
border-radius: 50%;
-webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.15);
box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.15);
}
.video-wrap iframe {
border: none;
}
::-webkit-input-placeholder {
color: #666;
opacity: 1;
}
:-moz-placeholder {
color: #666;
opacity: 1;
}
::-moz-placeholder {
color: #666;
opacity: 1;
}
:-ms-input-placeholder {
color: #666;
opacity: 1;
}
body input:focus:required:invalid,
body textarea:focus:required:invalid {
color: #666;
}
body input:required:valid,
body textarea:required:valid {
color: #666;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
a {
outline: 0;
text-decoration: none;
color: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
font-size: 16px;
min-width: 320px;
position: relative;
line-height: normal;
overflow-x: hidden;
opacity: 1;
margin: 0;
font-family: Roboto, sans-serif;
color: #000;
}
li,
ul {
list-style: none;
}
a {
outline: 0;
}
.text-bold {
font-weight: 700;
}
.img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 20px 0;
color: #fff;
font-size: 16px;
z-index: 5;
}
.header .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .btn {
position: relative;
right: -40px;
text-decoration: none;
margin-top: 0;
margin-right: 0;
opacity: 1;
}
.left-block .btn {
position: relative;
}
.header .header-btn-hover,
.left-block .header-btn-hover {
position: absolute;
bottom: 0;
left: 0;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#00aeef),
to(#1bbaf6)
);
background: -webkit-linear-gradient(top, #00aeef, #1bbaf6);
background: -o-linear-gradient(top, #00aeef, #1bbaf6);
background: linear-gradient(to bottom, #00aeef, #1bbaf6);
opacity: 0;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.header .btn:hover .header-btn-hover,
.left-block .btn:hover .header-btn-hover {
opacity: 1;
}
.header-spec {
margin-left: 20%;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
cursor: pointer;
position: relative;
}
.header-spec:hover {
border-bottom: none;
}
.header-spec:before {
width: 30px;
height: 30px;
content: "";
position: absolute;
background: url(../images/icon1.png) no-repeat top left;
left: -35px;
}
.header-rewiev {
margin-left: 6.5%;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
cursor: pointer;
position: relative;
}
.header-rewiev:hover {
border-bottom: none;
}
.header-rewiev:before {
width: 30px;
height: 30px;
content: "";
position: absolute;
background: url(../images/icon2.png) no-repeat top left;
left: -35px;
}
.section1 {
background: url(../images/section1_bg.jpg);
padding: 110px 0 55px;
background-size: cover;
position: relative;
}
.main-block {
color: #fff;
}
.main-block-left {
float: left;
width: 410px;
position: relative;
z-index: 10;
}
.main-block-center {
position: absolute;
left: calc(50% - 315px);
bottom: -1px;
z-index: 2;
background: url(../images/doctor.png) no-repeat bottom center;
height: 100%;
width: 700px;
}
.main-block-center img {
position: absolute;
bottom: -130px;
left: -15px;
}
@media (max-width: 1080px) {
.main-block-center img {
bottom: -61px;
left: 50%;
transform: translate(-50%);
max-width: 400px;
}
}
@media (max-width: 1000px) {
.main-block-center img {
max-width: 100%;
}
}
.main-block-title {
font-size: 65px;
line-height: 55px;
font-weight: 900;
margin-bottom: 25px;
}
.main-block-title span {
color: #fec748;
}
.main-block-subtitle {
font-size: 20px;
line-height: 24px;
}
.main-block-list {
font-size: 20px;
line-height: 22px;
margin-top: 35px;
}
.main-block-list span {
font-size: 16px;
margin-top: 5px;
display: inline-block;
color: rgba(255, 255, 255, 0.8);
}
.main-block-item {
margin-bottom: 20px;
padding-left: 60px;
position: relative;
font-weight: 900;
padding-right: 65px;
}
.main-block-item::after {
content: "";
display: block;
width: 40px;
height: 40px;
position: absolute;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
background: url(../images/ok.png) no-repeat center center;
top: 0;
left: 0;
}
.main-block-right {
float: right;
width: 270px;
position: relative;
z-index: 10;
}
.main-block-text {
font-size: 18px;
line-height: 22px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-style: italic;
font-weight: 400;
margin-top: 10px;
}
.main-block-text span {
color: #fec748;
}
.main-block-form {
margin-top: 25px;
background-color: #fff;
border-radius: 10px;
border: 2px solid #fec748;
padding: 15px 20px 30px;
}
.main-block-form .flex-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-block-form .old-price {
color: #666;
width: 50%;
}
.main-block-form .old-price .price {
color: #b9b8b8;
font-size: 15px;
}
.main-block-form .old-price .number {
font-size: 30px;
position: relative;
}
.main-block-form .old-price .number::before {
position: absolute;
content: "";
width: 100%;
height: 2px;
background-color: #f5831f;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
top: 19px;
left: 0;
}
.main-block-form .old-price .number::after {
position: absolute;
content: "";
width: 100%;
height: 2px;
background-color: #f5831f;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
top: 19px;
left: 0;
}
.main-block-form .top-text {
font-size: 13px;
}
.main-block-form .price {
margin-top: 10px;
line-height: 50px;
height: 50px;
}
.main-block-form .new-price {
color: #000;
display: inline-block;
width: 49%;
}
.main-block-form .price.radius {
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#fec748),
to(#f7db40)
);
background: -webkit-linear-gradient(bottom, #fec748, #f7db40);
background: -o-linear-gradient(bottom, #fec748, #f7db40);
background: linear-gradient(to top, #fec748, #f7db40);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.12);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.12);
width: 145px;
border-radius: 5px;
position: relative;
color: #402a1f;
height: 50px;
}
.main-block-form .price.radius::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
right: 6px;
top: -4.5px;
border: 5px solid transparent;
border-bottom: 5px solid #f7db40;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.main-block-form .number {
font-size: 30px;
margin-left: 10px;
}
.main-block .input {
margin-top: 15px;
width: 100%;
height: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 28px;
border: 1px solid #dfe2e3;
outline: 0;
padding-left: 55px;
font-family: Roboto;
font-size: 16px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.name-label {
position: relative;
background: url(../images/icon_name.png) no-repeat left 20px center;
}
.name-label::after {
position: absolute;
content: "";
width: 21px;
height: 24px;
background-image: url(../images/icon_name.png);
background-size: contain;
background-repeat: no-repeat;
top: -1px;
left: 20px;
}
.phone-label {
position: relative;
background: url(../images/icon_phone.png) no-repeat left 20px center;
}
.phone-label::after {
position: absolute;
content: "";
width: 21px;
height: 24px;
background-image: url(../images/icon_phone.png);
top: -1px;
left: 20px;
}
.main-block .bottom-text {
font-size: 15px;
color: #777;
margin-top: 20px;
}
.main-block .bottom-text span {
color: #f5811c;
}
.main-block .save-text {
margin-top: 5px;
padding-left: 65px;
font-size: 15px;
background: url(../images/icon_save.png) no-repeat left 30px center;
line-height: 30px;
}
.form-btn {
margin-top: 15px;
width: 100%;
height: 60px;
border-radius: 28px;
border: none;
-webkit-box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.08);
box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.08);
cursor: pointer;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#e04f08),
to(#f88b32)
);
background: -webkit-linear-gradient(bottom, #e04f08, #f88b32);
background: -o-linear-gradient(bottom, #e04f08, #f88b32);
background: linear-gradient(to top, #e04f08, #f88b32);
outline: 0;
font-size: 24px;
font-weight: 700;
color: #fff;
padding: 0;
display: block;
position: relative;
}
.relative {
position: relative;
}
.section6 .relative,
.section8 .relative {
width: 370px;
margin: 0 auto;
}
.form-btn-hover {
position: absolute;
bottom: 0;
left: 0;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#e04f08),
to(#f88b32)
);
background: -webkit-linear-gradient(top, #e04f08, #f88b32);
background: -o-linear-gradient(top, #e04f08, #f88b32);
background: linear-gradient(to bottom, #e04f08, #f88b32);
opacity: 0;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.form-btn-hover:hover {
opacity: 1;
}
.form-btn_small {
width: 245px;
margin-top: 0;
font-size: 18px;
}
.form-btn_big {
width: 370px;
display: block;
margin: 0 auto;
}
.form-btn_big.btn_popup {
margin-top: 65px;
color: #402a1f;
font-size: 24px;
font-weight: 700;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#fec748),
to(#f7db40)
);
background: -webkit-linear-gradient(bottom, #fec748, #f7db40);
background: -o-linear-gradient(bottom, #fec748, #f7db40);
background: linear-gradient(to top, #fec748, #f7db40);
}
.form-btn_big.btn_popup.form-btn-hover {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#fec748),
to(#f7db40)
);
background: -webkit-linear-gradient(top, #fec748, #f7db40);
background: -o-linear-gradient(top, #fec748, #f7db40);
background: linear-gradient(to bottom, #fec748, #f7db40);
}
.form-btn a {
display: block;
width: 100%;
height: 100%;
line-height: 60px;
}
.section2 {
padding: 175px 0 90px;
text-align: center;
}
.section2-title {
font-size: 48px;
line-height: 48px;
font-weight: 900;
color: #0a0a0a;
}
.section2-title span {
color: #000;
font-weight: 400;
line-height: 52px;
}
.owl-carousel .owl-item img {
position: relative;
z-index: 5;
}
.owl-carousel .owl-item .carousel-img {
margin: 0 auto;
width: 124px;
height: 124px;
border-radius: 50%;
position: relative;
display: block;
margin-top: 40px;
border: 12px solid rgba(250, 217, 191, 0.15);
padding: 20px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.owl-carousel .owl-item .carousel-img::before {
content: "";
position: absolute;
width: 86%;
height: 86%;
display: block;
top: 7%;
left: 7%;
border-radius: 50%;
background-color: #f2a263;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 3;
opacity: 1;
}
.owl-carousel .owl-item .carousel-img::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
border-radius: 50%;
background-color: rgba(252, 197, 154, 0.4);
z-index: 2;
}
.owl-dots {
margin-top: 10px;
}
.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
border: 1px solid #00aeef;
display: inline-block;
margin-right: 15px;
vertical-align: middle;
-webkit-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}
.owl-dot:last-child {
margin-right: 0;
}
.owl-dot.active {
border: 4px solid rgba(0, 174, 238, 0.2);
background-color: #00aeef;
background-clip: content-box;
}
.owl-dot:hover {
background-color: #00aeef;
}
.owl-carousel .owl-item.center .carousel-img {
width: 150px;
height: 150px;
margin-top: 50px;
}
.owl-carousel .owl-item:hover {
cursor: pointer;
}
.circle-gradient {
position: absolute;
width: 86%;
height: 86%;
display: block;
top: 7%;
left: 7%;
border-radius: 50%;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#e04f08),
to(#f88a31)
);
background: -webkit-linear-gradient(bottom, #e04f08, #f88a31);
background: -o-linear-gradient(bottom, #e04f08, #f88a31);
background: linear-gradient(to top, #e04f08, #f88a31);
-webkit-transition: all 5s ease;
-o-transition: all 5s ease;
transition: all 5s ease;
z-index: 4;
opacity: 0;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.owl-carousel .owl-item:hover .circle-gradient {
opacity: 1;
}
.owl-carousel .owl-item.center .carousel-img .circle-gradient {
opacity: 1;
}
.owl-item {
padding-bottom: 120px;
}
.owl-item p {
position: absolute;
top: 305px;
left: 0;
width: 100%;
padding: 0 22px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 20px;
line-height: 26px;
color: #000;
}
.owl-carousel.owl-drag .owl-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 400px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.owl-prev {
position: absolute;
width: 200px;
height: 100%;
background: -moz-linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 1) 100%
);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, rgba(255, 255, 255, 1)),
color-stop(100%, rgba(255, 255, 255, 0))
);
background: -webkit-linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 1) 100%
);
background: -o-linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 1) 100%
);
background: -ms-linear-gradient(
180deg,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 1) 100%
);
background: linear-gradient(
270deg,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 1) 100%
);
left: -1px;
top: 0;
}
.owl-next {
position: absolute;
width: 200px;
height: 100%;
background: linear-gradient(to left, #fff, transparent);
background: -moz-linear-gradient(
0deg,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 1) 100%
);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, rgba(255, 255, 255, 0)),
color-stop(100%, rgba(255, 255, 255, 1))
);
background: -webkit-linear-gradient(
0deg,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 1) 100%
);
background: -o-linear-gradient(
0deg,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 1) 100%
);
background: -ms-linear-gradient(
0deg,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 1) 100%
);
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0,
rgba(255, 255, 255, 1) 100%
);
top: 0;
right: -1px;
}
.section3 {
background: url(../images/section3_bg.jpg) no-repeat top center;
background-size: cover;
padding: 70px 0 80px;
position: relative;
}
.section3::after {
border: 15px solid transparent;
border-top: 15px solid #285c89;
content: "";
display: block;
width: 30px;
height: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: -29px;
left: calc(50% - 15px);
}
.section3 .center-block {
position: relative;
width: 605px;
height: 490px;
left: calc(50% - 300px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.section3 .center-block img {
z-index: 5;
max-width: 550px;
}
@media (max-width: 1060px) {
.section3 .center-block img {
max-width: 350px;
}
}
.section3 .center-block .circle {
position: absolute;
height: 490px;
width: 490px;
top: 0;
left: calc(50% - 245px);
}
.section3 .center-block .circle span {
background-color: rgba(242, 249, 255, 0.1);
width: 310px;
height: 310px;
display: block;
position: absolute;
border-radius: 50%;
z-index: 4;
left: 90px;
top: 90px;
}
.section3 .center-block .circle span:nth-child(2) {
background-color: rgba(242, 249, 255, 0.15);
z-index: 3;
width: 370px;
height: 370px;
left: 60px;
top: 60px;
}
.section3 .center-block .circle span:nth-child(3) {
background-color: rgba(242, 249, 255, 0.1);
z-index: 2;
width: 430px;
height: 430px;
left: 30px;
top: 30px;
}
.section3 .center-block .circle span:nth-child(4) {
background-color: rgba(242, 249, 255, 0.07);
z-index: 1;
width: 490px;
height: 490px;
left: 0;
top: 0;
}
.section3-title {
color: #fec748;
font-size: 48px;
font-weight: 900;
text-align: center;
}
.section3-subtitle {
color: #fff;
text-align: center;
font-size: 20px;
line-height: 24px;
}
.section3-subtitle span {
color: #fec748;
font-size: 20px;
}
.section3 .main-content {
margin-top: 30px;
}
.section3 .left-block {
float: left;
width: 270px;
color: #fff;
}
.section3 .right-block {
width: 100%;
color: #fff;
}
.section3 .block-title {
font-size: 22px;
font-weight: 700;
line-height: 24px;
}
.section3 .right-block ul {
display: flex;
flex-wrap: wrap;
}
.section3 .block-item {
padding-left: 30px;
margin-top: 30px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
position: relative;
width: 45%;
display: block;
}

.section3 .block-item::after {
position: absolute;
background: url(../images/ok.png) no-repeat 0px 3px;
content: "";
width: 20px;
height: 20px;
left: 0;
top: 0;
}

.section3 .block-item span {
font-size: 16px;
font-weight: 400;
display: inline-block;
/* margin-top: 10px; */
line-height: 20px;
color: rgba(255, 255, 255, 0.8);
}
.section4 {
padding: 90px 0 90px;
}
.section4-title {
font-size: 48px;
font-weight: 900;
text-align: center;
line-height: 40px;
}
.section4-title span {
font-weight: 400;
line-height: 48px;
}
.section4-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 45px;
}
.section4-item {
width: 370px;
border-radius: 10px;
-webkit-box-shadow: 0 0 20px rgba(0, 174, 238, 0.14);
box-shadow: 0 0 20px rgba(0, 174, 238, 0.14);
text-align: center;
}
.section4-subtitle {
font-size: 22px;
font-weight: 700;
padding: 17px 0;
background: url(../images/section4.png) no-repeat;
background-size: cover;
border-radius: 10px 10px 0 0;
color: #fff;
}
.section4 .list-block {
padding: 23px;
color: #0a0a0a;
}
.section4 .list-block-img {
border-radius: 10px;
border: 1px solid #ececec;
height: 170px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.section4 .list-block p {
font-size: 16px;
font-weight: 700;
padding: 25px 0;
color: #0a0a0a;
}
.section4-subitem {
padding: 20px 15px 20px 35px;
text-align: left;
font-size: 16px;
line-height: 20px;
border-top: 1px solid #ebebeb;
background: url(../images/ok.png) no-repeat top 20px left;
}
.section4-subitem.no-border {
border-top: none;
}
.section4-subitem.no-icon {
background: 0 0;
padding-left: 0;
}
.section4-sublist span {
text-align: left;
display: inline-block;
border-top: 1px solid #ebebeb;
padding-top: 25px;
}
.section5 {
background: #f2f9ff;
background-size: cover;
padding: 70px 0;
}
.section5-title {
font-size: 48px;
text-align: center;
font-weight: 900;
margin-bottom: 45px;
}
.section5 .block {
padding: 30px 0 35px;
border-top: 1px solid #d9e0e5;
font-size: 0;
position: relative;
}
.section5 .block-title {
font-size: 24px;
text-align: center;
font-weight: 700;
margin-bottom: 25px;
position: relative;
}
.section5 .left-block,
.section5 .left-list,
.section5 .right-list {
width: 50%;
font-size: 16px;
display: block;
vertical-align: top;
position: relative;
margin: auto;
}
.section5 .list-item {
margin-bottom: 10px;
padding-left: 50px;
position: relative;
color: #444;
min-height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 24px;
}
.section5 .list-item:last-child {
margin-bottom: 0;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-style: italic;
font-weight: 700;
margin-top: -10px;
}
.section5 .list-item:first-child::before {
position: absolute;
content: "1";
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #f0efef;
background-color: #fff;
font-size: 18px;
line-height: 40px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 5px;
top: 50%;
margin-top: -22px;
}
.section5 .list-item:nth-child(2)::before {
position: absolute;
content: "2";
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #f0efef;
background-color: #fff;
font-size: 18px;
line-height: 40px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 5px;
top: 50%;
margin-top: -22px;
}
.section5 .list-item {
padding-top: 12px;
line-height: 1.3;
box-sizing: border-box;
}
.main-block-title {
font-size: 58px;
}
.section12 .main-block-title {
font-size: 40px;
}
.main-block-list {
font-size: 18px;
}
.section5 .left-block {
padding-top: 10px;
text-align: center;
}
.btn {
margin: 0 auto;
color: #fff;
font-size: 14px;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#00aeef),
to(#1bbaf6)
);
background: -webkit-linear-gradient(bottom, #00aeef, #1bbaf6);
background: -o-linear-gradient(bottom, #00aeef, #1bbaf6);
background: linear-gradient(to top, #00aeef, #1bbaf6);
padding: 11px 30px 12px 60px;
cursor: pointer;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
border-radius: 20px;
margin-top: 33px;
}
.btn::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 30px;
width: 20px;
height: 100%;
background: url(../images/phone.png) no-repeat center left;
}
.block {
cursor: pointer;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.block:hover {
background-color: #fff;
z-index: 5;
border-top: 1px solid transparent;
border-radius: 8px;
-webkit-box-shadow: 0 0 20px rgba(0, 174, 238, 0.15);
box-shadow: 0 0 20px rgba(0, 174, 238, 0.15);
}
.block:hover + .block {
border-top: 1px solid transparent;
}
.block:hover .down-center {
opacity: 0;
}
.block:hover .candle,
.block:hover .capsule {
opacity: 1;
}
.top-block .candle,
.top-block .capsule {
opacity: 1;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.top-block.active .candle,
.top-block.active .capsule {
opacity: 0;
}
.top-line {
font-size: 18px;
position: absolute;
width: 100%;
top: 35px;
font-weight: 400;
}
.candle {
position: absolute;
left: calc(50% - 22px);
color: #f2792f;
top: -50px;
}
.candle .circle {
display: block;
width: 55px;
height: 55px;
border-radius: 50%;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#f2792f),
to(#f68744)
);
background: -webkit-linear-gradient(bottom, #f2792f, #f68744);
background: -o-linear-gradient(bottom, #f2792f, #f68744);
background: linear-gradient(to top, #f2792f, #f68744);
top: -62px;
position: absolute;
left: -6px;
}
.candle .circle::after {
background: url() no-repeat center center;
display: block;
width: 26px;
height: 64px;
content: "";
position: absolute;
top: -20px;
left: calc(50% - 13px);
}
.capsule {
right: calc(50% - 30px);
position: absolute;
top: -50px;
color: transparent;
}
.capsule .circle {
display: block;
width: 55px;
height: 55px;
border-radius: 50%;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#25486b),
to(#2f6a9c)
);
background: -webkit-linear-gradient(bottom, #25486b, #2f6a9c);
background: -o-linear-gradient(bottom, #25486b, #2f6a9c);
background: linear-gradient(to top, #25486b, #2f6a9c);
top: -63px;
left: 3px;
position: absolute;
}
.capsule .circle::after {
background: url() no-repeat center center;
display: block;
width: 26px;
height: 64px;
content: "";
position: absolute;
top: -20px;
left: calc(50% - 13px);
}
.down-center {
display: block;
width: 50px;
height: 30px;
position: absolute;
left: calc(50% - 25px);
top: -1px;
background: #f2f9ff url(../images/down.png) no-repeat center top;
opacity: 1;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bottom-block .circle-candle,
.center-block .circle-candle,
.top-block .circle-candle {
left: calc(50% - 24px);
display: block;
width: 46px;
height: 46px;
border: 1px solid #d9e0e5;
border-radius: 50%;
background: #f2f9ff url() no-repeat center center;
margin-top: -1px;
position: absolute;
top: -108px;
}
.bottom-block .circle-capsule,
.center-block .circle-capsule,
.top-block .circle-capsule {
position: absolute;
right: calc(50% - 24px);
display: block;
width: 46px;
height: 46px;
border: 1px solid #d9e0e5;
border-radius: 50%;
background: #f2f9ff url() no-repeat center center;
margin-top: -2px;
top: -108px;
}
.bottom-block .down-center,
.center-block .down-center,
.top-block .down-center {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.bottom-block .candle,
.center-block .candle {
opacity: 0;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.bottom-block .capsule,
.center-block .capsule {
opacity: 0;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.section6 {
padding: 90px 0;
}
.section6-top {
text-align: center;
padding-bottom: 80px;
border-bottom: 1px solid #e5e5e5;
}
.section6-top-title {
font-size: 48px;
line-height: 40px;
font-weight: 900;
}
.section6 .top-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 35px 0 50px;
}
.section6 .top-list-item {
width: 33.3%;
font-size: 25px;
line-height: 30px;
font-weight: 700;
padding: 0 30px;
position: relative;
}
.section6 .top-list-item:nth-child(2):before {
content: "";
position: absolute;
height: 110px;
width: 1px;
left: 0;
bottom: 0;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(50%, rgba(0, 0, 0, 0.13)),
color-stop(0, rgba(255, 255, 255, 0))
);
background-image: -webkit-linear-gradient(
rgba(0, 0, 0, 0.13) 50%,
rgba(255, 255, 255, 0) 0
);
background-image: -o-linear-gradient(
rgba(0, 0, 0, 0.13) 50%,
rgba(255, 255, 255, 0) 0
);
background-image: linear-gradient(
rgba(0, 0, 0, 0.13) 50%,
rgba(255, 255, 255, 0) 0
);
background-position: right;
background-size: 19px 19px;
}
.section6 .top-list-item:nth-child(2):after {
content: "";
position: absolute;
height: 110px;
width: 1px;
right: 0;
bottom: 0;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(50%, rgba(0, 0, 0, 0.13)),
color-stop(0, rgba(255, 255, 255, 0))
);
background-image: -webkit-linear-gradient(
rgba(0, 0, 0, 0.13) 50%,
rgba(255, 255, 255, 0) 0
);
background-image: -o-linear-gradient(
rgba(0, 0, 0, 0.13) 50%,
rgba(255, 255, 255, 0) 0
);
background-image: linear-gradient(
rgba(0, 0, 0, 0.13) 50%,
rgba(255, 255, 255, 0) 0
);
background-position: right;
background-size: 19px 19px;
}
.section6 .top-list-item span {
display: block;
font-size: 60px;
line-height: normal;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#fec848),
to(#f7da40)
);
background: -webkit-linear-gradient(bottom, #fec848, #f7da40);
background: -o-linear-gradient(bottom, #fec848, #f7da40);
background: linear-gradient(to top, #fec848, #f7da40);
background-clip: text;
color: transparent;
-webkit-background-clip: text;
margin-bottom: 15px;
}
_:-ms-input-placeholder,
:root .section6 .top-list-item span {
background: #fff;
color: #fec848;
}
.section6-bottom {
padding-top: 85px;
}
.section6-bottom-title {
font-size: 48px;
line-height: 48px;
font-weight: 900;
text-align: center;
margin-bottom: 20px;
}
.section6-bottom-title span {
color: #f5811c;
}
.section6-bottom p {
font-size: 22px;
text-align: center;
}
.section6-main {
margin-top: 40px;
}
.section6-main .left-block {
float: left;
width: 765px;
padding: 40px 0 35px 490px;
background: url(../images/graf2.png) no-repeat top 31px left 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.section6-main .left-block-item {
font-size: 22px;
line-height: 20px;
font-weight: 700;
margin-top: 20px;
position: relative;
}
.section6-main .left-block-item:first-child {
margin-top: 0;
}
.section6-main .left-block-item span {
font-size: 16px;
line-height: 20px;
font-weight: 400;
display: block;
margin-top: 10px;
color: #333;
}
.section6-main .left-block-item .circle {
width: 10px;
height: 10px;
display: block;
border-radius: 50%;
padding: 3px;
border: 1px solid #00aef0;
background-color: #00aef0;
background-clip: content-box;
position: absolute;
top: -8px;
left: -47px;
}
.section6-main .left-block-item:nth-child(2) .circle {
border: 1px solid #f5811c;
background-color: #f5811c;
}
.section6-main .left-block-item:nth-child(3) .circle {
border: 1px solid #e6b033;
background-color: #e6b033;
}
.section6-main .right-block {
float: right;
width: 340px;
border-radius: 10px;
-webkit-box-shadow: 0 0 20px rgba(0, 174, 238, 0.15);
box-shadow: 0 0 20px rgba(0, 174, 238, 0.15);
padding: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.section6-main .right-block::before {
position: absolute;
content: "";
display: block;
width: 30px;
height: 64px;
left: -30px;
top: calc(50% - 32px);
background: url(../images/left3.png) no-repeat center right;
}
.section6-main .right-block-title {
padding-left: 80px;
font-size: 22px;
line-height: 24px;
font-weight: 700;
background: url(../images/clinic_logo.png) no-repeat top 5px left;
}
.section6-main .right-block-title span {
display: block;
font-size: 15px;
line-height: 18px;
color: rgba(0, 0, 0, 0.6);
margin-top: 7px;
}
.section6-main .right-block p {
color: #333;
font-size: 16px;
line-height: 24px;
text-align: left;
margin-top: 10px;
}
.logo-line {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 50px;
}
.logo-line span {
width: 90px;
height: 90px;
background: url(../images/logo_sprite.png) no-repeat;
background-position: 10px 0;
}
.logo-line span:nth-child(2) {
background-position: -172px 0;
}
.logo-line span:nth-child(3) {
background-position: -355px 0;
}
.logo-line span:nth-child(4) {
background-position: -533px 0;
}
.logo-line span:nth-child(5) {
background-position: -715px 0;
}
.logo-line span:nth-child(6) {
background-position: -894px 0;
}
.logo-line span:nth-child(7) {
background-position: -1068px 0;
}
.section7 {
padding: 70px 0 135px;
background: url(../images/section3_bg.jpg) repeat top center;
position: relative;
}
.section7::after {
border: 15px solid transparent;
border-top: 15px solid #285c89;
content: "";
display: block;
width: 30px;
height: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: -29px;
left: calc(50% - 15px);
}
.section7-title {
color: #fff;
text-align: center;
font-size: 48px;
font-weight: 900;
width: 80%;
margin: 0 auto;
line-height: 48px;
}
.section7-title span.yellow {
color: #fec748;
font-size: 48px;
line-height: 48px;
font-style: normal;
}
.section7-list {
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
}
.section7-list::after {
content: "";
position: absolute;
height: 230px;
width: 1px;
top: 20px;
z-index: 2;
right: 33.3%;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(33%, rgba(255, 255, 255, 0.2)),
color-stop(0, rgba(255, 255, 255, 0))
);
background-image: -webkit-linear-gradient(
rgba(255, 255, 255, 0.2) 33%,
rgba(255, 255, 255, 0) 0
);
background-image: -o-linear-gradient(
rgba(255, 255, 255, 0.2) 33%,
rgba(255, 255, 255, 0) 0
);
background-image: linear-gradient(
rgba(255, 255, 255, 0.2) 33%,
rgba(255, 255, 255, 0) 0
);
background-position: right;
background-size: 19px 19px;
background-repeat: repeat-y;
}
.section7-list::before {
content: "";
position: absolute;
height: 230px;
width: 1px;
top: 20px;
z-index: 2;
left: 33.3%;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(33%, rgba(255, 255, 255, 0.2)),
color-stop(0, rgba(255, 255, 255, 0))
);
background-image: -webkit-linear-gradient(
rgba(255, 255, 255, 0.2) 33%,
rgba(255, 255, 255, 0) 0
);
background-image: -o-linear-gradient(
rgba(255, 255, 255, 0.2) 33%,
rgba(255, 255, 255, 0) 0
);
background-image: linear-gradient(
rgba(255, 255, 255, 0.2) 33%,
rgba(255, 255, 255, 0) 0
);
background-position: right;
background-size: 19px 19px;
background-repeat: repeat-y;
}
.section7-item {
width: 390px;
font-size: 17px;
vertical-align: top;
text-align: center;
padding: 5px 33px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
position: relative;
height: 100%;
}
.section7-item:last-child {
margin-right: 0;
}
.section7 .main-content {
margin-top: 35px;
}
.section7 .spec-img {
border-radius: 50%;
border: 13.5px solid #19afe7;
-webkit-box-shadow: 3px 3px 6px rgba(57, 62, 60, 0.1);
box-shadow: 3px 3px 6px rgba(57, 62, 60, 0.1);
position: relative;
z-index: 2;
}
.section7 .item-block {
height: 215px;
overflow-y: hidden;
-webkit-transition: height 0.5s ease;
-o-transition: height 0.5s ease;
transition: height 0.5s ease;
}
.section7 .img-block {
padding: 30px 0 50px;
position: relative;
}
.section7 .img-block:before {
position: absolute;
content: "";
width: 240px;
height: 240px;
background-color: rgba(25, 175, 231, 0.4);
display: block;
border-radius: 50%;
left: calc(50% - 120px);
top: 16px;
}
.section7 .img-block:after {
position: absolute;
content: "";
width: 270px;
height: 270px;
background-color: rgba(25, 175, 231, 0.15);
display: block;
border-radius: 50%;
left: calc(50% - 135px);
top: 0;
}
.section7 .spec-name {
font-size: 22px;
line-height: 24px;
font-weight: 700;
margin-bottom: 15px;
}
.section7 span {
font-size: 16px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-style: italic;
color: rgba(255, 255, 255, 0.7);
}
.section7 .main-text {
margin-top: 15px;
line-height: 24px;
}
.section7-item.active .item-block {
height: 340px;
}
.main-text-btn {
font-style: normal;
color: #fff;
-webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
width: 30px;
height: 30px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px auto 0;
cursor: pointer;
font-size: 20px;
left: calc(50% - 15px);
bottom: -50px;
position: absolute;
-webkit-transition: top 0.5s ease;
-o-transition: top 0.5s ease;
transition: top 0.5s ease;
z-index: 10;
}
.section7 .main-text-btn {
color: #fff;
font-style: normal;
font-size: 20px;
}
.main-text-btn::before {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: -webkit-gradient(
linear,
left bottom,
left top,
from(#e03108),
to(#f87731)
);
background: -webkit-linear-gradient(bottom, #e03108, #f87731);
background: -o-linear-gradient(bottom, #e03108, #f87731);
background: linear-gradient(to top, #e03108, #f87731);
content: "";
z-index: -1;
left: 0;
top: 0;
opacity: 1;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.main-text-btn::after {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: #000;
content: "";
z-index: -2;
left: 0;
top: 0;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#e03108),
to(#f87731)
);
background: -webkit-linear-gradient(top, #e03108, #f87731);
background: -o-linear-gradient(top, #e03108, #f87731);
background: linear-gradient(to bottom, #e03108, #f87731);
}
.main-text-btn:hover.main-text-btn::before {
opacity: 0;
}
.section8 {
padding: 85px 0 40px;
}
.section8-title {
text-align: center;
font-size: 48px;
line-height: 48px;
font-weight: 900;
width: 80%;
margin: 0 auto;
}
.section8-title span {
color: #f5811c;
}
.section8-subtitle {
font-size: 22px;
line-height: 24px;
text-align: center;
margin-top: 20px;
}
.section8-list {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section8-item {
width: 370px;
border-radius: 10px;
-webkit-box-shadow: 0 0 30px rgba(0, 174, 238, 0.25);
box-shadow: 0 0 30px rgba(0, 174, 238, 0.25);
padding: 35px 40px 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
height: 100%;
}
.section8 .main-text-btn {
top: inherit;
bottom: -15px;
}
.section8 .img-block {
width: 150px;
height: 150px;
border-radius: 50%;
position: relative;
margin: 0 auto;
margin-bottom: 30px;
}
.section8 .img-block img {
position: relative;
z-index: 2;
border-radius: 50%;
}
.section8 .img-block::after {
position: absolute;
width: 166px;
height: 166px;
content: "";
left: -8px;
top: -8px;
background-color: #fec748;
border-radius: 50%;
z-index: 1;
}
.section8 .img-block:before {
position: absolute;
width: 166px;
height: 110px;
content: "";
position: absolute;
z-index: 2;
left: -8px;
bottom: -8px;
background-color: #fff;
opacity: 1;
-webkit-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.section8 .item-block {
text-align: center;
height: 215px;
overflow-y: hidden;
-webkit-transition: height 0.5s ease;
-o-transition: height 0.5s ease;
transition: height 0.5s ease;
}
.section8 .item-block p {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
}
.section8 .item-block span {
font-size: 16px;
color: #666;
line-height: 26px;
}
.section8 .people-name {
font-size: 20px;
line-height: 24px;
font-weight: 700;
margin-bottom: 10px;
}
.section8-item.show-circle .img-block:before {
opacity: 0;
}
.section8-item.active .item-block {
height: 535px;
}
.section8-item.active .img-block:before {
opacity: 0;
}
.people-review {
margin: 80px auto 0;
display: block;
border-radius: 10px;
outline: 0;
padding: 15px;
font-size: 20px;
resize: none;
border: 2px solid #fec748;
width: 100%;
-webkit-box-shadow: 0 0 30px rgba(0, 174, 238, 0.25);
box-shadow: 0 0 30px rgba(0, 174, 238, 0.25);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.section9 {
padding: 40px 0 60px;
}
.section9-title {
text-align: center;
font-size: 48px;
font-weight: 900;
margin-bottom: 45px;
}
.section9 .audio-wrap {
border-bottom: 1px solid #dedede;
}
.section9 .video-wrap {
width: 100%;
margin-bottom: 25px;
}
.section9 .flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.section9 .video-item {
width: 490px;
border-radius: 10px;
-webkit-box-shadow: 0 0 20px rgba(0, 174, 238, 0.15);
box-shadow: 0 0 20px rgba(0, 174, 238, 0.15);
padding: 15px 15px 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.section9 .video-item p {
font-size: 20px;
font-weight: 700;
}
.section9 .youtube {
border-radius: 8px;
}
.audiojs .loaded {
background: #d4eef5;
}
.audiojs .progress {
background: #234566;
}
.audiojs .time {
border-left: none;
text-shadow: none;
}
.audiojs .time,
.audiojs .time em {
color: #666;
font-size: 12px;
font-family: Roboto;
}
.audio-reviews-items {
position: relative;
}
.audio-reviews-items:before {
position: absolute;
content: "";
left: 33.3%;
height: 90px;
width: 1px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(33%, rgba(0, 0, 0, 0.13)),
color-stop(0, rgba(255, 255, 255, 0))
);
background-image: -webkit-linear-gradient(
rgba(0, 0, 0, 0.13) 33%,
rgba(255, 255, 255, 0) 0
);
background-image: -o-linear-gradient(
rgba(0, 0, 0, 0.13) 33%,
rgba(255, 255, 255, 0) 0
);
background-image: linear-gradient(
rgba(0, 0, 0, 0.13) 33%,
rgba(255, 255, 255, 0) 0
);
background-size: 19px 19px;
}
.audio-reviews-items:after {
position: absolute;
content: "";
right: 33%;
height: 90px;
width: 1px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(33%, rgba(0, 0, 0, 0.13)),
color-stop(0, rgba(255, 255, 255, 0))
);
background-image: -webkit-linear-gradient(
rgba(0, 0, 0, 0.13) 33%,
rgba(255, 255, 255, 0) 0
);
background-image: -o-linear-gradient(
rgba(0, 0, 0, 0.13) 33%,
rgba(255, 255, 255, 0) 0
);
background-image: linear-gradient(
rgba(0, 0, 0, 0.13) 33%,
rgba(255, 255, 255, 0) 0
);
background-size: 19px 19px;
}
.section10 {
padding: 80px 0;
background: url(../images/section3_bg.jpg) no-repeat top center;
background-size: cover;
color: #fff;
text-align: center;
position: relative;
}
.section10::after {
border: 15px solid transparent;
border-top: 15px solid #285c89;
content: "";
display: block;
width: 30px;
height: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: -29px;
left: calc(50% - 15px);
}
.section10-title {
font-size: 48px;
line-height: 45px;
font-weight: 900;
margin-bottom: 30px;
}
.section10-title span {
color: #fdc648;
}
.section10-subtitle {
font-size: 20px;
line-height: 28px;
padding: 0 110px;
}
.section10-subtitle span {
color: #fdc648;
}
.section10 .check-code {
padding: 350px 0 0;
background: url() no-repeat top center;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section10 .check-code span {
position: absolute;
bottom: -75px;
height: 60px;
width: 100%;
left: 0;
}
.section10 .check-code:before {
position: absolute;
width: 140px;
height: 140px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.95);
content: "536427639800009";
border: 7px solid rgba(255, 255, 255, 0.25);
background-clip: content-box;
color: #555;
font-size: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
top: 150px;
left: 25%;
-webkit-box-shadow: 0 0 45px 13px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 45px 13px rgba(0, 0, 0, 0.15);
}
.section10 .check-code input {
width: 410px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 28px;
border: none;
outline: 0;
padding: 0 15px;
font-size: 17px;
margin-right: 20px;
}
.section11 {
padding: 90px 0;
text-align: center;
}
.section11-price {
position: absolute;
top: 33px;
left: 0;
z-index: 4;
width: 100%;
text-align: center;
}
.sectio11-oldprice {
color: #d2d2d2;
font-size: 10px;
padding-left: 5px;
}
.sectio11-oldprice .number {
font-size: 16px;
position: relative;
}
.sectio11-oldprice .number:before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background-color: #f5831f;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
top: 8px;
left: 0;
}
.sectio11-oldprice .number:after {
position: absolute;
content: "";
width: 100%;
height: 1px;
background-color: #f5831f;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
top: 8px;
left: 0;
}
.sectio11-newprice {
color: #fff;
font-size: 10px;
padding-left: 5px;
}
.sectio11-newprice .number {
font-size: 16px;
}
.section11-title {
font-size: 48px;
line-height: 48px;
font-weight: 900;
padding: 0 150px;
}
.section11-title span {
font-weight: 400;
}
.section11-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section11-item {
width: 33.3%;
position: relative;
margin-top: 65px;
}
.section11-animate {
position: relative;
}
.bubble.first .circle {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.bubble.second .circle {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.bubble.third .circle {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.bubble.fourth .circle {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.bubble.fifth .circle {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.bubble.sixth .circle {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.bubble.seventh .circle {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.bubble.eighth .circle {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.bubble.ninth .circle {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.bubble.tenth .circle {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.bubble.eleventh .circle {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.bubble.twelfth .circle {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.bubble.thirteenth .circle {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.bubble.fourteenth .circle {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.bubble .circle {
width: 10px;
height: 10px;
border-radius: 50%;
background: #e4e4e4;
-webkit-animation: pulse 1.4s infinite;
animation: pulse 1.4s infinite;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
background: #fec748;
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
background: #fec748;
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
.first-animate-block {
width: 120px;
position: absolute;
top: 158px;
left: calc(33% - 60px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.second-animate-block {
width: 120px;
position: absolute;
top: 158px;
right: calc(33% - 60px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section11-item p {
font-size: 22px;
line-height: 28px;
font-weight: 700;
width: 200px;
margin: 40px auto 0;
}
.section11 .img-block {
width: 180px;
height: 180px;
margin: 0 auto;
border-radius: 50%;
border: 10px solid #96d9f3;
position: relative;
}
.section11 .img-block .img {
position: relative;
z-index: 3;
}
.section11 .img-block:before {
position: absolute;
width: 220px;
height: 220px;
content: "";
display: block;
border-radius: 50%;
top: -20px;
left: -20px;
background-color: rgba(0, 174, 240, 0.2);
z-index: 2;
}
.section11 .img-block:after {
position: absolute;
width: 240px;
height: 240px;
content: "";
display: block;
border-radius: 50%;
top: -30px;
left: -30px;
background-color: rgba(0, 174, 240, 0.07);
z-index: 1;
}
.section11 .bottom-text {
font-size: 18px;
line-height: 24px;
color: #666;
padding: 55px 100px 0;
}
.section11 .bottom-text span {
color: #f5811c;
}
.section12 .main-block-title {
font-size: 48px;
line-height: 48px;
}
.section12 .main-block-left {
width: 480px;
}
.section12 .main-block-center {
left: calc(50% - 330px);
}
.footer {
padding: 130px 0 30px;
}
.footer p {
font-size: 16px;
color: #666;
line-height: 24px;
}
.footer-left {
padding-left: 85px;
background: url() no-repeat left center;
}
.footer-center {
text-align: center;
}
.footer-center a {
text-decoration: underline;
}
.footer-right {
text-align: right;
}
.popup-container {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 50;
display: none;
}
.popup-block {
position: fixed;
width: 570px;
background-color: #fff;
left: calc(50% - 285px);
top: calc(50% - 90px);
border-radius: 10px;
-webkit-box-shadow: 8px 8px 85px rgba(0, 0, 0, 0.45);
box-shadow: 8px 8px 85px rgba(0, 0, 0, 0.45);
text-align: center;
padding: 35px 95px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 75;
}
.popup-block h2 {
font-size: 24px;
line-height: 24px;
font-weight: 700;
margin-bottom: 15px;
}
.popup-block p {
font-size: 17px;
color: #666;
line-height: 24px;
}
.popup-block .close_popup {
width: 16px;
height: 16px;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.popup-block .close_popup:before {
width: 2px;
height: 20px;
position: absolute;
background: #f56d00;
content: "";
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 0;
left: 5px;
}
.popup-block .close_popup:after {
width: 2px;
height: 20px;
position: absolute;
background: #f56d00;
content: "";
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 0;
left: 5px;
}
.main-block-popup {
width: 740px;
display: inline-block;
background: #fff;
border-radius: 10px;
border: 2px solid #fec748;
}
.main-block-popup .main-block-form {
margin-top: 0;
}
.main-block-popup .main-block-form {
width: 226px;
display: inline-block;
border: none;
position: relative;
left: 14px;
}
.main-block-popup .left {
width: 426px;
display: inline-block;
vertical-align: top;
padding-left: 30px;
padding-top: 50px;
}
.main-block-popup .left {
font-size: 32px;
font-weight: 700;
color: #000;
text-align: center;
}
.ps-text {
text-align: center;
font-size: 14px;
margin-top: 15px;
}
.black-color {
color: #777;
}
@media only screen and (max-width: 1200px) {
.section3 .center-block {
padding-left: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.first-animate-block,
.second-animate-block {
display: none;
}
.section3 .center-block img {
width: 420px;
}
.section7-item.active .item-block {
height: 380px;
}
.section7 .main-text.active {
height: 290px;
}
.section7 .main-text.active ~ .main-text-btn {
top: 690px;
}
.header-spec {
margin-left: 10%;
}
.main-block-center {
width: 580px;
left: calc(50% - 270px);
background-size: 475px;
height: 500px;
}
.section12 .main-block-center {
left: calc(50% - 300px);
}
.section4-item {
width: 32%;
}
.section4-item:nth-child(2) {
margin-left: 2%;
margin-right: 2%;
}
.section6-main .left-block {
float: none;
margin: 0 auto;
}
.section6-main .right-block {
float: none;
width: 500px;
margin: 50px auto 0;
}
.section8-item {
width: 32%;
}
.section8-item:nth-child(2) {
margin-left: 2%;
margin-right: 2%;
}
.section8-item.active .item-block {
height: 630px;
}
.form-btn_small {
margin-left: 10px;
}
.section1 {
padding-top: 70px;
}
.section11-item:nth-child(2):after,
.section11-item:nth-child(2):before {
display: none;
}
.section11-title {
padding: 0;
}
.section9 .flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section9 .video-item:nth-child(1) {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 1000px) {
.section3 .block-item {
width: 100%;
}
.container {
max-width: 767px;
}
.section7-item.active .item-block {
height: 335px;
}
.audio-reviews-item:nth-child(2) {
margin: 0;
}
.audio-reviews-item {
width: 51%;
}
.scrubber {
left: 0;
}
.section5 {
padding: 30px 0 50px;
}
.section5-title {
margin-bottom: 10px;
}
.down-center {
display: none;
}
.section5 .left-block,
.section5 .left-list,
.section5 .right-list {
width: 100%;
padding-top: 100px;
}
.section5 .block {
border: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.candle,
.capsule {
left: calc(50% - 30px);
top: 70px;
width: 60px;
text-align: center;
}
.candle .circle {
left: 0;
}
.bottom-block .circle-candle,
.bottom-block .circle-capsule,
.center-block .circle-candle,
.center-block .circle-capsule,
.top-block .circle-candle,
.top-block .circle-capsule {
display: none;
}
.bottom-block .candle,
.center-block .candle,
.top-block .candle {
opacity: 1;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.bottom-block .capsule,
.center-block .capsule,
.top-block .capsule {
opacity: 1;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.top-block.active .candle,
.top-block.active .capsule {
opacity: 1;
}
.center-block .right-list {
padding-top: 120px;
}
.center-block .capsule {
top: 100px;
}
.section5 .block {
padding: 10px 0;
}
.block:hover {
background-color: inherit;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
}
.block:hover + .block {
border: none;
}
.section5 .list-item:last-child {
margin-top: 0;
}
.section3 .center-block {
margin: 0 auto;
position: relative;
left: 0;
top: 0;
margin-bottom: 30px;
}
.section3 .center-block img {
width: auto;
max-width: 100%;
}
.section3 .center-block .circle span:nth-child(4) {
width: 100%;
height: 100%;
}
.section3 .center-block .circle span:nth-child(3) {
width: 88%;
height: 88%;
left: 6%;
top: 6%;
}
.section3 .center-block .circle span:nth-child(2) {
width: 76%;
height: 76%;
left: 12%;
top: 12%;
}
.section3 .center-block .circle span:nth-child(1) {
width: 64%;
height: 64%;
left: 18%;
top: 18%;
}
.section7-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section7-item {
width: 340px;
padding: 5px 20px 0;
}
.section7-list::after,
.section7-list::before {
display: none;
}
.section7 .main-text.active ~ .main-text-btn {
top: 620px;
}
.section7 {
background-size: 3100px;
background-repeat: no-repeat;
}
.section7-item:last-child {
margin-top: 30px;
}
.header-rewiev,
.header-spec {
display: none;
}
.main-block-center,
.main-block-center img {
position: relative;
}
.main-block-center {
left: inherit;
margin: 0 auto 50px;
}
.section4-subtitle {
font-size: 16px;
}
.section2,
.section3,
.section4,
.section6-bottom {
padding-top: 50px;
}
.section4,
.section6-top {
padding-bottom: 50px;
}
.section6 {
padding: 50px 0;
}
.section7 {
padding: 50px 0 100px;
}
.section8-item {
padding-left: 10px;
padding-right: 10px;
}
.audio-reviews-items {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.audio-reviews-items:after,
.audio-reviews-items:before,
.section7-list::after,
.section7-list::before {
display: none;
}
.main-block-title {
font-size: 54px;
}
.section6-main .left-block {
width: 735px;
}
.section6-main .left-block {
background-position-y: 51px;
}
.section6-main .left-block-item:nth-child(1) .circle {
top: 13px;
}
.section10 .check-code:before {
left: 10%;
}
.section12 .main-block-title {
font-size: 40px;
}
.section12 .main-block-left {
width: 410px;
}
.section12 .main-block-center {
position: absolute;
bottom: 0;
}
.section12 .main-block-center img {
bottom: -390px;
}
.section12 .main-block {
padding-bottom: 290px;
}
.section8-item.active .item-block {
height: 710px;
}
.main-block-center img {
bottom: -380px;
}
.section1 .main-block-center {
margin-bottom: 150px;
}

.section1 .main-block-center.uppened {
margin-bottom: 200px;
}

.section12 .main-block-center {
margin-bottom: 50px;
}
.footer-left {
display: none;
}
.footer-right {
display: none;
}
.footer .container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-center {
background: url() no-repeat top center;
padding-top: 60px;
}
.footer {
padding: 100px 0 30px;
}
.footer p:nth-child(2) {
display: none;
}
}
@media only screen and (max-width: 799px) {
.owl-carousel.owl-drag .owl-item {
height: 330px;
}
.owl-item p {
top: 260px;
}
.owl-item {
padding-bottom: 90px;
}
}
@media only screen and (max-width: 768px) {
.container {
max-width: 480px;
padding: 0 10px;
}
.section6 .top-list {
background: 0 0;
}
.main-block-center {
height: 370px;
}
.section7-item:nth-child(2) {
margin: 70px 0;
}
.main-block-center img {
bottom: -290px;
}
.audiojs {
width: 100%;
}
.scrubber {
left: 40px;
}
.play-pause {
left: 35px;
}
.audio-wrap .time {
right: 20px;
}
.audio-reviews-item {
width: 100%;
}
.section3-title,
.section5-title {
font-size: 32px;
}
.section7-title,
.section7-title span.yellow {
font-size: 32px;
line-height: normal;
}
.section3 .left-block {
float: none;
margin: 0 auto;
width: 100%;
}
.section3 .right-block {
float: none;
margin: 30px auto 0;
width: 100%;
}
.section3 .center-block {
width: 450px;
height: 450px;
}
.section3-title {
font-size: 30px;
}
.section3 .center-block .circle {
width: 100%;
height: 100%;
left: 0;
}
.section7 .main-text {
margin-bottom: 40px;
}
.section7-item:last-child {
margin-top: 0;
}
.section7 {
background-size: 4500px;
}
.header .btn {
display: none;
}
.header .container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.main-block-center {
width: 450px;
background-size: 365px;
}
.main-block-left {
float: none;
width: 100%;
}
.main-block-title {
font-size: 40px;
text-align: center;
}
.main-block-right {
float: none;
margin: 40px auto 0;
}
.section4-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section4-item {
width: 100%;
}
.section4-item:nth-child(2) {
margin: 20px 0;
}
.section6 .top-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section6 .top-list-item {
width: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.section6 .top-list-item:nth-child(2):after,
.section6 .top-list-item:nth-child(2):before {
display: none;
}
.section6-main .left-block {
width: 300px;
padding-left: 65px;
background: 0 0;
}
.section6-bottom-title {
font-size: 28px;
line-height: normal;
}
.section10-title,
.section11-title,
.section2-title,
.section4-title,
.section6-top-title,
.section8-title,
.section9-title {
font-size: 32px;
line-height: normal;
}
.section6-main {
margin-top: 0;
}
.section6-main .right-block {
width: 300px;
}
.logo-line {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.logo-line span {
width: 25%;
background-position: 20px 0;
}
.logo-line span:nth-child(2) {
background-position: -160px 0;
}
.logo-line span:nth-child(3) {
background-position: -343px 0;
}
.logo-line span:nth-child(4) {
background-position: -522px 0;
}
.logo-line span:nth-child(5) {
background-position: -705px 0;
}
.logo-line span:nth-child(6) {
background-position: -882px 0;
}
.logo-line span:nth-child(7) {
background-position: -1058px 0;
}
.section8 {
padding-top: 50px;
}
.section8-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section8-item {
width: 100%;
}
.section8-item:nth-child(2) {
margin: 40px 0;
}
.section8-item.active .item-block {
height: 380px;
}
.section8-item:nth-child(2).active .item-block {
height: 325px;
}
.section8-item:nth-child(3).active .item-block {
height: 300px;
}
.section9 .video-item {
width: 460px;
}
.video-wrap .youtube {
width: 100%;
}
.section10 {
padding-top: 50px;
}
.section10-subtitle {
padding: 0;
}
.section10 .check-code {
background-size: contain;
background-position: left top;
padding-top: 265px;
}
.section10 .check-code:before {
top: 55px;
}
.section11-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section11-item {
width: 300px;
margin-top: 30px;
}
.section11 .bottom-text {
padding: 20px 0 0;
}
.section12 .main-block-left {
width: 100%;
}
.section11 {
padding-bottom: 70px;
}
.section12 .main-block-center {
left: calc(50% - 225px);
}
.section12 .main-block {
padding-bottom: 350px;
}
.section12 .main-block-center img {
bottom: -300px;
}
.main-block-right {
width: 300px;
}
.main-block-form .price.radius {
width: 158px;
}
.section2-title span,
.section4-title span {
line-height: normal;
}
.section6-main .left-block-item:nth-child(1) .circle {
top: -5px;
}
.footer {
padding-top: 80px;
}
.popup-block {
width: 90%;
left: 5%;
}
.main-block-popup .main-block-form .price.radius {
width: 145px;
}
.main-block-popup {
width: 280px;
}
.main-block-popup .left {
padding-left: 10px;
padding-right: 10px;
font-size: 22px;
width: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 20px;
}
}
@media only screen and (max-width: 540px) {
.section10 .check-code input {
height: 60px;
width: 300px;
margin: 0 auto 20px;
}
.form-btn_small {
margin-left: 0;
}
.section10 .check-code {
background-size: 400px;
padding-top: 230px;
}
.section10 .check-code:before {
width: 100px;
height: 100px;
font-size: 10px;
}
.section10 .check-code {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 480px) {
.container {
max-width: 320px;
padding: 0 10px;
}
.section1,
.section3,
.section7,
.section10 {
background: linear-gradient(to top, #1e4e7b 0%, #3d84c6 50%, #1e4e7b 100%);
}
.section3 .center-block {
width: 300px;
height: 300px;
}
.section6 .relative,
.section8 .relative {
width: 300px;
}
.main-block-center {
width: 310px;
background: url(../images/doctor_mob.png) no-repeat center center;
background-size: 255px;
height: 255px;
}
.main-block-center img {
bottom: -200px;
}
.section1 .main-block-center {
margin-bottom: 95px;
}
.main-block-title {
font-size: 34px;
line-height: normal;
}
.main-block-item {
padding-right: 0;
}
.form-btn_big {
width: 300px;
}
.section10 .check-code {
background-size: 300px;
padding-top: 200px;
}
.section10-subtitle {
font-size: 16px;
}
.section6-main .right-block {
margin-top: 0;
}
.logo-line span {
width: 115px;
}
.logo-line span:last-child {
display: none;
}
.section7-item.active .item-block {
height: 385px;
}
.section7-item:nth-child(2).active .item-block {
height: 340px;
}
.section7-item:nth-child(3).active .item-block {
height: 360px;
}
.section7 {
background-size: 4600px;
}
.section8-item.active .item-block {
height: 555px;
}
.section8-item:nth-child(2).active .item-block,
.section8-item:nth-child(3).active .item-block {
height: 480px;
}
.section9 {
padding-top: 0;
}
.audio-reviews-item {
padding-left: 0;
}
.audio-wrap .time {
right: -5px;
}
.audio-1 .audiojs,
.audio-2 .audiojs,
.audio-3 .audiojs {
background-position-x: 40px;
}
.play-pause {
left: 15px;
}
.audio-wrap {
padding-bottom: 10px;
}
.section12 .main-block-title {
font-size: 30px;
line-height: normal;
}
.section12 .main-block-center {
left: calc(50% - 155px);
}
.section12 .main-block {
padding-bottom: 250px;
}
.section12 .main-block-center img {
bottom: -200px;
}
.section12 .main-block-center {
margin-bottom: 25px;
}
.footer {
padding-top: 60px;
}
.popup-block {
padding: 35px;
}
.section2 {
padding-bottom: 40px;
}
.section9 .video-item {
width: 300px;
}
}
.pulse {
animation: pulse 2s infinite;
}

@keyframes pulse {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}

50% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}

100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
}

.nw {
display: flex;
justify-content: center;
align-items: center;
column-gap: 10px;
font-size: 14px;
text-align: left;
margin-top: 15px !important;
padding-bottom: 0 !important;
color: #000 !important;
}

.pulse2 {
animation: pulse2 2s infinite;
}

@keyframes pulse2 {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}

50% {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}

100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
}
}

@media (max-width: 991px) {
.uppened {
background: none;
height: 75px;
}

.main-block-center.uppened img{
bottom: 0;
}
}


@media(max-width: 480px) {
.section1 .main-block-center.uppened {
margin-bottom: 78px;
}
}