#header, #footer{
	position:fixed;
	height: 100px;
	display:block;
	width: 100%;
	z-index:9;
	text-align:center;
	color: #fff;
	padding: 0;
}
#header{
	top:0px;
	background: #084377; background: Zlinear-gradient(to top, #084377 20%, #0F62AC 90%); color: #fff;
}
#header div.wrapper {position: relative; display: inline-block; width: 1200px;}
	
#header p.logo {text-align: left; line-height:60px; padding: 0; margin: 26px 0; z-index: 11;}
#header p.logo img {width: 136px; height: 48px; z-index: 5; margin-left: 10px;}

#menu{
	position: relative; 
	display: block;
	top:0;
	left:0;
	height: 40px;
	z-index: 10;
	width: auto;
	text-align: right;
	padding: 0;
	margin: -90px 0 30px 0;
}
#menu li {
	display:inline-block;
	height: 30px;
	font: bold 90% 'PT Sans Caption', sans-serif;
	margin: 10px 10px 0 10px;
	color: #fff;
}
#menu li.rfp a{
	border: 1px solid rgba(255,255,255,0.5);
	margin: -5px;
   padding: 5px;
   border-radius: 10px;
}
#menu li a{
	text-decoration:none;
	color: #fff;
}
#menu li.active a:hover{

}
#menu li:hover a {
	-webkit-border-radius: 10px;
   border-radius: 10px;
   background: #fff;
   background: rgba(255,255,255,0.5);
   color: #084377;
   margin: -5px;
   padding: 5px;
   -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}
#menu li a,
#menu li.active a{
-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}
#menu li.active a{
	-webkit-border-radius: 10px;
   border-radius: 10px;
   background: #fff;
   color: #084377;
   margin: -5px;
   padding: 5px;
   -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}


.slider-nav {display: block; background: #084377; color: #fff; position: absolute; top: 100px; width: auto; margin: 0 0px 0 0px; border-radius: 0 0 10px 10px; text-align: right; padding: 0 0 30px 0;}
.slider-nav li {display: inline-block; width: auto; margin: 0 10px; padding: 5px; background: #084377;}
.slider-nav li.active {background: white; border-radius: 10px;}
.slider-nav li a {font: bold 90% 'PT Sans Caption', sans-serif; color: #fff;}
.slider-nav li.active a {color: #084377;}



.section, .slide {color: #fff; font: normal 100% 'PT Sans', sans-serif;}

.container {display: inline-block; width: auto; color: #085078;}
@media screen and (min-width: 768px) {
.container {width: 700px;}
.slider-nav {width: 700px;}
}
@media screen and (min-width: 1024px) {
.container {width: 1000px;}
.slider-nav {width: 700px;}
}
@media screen and (min-width: 1200px) {
.container {width: 1200px;}
.slider-nav {width: 700px;}
}

.about div.left, .about div.right {background: rgba(255,255,255,0.5); border-radius:10px; display: block; float: left; width: 550px; margin: 0 10px; height: auto; margin: 0; padding: 0;}

.about div.left {text-align: left; margin-right: 100px;}
.about div.left h1 {font: bold 220% 'PT Sans Caption', sans-serif; Ztext-shadow: 2px 2px 1px #0f62ac;}

.about .right {}
.about .right p {font: normal 150% 'PT Sans Caption', sans-serif; text-align: left; margin-bottom: 1em;}


.services h1 {font: bold 250% 'PT Sans Caption', sans-serif; margin: 50px 0;}

.sub-services li {background: rgba(255,255,255,0.5); border-radius:10px; display: block; float: left; width: 380px; margin: 50px 10px 10px 10px; min-height: 250px; font: normal 90% 'PT Sans', sans-serif;}
.sub-services h2 {font: bold 140% 'PT Sans Caption', sans-serif; margin-bottom: 20px;}





.slide h1 {font: bold 200% 'PT Sans Caption', sans-serif; margin: 50px 0 50px 10px; text-align: left;}
.slide .sub-image {background: rgba(255,255,255,0.5); border-radius:10px; width: 740px; margin-right: 50px; margin-left: 10px; float: left; font: normal 120% 'PT Sans', sans-serif; text-align: left;}
.slide .sub-comment {background: rgba(255,255,255,0.5); border-radius:10px; width: 390px; float: left; font: normal 120% 'PT Sans', sans-serif; text-align: left;}


ul.bulleted-list {display: block; margin: 1em 0;}
ul.bulleted-list li {display: list-item; list-style-type: disc; list-style-position: outside;  margin: 0 0 0.5em 1em;}

/* GENERAL */
div.continue {color: #aa3623; border: 1px solid #aa3623; font: bold 175% 'PT Sans Narrow', sans-serif; box-sizing: border-box; width: 150px; height:150px; border-radius: 50%; padding: 40px 10px 0 10px; margin: 50px auto -100px auto; background: rgba(255,255,255,0.5); text-align: center;}
div.continue:after {content: "▽"; display: block;}
div.continue:hover {color: #3c5a1a; border: 6px solid #3c5a1a; padding-top: 35px;}
div.continue, div.continue:hover {-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

background-image: url(/i/da.gif);background-size: 30%; background-repeat: no-repeat; background-position: 50% -200%; border: 2px solid #085070;}

/* CONTENT */

div.media-big {display: none;}
div.media-small {display: block;}
@media screen and (min-width: 1px) {
	div.media-big {display: none;}
	div.media-small {display: block;}
}
@media screen and (min-width: 1024px) {
	div.media-big {display: block;}
	div.media-small {display: none;}
}







.welcome {}
.welcome h1 {color: #085078; font: bold 300% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.welcome h2 {color: #085078; font: bold 200% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.welcome h3 {color: #085078; font: bold 150% 'PT Sans Caption', sans-serif; margin: 0 300px 25px 300px; text-align: center;}
.welcome div.button {color: #fff; background: #aa3623; border-radius: 10px; padding: 10px 0; font: bold 150% 'PT Sans Caption', sans-serif; margin: 50px 300px 0 300px; text-align: center;}
.welcome div.button:hover {background: #3c5a1a; box-shadow: 0 0 20px rgba(112,25,0,0.5);}
.welcome div.button, .welcome div.button:hover {-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

div.media-small h1 {color: #085078; font: bold 350% 'PT Sans Caption', sans-serif; margin: 0; text-align: center;}
div.media-small h2 {color: #085078; font: bold 280% 'PT Sans Caption', sans-serif; margin: 0; text-align: center;}
div.media-small h3 {color: #085078; font: bold 200% 'PT Sans Caption', sans-serif; margin: 20px; text-align: center;}
div.media-small div.small-button {color: #fff; background: #aa3623; border-radius: 10px; padding: 10px 0; font: bold 250% 'PT Sans Caption', sans-serif; margin-top: 25px;}

.about h1 {color: #085078; font: bold 220% 'PT Sans Caption', sans-serif; margin: 0 200px 50px 200px; text-align: center;}
.about ul.history, .about ul.milestones {display: block; width: 600px; float: left; text-align: left; color: #085078; font: normal 100% 'PT Sans', sans-serif; background: white; background: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.6));}
.about ul.history li {display: list-item; height: 30px; overflow: visible; margin: 0 50px 0 70px; padding-bottom: 0px; float: none; clear: both; margin-bottom: 10px;}
.about ul.history li span.year {display: block; position:relative; left: -70px; top: -2px; font-size: 120%; font-weight:normal; margin-bottom: -30px;}
.about ul.history li span.year-c {display: block; position:relative; left: -70px; top: -12px; font-size: 200%; font-weight:bold; margin-bottom: -30px;}
.about ul.history li span.text {display: none; position: relative; background: white; font: normal 140% 'PT Sans', sans-serif; left: 30px; top: -15px;}

.about ul.milestones li {margin-bottom: 20px; margin-left: 50px;}
.about ul.milestones li span {font-size: 150%; line-height: 100%;}
.about ul.milestones li strong {font-size: 200%; line-height: 100%;}
.about ul.milestones-small {margin-top: 25px;}
.about ul.milestones-small li {margin-bottom: 10px; margin-left: 50px; font: bold 200% 'PT Sans Caption', sans-serif;}
.about ul.milestones-small li span {font-size: 150%; line-height: 100%;}
.about ul.milestones-small li strong {font-size: 200%; line-height: 100%;}



ul.services-small {margin-top: 25px;}
ul.services-small li {margin-bottom: 10px; margin-left: 50px; font: bold 300% 'PT Sans Caption', sans-serif;}


.coverage h1 {color: #085078; font: bold 250% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.coverage h2 {color: #085078; font: bold 150% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}

.experience h1 {color: #085078; font: bold 250% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.experience h2 {color: #085078; font: bold 150% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.experience .ct-chart {position: relative;}
.experience .mydonut {stroke-width: 60px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.experience .md1 {stroke: #0f62ac;}
.experience .md2 {stroke: #4B23B3;}
.experience .md3 {stroke: #BB39B0;}
.experience .md4 {stroke: #C3515E;}
.experience .md5 {stroke: #CBAE6B;}
.experience .md6 {stroke: #ACD386;}
.experience .md7 {stroke: #A4DBB4;}
.experience .mydonut:hover {stroke-width: 70px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.experience .chart-label {color: #085078; font: bold 225% 'PT Sans Caption', sans-serif; position: absolute; top: 50%; left: 50%;}
.experience .l1 {margin: -140px 0 0 120px;}
.experience .l2 {margin: -60px 0 0 150px;}
.experience .l3 {margin:  60px 0 0 140px;}
.experience .l4 {margin:  120px 0 0 -240px;}
.experience .l5 {margin:  50px 0 0 -280px;}
.experience .l6 {margin:  -15px 0 0 -360px;}
.experience .l7 {margin: -120px 0 0 -180px;}

.nosology .pathologies, .nosology .request {display: block; width: 600px; height: 300px; float: left; background: white; background: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.6)); border-radius: 10px; color: #085078; font: normal 100% 'PT Sans', sans-serif;}
.nosology .pathologies {width: 580px; margin-right: 20px;}
.nosology .pathologies p {text-align: center; margin: 20px 0px 20px 0px; font: normal 100% 'PT Sans Caption', sans-serif;}
.nosology .pathologies ul {width: 500px; margin: 10px auto;}
.nosology .pathologies li {display: list-item; list-style-type: none; text-align: center; margin: 5px 0; font: bold 125% 'PT Sans Caption', sans-serif;}
.nosology .request 	{width: 580px; margin-left: 20px; background-image: url('/i/recent-projects.png'); background-position: right bottom; background-repeat: no-repeat;}
.nosology .request-small 	{width: 200px; margin-left: 0px; background: none;}
.nosology .request-a {cursor: pointer; font: bold 110% 'PT Sans Caption', sans-serif; background: #aa3623; color: #fff; width: 300px; margin: 200px auto 20px auto; padding: 10px; border-radius: 10px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.nosology .request-a:hover {background: #75261A; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.nosology .request-a a, .nosology .request-b a {color: #fff; text-decoration: underline;}
.nosology .request-b {display: none; font: bold 110% 'PT Sans Caption', sans-serif; background: #3C5A1A; color: #fff; width: 300px; margin: 200px auto 20px auto; padding: 10px; border-radius: 10px;}
.nosology h1 {color: #085078; font: bold 250% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.nosology .pathology h1, .nosology .request h1 {color: #085078; font: bold 200% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.nosology h2 {color: #085078; font: normal 125% 'PT Sans Caption', sans-serif; margin: 0 0 10px 0; text-align: center;}
.nosology input {color: #085078; height: 30px; width: 300px; border: 1px solid #085478; border-radius: 10px; font: bold 125% 'PT Sans Caption', sans-serif; text-align: center; margin-bottom: 10px;}
.nosology input[type='checkbox'] {width: 20px; height: 20px;}
.nosology input[type='button'] {background: #085078; color: #fff; height: 40px; margin-top: 300px;}
.nosology label {display: block; margin-bottom: 10px;}
.nosology div.summary {font: normal 125% 'PT Sans', sans-serif; text-align: left;  -webkit-columns: 300px 2; -moz-columns: 300px 2;  columns: 300px 2;}
.disease-small {font-size: 300%;}

.team h1 {color: #085078; font: bold 250% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.team h2 {color: #085078; font: bold 150% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.team .mod_2 {display: block; box-sizing: border-box; width: 600px; float: left; background: white; border-radius: 10px; color: #085078;}
.team .mod_2 {padding: 0 10px 0 200px; text-align: left; background-position: left top; background-repeat: no-repeat; min-height: 350px;}
.team .mod_3 {display: block; box-sizing: border-box; width: 400px; float: left; background: white; border-radius: 10px; color: #085078;}
.team .mod_3 {padding: 0 10px 0 125px; text-align: left; background-position: left top; background-repeat: no-repeat; min-height: 350px;}
.team .mod_3_short {padding: 0 10px 0 125px; text-align: left; background-position: left top; background-repeat: no-repeat; min-height: 0;}
.team h3 {color: #085078; font: bold 150% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: left;}
.team p {color: #085078; font: mormal 160% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: left;}
.team .mod_3_short h3 {font: bold 125% 'PT Sans Caption', sans-serif;}

.team div.button {color: #fff; background: #aa3623; border-radius: 10px; padding: 5px; margin-bottom:20px; font: bold 100% 'PT Sans Caption', sans-serif; text-align: center;}
.team div.button-big {color: #fff; background: #aa3623; border-radius: 10px; padding: 5px; float: none; clear: both; margin: 0 200px 0 200px;  font: bold 150% 'PT Sans Caption', sans-serif; text-align: center;}
.team div.button:hover {background: #3c5a1a; box-shadow: 0 0 20px rgba(112,25,0,0.5);}
.team div.button, .team div.button:hover {-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}




.team .apter {background-image: url('/i/f_japter.jpg');}
.team .selivra {background-image: url('/i/f_eselivra.jpg');}
.team .kuzmicheva {background-image: url('/i/f_kuzmicheva.jpg');}
.team .katsnelson {background-image: url('/i/f_katsnelson.jpg');}
.team .stiblo {background-image: url('/i/f_stiblo.jpg');}
.team .seredyuk {background-image: url('/i/f-seredyuk.png');}
.team .leka {background-image: url('/i/f-leka.png');}
.team .goriachikh {background-image: url('/i/f-goriachikh.png');}
.team .nayda {background-image: url('/i/f-nayda.png');}
.team .hilan {background-image: url('/i/f-hilan.png');}
.team .golovacheva {background-image: url('/i/f-golovacheva.png');}

.testimonials {text-align: center;}
.testimonials h1 {color: #085078; font: bold 250% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.testimonial {display: block; float: left; box-sizing: border-box; width: 380px; hesight: 300px; padding: 20px; margin: 0 5px; border-radius: 10px; background: #084377; color: #fff; }
.testimonial p.quote {font: italic 125% 'PT Sans', sans-serif;}
.testimonial p.client {margin-top: 1em; font: normal 125% 'PT Sans', sans-serif;}
.testimonial p.quote:before {content: open-quote;}
.testimonial p.quote:after {content: close-quote;}
.testimonial-small {display: block; float: none; box-sizing: border-box; width: auto; hesight: 300px; padding: 20px; margin: 0 5px; border-radius: 10px; background: #084377; color: #fff; }
.testimonial-small p.quote {font: italic 250% 'PT Sans', sans-serif;}
.testimonial-small p.client {margin-top: 1em; font: normal 220% 'PT Sans', sans-serif;}
.testimonial-small p.quote:before {content: open-quote;}
.testimonial-small p.quote:after {content: close-quote;}


.testimonials div.logo {float: none; clear: both; height: 20px;}
.testimonials div.button {color: #fff; background: #aa3623; border-radius: 10px; padding: 10px 0; font: bold 150% 'PT Sans Caption', sans-serif; margin: 20px 300px 0 300px; text-align: center; float: none; clear: both;}
.testimonials div.button:hover {background: #3c5a1a; box-shadow: 0 0 20px rgba(112,25,0,0.5);}
.testimonials div.button, .testimonials div.button:hover {-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}


.contact .summary, .contact .form {display: block; width: 600px; height: 500px; float: left; background: white; background: linear-gradient(to bottom, rgba(255,255,255,0.9), rgba(255,255,255,0.6)); border-radius: 10px; color: #085078; font: normal 100% 'PT Sans', sans-serif;}
.contact .summary {width: 580px; margin-right: 20px;}
.contact .summary p {text-align: center; margin: 20px 0 40px 0;}
.contact .summary ul {width: 350px; margin: 50px auto;}
.contact .summary li {display: list-item; list-style-type: disc; text-align: left; margin: 10px 0; font: bold 150% 'PT Sans Caption', sans-serif;}
.contact .form 	{width: 580px; margin-left: 20px;}
.contact h1 {color: #085078; font: bold 250% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.contact .summary h1, .contact .form h1 {color: #085078; font: bold 200% 'PT Sans Caption', sans-serif; margin: 0 0 25px 0; text-align: center;}
.contact h2 {color: #085078; font: normal 100% 'PT Sans', sans-serif; margin: 0 0 10px 0; text-align: center;}
.contact input {color: #085078; height: 30px; width: 300px; border: 1px solid #085478; border-radius: 10px; font: bold 125% 'PT Sans Caption', sans-serif; text-align: center; margin-bottom: 10px;}
.contact textarea {color: #085078; height: 90px; width: 300px; border: 1px solid #085478; border-radius: 10px; font: normal 100% 'PT Sans Caption', sans-serif; text-align: left; margin-bottom: 10px; padding: 5px; box-sizing: border-box;}
.contact input[type='checkbox'] {width: 30px; height: 30px; border: 1px solid #085478; border-radius: 10px;}
.contact input[type='submit'] {background: #aa3623; color: #fff; height: 40px; cursor: pointer; border: none;}
.contact input[type='submit']:hover {background: #3c5a1a;}
.contact input[type='submit'], .contact input[type='submit']:hover {-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.contact label {display: block; margin-bottom: 10px; font: normal 100% 'PT Sans Caption', sans-serif;}
.contact label.checkbox {line-height: normal; font-size: 80%; margin-left: 200px; text-align: left;}
.contact label.checkbox input {float: left; margin-left: -60px;}

.form-small input {color: #085078; height: auto; width: 280px; border: 1px solid #085478; border-radius: 10px; font: bold 325% 'PT Sans Caption', sans-serif; text-align: center; margin-bottom: 10px;}
.form-small textarea {color: #085078; height: 200px; width: 280px; border: 1px solid #085478; border-radius: 10px; font: bold 325% 'PT Sans Caption', sans-serif; text-align: center; margin-bottom: 10px;}
.form-small label {display: block; margin-bottom: 10px; font: normal 200% 'PT Sans Caption', sans-serif;}
.form-small input[type='submit'] {background: #aa3623; color: #fff; height: auto; cursor: pointer; border: none;}

/* PLACEHOLDERS*/

.ph-services {width: 1200px; height: 600px; margin-top: 0px; background: url('/i/ph-services.png');}
.ph-coverage {width: 1200px; height: 600px; margin-top: 0px; background: url('/i/ph-coverage.png');}
.ph-experience {width: 1200px; height: 600px; margin-top: 0px; background: url('/i/ph-experience.png');}
.ph-ex-oncology {width: 1200px; height: 600px; margin-top: 0px; background: url('/i/ph-ex-oncology.png');}
.ph-ex-ophthalmology {width: 1200px; height: 600px; margin-top: 0px; background: url('/i/ph-ex-ophthalmology.png');}

.ph-management {width: 1200px; height: 600px; margin-top: 0px; background: url('/i/ph-management.png');}
.ph-team-1 {width: 1200px; height: 600px; margin-top: 0px; background: url('/i/ph-team-1.png');}
.ph-team-2 {width: 1200px; height: 600px; margin-top: 0px; background: url('/i/ph-team-2.png');}

.ph-testimonials {width: 1200px; height: 600px; margin-top: 0px; background: url('/i/ph-testimonials.png');}
.ph-contact {width: 1200px; height: 600px; margin-top: 0px; background: url('/i/ph-contact.png');}


body {
background: #fff;
background-image: url('/i/wave-1.png'), url('/i/wave-2.png');
background-repeat: no-repeat;
background-position: center 100%, center bottom;
background-size: contain;}

#section0, #section1, #section2, #section3, #section4, #section5, #section6, #section7, .slide {
background: none;
}


#footer{
	display: none;
}