@font-face {
	font-family: 'Commissioner';
	src: url("../fonts/Commissioner-ExtraBold.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap; }

@font-face {
	font-family: 'Commissioner';
	src: url("../fonts/Commissioner-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap; }

@font-face {
	font-family: 'Commissioner';
	src: url("../fonts/Commissioner-Bold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: swap; }

@font-face {
	font-family: 'Commissioner';
	src: url("../fonts/Commissioner-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap; }

* {
	-webkit-box-sizing: border-box;
					box-sizing: border-box; }

body {
	background-color: #fff;
	font-family: 'Commissioner', sans-serif;
	-webkit-font-feature-settings: 'pnum' on, 'lnum' on;
					font-feature-settings: 'pnum' on, 'lnum' on;
	color: #333;
	min-width: 320px;
	overflow-x: hidden;
	position: relative;
	margin: 0; }

a {
	display: inline-block;
	text-decoration: none;
	color: #333; }
	a:hover, a:focus, a:active {
		text-decoration: none;
		outline: none; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	line-height: normal; }

ul {
	margin: 0;
	padding: 0; }

input,
button,
textarea,
select {
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none;
	outline: none; }

img {
	max-width: 100%;
	height: auto;
	vertical-align: top; }

.c-container {
	width: 1300px;
	margin: auto;
	position: relative; }

.s-title {
	font-size: 40px;
	font-weight: 800;
	text-transform: uppercase;
	color: #CBCBCB; }
	.s-title-link {
		border: 1px solid #FC03D5;
		padding: 10px 20px;
		border-radius: 20px;
		font-weight: 500;
		text-transform: uppercase;
		-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
						box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
		margin-right: 20px;
		-webkit-transition: .3s;
		transition: .3s; }
		.s-title-link:hover {
			background-color: #FC03D5;
			color: #fff; }
	.s-title-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		margin-bottom: 40px; }

/* Header */
.header {
	padding: 50px 0; }
	.header-wrapper {
		background: url("../img/header-bg.png") no-repeat top;
		background-size: cover;
		padding: 35px 70px 35px 45px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		-webkit-box-pack: justify;
				-ms-flex-pack: justify;
						justify-content: space-between; }
	.header-contacts {
		text-align: right; }
	.header-phone {
		display: block;
		font-size: 30px;
		font-weight: bold;
		color: #fff;
		line-height: 1;
		margin-bottom: 10px; }
	.header-wa {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
				-ms-flex-align: center;
						align-items: center;
		-webkit-box-pack: end;
				-ms-flex-pack: end;
						justify-content: flex-end;
		font-size: 18px;
		color: #fff; }
		.header-wa img {
			margin-right: 6px; }

/* Folders section */
.folders {
	padding: 20px 0; }
	.folders-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		margin: 0 -10px -30px; }
	.folders-item {
		width: 310px;
		padding: 25px 25px 110px;
		border-radius: 10px;
		background-color: #FEFDFF;
		border: 1px solid #E7E1E1;
		position: relative;
		text-align: center;
		margin: 0 10px 30px; }
		.folders-item-img {
			margin-bottom: 20px; }
		.folders-item-text {
			font-weight: 500;
			line-height: 1.6; }
		.folders-item-bottom {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			padding: 20px; }
		.folders-item-btn {
			border: 1px solid #FC03D5;
			padding: 10px 20px;
			border-radius: 20px;
			font-weight: 500;
			text-transform: uppercase;
			-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
							box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
			-webkit-transition: .3s;
			transition: .3s; }
			.folders-item-btn:hover {
				background-color: #FC03D5;
				color: #fff; }
		.folders-item-link {
			margin-top: 10px;
			display: inline-block;
			font-weight: 500;
			color: #1B3646;
			border-bottom: 1px solid #FC03D5;
			-webkit-transition: .3s;
			transition: .3s; }
			.folders-item-link:hover {
				color: #FC03D5; }

/* Patients section */
.patients {
	padding: 50px 0 90px; }
	.patients-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		margin: 0 -10px -30px; }
	.patients-item {
		width: 310px;
		margin: 0 10px 30px;
		text-align: center; }
		.patients-item-photos {
			margin-bottom: 20px; }
			.patients-item-photos-item {
				display: block;
				height: 387px;
				border-radius: 10px; }
				.patients-item-photos-item img {
					width: 100%;
					height: 100%;
					border-radius: 10px;
					-o-object-fit: cover;
						 object-fit: cover; }
		.patients-item-title {
			font-weight: 500;
			margin-bottom: 20px; }
		.patients-item-btn {
			border: 1px solid #FC03D5;
			padding: 10px 20px;
			border-radius: 20px;
			font-weight: 500;
			text-transform: uppercase;
			-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
							box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
			-webkit-transition: .3s;
			transition: .3s; }
			.patients-item-btn:hover {
				background-color: #FC03D5;
				color: #fff; }

.swiper-pagination {
	position: static;
	margin-top: 30px; }
	.swiper-pagination-bullet {
		width: 12px;
		height: 12px;
		background-color: #FFD9F9;
		opacity: 1;
		-webkit-transition: .3s;
		transition: .3s; }
		.swiper-pagination-bullet-active {
			background-color: #FC03D5; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 3.5px; }

.folder {
	padding: 20px 0 150px; }

.patient-photos {
	text-align: center; }
	.patient-photos-item {
		margin-bottom: 90px; }
		.patient-photos-item:last-of-type {
			margin-bottom: 0; }

/* Adaptive */
@media only screen and (max-width: 1360px) {
	.c-container {
		width: 100%;
		padding: 0 30px; }
	.header {
		padding: 30px 0; }
		.header-wrapper {
			padding: 30px; }
		.header-logo {
			width: 300px; }
		.header-phone {
			font-size: 26px; }
		.header-wa {
			font-size: 16px; }
	.s-title {
		font-size: 33px; }
		.s-title-wrap {
			margin-bottom: 30px; }
	.folders-item {
		width: 22.9%; }
	.patients-item {
		width: 22.9%; }
		.patients-item-photos-item {
			height: 300px; } }

@media only screen and (max-width: 1023px) {
	.s-title {
		font-size: 28px; }
		.s-title-link {
			font-size: 14px;
			margin-right: 10px;
			padding: 7px 15px; }
	.folders-item {
		width: 30.5%;
		padding: 20px 20px 110px; }
	.patients-item {
		width: 30.5%; }
	.patient-photos-item {
		margin-bottom: 50px; } }

@media only screen and (max-width: 767px) {
	.header {
		padding: 0; }
		.header .c-container {
			padding: 0; }
		.header-wrapper {
			padding: 20px 30px; }
		.header-logo {
			width: 200px; }
		.header-phone {
			font-size: 20px; }
		.header-wa {
			font-size: 14px; }
	.s-title {
		font-size: 25px; }
		.s-title-wrap {
			text-align: center;
			display: block; }
		.s-title-link {
			margin-bottom: 10px;
			margin-right: 0; }
	.folders {
		padding: 40px 0 20px; }
		.folders-items {
			-webkit-box-pack: justify;
					-ms-flex-pack: justify;
							justify-content: space-between;
			margin: 0;
			margin-bottom: -20px; }
		.folders-item {
			width: 48%;
			margin: 0;
			margin-bottom: 20px; }
	.patients-items {
		-webkit-box-pack: justify;
				-ms-flex-pack: justify;
						justify-content: space-between;
		margin: 0;
		margin-bottom: -30px; }
	.patients-item {
		width: 48%;
		margin: 0;
		margin-bottom: 30px; }
		.patients-item-photos-item {
			height: 250px; }
	.swiper-pagination {
		margin-top: 10px; }
		.swiper-pagination-bullet {
			width: 6px;
			height: 6px; }
	.folder {
		padding: 30px 0 90px; } 
	.patients-item-btn {
    font-size: 13px;
    padding: 5px 15px;
}}

@media only screen and (max-width: 479px) {
	.c-container {
		padding: 0 15px; }
	.header-wrapper {
		padding: 20px 15px;
		display: block;
		text-align: center; }
	.header-logo {
		width: 250px; }
	.header-contacts {
		text-align: center;
		margin-top: 20px; }
	.header-wa {
		-webkit-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center; }
	.s-title {
		font-size: 22px; }
		.s-title-link {
			font-size: 12px; }
	.folders-item {
		width: 49%; }
	.patients-item {
		width: 49; }
		.patients-item-photos-item {
			height: 220px; }
	.swiper-pagination-bullet {
		width: 10px;
		height: 10px; }
	.patient-photos-item {
		margin-bottom: 20px;
	}
	.folders-item-img img {
		max-width: 50px;
	}
	.folders-item-btn {
    font-size: 13px;
    padding: 5px 15px;
}
	.folders-item-text {
    line-height: 1.2;
    font-size: 14px;
}
	.folders-item-img {
    margin-bottom: 10px;
}
	.folders-item-bottom {
    padding: 10px;
}
	.folders-item {

        padding: 20px 10px 80px;
    }
}