@media (min-width: 375px) and (max-width: 767px)
{
	#clinicHome header .has-title-bg h1, #refractiveSurgeryHomeHeader .has-title-bg h2 { width: 345px; }
	#clinicHome header .has-title-bg h1 { padding-top: 5px; }
	#refractiveSurgeryHomeHeader .has-title-bg h2 {
		background-position: 62px 0;
		padding-top: 6px;
	}		
}
	@media (min-width: 768px) and (max-width: 1449px)
	{
		#clinicHome header .has-title-bg h1 { padding: 7px 15px; }
		#refractiveSurgeryHomeHeader .has-title-bg h2 {
			background-position: 3px 0;
			padding: 7px 15px;
		}
	}

@media (max-width: 1449px)
{
	#clinicHome header .has-title-bg h2 { background-position: 3px 0; }
	#visitHome header .has-title-bg h2 {
		background-position: 3px 0;
		padding: 7px 25px;
	}
	#defectsAndDeseasesHome header .has-title-bg h2 {
		text-align: left;
		background-position: 0 0;
		padding: 5px 15px;
	}
}

/* HEADER */
/*#headerHomeBG {
	width: 100%;
	height: 893px;
	background-image: url('../img/home/bg-header-home.png');
	background-repeat: no-repeat;
	background-position-y: 0;
	background-size: cover;
}*/
	@media (min-width: 768px)
	{
		/*#headerHomeBG {
			background-position-x: 0;
			height: 440px;
		}*/
	}
		@media (min-width: 1200px)
		{
			#headerHome { position: relative; }
			/*#headerHomeBG {
				height: 530px;
			}*/
		}
			@media (min-width: 1440px)
			{
				/*#headerHomeBG {
					height: 640px;
				}*/
			}
				@media (min-width: 1920px)
				{
					/*#headerHomeBG {
						height: 893px;
					}*/
				}

		@media (max-width: 1199px)
		{
			#headerHome { padding-top: 0.5rem; }
		}
			@media (max-width: 767px)
			{
				/*#headerHomeBG {
					height: 350px;
					background-position-x: -38px;
				}*/
			}

/* ACTU */
#actuModal #actuTitle p {
	margin-bottom: 25px;
	line-height: 100%;
	z-index: 2;
}
#actuModal #actuTitle span { z-index: 1; }

	@media (min-width: 1200px)
	{
		#actuModal {
			position: absolute;
			width: 500px;
			height: 300px;
			padding: 15px;
			margin-bottom: 0;
			top: calc(50% - 150px);
			left: calc(50% - 250px);
			background-color: rgba(255, 255, 255, 0.8);
			border-radius: 30px;
			box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
		}
			#actuModal button.close {
				font-family: "Segoe UI";
				color: #000;
			}
			#actuModal #actuTxt p {
				font-size: 17px;
				margin-bottom: 0;
			}
				#actuModal #actuTxt p span {
					display: block;
					margin-top: 10px;
				}
	}
		@media (min-width: 1450px)
		{
			#actuModal {
				width: 856px;
				height: 491px;
				top: calc(50% - 210px);
				left: calc(50% - 428px);
				padding: 41px 0 0;
			}
				#actuModal #actuTitle p {
					font-size: 72px;
					padding: 15px 30px;
				}
				#actuModal #actuTitle span {
					top: 0;
					left: 8px;
				}
				#actuModal #actuTxt {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					align-items: center;
					padding: 0 60px 0 49px;
				}
					#actuModal #actuTxt p {
						flex-basis: 463px;
						font-size: 24px;
					}
		}

	@media (max-width: 1449px)
	{
		#actuModal #actuTitle p {
			font-size: 30px;
			padding: 13px 6px;
		}
		#actuModal #actuTitle span {
			width: 50px;
			top: 5px;
			left: -4px;
		}
		#actuModal #actuImg { display: none; }
	}
		@media (max-width: 1199px)
		{
			#actuModal {
				padding: 0 15px;
				margin-top: 9px;
				margin-bottom: 38px;
			}
		}

/* CLINIC */
#clinicHome { margin-top: 40px; }

	@media (min-width: 992px)
	{
		#clinicHome header { margin-bottom: 60px; }
			#clinicHome #clinicCarousel { margin-bottom: 80px; }
				#clinicHome #clinicCarousel div { flex-basis: 49%; }
				#clinicHome #clinicCarousel div:first-child,
				#clinicHome #clinicCarousel div:nth-child(2) { margin-bottom: 40px; }
					#clinicHome #clinicCarousel div figure img { box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); }
	}
		@media (min-width: 1450px)
		{
			#clinicHome #clinicCarousel div { flex-basis: 699px; }
		}

	@media (max-width: 991px)
	{
		#clinicHome header { margin-bottom: 30px; }
			#clinicHome #clinicCarousel-ow { margin-bottom: 25px; }
				#clinicHome #clinicCarousel-mw { box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); }
					#clinicHome .tns-nav {
						margin-top: 10px;
						text-align: center;
					}
					#clinicHome .tns-nav > [aria-controls] {
						width: 15px;
						height: 15px;
						padding: 0;
						margin: 0 5px;
						border: 0;
						border-radius: 50%;
						background-color: #fff;
						box-shadow: 0px 0px 10px -1px #000;
					}
					#clinicHome .tns-nav > [aria-controls]:focus { outline: none; }
					#clinicHome .tns-nav > .tns-nav-active { background-color: #31a9da; }
	}

/* MAP */
@media (min-width: 1200px)
{
	#mapHome figure {
		margin-top: 45px;
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
	}
}

/* VISIT */
#visitHome {
	margin-top: 60px;
	margin-bottom: 55px;
}
	@media (min-width:  1200px)
	{
		#visitHome { margin-bottom: 113px; }
	}
		@media (min-width: 1450px)
		{
			#visitHome {
				height: 1002px;
				/*background: url("../img/wave-visite-4.svg") no-repeat 0 -70px, url("../img/bg-visite.jpg") no-repeat 0 0;
				background-size: 100%, contain;
				background-color: #ededed;*/
				background: #ededed url("../img/bg-visite.jpg") no-repeat 0 0 / contain;
				margin-bottom: 541px;
			}
				#visitHome .container {
					position: relative;
					display: flex;
					flex-wrap: wrap;
					justify-content: flex-end;
				}
		}

	#visitHome header { margin-bottom: 30px; }
		@media (min-width: 1450px)
		{
			#visitHome header {
				width: 500px;
				margin-top: 115px;
				margin-bottom: 0;
			}
				#visitHome header .has-title-bg { text-align: left; }
					#visitHome header .has-title-bg h2 { margin-left: -35px; }
		}

		#visitBGHome { margin: 0 -15px 43px; }

		@media (min-width: 1450px)
		{
			#consultationCards {
				position: absolute;
				top: 762px;
			}
		}

	#consultationCards .card {
		border: none;
		border-radius: 0;
		box-shadow: 0px 6px 17px -4px #000;
	}
		@media (min-width: 992px)
		{
			#consultationCards .card { flex-basis: 48.5%; }
		}

		#consultationCards .card h3 {
			position: absolute;
			font-size: 24px;
			text-shadow: 2px 0px 0px rgba(255,255,255,0.5), -2px 0px 0px rgba(255,255,255,0.5), 
			0px 2px 0px rgba(255,255,255,0.5), 0px -2px 0px rgba(255,255,255,0.5), 1px 1px 0px rgba(255,255,255,0.5), 
			-1px -1px 0px rgba(255,255,255,0.5), 1px -1px 0px rgba(255,255,255,0.5), -1px 1px 0px rgba(255,255,255,0.5);
		}
		#ccCard1 h3 {
			width: 280px;
			top: 10px;
			left: 10px;
		}
		#ccCard2 h3 {
			top: 10px;		
			text-align: right;
		}

			@media (min-width: 576px)
			{
				#consultationCards .card h3 { font-size: 26px; }
				#ccCard2 h3 {
					width: 280px;
					right: 10px;
				}
			}
				@media (min-width: 768px)
				{
					#ccCard1 h3, #ccCard2 h3 { width: 300px; }
					#consultationCards .card h3 { font-size: 38px; }
				}
					
					@media (min-width: 992px) and (max-width: 1449px)
					{
						#consultationCards .card h3 { font-size: 27px; }
					}

			@media (max-width: 575px)
			{
				#ccCard2 h3 {
					width: 95%;
					left: calc(50% - 47.5%);
				}
			}

		#consultationCards .card-body {
			background-color: #4d4d4d;
			color: #fff;
			position: relative;
			padding: 10px 17px 70px;
		}

			@media (min-width: 1450px)
			{
				#consultationCards .card-body {
					padding-top: 40px;
					padding-left: 40px;
					padding-right: 40px;
				}
			}

			#consultationCards .card-body p { margin-bottom: 0; }
			#consultationCards .card-body .btn {
				position: absolute;
				bottom: -30px;
				left: calc(50% - 153px);
			}
				@media (min-width: 1450px)
				{
					#consultationCards .card-body .btn { left: calc(50% - 199.5px); }
				}
	#consultationCards .special-case { margin: 70px 0 23px; }

/* Form */
#formHome header { margin-bottom: 27px; }
	@media (min-width: 1200px)
	{
		#formHome { margin-bottom: 124px; }
			#formHome header { padding-top: 106px; }
	}

	#formHome header .has-title-bg span { font-size: 20px; }
	#formHome header .has-title-bg p:first-child {
		font-size: 48px;
		line-height: 100%;
		padding: 0 20px;
		background-image: url("../img/elipse.png");
		background-repeat: no-repeat;
		background-size: 54px 46px;
		background-position: 6px 0;
	}

	@media (min-width: 1200px) and (max-width: 1449px)
	{
		#formHome header .has-title-bg p:first-child {
			padding: 5px 20px 15px;
			background-position: left 1px;
		}
	}
		@media (min-width: 1200px)
		{
			#formHome .container {
				background-color: #f1f1f1;
				padding-bottom: 75px;
				box-shadow: 0px 5px 13px -8px #000;
			}
				#formHome header .has-title-bg p:first-child { background-size: 66px 58px; }
				#formHome header .has-title-bg span {
					margin-top: -16px;
					line-height: 1.3;
				}
		}
			@media (min-width: 1450px)
			{
				#formHome header .has-title-bg p:first-child {
					font-size: 72px;
					background-position: 8px 3px;
					background-size: 111px 93px;
					padding: 15px 30px;
				}
			}

#formHome form p { margin-bottom: 0; }
#formHome #formColLeft .wpcf7-list-item { display: block; }
#formHome #troubleBlock { padding: 25px 0 18px; }
	@media (max-width: 1199px)
	{
		#formHome #troubleBlock { background-color: #dfdfe0; }
	}

	#formHome .form-group { margin-bottom: 0; }
		@media (min-width: 1200px)
		{
			#formHome .form-group { align-items: center; }
			#formHome .form-group:not(#mailBlock):not(#reqText):not(#submitBlock) { margin-bottom: 15px; }
		}

		#formHome .title-form {
			text-align: center;
			margin-bottom: 22px;
		}
			#formHome .title-form span { display: block; }
			#formHome .title-form span:first-child {
				font-size: 39px;
				line-height: 100%;
			}
			#formHome .title-form span:last-child { font-size: 19px; }
		#formHome #troublesVisuels .wpcf7-list-item:not(:last-child),
		#formHome #autresTroubles .wpcf7-list-item:not(:last-child) { margin-bottom: 15px; }
		#formHome #troublesVisuels .wpcf7-list-item.last label { border-top: 1px solid #000; }
			#formHome #troublesVisuels .wpcf7-list-item.last label .wpcf7-list-item-label {
				display: block;
				margin-top: 15px;
			}
			#formHome #troublesVisuels .wpcf7-list-item.last label .wpcf7-list-item-label::before { margin-top: 15px; }
			#formHome #troublesVisuels .wpcf7-list-item.last label .wpcf7-list-item-label::after { top: 0.6rem; }

#formHome #otherTroubleBlock { padding: 25px 0 30px; }
	@media (max-width: 1199px)
	{
		#formHome #otherTroubleBlock { background-color: #f2f2f3; }
	}

#formHome #formColRight { padding: 25px 30px 40px; }
	@media (min-width: 1200px)
	{
		#formHome #formColRight { padding-bottom: 0; }
	}

	@media (max-width: 1199px)
	{
		#formHome #formColRight { background-color: #dfdfe0; }
	}

	#formHome #formColRight .col-form-label {
		font-size: 24px;
		padding-left: 0;
	}
		@media (min-width: 1200px)
		{
			#formHome #formColRight .col-form-label { text-align: right; }
		}

	#formHome #formColRight .form-control {
		border: 1px solid #000;
		border-radius: 0;
	}

	@media (min-width: 1200px)
	{
		#formHome #formColRight .form-control { height: 42px; }
		#formHome #formColRight #birthBlock span:not(:last-child) { margin-right: 15px; }
			#formHome #formColRight #birthBlock input {
				width: 115px;
				height: 40px;
				font-size: 20px;
				text-align: center;
				border: 1px solid #000;
			}
		#formHome #formColRight #genderBlock .genders { width: 375px; }
		#formHome #formColRight #reqText p {
			width: 100%;
			text-align: center
		}
			#formHome #formColRight #reqText p small { font-size: 14px; }
	}

	@media (max-width: 1199px)
	{
		#formHome #formColRight .textfield .wpcf7-form-control-wrap { width: 100%; }
		#formHome #formColRight #birthBlock { justify-content: space-between; }
			#formHome #formColRight #birthBlock label, #formHome #formColRight #genderBlock label { flex-basis: 100%; }
			#formHome #formColRight #birthBlock input { width: 80px; }
		#formHome #genderBlock { margin-bottom: 10px; }
	}

	#formHome #genderBlock #gender .first { margin-left: 0; }
	#formHome #genderBlock #gender .last { margin-left: 3em; }

	#reqText small { font-size: 13px; }
	#submitBlock {
		margin-top: 30px;
		justify-content: right;
	}
		@media (min-width: 1450px)
		{
			#submitBlock #submitForm {
				padding-left: 25px;
				padding-right: 25px;
			}
		}

		@media (max-width: 1199px)
		{
			#submitBlock { justify-content: center; }
		}

		#submitBlock span.ajax-loader { flex-basis: 100%; }

/* Defects And Deseases */
#defectsAndDeseasesHome { margin-top: 100px; }
	@media (min-width: 1450px)
	{
		#defectsAndDeseasesHome {
			margin-top: 0;
		}
	}

	#defectsAndDeseasesHome header { margin-bottom: 30px; }
		@media (min-width: 1200px)
		{
			#defectsAndDeseasesHome header { margin-bottom: 65px; }
			#defectsAndDeseasesHome figure { position: relative; }
				.deseases-links {
					position: absolute;
					line-height: 100%;
					font-family: "Avenir";
					font-size: 24px;
					font-weight: 500;
				}
				.deseases-links::after {
					content: "";
					position: absolute;
					display: block;
					height: 4px;
					background-color: #000;
					border: 2px solid #000;
					border-radius: 5px;
					transform-origin: center;
				}
				#dLink1 { top: 0; }
					#dLink1::after {
						width: 160px;
						transform: rotate(65deg);
						bottom: -76px;
						left: 83px;
					}
				#dLink2 {
					top: 180px;
					left: -20px;
				}
					#dLink2::after {
						width: 240px;
						transform: rotate(40deg);
						bottom: -86px;
						left: 48px;
					}
				#dLink3 {
					top: 320px;
					left: -40px;
				}
					#dLink3::after {
						width: 89px;
						height: 26px;
						bottom: -26px;
						left: 56px;
						border-top: 0;
						border-right: 0;
						border-bottom-width: 4px;
						border-left-width: 4px;
						border-radius: 0;
						background-color: transparent;
					}
				#dLink4 {
					bottom: 170px;
					left: -30px;
				}
					#dLink4::after {
						width: 120px;
						transform: rotate(-45deg);
						top: -41px;
						left: 64px;
					}
				#dLink5 {
					bottom: 100px;
					left: 85px;
				}
					#dLink5::after {
						width: 233px;
						transform: rotate(-65deg);
						top: -110px;
						left: 10px;
					}
				#dLink6 {
					top: 0;
					right: 119px;
				}
					#dLink6::after {
						width: 400px;
						transform: rotate(-54deg);
						bottom: -169px;
						right: -34px;
					}
				#dLink7 {
					top: 180px;
					right: 20px;
				}
					#dLink7::after {
						width: 310px;
						transform: rotate(-45deg);
						bottom: -114px;
						right: 22px;
					}
				#dLink8 {
					bottom: 250px;
					right: -21px;
				}
				#dLink9 {
					bottom: 100px;
					right: 0;
				}
					#dLink8::after, #dLink9::after { content: none; }
				#dLink10 {
					bottom: 0;
					right: 120px;
				}
					#dLink10::after {
						width: 170px;
						transform: rotate(15deg);
						top: -14px;
						left: -170px;
					}
		}
			@media (min-width: 1450px)
			{
				.deseases-links { font-size: 30px; }
				#dLink1 { left: 158px; }
					#dLink1::after {
						width: 180px;
						transform: rotate(75deg);
						bottom: -93px;
						left: 47px;
					}
				#dLink2 { left: 115px; }
					#dLink2::after {
						width: 270px;
						transform: rotate(34deg);
						left: 42px;
					}
				#dLink3 { left: 40px; }
					#dLink3::after {
						height: 4px;
						border: 2px solid;
						border-radius: 5px;
						top: 34px;
						left: 137px;
						background-color: #000;
					}
				#dLink4 {
					bottom: 197px;
					left: 43px;
				}
					#dLink4::after {
						top: -14px;
						left: 152px;
					}
				#dLink5 {
					left: 238px;
					bottom: 69px;
				}
					#dLink5::after {
						width: 267px;
						transform: rotate(-67deg);
						top: -121px;
						left: 1px;
					}
				#dLink6 {
					top: -5px;
					right: 286px;
				}
				#dLink7 {
					top: 174px;
					right: 186px;
				}
				#dLink8 {
					bottom: 290px;
					right: 0;
				}
				#dLink9 {
					bottom: 112px;
					right: 48px;
				}
				#dLink10 {
					bottom: -18px;
					right: 174px;
				}
					#dLink10::after {
						width: 230px;
						transform: rotate(10deg);
						top: -13px;
						left: -270px;
					}
			}

		@media (max-width: 1199px)
		{
			#defectsAndDeseasesHome figure p { display: none; }
		}
			@media (max-width: 767px)
			{
				#defectsAndDeseasesHome header h2 {
					width: 265px;
					margin-left: auto;
					margin-right: auto;
				}
			}

/* Refractiv Surgery */
#refractiveSurgeryHome { margin-top: 60px; }
	@media (min-width: 1450px)
	{
		#refractiveSurgeryHome { margin-top: 100px; }
	}

	#refractiveSurgeryHomeHeader { margin-bottom: 50px; }
		@media (min-width: 768px)
		{
			#refractiveSurgeryHomeHeader { margin-bottom: 65px; }
		}

	@media (min-width: 992px) and (max-width: 1449px)
	{
		#surgeryListHome { justify-content: space-evenly !important; }
	}

		.surgerylisthome-item { flex-basis: 325px; }
			.surgerylisthome-item .bg-h3 span {
				display: block;
				position: absolute;
				width: 50px;
				top: -6px;
				left: -13px;
				z-index: 1;
		}
		
			@media (min-width: 1200px) and (max-width: 1449px)
			{
				.surgerylisthome-item:nth-child(3) { margin-bottom: 30px; }
			}
				@media (min-width: 768px) and (max-width: 1199px)
				{
					.surgerylisthome-item:first-child { margin-bottom: 30px; }
				}

				.surgerylisthome-item header h3 {
					margin-bottom: 0;
					z-index: 2;
				}
				.surgerylisthome-item header figure img { box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5); }
				
				@media (min-width: 768px)
				{
					.surgerylisthome-item header { margin-bottom: 16px; }
						.surgerylisthome-item header figure { margin-bottom: 56px; }
				}

				@media (max-width: 767px)
				{
					.surgerylisthome-item:not(:last-child) { margin-bottom: 50px; }
						.surgerylisthome-item header { margin-bottom: 33px; }
							.surgerylisthome-item header figure { order: 1; }
							.surgerylisthome-item header .bg-h3 { order: 0; }
							.surgerylisthome-item header h3 {
								margin-bottom: 30px;
								z-index: 2;
							}
				}

/* Emergency */
#emergency {
	position: relative;
	margin-top: 82px;
	background: linear-gradient(to bottom, #FFFFFF 0%, #9b9b9b 100%);
	z-index: 3;
}
	#emergency header h2 { background-image: url("../img/elipse-blanche.png"); }
	#emergency p { text-align: justify; }
		@media (min-width: 576px)
		{
			#emergency p:last-child { text-align: right; }
		}
			@media (min-width: 1200px)
			{
				#emergency { margin-top: 165px; }
			}

		@media (max-width: 1449px)
		{
			#emergency header .has-title-bg h2 {
				background-position: 3px 0;
				padding: 7px 25px;
			}
		}
			@media (max-width: 575px)
			{
				#emergency { padding-bottom: 30px; }
					#emergency p { text-align: center; }
			}

/* Footer Wave */
#footerWave { background-color: #343434; }