/*
1) COMMON
*/

/* 1) COMMON START */
	header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #000;
		z-index: 2;
	}

	/*.body-patient header { background: #0772C8; }*/
	.body-patient header { background: url("../img/winter_1.png"); }
	/*.body-doctor header { background: #fff; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05) }*/
	.body-doctor header { background: url("../img/winter_2.png"); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05) }

.lang-box{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
}
.lang-box__item{
	margin-right: 15px;
	width: 40px;
	height: 40px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	filter: grayscale(100%);
}
.lang-box__item.active, .lang-box__item:hover{
	filter: grayscale(0%);
}
.lang-box__item.active:hover, .lang-box__item.active{
	filter: grayscale(0%) !important;
}
.lang-box__item img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: none;
	max-height: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lang-box__item:last-child{
	margin-right: 0px;
}
@media (max-width: 1024px) {

	.lang-box__item{
		margin-right: 10px;
		width: 30px;
		height: 30px;
	}

}
	header .navbar {
		flex-flow: row;
		padding: 0;
		height: 100px;
	}

	header .navbar .navbar-left {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex: 1;
	}

	header .navbar-toggler {
		position: relative;
		margin-right: 100px;
		padding: 0;
		width: 33px;
		height: 22px;
		font-size: 0;
		line-height: 0;
		border: 0;
		border-radius: 0;
	}

	.body-patient header .navbar-toggler { margin-right: 0px !important; }
	.body-doctor header .navbar-toggler { margin-right: 155px; }

	header .navbar-toggler::after {
		content: '';
		position: absolute;
		bottom: -39px;
		left: 50%;
		width: 100px;
		height: 100px;
		transform: translate(-50%, 0);
		transition: 0.3s;
		z-index: -1;
	}

	header .navbar-toggler.collapsed::after { height: 0; }

	.body-patient header .navbar-toggler::after { background: #fff; }
	.body-doctor header .navbar-toggler::after { background: #0772c8; }

	header .navbar-toggler span {
		position: absolute;
		left: 50%;
		width: 100%;
		height: 3px;
		background: #000;
		border-radius: 6.25rem;
		transition: 0.3s;
	}

	.body-patient header .navbar-toggler span { background: #0772c8; }
	.body-doctor header .navbar-toggler span { background: #fff; }

	.body-patient header .navbar-toggler.collapsed span { background: #fff; }
	.body-doctor header .navbar-toggler.collapsed span { background: #0772c8; }

	header .navbar-toggler span:nth-child(1) { top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
	header .navbar-toggler span:nth-child(2) { top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
	header .navbar-toggler span:nth-child(3) { top: 50%; transform: translate(-50%, -50%) rotate(-45deg); }

	header .navbar-toggler.collapsed span:nth-child(1) { top: 0; transform: translate(-50%, 0%) rotate(0deg); }
	header .navbar-toggler.collapsed span:nth-child(2) { top: 50%; transform: translate(-50%, -50%) rotate(0deg); }
	header .navbar-toggler.collapsed span:nth-child(3) { top: 100%; transform: translate(-50%, -100%) rotate(0deg); }

	header .navbar-nav { flex-flow: row; }

	header .navbar-brand {
		margin-right: 0;
		padding: 0;
		width: 300px;
	}

	.body-patient header .navbar-brand { width: 300px; }
	.body-doctor header .navbar-brand { width: 300px; }

	header .navbar-brand:hover { opacity: 0.75; }

	header .navbar-brand img { width: 100%; }

	header .navbar-right { margin-right: -20px; }

	header .navbar-right .nav-link {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		position: relative;
		padding: 39px 18px;
		color: #000;
		font: 500 14px/18px Arial, sans-serif;
		letter-spacing: 2px;
		text-transform: uppercase;
	}

	.body-patient header .navbar-right .nav-link.map-icon { color: #fff; background: transparent; }
	.body-patient header .navbar-right .nav-link.patient { color: #fff; background: transparent; }
	.body-patient header .navbar-right .nav-link.specialist { color: #222; background: #c6d645; }

	.body-patient header .navbar-right .nav-link.map-icon:hover { opacity: 0.75; }
	.body-patient header .navbar-right .nav-link.patient:hover { opacity: 0.75; }
	.body-patient header .navbar-right .nav-link.specialist:hover { background: #fff; }

	.body-patient header .navbar-right .nav-link.specialist span {
		display: none;
		position: absolute;
		top: 2px;
		left: 2px;
		width: 100%;
		height: 100%;
		background: rgba(34, 34, 34, 0.5);
		z-index: -1;
	}

	.body-patient header .navbar-right .nav-link.specialist:hover span { top: 0; left: 0; }

	/*.body-doctor header .navbar-right .nav-link.map-icon { color: #0772c8; background: transparent; opacity: 0.5; }*/
	.body-doctor header .navbar-right .nav-link.patient { color: #0772c8; background: transparent; opacity: 0.5; }
	.body-doctor header .navbar-right .nav-link.specialist { color: #0772c8; background: transparent; }

	header .navbar-right .nav-link::before {
		content: '';
		display: inline-block;
		margin-right: 20px;
		width: 22px;
		height: 22px;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	.body-patient header .navbar-right .nav-link.map-icon::before { background-image: url('../img/svg/earth-icon.svg'); }
	.body-patient header .navbar-right .nav-link.patient::before { background-image: url('../img/svg/login-white-full.svg'); }
	.body-patient header .navbar-right .nav-link.specialist::before { background-image: url('../img/svg/login-black-stroke.svg'); }

	/*.body-doctor header .navbar-right .nav-link.map-icon::before { background-image: url('../img/svg/earth-icon.svg'); }*/
	.body-doctor header .navbar-right .nav-link.patient::before { background-image: url('../img/svg/login-blue-stroke.svg'); }
	.body-doctor header .navbar-right .nav-link.specialist::before { background-image: url('../img/svg/login-blue-full.svg'); }

	header .navbar-collapse {
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
	}

	.body-patient header .navbar-collapse { background: #fff; }
	.body-doctor header .navbar-collapse { background: #0772c8; }

	header .collapse-menu__head {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		position: relative;
		height: 72px;
	}

	header .collapse-menu__head::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 1200px;
		border-bottom: 1px solid #000;
		transform: translate(-50%, 0);
	}

	.body-patient header .collapse-menu__head::after { border-color: rgba(7, 114, 200, 0.5); }
	.body-doctor header .collapse-menu__head::after { border-color: rgba(255, 255, 255, 0.5); }

	header .collapse-menu__head .nav-item { margin-left: 30px; margin-right: 20px; }

	header .collapse-menu__body {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 30px 0 50px;
	}

	header .collapse-menu__body ul { margin-bottom: -20px; width: 100%; }

	.body-patient header .collapse-menu__body ul:nth-child(1n) { max-width: 390px; }
	.body-patient header .collapse-menu__body ul:nth-child(2n) { max-width: 290px; }
	.body-patient header .collapse-menu__body ul:nth-child(3n) { max-width: 300px; }

	.body-doctor header .collapse-menu__body ul:nth-child(1n) { max-width: 360px; }
	.body-doctor header .collapse-menu__body ul:nth-child(2n) { max-width: 320px; }
	.body-doctor header .collapse-menu__body ul:nth-child(3n) { max-width: 300px; }

	.body-patient header .collapse-menu__body ul:last-child { margin-bottom: 0; }

	header .navbar-collapse .collapse-menu__body .nav-item { margin-bottom: 10px; line-height: 16px; }

	header .navbar-collapse .nav-link {
		display: inline-block;
		position: relative;
		padding: 0;
	}

	header .navbar-collapse .nav-link.big {
		margin: 0;
		color: #0772c8;
		font: 500 16px Arial, sans-serif;
	}

	.body-patient header .navbar-collapse .nav-link.big { color: #0772c8; }
	.body-doctor header .navbar-collapse .nav-link.big { color: #fff; }

	header .navbar-collapse .nav-link.small {
		margin: 0;
		padding-left: 14px;
		color: #222222;
		font: 500 12px Arial, sans-serif;
	}

	.body-patient header .navbar-collapse .nav-link.small { color: #222; }
	.body-doctor header .navbar-collapse .nav-link.small { color: #fff; }

	header .navbar-collapse .nav-link:hover { text-decoration: underline; }

	header .navbar-collapse .nav-link.active p { font-weight: 700; }

	header .navbar-collapse .nav-link.active::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 2px;
		width: 4px;
		height: 4px;
		background: #0772c8;
		border-radius: 50%;
		transform: translate(0, -50%);
	}

	.body-patient header .navbar-collapse .nav-link.active::before { background: #0772c8; }
	.body-doctor header .navbar-collapse .nav-link.active::before { background: #fff; }
/* 1) COMMON END */

@media (max-width: 1024px) {
	header {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	.body-patient header,
	.body-doctor header { background: transparent; }

	header .container { padding: 0; }

	header .row { margin: 0; }
	header .col { padding: 0; }

	header .navbar { justify-content: flex-start; height: auto; }

	header .navbar .navbar-left {
		position: fixed;
		top: 0;
		left: 0;
		padding: 0 4.3125rem;
		width: 100%;
		height: 13.125rem;
		background: #0772C8;
		z-index: 1;
	}

	/*.body-patient header .navbar .navbar-left { background: #0772C8; }*/
	.body-patient header .navbar .navbar-left { background: url("../img/winter_1.png"); }
	/*.body-doctor header .navbar .navbar-left { background: #fff; }*/
	.body-doctor header .navbar .navbar-left { background: url("../img/winter_2.png"); }

	header .navbar-toggler {
		margin-right: 3.75rem;
		width: 5.875rem;
		height: 4.125rem;
		z-index: 1;
	}

	header .navbar-toggler::after {
		bottom: -4.5rem;
		width: 14.5rem;
		height: 13.125rem;
	}

	.body-patient header .navbar-toggler { margin-right: 3.75rem; }
	.body-doctor header .navbar-toggler { margin-right: 6.25rem; }

	header .navbar-toggler span { height: 0.5rem; }
	header .navbar-toggler.collapse span { height: 0.625rem; }

	header .navbar-brand { width: 38.125rem; }

	.body-patient header .navbar-brand { width: 38.125rem; }
	.body-doctor header .navbar-brand { width: 31rem; }

	header .navbar-brand:hover { opacity: 1; }

	.navbar-exit {
		margin-left: 6.875rem;
		width: 5.125rem;
		height: 5.125rem;
		background: url('../img/svg/exit.svg') no-repeat 50%/contain;
	}

	header .navbar-right {
		flex-direction: column;
		position: absolute;
		top: 13.125rem;
		left: 0;
		width: 100%;
		margin-right: 0;
	}

	header .navbar-right .nav-link {
		padding: 0 4.6875rem;
		height: 8.125rem;
		font-size: 2.5rem;
		line-height: 1.1;
		letter-spacing: 0.12em;
	}

	.body-patient header .navbar-right .nav-link.specialist span { display: none; }

	header .navbar-right .nav-link::after {
		content: '';
		margin-left: 1.875rem;
		width: 2.5rem;
		height: 1.0625rem;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
	}

	.body-patient header .collapse-menu__body ul:nth-child(1n) { max-width: 100%; }
	.body-patient header .collapse-menu__body ul:nth-child(2n) { max-width: 100%; }
	.body-patient header .collapse-menu__body ul:nth-child(3n) { max-width: 100%; }

	.body-doctor header .collapse-menu__body ul:nth-child(1n) { max-width: 100%; }
	.body-doctor header .collapse-menu__body ul:nth-child(2n) { max-width: 100%; }
	.body-doctor header .collapse-menu__body ul:nth-child(3n) { max-width: 100%; }

	header .collapse-menu__body ul:last-child { margin-top: 0px; }

	.body-patient header .navbar-right .nav-link.specialist::after { background-image: url('../img/svg/arrow-black.svg'); }
	.body-doctor header .navbar-right .nav-link.patient::after { background-image: url('../img/svg/arrow-blue.svg'); opacity: 0.5; }

	.body-patient header .navbar-right .nav-link.patient { background: rgba(56, 56, 56, 0.5); }

	.body-doctor header .navbar-right .nav-link.patient { background: rgba(255, 255, 255, 0.35); opacity: 1; }
	.body-doctor header .navbar-right .nav-link.specialist { background: rgba(255, 255, 255, 0.35); }

	.body-doctor header .navbar-right .nav-link.patient { color: rgba(7, 114, 200, 0.5); }
	.body-doctor header .navbar-right .nav-link.patient::before { opacity: 0.5; }

	.body-patient header .navbar-right .nav-link.specialist.fixed {
		position: fixed;
		top: 13.125rem;
		left: 0;
		width: 100%;
	}

	.body-doctor header .navbar-right .nav-link.specialist {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		transform: translate(0, 100%);
	}

	.body-doctor header .navbar-right .nav-link.patient.fixed {
		position: fixed;
		top: 13.125rem;
		left: 0;
		width: 100%;
	}

	header .navbar-right .nav-link:hover { opacity: 1; }

	header .navbar-right .nav-link::before {
		margin-right: 2.5rem;
		width: 3.5625rem;
		height: 3.75rem;
	}

	header .navbar-collapse {
		position: fixed;
		top: 13.1875rem;
		width: 100%;
		overflow-y: auto;
	}

	header .navbar-collapse .container {
		position: relative;
		padding: 0 0 5rem;
		height: calc(100vh - 13.1875rem);
		overflow-y: auto;
	}

	header .navbar-collapse .container::after {
		content: '';
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 10.5rem;
	}

	.body-patient header .navbar-collapse .container::after { background: linear-gradient(0deg, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0)); }
	.body-doctor header .navbar-collapse .container::after { background: linear-gradient(0deg, rgba(7, 114, 200, 1) 60%, rgba(255, 255, 255, 0)); }

	header .collapse-menu__head {
		align-items: flex-start;
		padding: 3.125rem 4.375rem 4.0625rem;
		height: auto;
		border-bottom-width: 0.1875rem;
	}

	header .collapse-menu__head::after { width: 100%; }

	header .collapse-menu__head .navbar-nav { display: block; }

	header .collapse-menu__head .nav-item {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 3.4375rem;
		width: 100%;
	}

	header .collapse-menu__head .nav-item:last-child { margin-bottom: 0; }

	header .collapse-menu__body { flex-direction: column; padding: 1.875rem 0 3.125rem; }

	header .collapse-menu__body ul {
		margin-bottom: 0;
		padding: 0 4.375rem;
		width: 100%;
	}

	header .collapse-menu__body ul:nth-child(1n),
	header .collapse-menu__body ul:nth-child(2n),
	header .collapse-menu__body ul:nth-child(3n) { max-width: 100%; }

	header .navbar-collapse .collapse-menu__body .nav-item { margin-bottom: 2.5rem; line-height: 2.5rem; }

	header .navbar-collapse .nav-link.big { font-size: 2.875rem; }

	header .navbar-collapse .nav-link.small { padding-left: 2.5rem; font-size: 2.125rem; }

	header .navbar-collapse .nav-link.active::before {
		left: 0.5rem;
		width: 0.75rem;
		height: 0.75rem;
	}
}

@media (max-width: 480px) { header .navbar-toggler span { height: 2px; } }
body.modal-open header {
	padding-right: 17px;
}



.lang-box__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: 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;
	width: auto;
	color: #fff;
	border-radius: 0;
	overflow: visible;
}
.lang-box__item:hover {
	color: #fff;
}
.lang-box__item img {
	position: static;
	transform: none;
	max-width: 40px;
	max-height: 40px;
	width: 100%;
	height: auto;
}


@media (max-width: 1024px) {
	.lang-box__item img {
		max-width: 30px;
		max-height: 30px;
	}
}


.body-patient header, .body-patient header .navbar .navbar-left {
	background: #0772C8;
}


header .navbar-toggler {
	z-index: 1;
}