/*Global Css */
.border-sizing{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
a:visited{
	color:#ea9629;
}
/* Top Bar */
#top-bar{
	background: #282b2d; 
	height: 30px;
	color: #f0f0f0;
	padding-top: 4px;	
}
/* End Top Bar */
/* Header */


header[role="header"]{
	background: rgba(102,102,102,0.8);	
	width: 100%;
	height: 100px;
	position: absolute;
	top: 30px;
	left: 0;
	overflow: hidden;
	z-index: 2;
	}
header[role="header"] h1{
	color: #66ccff;
}
/* End Header */

/* online-appointment */
.online-appointment{
	position: fixed;
	top: 36%;
	margin-top: -200px;
	width: 650px;
	height: 565px;
	background: rgba(225,225,225,0.9);
	z-index: 2000;
	left: -650px;
	border: #ccc solid 1px;
}
.online-appointment .appointment-btn{
	background: url(../images/online-appointment.png) 0 0 no-repeat;
	width: 54px;
	height: 256px;
	position: absolute;
	right: -54px;
	top: 50%;
	margin-top: -128px;
	cursor: pointer;
}
/* End online-appointment */

/*logout*/
nav[role="navigation1"]{
	position:relative;
	float:right;
	z-index: 2;
	opacity:0.86;
}
/* Main Menu */

nav[role="navigation"]{
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 2;
	opacity:0.86;
}
nav[role="navigation"] ul li{
	background: #428bca;
	margin-bottom: 2px;
	padding: 5px;
	position: relative;
	right: -128px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
}
nav[role="navigation"] ul li:hover, nav[role="navigation"] ul li.active{
	right: 0;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	z-index:100;
}

nav[role="navigation"] ul li.active{
	right: -128px;
	background: #ff6600;
}
nav[role="navigation"] ul li a{
	font-family: 'Armata', sans-serif;
	display: block;
}
/* Main Menu */

/* Banner Section */
.banner-section{
	position: relative;
	min-height: 400px;
	max-height:655px;
	overflow:hidden;
	
}
.banner-section ul{
	padding: 0;
	margin: 0;
}
.banner-section ul li{
	padding: 0;
	margin: 0;
	list-style: none;
}
.banner-section ul li img{
	width: 100%;
}
.banner-section .pattern{
	/*background: url(../images/slider_overlay_pattern.png) 0 0 repeat;*/
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.93;
}
/* End Banner Section */

/* Dr. Message */
.dr-sms{
	background: #FFF;
}
/* End Dr. Message */

/* Parallax */
.coverphoto{
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:50% 0;
	background-attachment:fixed;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;	

	width: 100%;
	height: 700px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;

}
.cover-one, .cover-two, .cover-three, .cover-four, .cover-five, .cover-six{
	background-image:url(../images/banner.jpg);

}
.cover-one{
	background-image:url(../images/banner1.jpeg);
}
.cover-two{
	background-image:url(../images/banner2.jpg);	
}
.cover-three{
	background-image:url(../images/banner2.jpg);	
}
/*
.cover-three{
	background-image:url(../images/coverphoto/services.jpg);
}

.cover-four{
	background-image:url(../images/coverphoto/standorte.jpg);
}
.cover-five{
	background-image:url(../images/coverphoto/ueber-uns.jpg);
}
.cover-six{
	background-image:url(../images/coverphoto/team.jpg);
}*/
/* End Parallax */
.none{
	display: none;
}
.appointment-btn1{
	display: none;
}
.tip-postion{
	position:relative; 
	left:126%; 
	z-index:9999; 
	bottom:-30px;
	height:100px;
	top: 32px;
}
.noneiPad{
	display: none;
}


/* Media Queries
================================================== */

 /* Smaller than standard 960 (devices and browsers) */
 @media only screen and (max-width: 959px) {}
 @media only screen and (min-width: 1200px) and (min-width:1024px;){
	header[role="header"]{
	background: rgba(225,225,225,0.5);	
	width: 100%;
	min-height: 100px;
	position: absolute;
	top: 30px;
	left: 0;
	overflow: hidden;
	z-index: 1000;
	}
	header .span2{font-size:18px;}

	.cover-one, .cover-two, .cover-three, .cover-four, .cover-five, .cover-six{
		/*background-size: 800px;*/

	}
	.tip-display-mob{
			display: none
		}
	.iPad{
		display: block !important;
		height: 700px;
		overflow: hidden;
	}
	.iPad img{
		width: 100%;
	}
	.coverphoto{
		display: none;
	}
	
}
 /* Tablet Portrait size to standard 960 (devices and browsers) */
 @media only screen and (min-width: 768px) and (max-width: 960px) {
 	.iPad{
		display: block !important;
	}
	.tip-display-mob{
			display: none
		}
	.iPad img{
		width: 100%;
	}
	.coverphoto{
		display: none;
	}
		.container {
		width: 100%;
		}
		header[role="header"]{
		background: rgba(225,225,225,0.5);	
		width: 100%;
		height: 76px;
		position: absolute;
		top: 30px;
		left: 0;
		overflow: hidden;
		z-index: 1000;
		}
		
				
		.online-appointment .appointment-btn{
		background: url(../images/online-appointment.png) 0 0 no-repeat;
		width: 54px;
		height: 256px;
		position: absolute;
		right: -54px;
		top: 50%;
		margin-top: -128px;
		cursor: pointer;
		}
		
		header .span2{font-size:18px;}
		.para{
		font-family: Armata;
		font-size: 12px; 
		height: 20px;
		width: 62%;
		position: relative;
		top:-57px;
		left: 24%;
		}
		.message{
		opacity: 1.86;
		padding: 0 15px 015px;
		height: 258px;
		width: 40%;
		background-color: #66CCFF;
		position: relative;
		top: 11%;
		left: 8%;
		color: #000;
		}
		.message .image_doctor img{width:100%;}
		.image_doctor{float:left;height:190px; width:40%;}
		.message_paragraph{
		overflow:auto;
		height:190px;
		width:60%;
		float:left;
		font-size:11px;
		}
		.tip-postion{
		position:relative; 
		left:600px; 
		z-index:9999; 
		bottom:-30px;
		height:100px;
		top: 32px;
		}
		.display,.display_2{
			width: 58% !important;
		}
		.cover-one{
	background-image:url(../images/banner3.jpg) ;

}
.cover-two{
	background-image:url(../images/banner4.jpg);
/*	display: none;*/
}
		

	
	}

 /* All Mobile Sizes (devices and browser) */
 @media only screen and (max-width: 767px) {

 	.none, .iPad{
 		display: none;
 	}
 	.tip-display-mob{
			display: none
		}
 	.container{
 		padding-left: 15px;
 		padding-right: 15px;
 	}
 	#top-bar{
 		height: 60px;
 	}
 	#top-bar .text-left{
 		width: 117px;
		position: absolute;
		right: 0px;
		top: 40px;
 	}
 	header[role="header"]{
 		top: 60px !important;

 	}
 	.banner-section{
 		min-height: 100px;

 	}
 	.cover-one,.cover-two{
 		display: none;
 	}
 	h1, .h1{
 		font-size: 24px !important;
 	}
 	h2, .h2
 	{
 		font-size: 18px !important;

 	}
 	h3, .h3{
 		font-size: 16px !important;

 	}
 	h4, .h4{
 		font-size: 14px !important;

 	}
 	.none{
	display: block;
	}
	.mobile-nav a{
	text-decoration: none;
	}
	.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title
	{
		font-size: 14px !important;
	}
	.gform_wrapper .top_label .gfield_label{
		font-size: 14px !important;

	}

	#main-menu1{
		position: absolute;
		top:40px;
		z-index: 1000;
		left:-10%;
	}
	#main-menu1 ul li {
		list-style: none !important;
		/*background: #282b2d;*/
		background: #66ccff;
		
		padding-right: 40px;
		padding-left: 40px;
		cursor: pointer;
		border-bottom: #ffffff solid 1px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	#main-menu1 a,#main-menu1 a:visited{
		font-size: 15px !important;
		color: #ffffff !important;
	}
	#main-menu1 a:hover{
		color: #ea9629 !important;
	}
	.display, .display1, .display_2{
		padding-left: 0px !important;
		float: none !important;
		width: 100% !important;
	}
	.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium{
		width: 100% !important;
	}


	#main-menu1{
	display: none;
	}
	.nav-menu{
		color:#ffffff; 
		
		padding-left: 40px;
	   background:url(../images/menu.png) no-repeat 10px;
	   position: absolute;
	   top: 9px;
		font-size: 18px;
		cursor: pointer;
		/*left: 25%;*/
	}


	#about,#services,#education{
		position: relative;
	}

	#side_bar1,#side_bar2,#side_bar3{
		display: none;
		position: absolute;
		z-index: 2;
		top: 50px;
		right: 0px;
		font-size: 16px !important;

	}
	#side_bar1 ul li,#side_bar2 ul li,#side_bar3 ul li {
			list-style: none !important;
			background: #66ccff;
			padding-right: 10px;
			padding-left: 10px;
			padding-bottom: 5px;
			padding-top: 5px;
			cursor: pointer;
			border-bottom: #ffffff solid 1px;
		}
	#side_bar1 a,#side_bar2 a,#side_bar3 a{
		color:#ffffff; 
		font-size: 14px !important;

	}
	#side_bar1 a:hover, #side_bar2 a:hover, #side_bar3 a:hover{
		color: #ea9629 !important;
	}
	.nav-sub-menu1,.nav-sub-menu2,.nav-sub-menu3{
		cursor: pointer;
		position: absolute;
		top: 25px;
		right: 0px;
		background:url(../images/menu1.png) no-repeat 10px;
		width:36px;
		color: transparent

	}
.appointment-btn1{
	display: block;
}

/*.online-appointment*/ .appointment-btn1{
	background: url(../images/online-appointment1.png) 0 0 no-repeat !important;
	width: 30px;
	height: 256px;
	position: absolute;
	/*right: -54px;*/
	top: 40% !important;
	/*margin-top: -128px;*/
	cursor: pointer;
	z-index: 1000;
	/*display: none;*/
}
/*.appointment-form-mobile{
	display: block;
}*/
/* End online-appointment */
.none1{
	display: none;
}
#online-appointment-mob-form{
	display: none;
	position: absolute;
	left: 30px;
	z-index: 2;
	top: 40% !important;
	
}
.first_form{
	width: 245px;
	background: rgba(225,225,225,0.9);
	border: #ccc solid 1px;
}
.gform_wrapper{
	display: block !important;
}


.gform_wrapper .gform_heading{
font-size:12px !important;
}
.gform_wrapper .top_label .gfield_label{
font-size:12px !important;

}
.gform_wrapper .chzn-container{
width: 95px !important;

}

.gform_wrapper .chzn-container-single .chzn-single{
font-size: 12px !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half{
width:100px !important;
}
.gform_wrapper .top_label li.gfield.gf_right_half{
width:100px !important;
}
.gform_wrapper .top_label li.gfield.gf_left_third{
width:100px !important;
}
.gform_wrapper .top_label li.gfield.gf_middle_third{
width:100px !important;
}

.gform_wrapper .top_label li.gfield.gf_right_third{
width:100px !important;
}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{
	font-size: 12px !important;

}
.gform_wrapper .gform_footer{
	font-size: 12px !important;

}
.ginput_container img{
	display: none;
}
#field_3_12{
	display: block !important;
}

/* End online-appointment */

.none1{
	display: none;
}
#tip-display-mob{
	display: none;
	position: absolute;
	background: #282b2d;
	/*width: 200px;*/
	top: 60px;
	padding: 5px 5px 0 15px;
	z-index: 9999;
	border: #ccc solid 1px;
	font-size: 12px;
	color: #ffffff;

}
#tip-display-mob h1{
	font-size: 16px !important;
}

.tip-mob1{
	font-size: 12px;
	color: #FF6600;
	cursor: pointer;
}
	.text-right{
		display: none;
	}



 


 
}
 /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 .iPad{
 		display: none !important;
 	}
 header[role="header"]{
	background: rgba(225,225,225,0.5);	
	width: 100%;
	height: 50px;
	position: absolute;
	top: 30px;
	left: 0;
	overflow: hidden;
	z-index: 1000;
	}
	header .span2{font-size:15px;position:relative;top:-4px;}
		.para{
		font-family: Armata;
		font-size: 12px; 
		height: 20px;
		width: 53%;
		position: relative;
		top:-64px;
		left: 25%;
		}
		.para p{font-size:7px;}
		.message{
		opacity: 1.86;
		padding: 15px;
		height: 300px;
		width: 31%;
		background-color: #66CCFF;
		position: relative;
		top: 19%;
		left: 6%;
		color: #000;
		}
		.message .image_doctor img{width:100%;}
		.message_paragraph{
		width:60%
		overflow:auto;
		height:125px;
		font-size:11px;
		}
		.online-appointment .appointment-btn{
		display: none;		
	}
	/*.appointment-form-mobile{display: block;}*/
}
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {
 .iPad{
 		display: none !important;
 	}
 header[role="header"]{
	background: rgba(225,225,225,0.5);	
	width: 100%;
	height: 65px;
	position: absolute;
	top: 30px;
	left: 0;
	overflow: hidden;
	z-index: 1000;
	}
	header .span2{font-size:15px;position:relative;top:-5px;}
		.para{
		font-family: Armata;
		font-size: 10px; 
		height: 20px;
		width: 53%;
		position: relative;
		top:-65px;
		left: 50%;
		}
		.para p{font-size:8px;}
		.message, .message_paragraph,.subtab,.online-appointment, .map, nav[role="navigation"]{display:none;}
/*.appointment-form-mobile{
	display: block
}*/
}