@font-face {
    font-family: 'Artico Soft';
    src: url('../fonts/ArticoSoft-Regular.eot');
    src: url('../fonts/ArticoSoft-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArticoSoft-Regular.woff2') format('woff2'),
        url('../fonts/ArticoSoft-Regular.woff') format('woff'),
        url('../fonts/ArticoSoft-Regular.ttf') format('truetype'),
        url('../fonts/ArticoSoft-Regular.svg#ArticoSoft-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Artico Soft Bold';
    src: url('../fonts/ArticoSoft-Bold.eot');
    src: url('../fonts/ArticoSoft-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArticoSoft-Bold.woff2') format('woff2'),
        url('../fonts/ArticoSoft-Bold.woff') format('woff'),
        url('../fonts/ArticoSoft-Bold.ttf') format('truetype'),
        url('../fonts/ArticoSoft-Bold.svg#ArticoSoft-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Artico Soft ExtraBold';
    src: url('../fonts/ArticoSoft-ExtraBold.eot');
    src: url('../fonts/ArticoSoft-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ArticoSoft-ExtraBold.woff2') format('woff2'),
        url('../fonts/ArticoSoft-ExtraBold.woff') format('woff'),
        url('../fonts/ArticoSoft-ExtraBold.ttf') format('truetype'),
        url('../fonts/ArticoSoft-ExtraBold.svg#ArticoSoft-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Artico Soft';
}
b, strong, h1, h2, h3, h4, h5, h6 {
	font-family: 'Artico Soft Bold';
}
.ss1 {
	padding: 15px 20px 15px 50px;
	background: url(../img/play.svg) center left 13px no-repeat #4e3286 !important;
	background-size: 30px !important;
	color: #fff !important;
	font-size: 15px;
	font-family: 'Artico Soft' !important;
	letter-spacing: 0 !important;
	margin-left: 105px;
	border-radius: 4px;
	box-shadow: 0 15px 25px rgba(0,0,0,.1);
	transition: 0.3s;
}
.ss1:hover {
	background-color: #999 !important;
	transition: 0.3s;
}
#ap {
	display: none;
}
.all_photo_block {
	display: none;
	width: 100%;
	float: left;
}
#ap + label {
	width: 100%;
	float: left;
	padding: 30px 0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Artico Soft Bold';
	font-size: 20px;
	text-decoration: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#03d858+0,009f6d+100 */
background: #03d858; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #03d858 0%, #009f6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #03d858 0%,#009f6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #03d858 0%,#009f6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d858', endColorstr='#009f6d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin-top: 5px;
	cursor: pointer;
}
#ap + label:hover {
	background-color: #03d858;
}
#ap:checked ~ .all_photo_block{
	display: block;
}
#ap:checked + label {
	background: #c1c1c1;
	color: #000;
}
.call {
	position: fixed;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	right: 20px;
	bottom: 20px;
	background: url(../img/phone2.svg) center no-repeat green;
	background-size: 25px;
	z-index: 999;
}
.wa {
	position: fixed;
	width: 50px;
	height: 50px;
	right: 20px;
	bottom: 90px;
	border-radius: 50px;
	background: url(../img/wa.svg) center no-repeat;
	z-index: 999;
}
.ac2_1 ul {
	margin-left: 20px;
	font-size: 15px;
	line-height: 30px;
	text-transform: none;
}
.header {
	width: 100%;
	float: left;
	height: 700px;
	background: url(../img/bg1.jpg) center top repeat-x;
	background-size: cover;
	overflow: hidden;
}
.doctor {
	position: absolute;
	z-index: 99;
	height: 582px;
	margin-top: 120px;
	right: 10%;
}
.head {
	width: 100%;
	max-width: 1200px;
	margin: 30px auto;
}
.menu {
	padding:7px 0 7px 30px;
	background: url(../img/menu.png) center left no-repeat;
	float: left;
	margin-top: 10px;
	color: #000;
	text-decoration: none;
}
#menu + label {
	cursor: pointer;
}
#menu, .mmenu {
	display: none;
}
.mmenu {
	width: 100%;
	max-width: 1200px;
	position: absolute;
	z-index: 99;
	margin: 0 auto;
	left: 0;
	right: 0;
	margin-top: 50px;
}
.mmenu2 {
	width: 94%;
	padding: 3%;
	text-align: center;
	float: left;
	background: #6237a0;
	color: #fff;
	box-shadow: 0 0 30px rgba(0,0,0,.5);
}
.mmenu2 a {
	color: #fff;
	margin: 0 20px;
	text-decoration: none;
	font-size: 15px;
	line-height: 30px;
	transition: 0.3s;
	padding-bottom: 5px;
}
.mmenu2 a:hover {
	border-bottom: 4px solid #fff;
	transition: 0.3s;
}
#menu:checked ~ .mmenu {
	display: block;
}
#menu:checked + label {
	background: url(../img/close.svg) center left no-repeat;
	background-size: 17px;
}
.head1 {
	width: 30%;
	float: left;
	padding-top: 10px;
}
.head2 {
	width: 40%;
	float: left;
	text-align: center;
}
.head2 img {
	margin-bottom: 10px;
	max-width: 150px;
}
.head3 {
	width: 30%;
	float: left;
	text-align: right;
	padding-top: 10px;
}
.head3 img {
	width: 20px;
	margin: 15px 5px 0 5px;
	transition: 0.3s;
}
.head3 img:hover {
	transition: 0.3s;
	opacity: 0.7;
}
.phones {
	width: 100%;
	float: left;
	margin-top: 40px;
	font-size: 30px;
	line-height: 50px;
}
.phones a {
	color: #000;
	text-decoration: none;
	letter-spacing: 3px;
	font-family: 'Artico Soft ExtraBold';
}
.cons {
	color: #fff !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#03d858+0,009f6d+100 */
background: #03d858; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #03d858 0%, #009f6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #03d858 0%,#009f6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #03d858 0%,#009f6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d858', endColorstr='#009f6d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	padding: 15px 20px;
	font-size: 15px;
	border-radius: 4px;
	box-shadow: 0 15px 25px rgba(0,0,0,.1);
	text-transform: uppercase;
	margin-left: 150px;
	letter-spacing: 0px !important;
	transition: 0.3s;
	font-family: 'Artico Soft ExtraBold' !important;
}
.cons:hover {
	background: #fff;
	color: #000 !important;
	transition: 0.3s;
}
.about_block_main {
	width: 100%;
	float: left;
	padding: 50px 0;
}
.about_block {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.about {
	width: 100%;
	float: left;
}
.ab {
	width: 50%;
	float: left;
}
.ab h2 {
	margin-bottom: 10px;
}
.ab p {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 15px;
}
.ab span {
	color: #02c85e;
}
.ab img {
	max-width: 90%;
	height: auto !important;
	transition: 0.3s;
}
.ab img:hover {
	transform: scale(1.05);
	transition: 0.3s;
}
.video_block_main {
	width: 100%;
	float: left;
	padding: 50px 0 20px 0;
	background: #1b262f;
}
.video_block {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.video {
	width: 100%;
	float: left;
	text-align: center;
}
.vid_zag {
	width: 100%;
	float: left;
	background: transparent !important;
}
.vid {
	width: 280px;
	height: 350px;
	border-radius: 5px;
	float: none;
	display: inline-block;
	margin: 30px;
	background: url(../img/ded.jpg) center no-repeat;
	background-size:cover;
	border-radius: 5px;
	overflow: hidden;
}
.vid_2 {
	background: url(../img/ded_2.png) center no-repeat !important;
	background-size:cover;
}
.vid_3 {
	background: url(../img/ded_3.png) center no-repeat !important;
	background-size:cover;
}
.vid_4 {
	background-size:cover !important;
}
.menu-m3 {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.8);
		position: fixed;
		z-index: 100;
	}
	.mm1 {
		width: 80%;
		height: 400px;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		margin-top: 100px;
	}
	.hide {
		width: 40px;
		height: 40px;
		background: url(../img/close.svg) center no-repeat #fff;
		background-size:25px;
		top: 0px;
		margin-top: -40px;
		right: 0;
		position: absolute;
		cursor: pointer;
		z-index: 999;
	}
.vid_zag span {
	text-transform: uppercase;
	color: #fff;
	float: left;
	padding-left: 20px;
	border-left: 4px solid #30a3f0;
	/*border-image: 
      linear-gradient(
         to bottom, 
         #30a3f0, 
         #6d66de
      ) 1 100%;*/
	font-size: 30px;
}
.all_video {
	float: left;
	color: #fff;
	margin: 50px 0 0 0;
	text-decoration: none;
	padding: 15px 30px;
	border-radius: 50px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#30a3f0+0,6d66de+100 */
	background: #30a3f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #30a3f0 0%, #6d66de 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #30a3f0 0%,#6d66de 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #30a3f0 0%,#6d66de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a3f0', endColorstr='#6d66de',GradientType=0 ); /* IE6-9 */
}
.v1 {
	width: 100%;
	float: left;
	height: 250px;
	text-align: center;
}
.v2 {
	width: 90%;
	height: 100px;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	padding-left: 10%;
	font-family: 'Artico Soft Bold';
}
.v1 img {
	width: 50px;
	margin-top: 100px;
}
.all_video:hover {
	background: #30a3f0;
}
.services_block_main {
	width: 100%;
	float: left;
	padding: 50px 0;
}
.services_block {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.services {
	width: 100%;
	float: left;
}
.services img {
	max-width: 90%;
	margin-left: 5%;
}
.services_zag {
	width: 100%;
	float: left;
	margin-bottom: 50px;
	color: #6237a0;
	text-transform: uppercase;
}
.ser_zag {
	padding-left: 20px;
	border-left: 4px solid #30a3f0;
	/*border-image: 
      linear-gradient(
         to bottom, 
         #30a3f0, 
         #6d66de
      ) 1 100%;*/
	font-size: 30px;
	border-right: none !important;
	font-family: 'Artico Soft Bold';
}
.articles_zag .line {
	max-width: 300px;
}
.line {
	width: 100%;
	max-width:355px;
	height: 3px;
	float: left;
	margin-top: 10px;
	background: red;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6f65df+0,2fa3f0+100 */
background: #6f65df; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #6f65df 0%, #2fa3f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #6f65df 0%,#2fa3f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #6f65df 0%,#2fa3f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f65df', endColorstr='#2fa3f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.ser_block {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: top;
}
.ser {
	display: block;
	padding:0 0 0 30px;
	width: 30%;
	background-size: 17px !important;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 3%;
}
.accordeon_block {
	width: 100%;
	float: left;
	margin: 50px 0;
}
.acc_row {
	width: 47%;
	float: left;
	margin-right: 3%;
}
#ac1 {
	display: none;
}
.ac1 {
	font-size: 15px;
	line-height: 25px;
	padding: 3%;
	width: 94%;
	float: left;
	margin-top: 10px;
}
.ac1 ul li {
	list-style: none;
	padding: 3px 0 3px 25px;
	background: url(../img/tick.svg) left center no-repeat;
	background-size: 15px;
}
#ac1 + label {
	background: url(../img/plus.png) center right 3% no-repeat #6237a0;
	border: 2px solid transparent;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	width: 94%;
	float: left;
	padding:3%;
	transition: 0.3s;
}
#ac1 + label:hover {
	background-color: #542d8b;
	transition: 0.3s;
}
#ac1:checked ~ .ac1{
	display: none;
}
#ac1:checked + label {
	background: url(../img/minus.png) center right 3% no-repeat #fff;
	color: #6237a0;
	border-color: #6237a0;
}
#ac2 {
	display: none;
}
.ac2 {
	font-size: 15px;
	line-height: 25px;
	padding: 3%;
	width: 94%;
	float: left;
	margin-top: 10px;
}
#ac2 + label {
	background: url(../img/plus.png) center right 3% no-repeat #6237a0;
	border: 2px solid transparent;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	width: 94%;
	float: left;
	padding:3%;
	transition: 0.3s;
}
#ac2 + label:hover {
	background-color: #542d8b;
	transition: 0.3s;
}
#ac2:checked ~ .ac2{
	display: none;
}
#ac2:checked + label {
	background: url(../img/minus.png) center right 3% no-repeat #fff;
	color: #6237a0;
	border-color: #6237a0;
}
.ac2_1 {
	padding-left: 50px;
	min-height: 40px;
	text-transform: uppercase;
	font-size: 15px;
	background-size: 30px !important;
	margin-bottom: 30px;
}
.ac2_1 hr {
	width: 70px;
	height: 2px;
	border: 0;
	float: left;
	margin-top: 7px;
	background: #555;
}
.gallery_block {
	width: 100%;
	float: left;
	margin-top: 50px;
}
.photo {
	width: 33.3333333333%;
	height: 300px;
	float: left;
	background-size: cover !important;
	box-shadow: inset -5px 5px 0 #fff;
}
.photo span {
	width: 100%;
	height: 300px;
	float: left;
	background: url(../img/lupa.svg) center no-repeat;
	background-size: 40px;
	background-color: rgba(0,0,0,.8);
	opacity: 0;
	transition: 0.3s;
	box-shadow: inset -5px 5px 0 #fff;
}
.photo:hover span {
	opacity: 1;
	transition: 0.3s;
}
.photo2 {
	width: 25%;
	height: 300px;
	float: left;
	background-size: cover !important;
	box-shadow: inset -5px 5px 0 #fff;
}
.photo2 span {
	width: 100%;
	height: 300px;
	float: left;
	background: url(../img/lupa.svg) center no-repeat;
	background-size: 40px;
	background-color: rgba(0,0,0,.8);
	opacity: 0;
	transition: 0.3s;
	box-shadow: inset -5px 5px 0 #fff;
}
.photo2:hover span {
	opacity: 1;
	transition: 0.3s;
}
.photo3 {
	width: 20%;
	height: 250px;
	float: left;
	background-size: cover !important;
	box-shadow: inset -5px 5px 0 #fff;
}
.photo3 span {
	width: 100%;
	height: 250px;
	float: left;
	background: url(../img/lupa.svg) center no-repeat;
	background-size: 40px;
	background-color: rgba(0,0,0,.8);
	opacity: 0;
	transition: 0.3s;
	box-shadow: inset -5px 5px 0 #fff;
}
.photo3:hover span {
	opacity: 1;
	transition: 0.3s;
}
.photo4 {
	width: 50%;
	height: 400px;
	float: left;
	background-size: cover !important;
	box-shadow: inset -5px 5px 0 #fff;
}
.photo4 span {
	width: 100%;
	height: 400px;
	float: left;
	background: url(../img/lupa.svg) center no-repeat;
	background-size: 40px;
	background-color: rgba(0,0,0,.8);
	opacity: 0;
	transition: 0.3s;
	box-shadow: inset -5px 5px 0 #fff;
}
.photo4:hover span {
	opacity: 1;
	transition: 0.3s;
}
.all_photo {
	width: 100%;
	float: left;
	padding: 30px 0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Artico Soft Bold';
	font-size: 20px;
	text-decoration: none;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#03d858+0,009f6d+100 */
background: #03d858; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #03d858 0%, #009f6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #03d858 0%,#009f6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #03d858 0%,#009f6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d858', endColorstr='#009f6d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	margin-top: 5px;
}
.all_photo:hover {
	background: #03d858;
}
.articles_block_main {
	width: 100%;
	float: left;
	margin: 50px 0;
}
.articles_block {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.articles {
	width: 100%;
	float: left;
	text-align: center;
}
.articles img {
	max-width: 100% !important;
}
.articles_zag {
	width: 100%;
	float: left;
	text-transform: uppercase;
	font-size: 30px;
	font-family: 'Artico Soft Bold';
	margin-bottom: 50px;
	text-align: left;
}
.articles_zag a {
	float: right;
	font-size: 15px;
	font-family: 'Artico Soft' !important;
	padding: 10px 20px;
	background: #03d858; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #03d858 0%, #009f6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #03d858 0%,#009f6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #03d858 0%,#009f6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d858', endColorstr='#009f6d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color: #fff;
	text-decoration: none;
	border-radius: 4px;
}
.articles_zag a:hover {
	background: #03d858;
}
.article {
	width: 39%;
	float: none;
	display: inline-block;
	height: 280px;
	margin: 0 4% 0 4%;
	overflow: hidden;
}
.article span {
	width: 93%;
	padding-left: 7%;
	height: 100px;
	padding-top: 180px;
	float: left;
	background: rgba(0,0,0,.8);
	transition: 0.3s;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	text-align: left;
	font-family: 'Artico Soft Bold';
}
.date {
	width: 100%;
	float: left;
	font-size: 13px;
	color: #03d05c;
	margin-bottom: 10px;
	font-family: 'Artico Soft' !important;
}
.articles a {
	text-decoration: none;
}
.article:hover span {
	background: rgba(0,0,0,.9);
	transition: 0.3s;
}
.contacts_block {
	width: 100%;
	float: left;
}
.map {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 0 .75rem;
	width: 100%;
}
.m_1 {
	width: 60%;
}
.m_2 {
	width: 30%;
	display: inline-flex;
	flex-direction: column;
}
.m_2 .f1 {
	margin: 1.5rem 0;
}
.forma_main {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 5rem;
}
.forma {
	width: 100%;
	max-height: 600px;
	float: left;
	height: 400px;
	max-width: 768px;
	text-align: center;
}
.frame {
	border: 0;
	width: 100%;
	height: 400px;
}
input, textarea {
	outline: none;
	font-family: 'Artico Soft';
}
.in1 {
	width: 70%;
	padding: 15px;
	border:1px solid #e1e1e1;
	margin-top: 20px;
	transition: 0.3s;
}
.in2 {
	height: 80px;
	width: 70%;
	padding: 15px;
	border:1px solid #e1e1e1;
	margin-top: 20px;
	transition: 0.3s;
}
.in1:focus {
	border-color: #999;
	transition: 0.3s;
}
.in2:focus {
	border-color: #999;
	transition: 0.3s;
}
.send {
	width: 200px;
	height: 50px;
	border-radius: 50px;
		background: #03d858; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #03d858 0%, #009f6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #03d858 0%,#009f6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #03d858 0%,#009f6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d858', endColorstr='#009f6d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color: #fff;
	cursor: pointer;
	font-family: 'Artico Soft Bold';
	border: 0;
	font-size: 17px;
	text-transform: uppercase;
	margin-top: 20px;
	box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.send:hover {
	background: #03d858;
}
.footer_block_main {
	width: 100%;
	float: left;
	margin: 50px 0;
}
.footer_block {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.footer {
	width: 100%;
	display: flex;
	justify-content: center;
}
.f1 {
	width: 33.3333333333%;
	float: left;
	text-align: center;
	font-size: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.f1 a {
	color: #000;
	text-decoration: none;
}
.f1 img {
	width: 30px;
	height: 30px;
	margin-bottom: 30px;
}
.cpy_block_main {
	width: 100%;
	float: left;
	padding: 50px 0;
			background: #03d858; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #03d858 0%, #009f6d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #03d858 0%,#009f6d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #03d858 0%,#009f6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03d858', endColorstr='#009f6d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.co1 {
	width: 30%;
	float: left;
}
.co2 {
	width: 40%;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 15px;
}
.cpy_block {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.cpy {
	width: 100%;
	float: left;
}
.cpy img {
	width: 15px;
	margin-right: 15px;
	opacity: 0.5;
	transition: 0.3s;
}
.cpy img:hover {
	opacity: 1;
	transition: 0.3s;
}
@media screen and (max-width:900px){
	.map, .forma_main, .f1, .co1, .co2 {
		width: 100%;
	}
	.acc_row, .ser, .ab {
		width: 90%;
		margin-left: 5%;
	}
	.ab {
		margin-bottom: 30px;
	}
	div.ab:last-child {
		margin-bottom: 0;
	}
	.acc_row {
		margin-bottom: 10px;
	}
	.vid_zag {
		height: auto !important;
	}
	.mm1 {
		height: 300px;
	}
	.article {
		width: 90%;
		margin: 0 5%;
	}
	.articles_zag {
		text-align: center;
	}
	.articles_zag .line {
		margin: 0 auto;
		float: none;
		display: inline-block;
	}
	.articles_zag a {
		margin: 20px auto;
		float: none;
		display: inline-block;
	}
	.co1 {
		text-align: center;
		margin-bottom: 40px;
	}
	.photo, .photo2, .photo3, .photo4 {
		width: 50%;
		height: 150px;
	}
	.photo span {
		height: 150px;
	}
	.photo2 span {
		height: 150px;
	}
	.photo3 span {
		height: 150px;
	}
	.photo4 span {
		height: 150px;
	}
	.co2 {
		line-height: 30px;
	}
	.map {
		margin-bottom: 30px;
	}
	.f1 {
		margin-bottom: 50px;
	}
	div.f1:last-child {
		margin-bottom: 0;
	}
	.doctor {
		height: 300px;
		right: 0;
		margin-top: 150px;
	}
	.phones {
		font-size: 15px;
		line-height: 25px;
		margin-left: 5%;
		height: 200px;
		width: 300px;
	}
	.phones a {
		letter-spacing: 0;
		margin-left: 50px;
	}
	.cons {
		margin: 5px 0 0 75px !important;
		float: left;
		font-family: 'Artico Soft' !important;
		font-size: 12px;
		padding: 8px;
		line-height: 15px;
	}
	.ss1 {
		margin: 5px 0 0 23px !important;
		float: left;
		font-family: 'Artico Soft' !important;
		font-size: 12px;
		padding: 8px 8px 8px 40px;
		background-size: 20px !important;
		line-height: 15px;
	}
	.header {
		height: 450px;
		background: url(../img/bg1.jpg) center top repeat-x;
	}
	.head1 {
		font-size: 13px;
		margin-left: 5%;
		width: 25%;
	}
	.head3 {
		font-size: 13px;
		width: 25%;
		margin-right: 5%;
	}
	.head3 img {
		width: 15px;
		margin: 10px 3px;
	}
	.head2 {
		font-size: 13px;
	}
	.head2 img {
		width: 100px;
	}
}

@media screen and (max-width:576px){
	.map {
		padding: 0 .75rem;
		width: calc(100% - 1.5rem);
		margin-bottom: 5rem;
	}
	.forma_main {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding-top: 0;
	}
	.map {
		display: inline-flex;
		flex-direction: column;
	}
	.m_1 {
		width: 100%;
	}
	.m_2 {
		width: 100%;
	}
	.m_2 .f1 {
		margin: 1.5rem 0;
	}
}