/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

#menu-select {
display:none;
}

#social {
float:right;
width:90px;
display:block;
}


.facebook {
background: url('../img/fb-black.png');
display:block;
float:left;
width:37px;
height:37px;
}

.facebook:hover{
background: url('../img/fb-hover.png');
}

.linkedin {
background: url('../img/linkedin.png');
display:block;
float:left;
width:37px;
height:37px;
}

.linkedin:hover{
background: url('../img/linkedin-hover.png');
}


#footer {
width:100%;
height:30px;
background:black;
position:absolute;
bottom:0px;
}

#footer p {
line-height:30px;
text-align:right;
margin-right:10px;
font-size:12px;
color:white;
}

#footer a {
font-weight:bold;
color:white;
}

.partner-text ul {
padding-left:15px;
list-style-type: disc;
}

.column ul li {
list-style-type: disc;
line-height: 15px;
margin-bottom: 0px;
}

.column span {
line-height:15px!important;
}

li span {
line-height:15px!important;
}


.heading-arrow,.heading-arrow-resp {
height: 54px;
display:block;
background:black url('../img/velos-down.png') center no-repeat;
}

.heading-arrow-up {
height: 54px;
display:block;
background:black url('../img/velos-up.png') center no-repeat;
}

.heading-arrow:hover, .heading-arrow-up:hover{
cursor:pointer;
cursor:hand;
}

.hidden-accordion {
background: rgb(0, 0,0);
background: rgba(0, 0,0, 0.75);
font-weight:normal;
height:304px;
overflow:hidden;
padding:13px;
}

.column div {
color: white;
}

.heading-second:hover {
cursor:hover;
cursor:pointer;
}

	.back-to-top {
		width:54px; 
		height:52px;
		background: url('../img/velosdexianormal1.png') no-repeat;
		text-decoration: none;
		text-indent:-9999px;
		position:fixed;
		z-index:1000;
		bottom: 40px;
		right: 10px;
		display:none;
	}
	
	.back-to-top:hover {
	 background: url('../img/velosdexianormal2.png') no-repeat;
	}

.button {
background:#B1B5A1;
color:black!important;
font-size:18px;
}

.button:hover {
background:black;
color:white!important;
}

a:hover {
	 color:#B1B5A1;
	 }
	 
	 .hidden {
	 display:none;
	 }
	 
	 .scroller_anchor{height:0px; margin:0; padding:0;}
	 
	 .hidden-person p {
		font-size: 16px;
		padding-left: 20px;
		padding-right: 20px;
		color: white!important;
	}
	
	.person h4 {
		margin-bottom: 40px;
		font-family: "GillSansBold";
		line-height: 25px;
	}
	
	.intro-person {
		height: 150px;
}

	.knee {
	  float:left;
	  width:360px;
	  height:355px;
	  display:block;
	 }
	 
	 #knee-1 {
	 background: url('../img/isxion.png');
	 }
	 
	 #knee-2 {
	 background: url('../img/gonato.png');
	 }
	 
	 #knee-3{
	 background: url('../img/omos.png');
	 }
	 
	 #slide-5 .hsContainer {
		 background: url('../img/pattern-5.png') repeat;
		 margin: auto 5px;
		 height:500px;
	}
	
.gal-item img {
width:100%;
}


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
	
	@media only screen and (min-width: 960px) and (max-width: 1370px) { 
	
	#burger-menu {
	display:none;
	}
	
	#social {
		float:right;
		width:90px;
		display:block;
		margin-top:30px;
	}

	
	#contact-button-div {
	height: 155px; 
	width: 300px!important;
	display: block;
	overflow: hidden;
	}
	
	.person h4 {
	margin-bottom: 40px;
	font-family: "GillSansBold";
	line-height: 25px!important;
	}
	
	.link-to-sub-resp{
	display:none!important;
	}
	
	.resp-par {
	  display:none;
	}
	
	.heading-resp{
		display:none;
	}
	
	.heading-arrow-resp {
	display:none;
	}
	
	.button-cont {
	  height: 155px; 
	  width: 420px; 
	  display: block;
	  overflow: hidden;
	}
	
	.bcg {
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		height: 100%;
		width: 100%;
	}
	
	 .content-head {
	  margin-bottom:50px;
	  margin-top:50px;
	 }	
	 
	 .head-from-top {
	  margin-top: 50px;
}
	
	#map {
	height: 230px;
	width: 100%;
	display: block;
	}

	
		/* Slide 1 */ 

	#slide-1 .hsContent {
		 margin: auto;
		 position: absolute;
		 width:400px;
		 height:409px;
		 top: 0px; 
		 left: 0; 
		 bottom: 0;
		 right: 0;
		}
		

	.hidden-url a:hover ,.hidden-person a:hover{
	color:white!important;
	text-decoration:none;
	font-weight:bold;
	}


		
	/* Slide 2 */	
		
	.heading-second {
		background: white;
		color: black!important;
		height: 50px;
		padding:8px;
		line-height: auto;
		
	}
	
#slide-2 .hsContent {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 90%;
padding-left: 5%;
padding-right: 5%;
height: 636px;
color: white;
/* background: url('../img/timeline-back.png') no-repeat; */
background-position: center;
margin-top: 0px;
padding-top: 100px;
}	

.hidden-accordion {
background: rgb(0, 0,0);
background: rgba(0, 0,0, 0.75);
font-weight: normal;
height: 200px;
overflow: hidden;
padding: 13px;
}

.hidden-accordion .viewport {
height: 226px!important;
}
	
	
.column {
font-family: "GillSansBold";
float: left;
width: 22%;
margin-right: 4%;
display: block;
font-size: 18px;
line-height: 26px;
}
	
.overview ul li, .overview p {
font-size:14px;
}
	
.column ul{ 
padding-left:10px;
}

/*slide-3*/

#slide-3 .hsContent {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 860px;
height: 636px;
padding-top: 150px;
}

	
		
		/* Slide 4 */

     #slide-4 .hsContent {
		position:relative;
		left:0px;
		width:90%;
		padding-left:5%;
		padding-right:5%;
		overflow:hidden;
		height:700px;
		padding-top: 100px;
	   }
	   
	  .euromedica-logo {
	   width: 63%;
	   }
	   
	   .clinic-photo {
	    width: 31%;
		float: right!important;
	   }

	#slide-4 img {
	 float:left;
	}

	#logos-4 {
     width: 100%;
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
	 overflow: hidden;
	}

#clinic-address-circle {
text-decoration: none;
text-align: center;
width: 280px;
height: 245px;
color: white!important;
font-size: 18px;
font-family: "GillSansBold";
text-align: center;
display: block;
top: 340px;
right: 22%!important;
position: absolute;
padding-top: 40px;
background: url('../img/address-euromedica.png');
background-size: 280px;
}

.hidden-url {
position: absolute;
display: none;
background: url('../img/hidden-hover.png');
width: 260px;
z-index: 100;
padding-left: 10px;
padding-right: 10px;
padding-top: 70px;
height: auto;
top: 0px;
height: 210px;
left: 0px;
background-size:280px;
}

.personal-page {
font-size: 24px!important;
color: white!important;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}

.personal-page:hover {
font-size: 24px!important;
color: white!important;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
font-weight:600!important;
}

.hidden-url a{
font-size:28px;
color:white!important;
}

.hidden-url a:hover{
text-decoration:none;
font-weight:bold;
font-size:18px;
}

		
/* Slide 5 */ 
			
#slide-5 .hsContent {
width: 940px!important;
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
padding-top: 100px;
}

#partner-1, #partner-2 {
margin-right:20px;
}
		
#partner-3 {
margin-right:0px!important;
}

.hidden-partner .content-head {
margin-bottom: 0px;
background: none;
font-size: 20px;
padding-bottom: 3px;
display: table-cell;
margin-bottom: 10px;
border-bottom: 3px solid black;
text-align: center;
}

.hidden-partner .header-cont {
width: auto;
display: table;
margin-left: auto;
margin-right: auto;
text-align: center;
overflow: hidden;
}
		
#slide-5 #circle-person {
width:940px;
margin-left:auto;
margin-right:auto;
display:block;
overflow:hidden;
}
		
.personal-page {
font-size: 20px;
color: white!important;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}	




#slide-5 .person h4 {
margin-bottom: 40px;
font-family: "GillSansBold";
position: absolute;
left: 0%;
right: 0%;
top: 135px;
}


#slide-6 .hsContent {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 960px;
height: 636px;
padding-top:150px;
}

.sub-content {
float: left;
width: 290px;
display: block;
margin-right: 15px;
margin-left: 15px;
}

.colorbox-solid {
background: white;
border: 3px solid black;
}

.sub-content div {
padding-bottom: 7px;
width: 290px;
display: block;
border-bottom: 1px solid #CACACA;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.sub-content a {
display: block;
width: 280px;
height: 65px;
color: white!important;
padding: 5px;
background: black;
}

.colorbox-sub h3 {
background: black;
color: white!important;
height: 45px;
font-weight: bold;
font-size: 23px;
padding-left: 10px;
line-height: 45px;
}

.ui-accordion-header {
border-bottom: 3px solid black;
display: block;
min-height: 30px;
line-height: 30px;
margin-bottom: 10px;
font-size: 16px;
margin-top: 10px;
}

.knee {
float: left;
width: 320px;
height: 255px;
display: block;
}

 #knee-1 {
  background: url('../img/isxion-small.png') no-repeat center;
  }
	 
  #knee-2 {
  background: url('../img/gonato-small.png') no-repeat center;
  }
	 
  #knee-3{
  background: url('../img/omos-small.png') no-repeat center;
  }


#slide-7 .hsContent {
  margin: auto;
  position: relative;
  top: 0; left: 0; bottom: 0; right: 0;
  width:100%;
  padding-top:120px;
}

#slide-7 .hsContent h2{
margin-bottom:20px;
margin-top:10px!important;
}

#slide-20 .hsContent {
width: 100%;
padding-top: 100px;
}
		
	
#header {
	width:96%;
	background:white;
	height:100px;
	display:block;
	position:absolute;
	bottom:0px;
	padding-left:2%;
	padding-right:2%;
	z-index:1000;
	-webkit-box-shadow: 0px 7px 10px 0px rgba(177, 181, 161, 0.7);
	-moz-box-shadow:    0px 7px 10px 0px rgba(177, 181, 161, 0.7);
	box-shadow:         0px 7px 10px 0px rgba(177, 181, 161, 0.7);	
}
 
.header-top {
 position:fixed!important;
 z-index:1000;
 display:block;
 top:0px;
}
	 
	 #header ul {
	  list-style-type:none;
	  overflow:hidden;
	  padding:0px;
	  float:right;
	  height:90px;
	  margin-bottom:0px;
	  margin-top:0px;
	 }
	 
	 #header ul li{
	  float:left;
	  height:60px;
	  padding:10px;
	  line-height:30px;
	  padding-top:35px;
	  padding-left:7px;
	  padding-right:7px;
	 }
	 
	  #header ul li a{
	  display:block;
	  color:black;
	  font-family: "Gill Sans";
	  font-weight: normal;
	  text-decoration:none;
	 }
	 
	 #header ul li a:hover{
	  color:#B1B5A1;
	  border-bottom:4px solid black;
	 }
	 
	 #logo-header {
	  float:left;
	  width:134px;
	  display:block;
	  height:100px;
	  margin-top:10px;
	 }
	 
	 .logo-small {
	  width:134px;
	  height:80px;
	  text-indent:-9999px;
	  display:block;
	  background: url('../img/logo-header-small.png');
	 }

	
	.logo-center {
	  width:350px;
	  height:360px;
	  display:block!important;
	  margin-left:auto;
	  margin-right:auto;
	 }
	 
	 

	
 .column h3{
	color:white;
	font-size:16px;
	text-align:left;
	text-transform:uppercase;
	font-family:"GillSansBold";
	margin-bottom:0px;
}



#circle-person li div {
		position:absolute;
		display:none;
		background: url('../img/person-circle-hover-resp-960.png');
		width: 254px;
		z-index:100;
		padding-left:20px;
		padding-right:20px;
		padding-top:50px;
		height:auto;
		top: 0px;
		height:243px;
		left: 0px;
	}
	
	#circle-person li div p{
	line-height:30px;
	}
	
		 
 .person {
    float:left;
	text-decoration: none;
	text-align: center;
	color: black;
	width: 242px;
	height: 187px;
	font-size: 26px;
	font-family: "GillSansBold";
	text-align: center;
	display: block;
	padding: 26px;
	padding-top: 80px;
	background: url('../img/person-circle-resp.png');
	position: relative;
	}
	 

	 
 
.person-text {
	width:352px;
	height:352px;
	display:block;
	}
	 
#person-2 {
 float: right!important;
 }
 
	#right-cont {
		width: 410px;
		float: left;
		display: block;
		padding: 20px;
		padding-left: 0px;
		padding-top: 10px;
		padding-right:10px;
	}
	
	#form-cont {
		width: 530px;
		float: left;
	}
		
#contact-main {
width: 950px;
font: 14px/16px "Gill Sans";
overflow: hidden;
padding: 10px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: block;
  }
  
  #recaptha-div {
  float:left!important;
  height:129px!important;
  width:319px!important;
  }
  
  #recaptcha_area,#recaptcha_widget_div{
  height:129px!important;
  }
  
	#contact-button {
	width: 180px!important;
	margin-right: 5px!important;
	}
  
  .address-group {
  width:205px;
  float:left;
  margin-bottom:10px;
  }
  
  .button {
  width:180px!important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }

	
	#contact-main input, #contact-main textarea {
		padding: 5px 14px;
		border: 1px solid #B1B5A1;
		outline: none;
		font: 14px/16px "Gill Sans";
		color: #5f6768;
		margin-bottom: 10px;
	}
	
	#contact-main input {
	width: 220px;
	}
	
	#contact-main textarea {
	width: 663px;
	height:30px;
	}
	

	
	.message input {
	width: 663px!important;
	}
	
	
	
	
	#right-cont h4 {
		color: #B1B5A1;
		font-size: 15px;
		line-height:20px;
		height:20px;
	}
	
	#right-cont p {
	color: black;
	margin-bottom: 0px;
	}
	
	#contactForm div {
	width: 50%;
	float: left;
	margin-right: 0px;
	}
	
	.message {
		width: 510px!important;
		float: none;
		height: auto!important;
	}
	
/*Slide-7*/

.gal-item {
    float: left;
    margin: 6px;
    opacity: 1;
	width: 130px!important;
	height: 130px!important;
	border:6px solid black;
	}
	

	
	#iatreio {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;
	}
 
	.gal-item a {
	width:100%
	}

	.gal-item a img{
	width:100%
	}
	
	.gal-item:hover {
	opacity: 1;
	}
	

	
	
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:black;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px;}
    #cboxTopCenter{height:25px;}
    #cboxTopRight{width:25px; height:25px;}
    #cboxBottomLeft{width:25px; height:25px;}
    #cboxBottomCenter{height:25px; }
    #cboxBottomRight{width:25px; height:25px; }
    #cboxMiddleLeft{width:25px; }
    #cboxMiddleRight{width:25px;}
    #cboxContent{background: url('../img/synergatesbigball.png') no-repeat; padding:80px; overflow:hidden;}
        .cboxIframe{}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px; overflow:hidden!important;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{ url(images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.colorbox-solid  #cboxContent {
background:none;
width:730px;
height:500px;
padding:0px;
}

	
	}




/* #Base 960 Grid
================================================== */
@media only screen and (min-width: 1371px) {  

	#burger-menu {
	display:none;
	}

	#contact-button-div {
	height: 60px; 
	width: 520px!important;
	display: block;
	overflow: hidden;
	}
	
	
		#social {
		float:right;
		width:90px;
		display:block;
		margin-top:50px;
	}

.link-to-sub-resp{
display:none!important;
}

.heading-resp{
display:none;
}

.resp-par {
display:none;
}

 .button-cont {
  height: 155px; 
  width: 520px; 
  display: block;
  overflow: hidden;
  }

.heading-arrow-resp {
display:none;
}


.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
}

.head-from-top {
margin-top:50px;
}

.hidden-partner {
height: 374px;
overflow: hidden;
position: relative;
}

.hidden-partner .header-cont {
width:auto;
display:table;
margin-left:auto;
margin-right:auto;
text-align:center;
overflow:hidden;
}

.hidden-partner .content-head {
margin-bottom:0px;
background:none;
font-size:20px;
padding-bottom:3px;
display: table-cell;
margin-bottom:10px;
border-bottom:3px solid black;
text-align:center;
}





/* Slide 1 */

#slide-1 .hsContent {

	  position: relative;
	  width:557px;
	  height:569px;
	  top: 8%; 
	  margin:0 auto;
	  margin-left:auto;
	  margin-right:auto;
	  display:block;
	  left: 0; 
	  bottom: 0;
	  right: 0;
	  
	}  
	
	
	.column ul{ 
padding-left:15px;
}

.overview ul li, .overview p {
font-size: 16px;
}



/* Slide 2 */

#slide-2 .hsContent {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  width:90%;
  padding-left:5%;
  padding-right:5%;
  height:636px;
  color:white;
  /*background: url('../img/timeline-back.png') no-repeat;*/
  background-position: center;
  margin-top:0px;
  padding-top:150px;
}

#slide-2 .hsContainer {
background: url('../img/pattern1.png') repeat;
}

.hidden-accordion .viewport , .partner-text .viewport 
{
    height: 330px!important;
	padding-bottom:26px;
    overflow:hidden;
    position:relative;
}

.column p {
color:white;
}

.column ul li{ 
list-style-type:disc;
line-height:20px;
}

.column ul li span{ 
}

.column div {
font-size:22px;
font-weight:200;
color: white;
}




.column {
font-family:"GillSansBold";
float:left;
width:22%;
margin-right:4%;
display:block;
font-size:18px;
line-height:26px;
}


/* Slide 3 */

#slide-3 .hsContent {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  width:960px;
  height:636px;
  padding-top:150px;
}



/* Slide 4 */

#slide-4 .hsContent {
	position:relative;
	left:0px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
	height:700px;
	padding-top: 150px;
}

#slide-4 img {
float:left;
}

#logos-4 {
width: 1450px;
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

#clinic-address-circle {
text-decoration: none;
text-align: center;
width: 302px;
height: 270px;
color: white!important;
font-size: 18px;
font-family: "GillSansBold";
text-align: center;
display: block;
padding: 26px;
top: 440px;
right: 30%!important;
position: absolute;
padding-top: 60px;
background: url('../img/address-euromedica.png');
}




.euromedica-logo {
   width: 68%;
}
	   
.clinic-photo {
    width:31%;
}

.hidden-url {
position: absolute;
display: none;
background: url('../img/hidden-hover.png');
width: 312px;
z-index: 100;
padding-left: 20px;
padding-right: 20px;
padding-top: 100px;
height: auto;
top: 0px;
height: 245px;
left: 0px;
}

.hidden-url a{
font-size:28px;
color:white!important;
}

.hidden-url a:hover ,.hidden-person a:hover{
color:white!important;
text-decoration:none;
font-weight:bold;
}



	
/* Slide 5 */ 
			
		#slide-5 .hsContent{
		 width:1103px!important;
		 display:block;
		 margin-left:auto;
		 margin-right:auto;
		 overflow:hidden;
		 padding-top:150px;
		}
		
		#partner-1, #partner-2 {
		 margin-right:5%;
		 
		}
		
		#partner-3 {
		margin-right:0px!important;
		}
		
		#slide-5 #circle-person {
		width:1103px;
		margin-left:auto;
		margin-right:auto;
		display:block;
		overflow:hidden;
		}

/*Slide-6 */		

	
#slide-6 .hsContent {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 1080px;
height: 636px;
padding-top:130px;
}		


.sub-content {
float:left;
width:360px;
display:block;
margin-top:30px;
}

.sub-content div{
padding-bottom:7px;
width:330px;
display:block;
border-bottom:1px solid #CACACA;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
}

.sub-content a { 
display:block;
width:320px;
height:40px;
color:white!important;
padding:5px;
background:black;
}

#sub-1 a {
/*line-height:40px;*/
}

.colorbox-solid {
background:white;
border:3px solid black;
}

.colorbox-solid  #cboxContent {
background:none;
width:730px;
height:400px;
padding:0px;
}

.colorbox-sub h3 {
background:black;
color:white!important;
height:45px;
font-weight:bold;
font-size: 17px;
padding-left:10px;
line-height:45px;
}

.pop-img {
width:700px;
height:140px;
margin-bottom:20px;
}

.dcjq-parent {
border-bottom:3px solid black;
display:block;
min-height:30px;
line-height:30px;
margin-bottom:10px;
font-size:15px;
margin-top:10px;
position:relative;
}

.accordion .viewport {
height: 300px!important;
padding-bottom: 26px;
overflow: hidden;
position: relative;
width: 920px;
text-align: justify;
}

.dcjq-parent:hover {
cursor:pointer;
cursor:hand;
outline:none;
}

.ui-accordion-content {
height:auto!important;
}

.colorbox-solid #cboxClose{
background: url('../img/close-x.png');
color:black;
padding:10px;
bottom:0px;
width:37px;
height:37px;
text-indent:-9999px;
}
	

.logo-center {
 width:557px;
 height:569px;
 display:block!important;
 margin-left:auto;
 margin-right:auto;
 }
	 
	.gal-item {
    float: left;
    margin: 6px;
    opacity: 1;
	border:9px solid black;
	width:215px;
	}
	
	#iatreio {
	width:1480px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;
	}

	.gal-item a {
	width:100%
	}

	.gal-item a img{
	width:100%
	}
	
	.gal-item:hover {
	opacity: 1;
	}
	 
	 #header {
	 width:96%;
	 background:white;
	 height:150px;
	 display:block;
	 position:absolute;
	 bottom:0px;
	 padding-left:2%;
	 padding-right:2%;
	 z-index:1000;
	 -webkit-box-shadow: 0px 7px 10px 0px rgba(177, 181, 161, 0.7);
	 -moz-box-shadow:    0px 7px 10px 0px rgba(177, 181, 161, 0.7);
	 box-shadow:         0px 7px 10px 0px rgba(177, 181, 161, 0.7);	
 }
	 
	 .header-top {
	 position:fixed!important;
	 z-index:1000;
	 top:0px;
	 }
	 
	 #header ul {
	  list-style-type:none;
	  overflow:hidden;
	  padding:0px;
	  float:right;
	  height:140px;
	  margin-bottom:0px;
	  margin-top:0px;
	 }
	 
	 #header ul li{
	  float:left;
	  height:60px;
	  padding:10px;
	  line-height:30px;
	  padding-top:55px;
	 }
	 
	  #header ul li a{
	  display:block;
	  color:black;
	  font-family: "Gill Sans";
	  font-weight: normal;
	  text-decoration:none;
	 }

	 
	 #header ul li a:hover{
	  color:#B1B5A1;
	  border-bottom:4px solid black;
	 }
	 
	 #logo-header {
	  float:left;
	  width:200px;
	  height:120px;
	  margin-top:10px;
	 }
	 
	 .logo-small {
	  width:200px;
	  height:120px;
	  text-indent:-9999px;
	  display:block;
	  background: url('../img/logo-header.png') no-repeat;
	 }
	 
	 #cycle-1 a {
		left: 35px;
		top: 80px;
	}
	
	 #cycle-2 a {
		right: 173px;
		top: 80px;
	}
	
	 #cycle-3 a {
		left: 180px;
		top: 515px;
	}
	
	 #cycle-4 a {
		right: 25px;
		top: 525px;
	}
	 
	 .content-head {
	  margin-bottom:50px;
	 }
	 
	 .circle a{
	  position:absolute;
	  display:block;
	  width:146px;
	  color:black;
	  text-decoration:none;
	  text-align:center;
	  font-size:16px;
	 }
	 
	 .circle a:hover{
	 color:#B1B5A1;
	 }
	 
	 .person {
	  float:left;
	  width:352px;
	  height:352px;
	  display:block;
	  position:relative;
	  background: url('../img/person-circle.png');
	  overflow: hidden;
	 }
	 
 
	 .person-text {
	   width:352px;
	  height:352px;
	  display:block;
	 }

	.hidden-person{
		position:absolute;
		display:none;
		background: url('../img/person-circle-hover.png');
		width: 312px;
		z-index:100;
		padding-left:20px;
		padding-right:20px;
		padding-top:62px;
		height:auto;
		top: 0px;
		height:343px;
		left: 0px;
	}
	
	#circle-person li div p{
	line-height:23px;
	}
	   
	   #slide-5 .person {
	   margin-right:20px;
	   }
	   
	 .intro-person {
	   height:150px;	
	  }    
	 
	 
	 .person {
		text-decoration: none;
		text-align: center;
		color: black;
		width: 302px;
		height:197px;
		font-size: 26px;
		font-family: "GillSansBold";
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding: 26px;
		padding-top: 130px;
	 }
	 
	 
	 .personal-page {
	   font-size:20px;
	   color:white!important;
	   text-align:center;
	   display:block;
	   margin-left:auto;
	   margin-right:auto;
	 }
	 
	 .personal-page:hover {
	 color:#9FA392!important;
	 }
	 
	 .hidden-person p{
	  font-size:17px;
	  padding-left:40px;
	  padding-right:40px;
	  color:white!important;
	 }
	 
	 .hidden-person a {
	 font-size:23px;
	 }
	 
	 .hidden-person a:hover {
	 font-size:23px!important;
	 font-weight:bold;
	 }
	 
	 .person  p{
	  color:black;
	 }
	 
	 .person h4 {
	  margin-bottom:40px;
	  font-family: "GillSansBold"
	 }
	 
#slide-5 .person h4 {
margin-bottom: 40px;
font-family: "GillSansBold";
position: absolute;
left: 0%;
right: 0%;
top: 160px;
}
	 
 
	 #person-2 {
	 float:right!important;
	 }
	 
	 /*Slide-7*/
	 
#slide-7 .hsContent {
  margin: auto;
  position: relative;
  top: 0; left: 0; bottom: 0; right: 0;
  width:100%;
  padding-top:150px;
}

#slide-7 .content-head {
margin-top:50px;
margin-bottom:20px;
}
	 
	 #slide-20 .hsContent {
	 width:100%;
	 padding-top:150px;
	 }
	 
	 #map {
		height: 270px;
		width: 100%;
		display: block;
		}
		
	#right-cont {
		width: 410px;
		float: left;
		display: block;
		padding: 20px;
		padding-left: 0px;
		padding-top: 10px;
		padding-right:10px;
	}
	
	#form-cont {
		width: 530px;
		float: left;
		height: 250px;
	}
		
   #contact-main {
width: 950px;
font: 14px/16px "Gill Sans";
overflow: hidden;
padding: 10px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: block;
  }
  
  #recaptha-div {
  float:left!important;
  height:129px!important;
  width:319px!important;
  }
  
  #recaptcha_area,#recaptcha_widget_div{
  height:129px!important;
  }
  
	#contact-button {
	width: 180px!important;
	margin-right: 5px!important;
	}
  
  .address-group {
  width:205px;
  float:left;
  margin-bottom:10px;
  }
  
  .button {
  width:180px!important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-top: 15px;
  }

	
	#contact-main input, #contact-main textarea {
		padding: 12px 14px;
		border: 1px solid #B1B5A1;
		outline: none;
		font: 14px/16px "Gill Sans";
		color: #5f6768;
		margin-bottom: 10px;
	}
	
	#contact-main input {
	width: 220px;
	}
	
	#contact-main textarea {
	width: 663px;
	height:50px;
	}
	

	
	.message input {
	width: 663px!important;
	}
	
	
	
	
	#right-cont h4 {
		color: #B1B5A1;
		font-size: 15px;
		line-height:20px;
		height:20px;
	}
	
	#right-cont p {
	color: black;
	margin-bottom: 0px;
	}
	
	#contactForm div {
	width: 50%;
	float: left;
	margin-right: 0px;
	}
	
	.message {
		width: 510px!important;
		float: none;
		height: auto!important;
	}
	
    .container                                  { position: relative; width: 1100px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
	
.column h3{
	color: black!important;
	background: white;
	font-size:18px;
	text-align:left;
	height:50px;
	text-transform:uppercase;
	font-family:"GillSansBold";
	padding:8px;
	margin-bottom:0px;
}



   /*Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:black;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px;}
    #cboxTopCenter{height:25px;}
    #cboxTopRight{width:25px; height:25px;}
    #cboxBottomLeft{width:25px; height:25px;}
    #cboxBottomCenter{height:25px; }
    #cboxBottomRight{width:25px; height:25px; }
    #cboxMiddleLeft{width:25px; }
    #cboxMiddleRight{width:25px;}
    #cboxContent{background: url('../img/synergatesbigball.png') no-repeat; padding:80px; overflow:hidden;}
        .cboxIframe{}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px; overflow:hidden!important;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{ url(images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; top:0; right:0; display:block; color:#444;
		background: url('../img/close-x.png'); width: 37px; height: 37px; text-indent: -9999px;}
		
		.partnerColorbox #cboxClose {
		position:absolute; top:0; right:70px!important; display:block; color:#444;
		background: url('../img/close-x.png'); width: 37px; height: 37px; text-indent: -9999px;}
		}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#burger-menu {
	display:none;
	}
	
	#slide-7 .hsContent h2{
	margin-bottom:20px;
	margin-top:10px!important;
	}

	#slide-20 .hsContent {
	width: 100%;
	padding-top: 100px;
	}
		
	.column h3{
	color: white;
	font-size: 17px;
	text-align: left;
	text-transform: uppercase;
	font-family: "GillSansBold";
	margin-bottom: 0px;
	line-height: 20px;
	}
	
	.knee {
	float: left;
	width: 250px;
	height: 255px;
	display: block;
	}

	#knee-1 {
	background: url('../img/isxion-small.png') no-repeat center;
	}
		 
	#knee-2 {
	background: url('../img/gonato-small.png') no-repeat center;
	}
		 
	#knee-3{
	background: url('../img/omos-small.png') no-repeat center;
	}


	#slide-7 .hsContent {
	margin: auto;
	position: relative;
	top: 0; left: 0; bottom: 0; right: 0;
	width:100%;
	padding-top:120px;
	}
	
	.sub-content div {
	padding-bottom: 7px;
	width: 230px;
	display: block;
	border-bottom: 1px solid #CACACA;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	}

	.sub-content a {
	display: block;
	width: 230px;
	height: 40px;
	color: white!important;
	padding: 5px;
	background: black;
	}

	.colorbox-sub h3 {
	background: black;
	color: white!important;
	height: 45px;
	font-weight: bold;
	font-size: 23px;
	padding-left: 10px;
	line-height: 45px;
	}

	.ui-accordion-header {
	border-bottom: 3px solid black;
	display: block;
	min-height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	margin-top: 10px;
	}
	
	.link-to-hidden {
	display:none;
	}
	
	#slide-5 #circle-person {
	width:630px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;
	}
			
	.personal-page {
	font-size: 20px;
	color: white!important;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}	

	#slide-5 .person h4 {
	margin-bottom: 40px;
	font-family: "GillSansBold";
	position: absolute;
	left: 0%;
	right: 0%;
	top: 125px;
	}

	#slide-6 .hsContent {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 750px;
	height: 636px;
	padding-top:50px;
	}

	.sub-content {
	float: left;
	width: 250px;
	display: block;
	}

	.colorbox-solid {
	background: white;
	border: 3px solid black;
	}
	
	.personal-page {
	font-size: 18px!important;
	color: white!important;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

	.hidden-url a{
	font-size:28px;
	color:white!important;
	}

	.hidden-url a:hover{
	text-decoration:none;
	}

			
	/* Slide 5 */ 
				
	#slide-5 .hsContent {
	width: 750px!important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	padding-top: 90px;
	}

	#partner-1, #partner-2 {
	margin-right:20px;
	}

	#partner-3 {
	margin-right: auto!important;
	margin-left: 160px!important;
	display: block;
	}

	.hidden-partner .content-head {
	margin-bottom: 0px;
	background: none;
	font-size: 20px;
	padding-bottom: 3px;
	display: table-cell;
	margin-bottom: 10px;
	border-bottom: 3px solid black;
	text-align: center;
	}
	
	section {
	max-width: 768px!important;
	opacity: 0;
	}
	
	#slide-1 .bcg {
	background-repeat:no-repeat;
	background-size:cover;
	}
		
	#contact-button-div {
	height: 155px; 
	width: 300px!important;
	display: block;
	overflow: hidden;
	}
		
	.link-to-sub-resp{
	display:none!important;
	}
		
	.resp-par {
	 display:none;
	}
		
	.heading-resp{
	display:none;
	}
		
	.heading-arrow-resp {
	display:none;
	}
		
	.button-cont {
	height: 155px; 
	width: 420px; 
	display: block;
	overflow: hidden;
	}
		
	.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
	}
		
	.content-head {
	margin-bottom:10px;
	margin-top:50px;
	}	
		 
	.head-from-top {
	margin-top: 20px;
	}
		
	#map {
	height: 230px;
	width: 100%;
	display: block;
	}

		
			/* Slide 1 */ 

	#slide-1 .hsContent {
	 margin: auto;
	 position: absolute;
	 width:400px;
	 height:409px;
	 top: 0px; 
	 left: 0; 
	 bottom: 0;
	 right: 0;
	}
			

	.hidden-url a:hover ,.hidden-person a:hover{
	color:white!important;
	text-decoration:none;
	font-weight:bold;
	}


			
	/* Slide 2 */	
			
	.heading-second {
	background: white;
	color: black!important;
	height: 50px;
	padding:8px;
	line-height: auto;
	}
		
	#slide-2 .hsContent {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	height: 636px;
	color: white;
	/* background: url('../img/timeline-back.png') no-repeat; */
	background-position: center;
	margin-top: 0px;
	padding-top: 100px;
	}	

	.hidden-accordion {
	background: rgb(0, 0,0);
	background: rgba(0, 0,0, 0.75);
	font-weight: normal;
	height: 200px;
	overflow: hidden;
	padding: 13px;
	}

	.hidden-accordion .viewport {
	height: 226px!important;
	}
		
		
	.column {
	font-family: "GillSansBold";
	float: left;
	width: 40%;
	margin-right: 30px;
	display: block;
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-top: 30px;
	}
	
	#column-container {
	display:block;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	}
		
	.overview ul li, .overview p {
	font-size:14px;
	}
		
	.column ul{ 
	padding-left:10px;
	}

	/*slide-3*/

	#slide-3 .hsContent {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 680px;
	height: 636px;
	padding-top: 100px;
	}
			
	/* Slide 4 */

	#slide-4 .hsContent {
	position:relative;
	left:0px;
	width:90%;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;
	height:700px;
	padding-top: 100px;
	}
		   
	.euromedica-logo {
	width: 63%;
	}
		   
	.clinic-photo {
	width: 31%;
	float: right!important;
	}

	#slide-4 img {
	float:left;
	}

	#logos-4 {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	}

	#clinic-address-circle {
	text-decoration: none;
	text-align: center;
	width: 280px;
	height: 265px;
	color: white!important;
	font-size: 18px;
	font-family: "GillSansBold";
	text-align: center;
	display: block;
	top: 240px;
	right: 22%!important;
	position: absolute;
	padding-top: 20px;
	background: url('../img/address-euromedica.png');
	background-size: 280px;
	}
	
	.sub-content a {
	display: block;
	width: 220px;
	height: 50px;
	color: white!important;
	padding: 5px;
	background: black;
	font-size: 13px
	}
		
	.resp-par h4{
	font-size:22px;
	}
	
	.heading-arrow-resp {
	display: none!important;
	}
	
	.heading-arrow {
	display: block;
	}
	
	.link-to-sub {
	display:none!important;
	}
	
	.link-to-sub-resp {
	display: block!important;
	}

	.hidden-url {
	position: absolute;
	display: none;
	background: url('../img/hidden-hover.png');
	width: 260px;
	z-index: 100;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 70px;
	height: auto;
	top: 0px;
	height: 210px;
	left: 0px;
	background-size:280px;
	}

	.hidden-partner .header-cont {
	width: auto;
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	}
	
	#header {
	width:96%;
	background:white;
	height:100px;
	display:block;
	position:absolute;
	bottom:0px;
	padding-left:2%;
	padding-right:2%;
	z-index:1000;
	-webkit-box-shadow: 0px 7px 10px 0px rgba(177, 181, 161, 0.7);
	-moz-box-shadow:    0px 7px 10px 0px rgba(177, 181, 161, 0.7);
	box-shadow:         0px 7px 10px 0px rgba(177, 181, 161, 0.7);	
	}
	
	.header-top {
	 position:fixed!important;
	 z-index:1000;
	 display:block;
	 top:0px;
	}
	 
	 #header ul {
     list-style-type:none;
	 overflow:hidden;
	 padding:0px;
	 float:right;
	 height:90px;
	 margin-bottom:0px;
	 margin-top:0px;
	 }
	 
	#header ul li {
	float: left;
	height: 60px;
	padding: 5px;
	line-height: 30px;
	padding-top: 35px;
	}
	
	#header ul li a {
	display: block;
	color: black;
	font-family: "Gill Sans";
	font-weight: normal;
	text-decoration: none;
	font-size:13px;
	}
	 	 
	 #header ul li a:hover{
	 color:#B1B5A1;
	 border-bottom:4px solid black;
	 }
	 
	 #logo-header {
	  float:left;
	  width:134px;
	  display:block;
	  height:100px;
	  margin-top:10px;
	 }
	 
	 .logo-small {
	  width:134px;
	  height:80px;
	  text-indent:-9999px;
	  display:block;
	  background: url('../img/logo-header-small.png');
	 }
	 
	 .header-inside-resp {
	 position:relative!important;
	 display:block;
	 float:none!important;
	 width: 94%!important;
	 height: 110px!important;
	 margin-left: auto;
	margin-right: auto;
	}
	
	#return-link {
	display: block;
	float: right;
	width: 250px;
	text-align: center;
	height: 80px;
	font-size: 28px;
	padding-top: 10px;
	}
	
	.header-inside-resp .logo-small {
	float:left;
	}
	
	#resp-page h4 {
	margin-bottom: 20px;
	line-height: 24px;
	font-family: "GillSansBold";
	font-size: 24px;
	text-align: center;
	}
	
	#resp-page {
	width: 90%;
	padding: 5%;
	background: white;
	}

	.logo-center {
	 width:350px;
	 height:360px;
	 display:block!important;
	 margin-left:auto;
	 margin-right:auto;
	 }
	 
	#circle-person li div {
	position:absolute;
	display:none;
	background: url('../img/person-circle-hover-resp-960.png');
	width: 254px;
	z-index:100;
	padding-left:20px;
	padding-right:20px;
	padding-top:50px;
	height:auto;
	top: 0px;
	height:243px;
	left: 0px;
	}
	
	#circle-person li div p{
	line-height:23px;
	}
	
		 
    .person {
    float:left;
	text-decoration: none;
	text-align: center;
	color: black;
	width: 242px;
	height: 207px;
	font-size: 26px;
	font-family: "GillSansBold";
	text-align: center;
	display: block;
	padding: 26px;
	padding-top: 60px;
	background: url('../img/person-circle-resp.png');
	position: relative;
	}
	
	.person h4 {
	margin-bottom:20px;
	}
	 
	.resp-par {
	display: block;
	font-size: 14px;
	}
	 
	.intro-person {
	height: 50px;
	}
	
	

 
	.person-text {
	width:352px;
	height:352px;
	display:block;
	}
	 
#person-2 {
 float: right!important;
 }
 
#right-cont {
	width: 750px;
	display: block;
	padding: 20px;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
    display: block;
	padding-bottom: 5px;
	}
	
#form-cont {
	width: 530px;
	overflow: hidden;
	overflow: h;
	margin-left: auto;
	margin-right: auto;
	display: block;
	}
		
#contact-main {
width: 750px;
font: 14px/16px "Gill Sans";
overflow: hidden;
padding: 10px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: block;
  }
  
  #recaptha-div {
  float:left!important;
  height:129px!important;
  width:319px!important;
  }
  
  #recaptcha_area,#recaptcha_widget_div{
  height:129px!important;
  }
  
	#contact-button {
	width: 180px!important;
	margin-right: 5px!important;
	}
  
  .address-group {
  width: 245px;
float: left;
margin-bottom: 10px;
height: 54px;
  }
  
  .button {
  width:180px!important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  }

	
	#contact-main input, #contact-main textarea {
		padding: 5px 14px;
		border: 1px solid #B1B5A1;
		outline: none;
		font: 14px/16px "Gill Sans";
		color: #5f6768;
		margin-bottom: 10px;
	}
	
	#contact-main input {
	width: 220px;
	}
	
	#contact-main textarea {
	width: 663px;
	height:30px;
	}
	

	
	.message input {
	width: 663px!important;
	}
	
	
	
	
	#right-cont h4 {
		color: #B1B5A1;
		font-size: 15px;
		line-height:20px;
		height:20px;
	}
	
	#right-cont p {
	color: black;
	margin-bottom: 0px;
	}
	
	#contactForm div {
	width: 50%;
	float: left;
	margin-right: 0px;
	}
	
	.message {
		width: 510px!important;
		float: none;
		height: auto!important;
	}
	
/*Slide-7*/

.gal-item {
    float: left;
    margin: 6px;
    opacity: 1;
	width:136px!important;
	height:136px!important;
	border:6px solid black;
	}
	

	
	#iatreio {
	width:650px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;
	}
 
	.gal-item a {
	width:100%
	}

	.gal-item a img{
	width:100%
	}
	
	.gal-item:hover {
	opacity: 1;
	}
	

	
	
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:black;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px;}
    #cboxTopCenter{height:25px;}
    #cboxTopRight{width:25px; height:25px;}
    #cboxBottomLeft{width:25px; height:25px;}
    #cboxBottomCenter{height:25px; }
    #cboxBottomRight{width:25px; height:25px; }
    #cboxMiddleLeft{width:25px; }
    #cboxMiddleRight{width:25px;}
    #cboxContent{background: url('../img/synergatesbigball.png') no-repeat; padding:80px; overflow:hidden;}
        .cboxIframe{}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px; overflow:hidden!important;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{ url(images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
       #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444; background: url('../img/close-x.png'); width: 37px; height: 37px; text-indent: -9999px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.colorbox-solid  #cboxContent {
background:none;
width:730px;
height:500px;
padding:0px;
}
  
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
	 
	 

    }
	
	
    /* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	
	#footer {
	width:280px;
	padding:20px;
	height:50px;
	}
	
	#footer p {
	text-align:center;
	line-height:30px;
	font-size:14px;
	}
	
	#social {
    width: 90px;
    display: block;
    margin-top: 0px;
    position: absolute;
    top: 10px;
	}
	
	
	.header-inside-resp {
	position: relative!important;
	display: block;
	float: none!important;
	width: 94%!important;
	height: 110px!important;
	margin-left: auto;
	margin-right: auto;
	}
	
		.header-inside-resp .logo-small {
		width: 134px;
		height: 80px;
		text-indent: -9999px;
		display: block;
		float: left;
		background: url('../img/logo-header-small.png');
		}

		#return-link {
		display: block;
		float: right!important;
		width: 0px;
		text-align: center;
		height: 80px;
		font-size: 22px!important;
		padding-top: 15px!important;
		width: 150px!important;
		}

        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
		
		
		#burger-menu {
		display: none;
		background-color: rgba(178,181,162,0.9);
		position: fixed;
		top: 35px;
		z-index: 100;
		width: 280px!important;
		padding: 2%;
		right: 3%;
		}
    
	#burger-menu ul li{
	 float:none!important;
	 border-bottom:1px solid black;
	 padding-bottom:4px;
	}
	
	#contact-button-div {
	height: 155px; 
	width: 320px;
	display: block;
	overflow: hidden;
	}
	
	.link-to-sub-resp{
	display:block;
	}
	
	.link-to-sub {
	display:none!important;
	}
	
	section {
	min-width: 320px!important;
	width:100%;
	opacity: 0;
	}
	
	
	.resp-par {
	  display:block;
	}
		

	.bcg {
		background-size:cover;
		height: 100%;
		width: 100%;
		height:360px;
	}
	
	.content-head {
	font-size:18px!important;
	margin-bottom:15px;
	padding-bottom:0px!important;
	}
	
	.hsContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.bcg {
background-image:none!important;
	background-repeat:no-repeat;
    background-size:100% 100%;
	
}

	#slide-1 .bcg {
	background:url('../img/first-small.jpg')!important;
	background-repeat: no-repeat;
	background-size: cover!important;
	}
	
	#slide-2 .bcg {
	background-image:none;
    background: url('../img/Large-small.jpg')!important;
	height: 360px;
	background-repeat: no-repeat;
	background-size: cover!important;
	}

	.hsContainer {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
    }
        .container { width: 320px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 320px; }
		
		

.head-from-top {
margin-top:0px;
}

.hidden-partner {
height: 374px;
overflow: hidden;
}

.hidden-partner .header-cont {
width:auto;
display:table;
margin-left:auto;
margin-right:auto;
text-align:center;
overflow:hidden;
}

.hidden-partner .content-head {
margin-bottom:0px;
background:none;
font-size:20px;
padding-bottom:3px;
display: table-cell;
margin-bottom:10px;
border-bottom:3px solid black;
text-align:center;
}

/* Slide 1 */

#slide-1 .hsContent {

	  position: relative;
	  width:100%;
	  height:299px;
	  top: 8%; 
	  margin:0 auto;
	  margin-left:auto;
	  margin-right:auto;
	  display:block;
	  left: 0; 
	  bottom: 0;
	  right: 0;
	  
	}  
	
	
.column ul{ 
padding-left:15px;
}

.overview ul li, .overview p {
font-size: 16px;
}



/* Slide 2 */

#slide-2 .hsContent {
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
  width: 100%!important;
  color:white;
  /*background: url('../img/timeline-back.png') no-repeat;*/
  background-position: center;
  margin-top:0px;
  padding-top:10px;
}

#slide-2 .hsContainer {
background: url('../img/pattern1.png') repeat;
width:100%;
}

.hidden-accordion .viewport , .partner-text .viewport 
{
    height: 330px!important;
	padding-bottom:26px;
    overflow:hidden;
    position:relative;
}

.column p {
color:white;
}

.column ul li{ 
list-style-type:disc;
line-height:20px;
}

.column ul li span{ 
}

.column div {
font-size:22px;
font-weight:200;
color: white;
}

.heading-arrow {
display:none;
} 

.heading-arrow-resp {
display:block!important;
}

.knee {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
left:0;
right:0;
}


.column {
font-family:"GillSansBold";
width:140px;
margin-left: 10px;
margin-right:10px;
display:block;
margin-bottom:20px;
line-height:16px;
float:left;

}

	.column h3{
	display:none;
}

.heading-resp {
color: black!important;
	background: white;
	font-size:12px;
	text-align:left;
	height:50px;
	text-transform:uppercase;
	font-family:"GillSansBold";
	padding:8px;
	margin-bottom:0px;
	display:block;
}

/* Slide 3 */

#slide-3 .bcg {
background: url('../img/orthoprothesisdoctors-resp.jpg')!important;
}

#slide-3 .hsContent {
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
  width:100%;
  padding-top:10px;
}



/* Slide 4 */

#slide-4 .hsContent {
	position:relative;
	left:0px;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	overflow:hidden;
	padding-top: 20px;
}


#logos-4 {
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

#clinic-address-circle {
text-decoration: none;
text-align: center;
width: 240px;
height: 240px;
color: white!important;
font-size: 18px;
font-family: "GillSansBold";
text-align: center;
display: block;
padding: 26px;
position:relative;
margin-left:auto;
margin-right:auto;
padding-top: 30px;
background: url('../img/address-euromedica-resp-320.png');
}




.euromedica-logo {
 width: 90%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
	   
.clinic-photo {
width: 300px;
display: block;
margin-left: auto;
margin-right: auto;
}

.hidden-url {
position: absolute;
display: none;
background: url('../img/hidden-hover-320.png');
width: 260px;
z-index: 100;
padding-left: 20px;
padding-right: 20px;
padding-top: 100px;
height: auto;
top: 0px;
height: 245px;
left: 0px;
}

.hidden-url a{
font-size:28px;
color:white!important;
}

.hidden-url a:hover ,.hidden-person a:hover{
color:white!important;
text-decoration:none;
font-weight:bold;
}



	
/* Slide 5 */ 

#slide-5 .hsContainer {
background: url('../img/pattern-5.png') repeat;
margin: auto 5px;
height:auto!important;
}

			
		#slide-5 .hsContent{
		 width:100%!important;
		 display:block;
		 margin-left:auto;
		 margin-right:auto;
		 overflow:hidden;
		 padding-top:10px;
		}
		
		#partner-1, #partner-2 {
		 margin-right:5%;
		 
		}
		

		
		#slide-5 #circle-person {
		width:100%;
		margin-left:auto;
		margin-right:auto;
		display:block;
		overflow:hidden;
		}

/*Slide-6 */		

#slide-6 .bcg {
background:white;
height:1330px;
}
		
#slide-6 .hsContent {
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
padding-top: 10px;
}	

#slide-20 .bcg {
background-image: url('../img/logo-black-480.jpg')!important;
}

.knee {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
left: 0;
right: 0;
width:259px;
height:255px;
}

#knee-1 {
background: url('../img/isxion-small.png');
}

#knee-2 {
top: 480px;
background: url('../img/gonato-small.png');
}	

#knee-3 {
top:900px;
background: url('../img/omos-small.png');
}

.sub-content {
width:300px;
display:block;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
left:0;
right:0;
}

#sub-1 {
top:320px;
}

#sub-2 {
top:740px;
}

#sub-3{
top:1160px;
}


.sub-content div{
padding-bottom:7px;
width:290px;
display:block;
border-bottom:1px solid #CACACA;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
}

.sub-content a { 
display:block;
width:280px;
min-height:40px;
height:auto;
color:white!important;
padding:5px;
background:black;
}

#sub-1 a {
/*line-height:40px;*/
}

.colorbox-solid {
background:white;
border:3px solid black;
}

.colorbox-solid  #cboxContent {
background:none;
width:730px;
height:400px;
padding:0px;
}

.colorbox-sub h3 {
background:black;
color:white!important;
height:45px;
font-weight:bold;
font-size: 17px;
padding-left:10px;
line-height:45px;
}

.pop-img {
width:300px;
height:140px;
margin-bottom:20px;
}

.dcjq-parent {
border-bottom:3px solid black;
display:block;
min-height:30px;
line-height:30px;
margin-bottom:10px;
font-size:15px;
margin-top:10px;
position:relative;
}

.accordion .viewport {
height: 300px!important;
padding-bottom: 26px;
overflow: hidden;
position: relative;
width: 920px;
text-align: justify;
}

.dcjq-parent:hover {
cursor:pointer;
cursor:hand;
outline:none;
}

.ui-accordion-content {
height:auto!important;
}

.colorbox-solid #cboxClose{
background:white;
color:black;
padding:10px;
bottom:0px;
height:40px;
}
	

.logo-center {
 width:280px;
 height:275px;
 display:block!important;
 margin-left:auto;
 margin-right:auto;
 margin-top: 20px;
 }
	 
.gal-item {
  margin: 6px;
  opacity: 1;
  border:9px solid black;
  width:130px;
  float:left;
  height:130px;
  display:block;
  }
	
	#iatreio {
	width:320px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;
	}

	.gal-item a {
	width:100%
	}

	.gal-item a img{
	width:100%
	}
	
	.gal-item:hover {
	opacity: 1;
	}
	 
	 #header {
	 width:96%;
	 height:70px;
	 display:block;
	 position:absolute;
	 top:0px;
	 padding-left:2%;
	 padding-right:2%;
	 z-index:1000;
 }
	 
	 .header-top {
	 position:fixed!important;
	 z-index:1000;
	 top:0px;
	 }
	 
	 #header ul {
	 display:none;
	 }
	 
	 #header ul li{
	  float:left;
	  height:60px;
	  padding:10px;
	  line-height:30px;
	  padding-top:55px;
	 }
	 
	  #header ul li a{
	  display:block;
	  color:black;
	  font-family: "Gill Sans";
	  font-weight: normal;
	  text-decoration:none;
	 }
	 
	 #header ul li a:hover{
	  color:#B1B5A1;
	  border-bottom:4px solid black;
	 }
	 
	 #logo-header {
	 height: 55px;
	 padding-top: 5px;
	 margin-top: 0px;
	 width: 100%;
	 float: left;
	 }
	 
	 .logo-small {
	 display:none;
	 }
	 
	#hamburger {
	font-size:14px;
	width:35px;
	height:32px;
	/*border-radius: 3px 3px 3px 3px;*/
	cursor: pointer;
	display: block;
	height: 24px;
	padding: 3px 4px 3px;
	width: 25px;
	background-color:rgba(178,181,162,0.9);
	background: -moz-linear-gradient(top,  #B2B5A2 0%, #B2B5A2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2B5A2), color-stop(100%,#B2B5A2));
	background: -webkit-linear-gradient(top,  #B2B5A2 0%,#B2B5A2 100%);
	background: -o-linear-gradient(top,  #B2B5A2 0%,#B2B5A2 100%);
	background: -ms-linear-gradient(top,  #B2B5A2 0%,#B2B5A2 100%);
	background: linear-gradient(to bottom,  #B2B5A2 0%,#B2B5A2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2B5A2', endColorstr='#B2B5A2',GradientType=0 );
	position: fixed;
	right: 3%;
	}
		
	#hamburger div {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 2px 2px 2px 2px;
	height: 2px;
	margin-top: 3px;
	width: 90%;
	}
	
	#burger-menu {
	display:none;
	background-color:rgba(178,181,162,0.9);
	position:fixed;
	top:35px;
	z-index:100;
	width:447px;
	padding:2%;
	right: 3%;
	}
	
	#burger-menu ul li{
	float:left;
	width:auto;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:10px;
	}
	
	#burger-menu ul li a{
	font-size:17px;
	}
	
	#return-link {
	display: block;
	float: left;
	width: 250px;
	text-align: center;
	height: 80px;
	font-size: 28px;
	padding-top: 30px;
	}
	 
	#cycle-1 a {
	left: 35px;
	top: 80px;
	}
	
	#cycle-2 a {
	right: 173px;
	top: 80px;
	}
	
	#cycle-3 a {
	left: 180px;
	top: 515px;
	}
	
	 #cycle-4 a {
	 right: 25px;
	 top: 525px;
	}
	
    #resp-page h4{
	margin-bottom: 20px;
	line-height: 24px;
	font-family: "GillSansBold";
	font-size: 24px;
	text-align: center;
	}
	 
	 .circle a{
	  position:absolute;
	  display:block;
	  width:146px;
	  color:black;
	  text-decoration:none;
	  text-align:center;
	  font-size:16px;
	 }
	 
	 .circle a:hover{
	 color:#B1B5A1;
	 }
	 
 
	 .person-text {
	   width:352px;
	  height:352px;
	  display:block;
	 }

	.hidden-person{
		position: absolute;
		display: none;
		background: url('../img/person-circle-hover-resp.png');
		width: 254px;
		z-index: 100;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 40px;
		height: auto;
		top: 0px;
		height: 253px;
		left: 0px;
	}
	
	#circle-person li div p{
	line-height:20px;
	}
	   
	  
	 .intro-person {
	   height:50px;	
	  }

	.resp-par {
	  display:block;
	  font-size:14px;
	}
	 
	 
	 .person {
		text-decoration: none;
		text-align: center;
		color: black;
		width: 242px;
		height: 187px;
		font-size: 26px;
		font-family: "GillSansBold";
		text-align: center;
		margin-left: auto!important;
		margin-right: auto!important;
		display: block;
		padding: 26px;
		padding-top: 80px;
		float: none!important;
		background: url('../img/person-circle-resp.png');
		position:relative;
	 }
	 
	 
	 .personal-page {
	   font-size:18px;
	   color:white!important;
	   text-align:center;
	   display:block;
	   margin-left:auto;
	   margin-right:auto;
	 }
	 
	 .personal-page:hover {
	 color:#9FA392!important;
	 font-size:18px;
	 }
	 
	 .hidden-person p{
	  font-size:16px;
	  padding-left:20px;
	  padding-right:20px;
	  color:white!important;
	 }
	 
	 .hidden-person a {
	 font-size:18px;
	 }
	 
	 .hidden-person a:hover {
	 font-size:18px;
	 font-weight:bold;
	 }
	 
	 .person  p{
	  color:black;
	 }
	 
	 .person h4 {
	  margin-bottom:20px;
	  line-height: 24px;
	  font-family: "GillSansBold";
	  font-size:24px;
	 }
	 
	#slide-5 .person  .link-to-hidden h4 {
	 display:none;
	}

	#slide-5 .bcg {
	 background: url('../img/partners-resp.jpg')!important;
	 background-repeat:no-repeat;
	 background-size:100% 100%;
	}

	#slide-5 .resp-par {
	position:absolute;
	top:130px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	}
	
	
	.header-inside-resp {
	 position:relative!important;
	 display:block;
	 float:none!important;
	 width: 94%!important;
	}
	
	#resp-page {
	width:90%;
	padding:5%;
	background:white;
	}
	
	#resp-page p{
	font-size:15px;
	}
	 
 /*Slide-7*/
	#slide-7 .bcg {
	background:white!important;
	}
	 
#slide-7 .hsContent {
  margin: auto;
  position: relative;
  top: 0; left: 0; bottom: 0; right: 0;
  width:100%;
  padding-top:10px;
}

#slide-7 .content-head {
	margin-top:0px;
	margin-bottom:20px;
	}
	 
	#slide-20 .hsContent {
	width: 100%;
	padding-top: 50px;
	height: 1100px;
	}
	 
	 #map {
		height: 270px;
		width: 100%;
		display: block;
		}
		
	#right-cont {
		width: 320px;
		display: block;
		padding: 20px;
		padding-left: 0px;
		padding-top: 10px;
		padding-right:10px;
		overflow:hidden;
		padding-bottom:0px;
		height:185px;
		margin-bottom:10px;
	}
	
	#form-cont {
	width: 300px;
	overflow: hidden;
	}
		
   #contact-main {
width: 300px;
font: 14px/16px "Gill Sans";
overflow: hidden;
padding: 10px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: block;
  }
  
  #recaptha-div {
  float:left!important;
  height:129px!important;
  width:319px!important;
  }
  
  #recaptcha_area,#recaptcha_widget_div{
  height:129px!important;
  }
  
  .button-cont {
  height: 155px; 
  width: 320px; 
  display: block;
  overflow: hidden;
  }
  
	#contact-button {
	width: 320px!important;
	margin-left:auto;
	margin-right:auto;
	display:block;
	float:none!important;
	}
  
  .address-group {
  width:150px;
  float:left;
  margin-bottom:10px;
  margin-right:5px;
  }
  
  .button {
  width:180px!important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-top: 15px;
  }

	
	#contact-main input, #contact-main textarea {
		padding: 12px 14px;
		border: 1px solid #B1B5A1;
		outline: none;
		font: 14px/16px "Gill Sans";
		color: #5f6768;
		margin-bottom: 10px;
	}
	
	#contact-main input {
	width: 270px;
	}
	
	#contact-main textarea {
	width: 270px;
	height:50px;
	}
	
	#contact_subject {
	width:270px!important;
	}
	
	.message input {
	width: 380px!important;
	}
	
	
	#right-cont h4 {
		color: #B1B5A1;
		font-size: 13px;
		line-height:20px;
		
	}
	
	#right-cont p {
	color: black;
	margin-bottom: 0px;
	}
	
	#contactForm div {
	width: 300px;
	float: left!important;
	margin-right: 0px;
	}
	
	.message {
		width: 300px!important;
		float: none;
		height: auto!important;
	}
	
	
.heading-noresp {
display:none;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
		
		

    }
	


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#footer {
	width:440px;
	padding:20px;
	height:30px;
	}
	
	#contact-button-div {
	height: 155px; 
	width: 420px!important;
	display: block;
	overflow: hidden;
	}
	
	.link-to-sub-resp{
	display:block;
	}
	
	.link-to-sub {
	display:none!important;
	}
	
	section {
	min-width: 420px!important;
	width:100%;
	opacity: 0;
	}
	
	
	.resp-par {
	  display:block;
	}
		

	.bcg {
		background-size:cover;
		height: 100%;
		width: 100%;
		height:360px;
	}
	
	.content-head {
	font-size:18px!important;
	margin-bottom:15px;
	padding-bottom:0px!important;
	}
	
	.hsContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.bcg {
background-image:none!important;
	background-repeat:no-repeat;
    background-size:100% 100%;
	
}

	#slide-1 .bcg {
	background:url('../img/first-small-767.jpg')!important;
	background-repeat: no-repeat;
	background-size: cover!important;
	}
	
	#slide-2 .bcg {
	background-image:none;
    background: url('../img/large-small-767.jpg')!important;
	height: 360px;
	background-repeat: no-repeat;
	background-size: cover!important;
	}

	.hsContainer {
		width: 100%;
		height: 100%;
		overflow: hidden;
		position: relative;
    }
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
		
		

.head-from-top {
margin-top:0px;
}

.hidden-partner {
height: 374px;
overflow: hidden;
}

.hidden-partner .header-cont {
width:auto;
display:table;
margin-left:auto;
margin-right:auto;
text-align:center;
overflow:hidden;
}

.hidden-partner .content-head {
margin-bottom:0px;
background:none;
font-size:20px;
padding-bottom:3px;
display: table-cell;
margin-bottom:10px;
border-bottom:3px solid black;
text-align:center;
}

/* Slide 1 */

#slide-1 .hsContent {

	  position: relative;
	  width:100%;
	  height:299px;
	  top: 8%; 
	  margin:0 auto;
	  margin-left:auto;
	  margin-right:auto;
	  display:block;
	  left: 0; 
	  bottom: 0;
	  right: 0;
	  
	}  
	
	
.column ul{ 
padding-left:15px;
}

.overview ul li, .overview p {
font-size: 16px;
}



/* Slide 2 */

#slide-2 .hsContent {
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
  width: 100%!important;
  padding-left:10px;
  padding-right:10px;
  color:white;
  /*background: url('../img/timeline-back.png') no-repeat;*/
  background-position: center;
  margin-top:0px;
  padding-top:10px;
}

#slide-2 .hsContainer {
background: url('../img/pattern1.png') repeat;
width:100%;
}

.hidden-accordion .viewport , .partner-text .viewport 
{
    height: 330px!important;
	padding-bottom:26px;
    overflow:hidden;
    position:relative;
}

.column p {
color:white;
}

.column ul li{ 
list-style-type:disc;
line-height:20px;
}

.column ul li span{ 
}

.column div {
font-size:22px;
font-weight:200;
color: white;
}

.heading-arrow {
display:none;
} 

.heading-arrow-resp {
display:block!important;
}

.knee {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
left: 0;
right: 0;
width:306px;
height:302px;
}


.column {
font-family:"GillSansBold";
width:200px;
margin-left: 20px;
display:block;
margin-bottom:20px;
line-height:26px;
float:left;

}

	.column h3{
	display:none;
}

.heading-resp {
color: black!important;
	background: white;
	font-size:14px;
	text-align:left;
	height:50px;
	text-transform:uppercase;
	font-family:"GillSansBold";
	padding:8px;
	margin-bottom:0px;
	display:block;
}

/* Slide 3 */

#slide-3 .bcg {
background: url('../img/orthoprothesis-doctors-767.jpg')!important;
background-repeat: no-repeat;
background-size: cover!important;
}

#slide-3 .hsContent {
  margin: auto;
  top: 0; left: 0; bottom: 0; right: 0;
  width:100%;
  padding-top:10px;
}



/* Slide 4 */

#slide-4 .hsContent {
	position:relative;
	left:0px;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	overflow:hidden;
	padding-top: 20px;
}


#logos-4 {
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

#clinic-address-circle {
text-decoration: none;
text-align: center;
width: 302px;
height: 270px;
color: white!important;
font-size: 18px;
font-family: "GillSansBold";
text-align: center;
display: block;
padding: 26px;
position:relative;
margin-left:auto;
margin-right:auto;
padding-top: 60px;
background: url('../img/address-euromedica.png');
}




.euromedica-logo {
 width: 90%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
	   
.clinic-photo {
width: 354px;
display: block;
margin-left: auto;
margin-right: auto;
}

.hidden-url {
position: absolute;
display: none;
background: url('../img/hidden-hover.png');
width: 312px;
z-index: 100;
padding-left: 20px;
padding-right: 20px;
padding-top: 100px;
height: auto;
top: 0px;
height: 245px;
left: 0px;
}

.hidden-url a{
font-size:28px;
color:white!important;
}

.hidden-url a:hover ,.hidden-person a:hover{
color:white!important;
text-decoration:none;
font-weight:bold;
}



	
/* Slide 5 */ 

#slide-5 .hsContainer {
background: url('../img/pattern-5.png') repeat;
margin: auto 5px;
height:auto!important;
}

			
		#slide-5 .hsContent{
		 width:100%!important;
		 display:block;
		 margin-left:auto;
		 margin-right:auto;
		 overflow:hidden;
		 padding-top:10px;
		}
		
		#partner-1, #partner-2 {
		 margin-right:5%;
		 
		}
		

		
		#slide-5 #circle-person {
		width:100%;
		margin-left:auto;
		margin-right:auto;
		display:block;
		overflow:hidden;
		}

/*Slide-6 */		

#slide-6 .bcg {
background:white;
height:1480px;
}
		
#slide-6 .hsContent {
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
padding-top: 10px;
}	

#slide-20 .bcg {
background-image: url('../img/logo-black.jpg')!important;
}

#knee-1 {
top: 70px;
background: url('../img/isxion-resp.png');
}	

#knee-2 {
top: 530px;
background: url('../img/gonato-resp.png');
}	

#knee-3 {
top:1000px;
background: url('../img/omos-resp.png');
}

.sub-content {
width:360px;
display:block;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
left:0;
right:0;
}

#sub-1 {
top:370px;
}

#sub-2 {
top:840px;
}

#sub-3{
top:1300px;
}


.sub-content div{
padding-bottom:7px;
width:330px;
display:block;
border-bottom:1px solid #CACACA;
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
}

.sub-content a { 
display:block;
width:320px;
height:40px;
color:white!important;
padding:5px;
background:black;
}

#sub-1 a {
/*line-height:40px;*/
}

.colorbox-solid {
background:white;
border:3px solid black;
}

.colorbox-solid  #cboxContent {
background:none;
width:730px;
height:400px;
padding:0px;
}

.colorbox-sub h3 {
background:black;
color:white!important;
height:45px;
font-weight:bold;
font-size: 17px;
padding-left:10px;
line-height:45px;
}

.pop-img {
width:300px;
height:140px;
margin-bottom:20px;
}

.dcjq-parent {
border-bottom:3px solid black;
display:block;
min-height:30px;
line-height:30px;
margin-bottom:10px;
font-size:15px;
margin-top:10px;
position:relative;
}

#contact_subject {
width:380px!important;
}

.accordion .viewport {
height: 300px!important;
padding-bottom: 26px;
overflow: hidden;
position: relative;
width: 920px;
text-align: justify;
}

.dcjq-parent:hover {
cursor:pointer;
cursor:hand;
outline:none;
}

.ui-accordion-content {
height:auto!important;
}

.colorbox-solid #cboxClose{
background:white;
color:black;
padding:10px;
bottom:0px;
height:40px;
}
	

.logo-center {
 width:280px;
 height:275px;
 display:block!important;
 margin-left:auto;
 margin-right:auto;
 margin-top: 20px;
 }
	 
.gal-item {
  margin: 6px;
  opacity: 1;
  border:9px solid black;
  width:180px;
  float:left;
  height:180px;
  display:block;
  }
	
	#iatreio {
	width:420px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	overflow:hidden;
	}

	.gal-item a {
	width:100%
	}

	.gal-item a img{
	width:100%
	}
	
	.gal-item:hover {
	opacity: 1;
	}
	 
	 #header {
	 width:96%;
	 height:70px;
	 display:block;
	 position:absolute;
	 top:0px;
	 padding-left:2%;
	 padding-right:2%;
	 z-index:1000;
 }
	 
	 .header-top {
	 position:fixed!important;
	 z-index:1000;
	 top:0px;
	 }
	 
	 #header ul {
	 display:none;
	 }
	 
	 #header ul li{
	  float:left;
	  height:60px;
	  padding:10px;
	  line-height:30px;
	  padding-top:55px;
	 }
	 
	  #header ul li a{
	  display:block;
	  color:black;
	  font-family: "Gill Sans";
	  font-weight: normal;
	  text-decoration:none;
	 }
	 
	 #header ul li a:hover{
	  color:#B1B5A1;
	  border-bottom:4px solid black;
	 }
	 
	 #logo-header {
	 height: 55px;
	 padding-top: 5px;
	 margin-top: 0px;
	 width: 70%;
	 float: left;
	 }
	 
	 .header-inside-resp .logo-small {
	 width: 134px;
	 height: 80px;
	 text-indent: -9999px;
	 display: block;
	 float:left;
	 background: url('../img/logo-header-small.png');
	 }
	 
	#hamburger {
	font-size:14px;
	width:35px;
	height:32px;
	/*border-radius: 3px 3px 3px 3px;*/
	cursor: pointer;
	display: block;
	height: 24px;
	padding: 3px 4px 3px;
	width: 25px;
	background-color:rgba(178,181,162,0.9);
	background: -moz-linear-gradient(top,  #B2B5A2 0%, #B2B5A2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B2B5A2), color-stop(100%,#B2B5A2));
	background: -webkit-linear-gradient(top,  #B2B5A2 0%,#B2B5A2 100%);
	background: -o-linear-gradient(top,  #B2B5A2 0%,#B2B5A2 100%);
	background: -ms-linear-gradient(top,  #B2B5A2 0%,#B2B5A2 100%);
	background: linear-gradient(to bottom,  #B2B5A2 0%,#B2B5A2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2B5A2', endColorstr='#B2B5A2',GradientType=0 );
	position: fixed;
	right: 3%;
	}
		
	#hamburger div {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 2px 2px 2px 2px;
	height: 2px;
	margin-top: 3px;
	width: 90%;
	}
	
	#burger-menu {
	display:none;
	background-color:rgba(178,181,162,0.9);
	position:fixed;
	top:35px;
	z-index:100;
	width:447px!important;
	padding:2%;
	right: 3%;
	}
	
	#burger-menu ul li{
	float:left!important;
	width:auto;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:10px;
	}
	
	#burger-menu ul li a{
	font-size:17px;
	}
	
	#return-link {
	display: block;
	float: right;
	width: 250px;
	text-align: center;
	height: 80px;
	font-size: 28px;
	padding-top: 10px;
	}
	
	#column-container {
	display:block;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	}
	 
	#cycle-1 a {
	left: 35px;
	top: 80px;
	}
	
	#cycle-2 a {
	right: 173px;
	top: 80px;
	}
	
	#cycle-3 a {
	left: 180px;
	top: 515px;
	}
	
	 #cycle-4 a {
	 right: 25px;
	 top: 525px;
	}
	
    #resp-page h4{
	margin-bottom: 20px;
	line-height: 24px;
	font-family: "GillSansBold";
	font-size: 24px;
	text-align: center;
	}
	 
	 .circle a{
	  position:absolute;
	  display:block;
	  width:146px;
	  color:black;
	  text-decoration:none;
	  text-align:center;
	  font-size:16px;
	 }
	 
	 .circle a:hover{
	 color:#B1B5A1;
	 }
	 
 
	 .person-text {
	   width:352px;
	  height:352px;
	  display:block;
	 }

	.hidden-person{
		position: absolute;
		display: none;
		background: url('../img/person-circle-hover-resp.png');
		width: 254px;
		z-index: 100;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 40px;
		height: auto;
		top: 0px;
		height: 253px;
		left: 0px;
	}
	
	#circle-person li div p{
	line-height:20px;
	}
	   
	  
	 .intro-person {
	   height:50px;	
	  }

	.resp-par {
	  display:block;
	  font-size:14px;
	}
	 
	 
	 .person {
		text-decoration: none;
		text-align: center;
		color: black;
		width: 242px;
		height: 187px;
		font-size: 26px;
		font-family: "GillSansBold";
		text-align: center;
		margin-left: auto!important;
		margin-right: auto!important;
		display: block;
		padding: 26px;
		padding-top: 80px;
		float: none!important;
		background: url('../img/person-circle-resp.png');
		position:relative;
	 }
	 
	 
	 .personal-page {
	   font-size:20px;
	   color:white!important;
	   text-align:center;
	   display:block;
	   margin-left:auto;
	   margin-right:auto;
	 }
	 
	 .personal-page:hover {
	 color:#9FA392!important;
	 }
	 
	 .hidden-person p{
	  font-size:16px;
	  padding-left:20px;
	  padding-right:20px;
	  color:white!important;
	 }
	 
	 .hidden-person a {
	 font-size:18px;
	 }
	 
	 .person  p{
	  color:black;
	 }
	 
	 .person h4 {
	  margin-bottom:20px;
	  line-height: 24px;
	  font-family: "GillSansBold";
	  font-size:24px;
	 }
	 
	#slide-5 .person  .link-to-hidden h4 {
	 display:none;
	}

	#slide-5 .bcg {
	 background: url('../img/partners-resp.jpg')!important;
	 background-repeat:no-repeat;
	 background-size:cover;
	}

	#slide-5 .resp-par {
	position:absolute;
	top:130px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	}
	
	
	.header-inside-resp {
	 position:relative!important;
	 display:block;
	 float:none!important;
	 width: 94%!important;
	 height: 110px!important;
	 margin-left:auto;
	 margin-right:auto;
	}
	
	#resp-page {
	width:90%;
	padding:5%;
	background:white;
	}
	
	#resp-page p{
	font-size:15px;
	}
	 
 /*Slide-7*/
	#slide-7 .bcg {
	background:white!important;
	}
	 
#slide-7 .hsContent {
  margin: auto;
  position: relative;
  top: 0; left: 0; bottom: 0; right: 0;
  width:100%;
  padding-top:10px;
}

#slide-7 .content-head {
	margin-top:0px;
	margin-bottom:20px;
	}
	 
	 #slide-20 .hsContent {
	 width:100%;
	 padding-top:50px;
	 height:1400px;
	 }
	 
	 #map {
		height: 270px;
		width: 100%;
		display: block;
		}
		
	#right-cont {
		width: 420px;
		display: block;
		padding: 20px;
		padding-left: 0px;
		padding-top: 10px;
		padding-right:10px;
		overflow:hidden;
		padding-bottom:0px;
		height:185px;
		margin-bottom:10px;
	}
	
	#form-cont {
	width: 420px;
	overflow: hidden;
	height:260px;
	}
		
   #contact-main {
width: 400px;
font: 14px/16px "Gill Sans";
overflow: hidden;
padding: 10px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: block;
  }
  
  #recaptha-div {
  float:left!important;
  height:129px!important;
  width:319px!important;
  }
  
  #recaptcha_area,#recaptcha_widget_div{
  height:129px!important;
  }
  
  .button-cont {
  height: 155px; 
  width: 420px; 
  display: block;
  overflow: hidden;
  }
  
	#contact-button {
	width: 420px!important;
	margin-left:auto;
	margin-right:auto;
	display:block;
	float:none!important;
	}
  
  .address-group {
  width:205px;
  float:left;
  margin-bottom:10px;
  }
  
  .button {
  width:180px!important;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-top: 15px;
  }

	
	#contact-main input, #contact-main textarea {
		padding: 12px 14px;
		border: 1px solid #B1B5A1;
		outline: none;
		font: 14px/16px "Gill Sans";
		color: #5f6768;
		margin-bottom: 10px;
	}
	
	#contact-main input {
	width: 170px;
	}
	
	#contact-main textarea {
	width: 380px;
	height:50px;
	}
	

	
	.message input {
	width: 380px!important;
	}
	
	
	
	
	#right-cont h4 {
		color: #B1B5A1;
		font-size: 15px;
		line-height:20px;
		height:20px;
	}
	
	#right-cont p {
	color: black;
	margin-bottom: 0px;
	}
	
	#contactForm div {
	width: 50%;
	float: left!important;
	margin-right: 0px;
	}
	
	.message {
		width: 420px!important;
		float: none;
		height: auto!important;
	}
	
	
.heading-noresp {
display:none;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

		
		
		
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }