* {
		margin: 0; padding: 0;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
		display: block;
	}

	body {
	  width: 100%; background: #ffffff;
	}

	html {
	  width: 100%; height: 100%; scroll-behavior: smooth; background: #ffffff;
	}

	.flex {
		display: -webkit-flex; -webkit-justify-content: center; display: flex; justify-content: left;
	}

	.sticky {
		position: -webkit-sticky; position: sticky; top: 0;
	}

	.table {
		display: table;
	}

	.row {
		display: table-row;
	}

	.cell {
		display: table-cell; text-align: left; vertical-align: middle;
	}

/******************** HEADER ************************************************************/

	#header {
		width: 100%; font-family: 'Montserrat', sans-serif; font-size: 15px; font-style: normal;
		background: #ffffff;
	}

	#header div.top {
		width: 100%; height: 70px; padding-top: 25px; padding-bottom: 25px;
		border-bottom: 1px solid #e3e3e3;
	}

	#header div.top div.wrapper {
		width: 1500px; margin: 0 auto;
		display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: center; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: left;
	}

	#header div.logo {
		width: 300px;
	}

	#header div.logo img {
		width: auto; height: 70px;
	}

/******************** button ************************************************************/

	#header .button {
		width: 270px; padding-left: 25px; display: table;
	}

	#header .button .row {
		display: table-row;
	}

	#header .button .cell {
		display: table-cell; vertical-align: middle; text-align: left;
	}

	#header .button a {
		padding-left: 70px; padding-right: 60px; padding-top: 20px; padding-bottom: 20px; font-size: 15px; color: #353433; font-weight: 600; text-decoration: none; background: url("/source/services-icons.png") 30px center #f2f4f9; background-repeat: no-repeat; background-size: auto 20px;
	}

	#header .button a:hover {
		color: #671065;
	}

/******************** contacts ************************************************************/

	#header .contacts {
		width: 300px; padding-left: 25px; display: table;
	}

	#header .contacts .row {
		display: table-row;
	}

	#header .contacts .cell {
		display: table-cell; vertical-align: middle; text-align: left;
	}

	#header .phone {
		padding-left: 40px; background-image: url("/source/phone-icons.png"); background-repeat: no-repeat; background-size: auto 28px;
	}

	#header .phone a {
		font-family: 'Montserrat', sans-serif; font-size: 21px; color: #373635; font-weight: 800; font-style: normal; text-decoration: none; line-height: 28px;
	}

	#header .phone a:hover {
		text-decoration: none;
	}

/******************** topNav ************************************************************/

	#header .topNav {
		width: 500px; padding-left: 25px; display: table;
	}

	#header .topNav .row {
		display: table-row;
	}

	#header .topNav .cell {
		display: table-cell; vertical-align: middle; text-align: left;
	}

	#header .topNav ul {
	  list-style: none;
	}

	#header .topNav li {
	  padding-left: 30px; padding-right: 30px; float: left;
	}

	#header .topNav li a {
		font-size: 15px; color: #163c73; font-weight: 600; text-decoration: none;
	}

/******************** services ************************************************************/

	#header div.services {
		width: 100%; 
		border-bottom: 1px solid #e3e3e3;
	}

	#header div.services div.wrapper {
		width: 1500px; margin: 0 auto;
		display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: center; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: left;
	}

	#header div.services ul {
    width: 100%; display: flex;
	}

	#header div.services li {
		position: relative; list-style: none; text-align: center; flex-grow: 1;
	}

	#header div.services li a {
		display: block; font-size: 15px; color: #163c73; font-weight: 800; text-transform: uppercase; text-decoration: none; line-height: 48px;
	}

	#header div.services li a:hover {
		color: #671065;
	}

	#header div.services li:hover {
		background: #f2f4f9;
	}

/******************** sponsors ************************************************************/

	.sponsors {
		width: 100%; height: 250px; margin-top: 50px; margin-bottom: 50px; padding-top: 50px; padding-bottom: 50px; background: #f2f4f9;
	}

	.sponsors .wrapper {
		width: 1500px; margin: 0 auto;
	}

	.sponsors .wrapper h2 {
		margin-top: 40px; font-size: 24px; font-weight: 800;
	}

/******************** middleSection ************************************************************/

	#middle .middleSection {
		width: 100%; padding-top: 80px; padding-bottom: 80px; 
		background: linear-gradient(90deg, rgba(8,42,77,0.1), rgba(99,41,114,0.1)), url("/source/background.jpg") center center; background-size: cover;
	}

	.middleSection .wrapper {
		width: 1200px; margin: 0 auto;
	}

	.middleSection .header {
		width: 800px; font-family: 'Roboto', sans-serif; font-size: 40px; color: #ffffff; font-weight: 600; text-transform: uppercase;
	}

	.middleSection .slogan {
		width: 900px; font-family: 'Montserrat', sans-serif; color: #ffffff; font-style: normal; font-size: 18px; font-weight: 400; line-height: 21px; background: #f8daff;
	}

	.middleSection font {
		display: block;
	}

	.middleSection p {
		padding-top: 30px; width: 500px; font-family: 'Montserrat', sans-serif; color: #ffffff; font-style: normal; font-size: 21px; font-weight: 400; line-height: 24px;
	}

/******************** FOOTER ************************************************************/

	#footer {
		width: 100%; font-family: 'Montserrat', sans-serif; font-size: 15px; font-style: normal;
		background: linear-gradient(90deg, rgba(8,42,77,0.98), rgba(99,41,114,0.97)), url("/source/footer.jpg") center center; background-size: cover;
	}

	#footer .wrapper {
		width: 1500px; margin: 0 auto; padding-top: 100px; padding-bottom: 100px;
	}

	#footer .container {
		display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: center; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: left;
	}

	#footer .contacts {
		width: 600px;
	}

	#footer img.logo {
		width: auto; height: 65px;
	}

	#footer div.name {
		width: 500px; padding-top: 30px; color: #c9b9cb; font-weight: 600; line-height: 21px;
	}

	#footer ul.about_links {
	  padding-top: 30px; padding-bottom: 30px;
	}

	#footer ul.about_links li {
	  padding-bottom: 10px; list-style: none;
	}

	#footer ul.documents_links {
	  padding-top: 30px; padding-bottom: 30px;
	}

	#footer ul.documents_links li {
	  padding-bottom: 10px; list-style: none;
	}

	#footer ul.about_links a, #footer ul.documents_links a {
		color: #ffffff; font-weight: 600; text-decoration: none;
	}

	#footer ul.about_links a:hover, #footer ul.documents_links a:hover {
		text-decoration: underline;
	}

	#footer div.phone, #footer div.email {
		color: #c9b9cb; font-weight: 600; line-height: 21px;
	}

	#footer div.phone a, #footer div.email a {
		color: #ffffff; font-weight: 800; text-decoration: none;
	}

	#footer div.phone a:hover {
		text-decoration: none;
	}

	#footer div.email a:hover {
		text-decoration: underline;
	}

	#footer div.social {
		padding-top: 60px;
	}

	#footer div.social span {
		padding-right: 10px; color: #c9b9cb; font-weight: 600; line-height: 36px;
	}

	#footer a.social_icons {
		padding-left: 10px;
	}

	#footer img.social_icons {
		width: auto; height: 36px;
	}

	#footer div.message {
		width: 1000px; padding-top: 100px; color: #c9b9cb; font-weight: 600; line-height: 21px;
	}

	#footer div.copyright {
		padding-top: 10px; color: #c9b9cb; font-weight: 600;
	}

	#footer nav.services {
		width: 450px;
	}

	#footer nav.services ul {
	  padding-top: 40px; padding-bottom: 15px;
	}

	#footer nav.services li {
	  list-style: none; padding-bottom: 8px;
	}

	#footer nav.services li:first-child {
	  padding-bottom: 30px;
	}

	#footer nav.services  li a.main {
		color: #ffffff; font-weight: 800; text-transform: uppercase;
	}

	#footer nav.services  li a {
		color: #c9b9cb; font-weight: 600; text-decoration: none;
	}

	#footer nav.services li a:hover {
		text-decoration: underline;
	}






/******************** ECOSYSTEM ************************************************************/

	.ecosystem {
		width: 100%; padding-top: 100px; padding-bottom: 100px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-style: normal; background: #ffffff;
	}

	.ecosystem .wrapper {
		width: 1500px; margin: 0 auto;
	}

	.ecosystem .ecosystemSection {
		width: 100%; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: center; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: left;
	}

	.ecosystem .ecosystemHeader {
		width: 400px;
	}

	.ecosystem .ecosystemBody {
		width: 1020px; margin-left: 80px;
	}

	.ecosystemBody .container {
		width: 100%; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: left; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: left;
	}

	.ecosystemBody .item {
		width: 280px; height: 280px; margin-left: 30px; margin-right: 30px; margin-bottom: 60px; text-align: left;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 3px 0px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 3px 0px rgba(34, 60, 80, 0.2);
	}

	.ecosystem h2 {
		padding-top: 20px; font-family: 'Roboto', sans-serif; font-size: 40px; color: #3e2963; font-weight: 600; text-transform: uppercase; text-align: left;
	}

	.ecosystem .slogan {
		font-family: 'Roboto', sans-serif; font-size: 21px; color: #231f20; font-weight: 600; text-transform: uppercase; text-align: left;
	}

	.ecosystem hr {
		width: 250px; height: 8px; margin: 20px 0; border: 0; background: #eeeeee;
	}

	.ecosystem p {
		font-size: 18px; color: #231f20; font-weight: 300; line-height: 24px;
	}

	.ecosystem img {
		width: 280px; height: auto;
	}





/******************** news ************************************************************/

	.news {
		width: 100%; margin-top: 100px; margin-bottom: 100px; font-family: 'Montserrat', sans-serif; font-size: 15px; font-style: normal; background: #ffffff;
		-webkit-box-shadow: 0px 15px 15px -15px rgba(34, 60, 80, 0.2) inset; -moz-box-shadow: 0px 15px 15px -15px rgba(34, 60, 80, 0.2) inset; box-shadow: 0px 15px 15px -15px rgba(34, 60, 80, 0.2) inset;
	}

	.news .wrapper {
		width: 1500px; margin: 0 auto; padding-top: 100px;
	}

	.news h2 {
		font-family: 'Roboto', sans-serif; font-size: 40px; color: #3e2963; font-weight: 600; text-decoration: none; text-transform: uppercase; text-align: center;
	}

	.news hr {
		width: 200px; height: 8px; margin: 40px auto 0; border: 0; background: #eeeeee;
	}

	.news p {
		margin-bottom: 15px; font-family: 'Roboto', sans-serif; font-size: 18px; color: #231f20; font-weight: 400; font-style: normal; line-height: 31px; text-align: justify;
	}

	.news .container {
		margin-top: 80px; margin-bottom: 50px; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: center; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: center;
	}

	.news .item {
		width: 460px; margin-left: 30px; margin-right: 30px;
	}

	.news .item:first-child {
		margin-left: 0;
	}

	.news .item:last-child {
		margin-right: 0;
	}

	.news .newsSection {
		width: 100%; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: center; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: center;
	}

	.news img {
		width: 120px; height: 120px; border-radius: 10px;
	}

	.news .newsBody {
		width: 315px; margin-left: 25px;
	}

	.newsBody a.newsHeader {
		display: block; margin-bottom: 15px; font-size: 16px; color: #3e2963; font-weight: 800; text-decoration: none; text-align: left;
	}

	.newsBody a.newsHeader:hover {
		color: #602970;
	}

	.newsBody a.Tags {
		margin-left: 10px; padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px; font-size: 13px; color: #231f20; font-weight: 400; text-decoration: none; text-align: left; background: #eeeeee; border-radius: 4px;
	}

	.newsBody a.Tags:hover {
		text-decoration: underline;
	}

	.newsBody span {
		display: block; margin-bottom: 25px; color: #231f20; font-weight: 400; text-align: left;
	}

	.news .newsTags {
		font-size: 13px; color: #231f20; font-weight: 400; text-align: left;
	}

	.news .allNews {
		width: 100%; margin-top: 100px; text-align: center;
	}

	.news .allNews a {
		padding-left: 40px; padding-right: 40px; padding-top: 20px; padding-bottom: 20px; font-size: 15px; color: #ffffff; font-weight: 600; text-decoration: none; text-align: center; background: #3e2963;
	}

	.news .allNews a:hover {
		background: #602970;
	}



/******************** partners ************************************************************/

	.partners {
		width: 100%; padding-top: 100px; padding-bottom: 100px; font-family: 'Montserrat', sans-serif; font-style: normal; background: #f3f7f9;
	}

	.partners .wrapper {
		width: 1500px; margin: 0 auto;
	}

	.partners .partnersSection {
		width: 100%; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: center; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: left;
	}

	.partners .partnersHeader {
		width: 500px; margin-left: 100px;
	}

	.partners .partnersBody {
		width: 900px;
	}

	.partnersHeader h2 {
		padding-top: 20px; font-family: 'Roboto', sans-serif; font-size: 40px; color: #3e2963; font-weight: 600; text-transform: uppercase; text-align: left;
	}

	.partnersHeader .slogan {
		font-family: 'Roboto', sans-serif; font-size: 21px; color: #231f20; font-weight: 600; text-transform: uppercase; text-align: left;
	}

	.partnersHeader hr {
		width: 250px; height: 8px; margin: 20px 0; border: 0; background: #eeeeee;
	}

	.partnersHeader p {
		font-size: 18px; color: #231f20; font-weight: 300; line-height: 24px;
	}

	.partners .container {
		width: 900px; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: center; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: center;
	}

	.partners .item {
		width: 240px; margin-left: 30px; margin-right: 30px; margin-bottom: 30px; text-align: center;
	}

	.partnersBody img {
		width: auto; height: 120px;
	}

	.partnersBody p {
		font-size: 15px; color: #231f20; font-weight: 400; line-height: 21px;
	}



/******************** patients ************************************************************/

	.patients {
		width: 100%; padding-top: 100px; padding-bottom: 100px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-style: normal; background: #ffffff;
	}

	.patients .wrapper {
		width: 1500px; margin: 0 auto;
	}

	.patients .patientsSection {
		width: 100%; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: center; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: left;
	}

	.patients .patientsHeader {
		width: 400px;
	}

	.patients .patientsBody {
		width: 1020px; margin-left: 80px;
	}

	.patientsBody .container {
		width: 100%; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-content: flex-end; -webkit-justify-content: left; display: flex; flex-flow: row wrap; align-content: flex-end; justify-content: left;
	}

	.patientsBody .item {
		width: 280px; height: 280px; margin-left: 30px; margin-right: 30px; margin-bottom: 60px; padding: 50px; box-sizing: border-box; text-align: left; background: url("/source/corner.png") bottom right #602970; background-repeat: no-repeat;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 3px 0px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 3px 0px rgba(34, 60, 80, 0.2);
	}

	.patientsBody .item:hover {
		 background: url("/source/corneractive.png") bottom right #9640af; background-repeat: no-repeat;
	}

	.patients h2 {
		padding-top: 20px; font-family: 'Roboto', sans-serif; font-size: 40px; color: #3e2963; font-weight: 600; text-transform: uppercase; text-align: left;
	}

	.patients .slogan {
		font-family: 'Roboto', sans-serif; font-size: 21px; color: #231f20; font-weight: 600; text-transform: uppercase; text-align: left;
	}

	.patients hr {
		width: 250px; height: 8px; margin: 20px 0; border: 0; background: #eeeeee;
	}

	.patients .num {
		font-family: 'Futura PT', sans-serif; font-size: 40px; color: #ffffff; text-transform: uppercase; text-align: left;
	}

	.patients a {
		font-family: 'Futura PT', sans-serif; font-size: 28px; color: #ffffff; text-transform: uppercase; text-decoration: none; line-height: 28px;
	}

	.patients a:hover {
		color: #ffffff;
	}

	.patients p {
		font-size: 18px; color: #231f20; font-weight: 300; line-height: 24px;
	}



/******************** about ************************************************************/

	.about {
		width: 100%; padding-top: 100px; font-family: 'Montserrat', sans-serif; font-size: 16px; font-style: normal; background: #ffffff;
	}

	.about .wrapper {
		width: 1500px; margin: 0 auto;
	}

	.about p {
		padding-bottom: 20px; font-size: 18px; color: #231f20; font-weight: 300; line-height: 24px; text-align: justify;
	}

	.about strong {
		font-weight: 600;
	}