/* ============================================== Panteha Jazayeri CSS =========================================*/

/* Logo blue: 119ABA 	navbar grau #E9E9E9  B5D2FF  hcolor 3889B7  mobile nav 77A6C4 kontakt blau: 3586B5 header blau bg 0077b3     */
/* new blues - bright blue 0090BE   - middle blue 0082AA   - darker blue  017496   */


/* Font Import */
@font-face {
    font-family: 'shadows_into_lightregular';
    src: url('shadowsintolight-regular-webfont.woff2') format('woff2'),
         url('shadowsintolight-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.shadow {
    font-family: 'shadows_into_lightregular' !important;
}


@font-face {
    font-family: 'open_sansregular';
    src: url('OpenSans-Light.woff2') format('woff2'),
         url('OpenSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.open-sans {
    font-family: 'open_sansregular' !important;
}



.body {
	font-family: font-family: 'Open Sans', sans-serif;
}

/* ====================== Google Map Mouse Block =================== */
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:320px; /* your iframe height */
   top:320px;  /* your iframe height */
   margin-top:-320px;  /* your iframe height */
}

/* Active Menu */
@media (min-width: 992px) {
#header .header-nav-main.header-nav-main-light nav > ul > li.active > a {
    color: #ffffff;
}}

/* Slider */
.slider .dione .tp-bullet.selected,
.slider .dione .tp-bullet:hover {
	background: #FFF;
}

@media (max-width: 991px) {
	.tp-bullets {
		display: none;
	}
}


/* ============================== Font Size ============================== */
h1 {
	font-size: 30px;
	
}

h1.kontakth1 {
	font-size: 20px;
	font-weight: bold;		
}

@media (max-width: 480px) {
	h1 {
		font-size: 20px;
	}
}



/* ================================ Colors ============================= */

/* == Home 1st Section == */
section.section {
    background: #ffffff;
    border-top: 5px solid #f1f1f1;
    margin: 30px 0;
    padding: 50px 0;
}

/* Header Drop Down Arrow */
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
		border-color: transparent transparent transparent #77a6c4;
	}

/* Icon Color */	
.feature-box.feature-box-style-2 .feature-box-icon .icons {
    color: #119ABA;
}

.list.list-icons.list-icons-style-3 li .fa, .list.list-icons.list-icons-style-3 li .icons {
    background-color: #119ABA
}

html .list-dark.list-icons li .fa, html .list-dark.list-icons li .icons {
    color: #119ABA;
    border-color: #119ABA;
}

/* Class for H - has to be set */
.hcolor {
	color: #3889B7 !important;
}

.hcolor2 {
	color: #444 !important;
}

h4.heading-primary	{
	color: #555 !important;
}

/* Divider beneath H */
html .divider.divider-primary.divider-small hr {
    background: #77A6C4;
}

a {
	color: #555;
}

a.normLink {
    color: #2aafea;
}

a:hover {
	color: #77A6C4;
}

a:focus {
	color: #2aafea;
}

a:active {
	color: #2aafea;
}

.accordionCol {
	background-color: #999;
}



/* ====== Page Header Color ======= */
.page-header {
    background-color: #373634;
  }


/* ======== Padding ===============*/

.padTopBot50 {
    padding-bottom: 50px;
    padding-top: 50px;
}

/* ====================================== Kontakt Seite ======================== */

@media (min-width: 990px) {   
.col-md-6.kontaktmargin {
    position: relative;
    min-height: 1px;
    padding-right: 50px;
    padding: 20px 0px 0px 100px;
}}

section.page-header h1 {
	border-bottom: none;
}

.anschrift-home {
	margin-top: 20px;
}

.formPic {
	margin-top: 50px;
	padding-left: 50px;
}



/* ============================================== Philosophie Seite =============================================== */

/* =========================== Philosophie Accordion Headings === */
  .panel-group .panel-heading a {
    color: #3889B7;
}






#footer a:hover.hovCol {
	color: #333;
	text-decoration: none;
}

#footer a.hovCol {
	color: #fff;
	text-decoration: none;
}


/* ================================================ Footer ============================================== */

#footer.short.noPad {
	padding-top: 0px;
}


/* == Footer Ribbon == */
#footer .footer-ribbon {
    background: #3889B7;
    position: absolute;
    margin: -65px 0 0 14px;
    padding: 10px 20px 6px 20px;
}



#footer .footer-ribbon:before {
    border-right-color: #03051c;
    border-left-color: #03051c;
}


.business-hours li {
color: #fff;
line-height: 25px;
border-bottom: 1px solid #555; 
}

.business-hours {
	color: #fff;
}

.business-hours li:last-child {
border-bottom: none; 
}

.business-hours2 {
	padding-bottom: 15px;
	color: #fff;
}

.ssize {
	font-size: 14px;
}


 #footer h1, #footer h2, #footer h3, #footer h4 	 {
	color: #fff;
/*  color: #3889B7;   */
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #3889B7;
}

#footer .footer-copyright a:hover {
	color: #3889B7;
}

/* =======Footer BG ====  */

#footer {
	background-color: #3A3A3A;
    border-top: #0e0e0e;
	

/*	background-color: #999;
	border-top: 1px solid #DDD; */

}

#footer .footer-copyright p {
    color: #fff;  
}


/* == Copyright BG == */
#footer.short .footer-copyright {
    background: #000;
	border-top: 1px solid #222;
} 

/*== Copyright Sub Menu Col == */


/* == Padding Top Single Copyright == */
#footer .footer-copyright  p.withPad {
    color: #999;
    margin: 0;
    padding-top: 20px;
}

#footer .footer-copyright a {
    color: #777;
}

.footmenu {
	margin-right: 0px;
}



/* === Header Bar Semi-Transparent H1 Box ========== */

	
.kontakth1.transBG	{
		background-color: rgba(136,137,137,.45);
		display: block;
        padding: 0 0 0 15px;
		width: 48%;
}  
		
@media (max-width: 998px){
.kontakth1.transBG	{
		background-color: rgba(136,137,137,.45);
		display: block;
        padding: 0 0 0 15px;
		width: 70%;
}  
}		

@media (max-width: 567px){
.kontakth1.transBG	{
		background-color: rgba(136,137,137,.45);
		display: block;
        padding: 0 0 0 15px;
		width: 90%;
}  
}


/* ============================= Leistungen | Header Bar BG Image | H1 & Box ========================== */

.page-header.bgImage2 {
	background-image: url("../img/backgrounds/2.jpg");
	background-repeat: repeat;
	border-top: 2px solid #0081c2;
	overflow: hidden;
    background-color: #ffffff;
}

.page-header.bgImage2 {
	position: relative;
}

.page-header.bgImage2 {
	color: #E8E8E8;
}

.page-header.bgImage2 img {
	bottom: -47px;
	position: relative;
}

.page-header.bgImage2 h1 {
	color: #FFF;
	margin-bottom: 10px;
	margin-top: 30px;
	border: 0;
}





/* ============================= Kontakt | Header Bar BG Image | H1 & Box ========================== */

.page-header.bgImage3 {
	background-image: url("../img/backgrounds/4.jpg");
	background-repeat: repeat;
	border-top: 2px solid #0081c2;
	overflow: hidden;
    background-color: #fff;
}

.page-header.bgImage3 {
	position: relative;
}

.page-header.bgImage3 {
	color: #E8E8E8;
}

.page-header.bgImage3 img {
	bottom: -147px;
	position: relative;
}

.page-header.bgImage3 h1 {
	color: #FFF;
	margin-bottom: 30px;
	margin-top: 80px;
	border: 0;
}

/* ============ BG 4 Kontakt ============== */

.page-header.bgImage4{
	background-image: url("../img/backgrounds/5.jpg");
	background-repeat: repeat;
	border-top: 2px solid #0081c2;
	overflow: hidden;
    background-color: #fff;
}

.page-header.bgImage4 {
	position: relative;
}

.page-header.bgImage4 {
	color: #E8E8E8;
}

.page-header.bgImage4 img {
	bottom: -147px;
	position: relative;
}

.page-header.bgImage4 h1 {
	color: #FFF;
	margin-bottom: 30px;
	margin-top: 80px;
	border: 0;
}

/* ============ BG 3 Anfahrt ============== */

.page-header.bgImage5{
	background-image: url("../img/backgrounds/6.jpg");
	background-repeat: repeat;
	border-top: 2px solid #0081c2;
	overflow: hidden;
    background-color: #fff;
}

.page-header.bgImage5 {
	position: relative;
}

.page-header.bgImage5 {
	color: #E8E8E8;
}

.page-header.bgImage5 img {
	bottom: -147px;
	position: relative;
}

.page-header.bgImage5 h1 {
	color: #FFF;
	margin-bottom: 30px;
	margin-top: 80px;
	border: 0;
}

/* ============ BG 6 Impfung ============== */

.page-header.bgImage6{
	background-image: url("../img/slides/impfung.jpg");
	background-repeat: repeat;
	border-top: 2px solid #0081c2;
	overflow: hidden;
    background-color: #fff;
}

.page-header.bgImage6 {
	position: relative;
}

.page-header.bgImage6 {
	color: #E8E8E8;
}

.page-header.bgImage6 img {
	bottom: -147px;
	position: relative;
}

.page-header.bgImage6 h1 {
	color: #FFF;
	margin-bottom: 30px;
	margin-top: 80px;
	border: 0;
}
	
	/* =========================== Menu ======================= */


#header .header-body {
	padding: 0;
}
#header .header-column .header-extra-info {
	margin: 0;
}
#header .header-column .header-extra-info > li {
	margin-left: -4px;
}
#header .header-column .header-extra-info .feature-box {
	min-height: 100px;
}
#header .header-column .header-extra-info .feature-box h4, #header .header-column .header-extra-info .feature-box h4 a {
	color: #7e8588;
	font-size: 20px;
	font-weight: 300;
}
#header .header-column .header-extra-info .feature-box .feature-box-icon, #header .header-column .header-extra-info .feature-box .feature-box-info {
	position: relative;
	top: 40px;
}
#header .header-column .header-extra-info .feature-box .feature-box-icon {
	width: 40px;
	margin-right: -10px;
}
#header .header-column .header-extra-info .feature-box .feature-box-info {
	padding-left: 45px;
}
#header .header-column .header-extra-info .feature-box.feature-box-call {
	margin-right: 0px;
	padding-right: 5px;
}

@media (min-width: 992px) {
	#header .header-column .header-extra-info .feature-box.feature-box-call {
		border-right: 1px solid #E9E9E9;
	}
	#header .header-nav-bar {
		padding: 0 10px;
	}
	#header .header-nav-bar .header-nav-main {
		margin: 0;
	}
	#header .header-nav-bar .header-nav-main nav > ul > li {
		margin-left: 0;
	}
	#header .header-nav-bar .header-nav-main nav > ul > li > a {
		padding: 20px 21px;
		font-size: 14px;
		border-right: 1px solid rgba(0, 0, 0, 0.1);
	}
	#header .header-nav-bar .header-nav-main nav > ul > li > a.dropdown-toggle {
		padding: 20px 37px 20px 21px;
	}
	#header .header-nav-bar .header-nav-main nav > ul > li > a.dropdown-toggle:after {
		top: 18px;
		right: 21px;
	}
	#header .header-nav-bar .header-nav-main nav > ul > li.dropdown .dropdown-menu {
		margin-top: 0;
	}
	#header .header-nav-bar .header-nav-main nav > ul > li:last-child > a {
		border-right: 0;
	}
	#header .header-search {
		background: rgba(0, 0, 0, 0.07);
		margin: 0 0 0 -5px;
		padding: 0;
	}
	#header .header-search .form-control {
		background: transparent;
		border: 0;
		width: 190px;
		height: 60px;
		color: #FFF;
		margin: 0 50px 0 0;
		padding-left: 22px;
		font-size: 14px;
		font-weight: bold;
	}
	#header .header-search .form-control::-webkit-input-placeholder {
		color: #FFF;
		opacity: 0.4;
		text-transform: uppercase;
	}
	#header .header-search .form-control:-moz-placeholder {
		color: #FFF;
		opacity: 0.4;
		text-transform: uppercase;
	}
	#header .header-search .form-control::-moz-placeholder {
		color: #FFF;
		opacity: 0.4;
		text-transform: uppercase;
	}
	#header .header-search .form-control:-ms-input-placeholder {
		color: #FFF;
		opacity: 0.4;
		text-transform: uppercase;
	}
	#header .header-search .btn-default {
		color: #fff;
		font-size: 20px;
		opacity: 0.4;
		right: 5px;
		top: 10px;
	}
}
@media (max-width: 767px) {
	#header .header-row {
		min-height: 0px;
	}
	#header .header-column .header-extra-info .feature-box.feature-box-call {
		min-height: 0;
		margin: 0;
		padding: 0;
	}
	#header .header-column .header-extra-info .feature-box.feature-box-call .feature-box-icon {
		display: none;
	}
	#header .header-column .header-extra-info .feature-box.feature-box-call .feature-box-info {
		position: static;
		margin: 32px 0 0;
		padding: 0;
	}
	#header .header-column .header-extra-info .feature-box.feature-box-call .feature-box-info h4, #header .header-column .header-extra-info .feature-box.feature-box-call .feature-box-info h4 a {
		font-size: 14px;
	}
}	
		
		
/* ================================================= Mitarbeiter Seite ============= */
.thumb-info .thumb-info-title {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(23, 23, 23, 0.8);
    bottom: 5%;
    color: #FFF;
    font-size: 15px;
    font-weight: 300;
    left: 0;
    letter-spacing: -1px;
    padding: 9px 11px 9px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    z-index: 2;
    max-width: 90%;
}

@media (max-width: 600px) {
.thumb-info .thumb-info-title {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(23, 23, 23, 0.8);
    bottom: 5%;
    color: #FFF;
    font-size: 11px;
    font-weight: 300;
    left: 0;
    letter-spacing: 1px;
    padding: 9px 11px 9px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    z-index: 2;
    max-width: 90%;
}
}

@media (max-width: 480px) {
.thumb-info .thumb-info-title {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background: rgba(23, 23, 23, 0.8);
    bottom: 5%;
    color: #FFF;
    font-size: 9px;
    font-weight: 300;
    left: 0;
    letter-spacing: 0px;
    padding: 2px 11px 2px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    z-index: 2;
    max-width: 95%;
}
}


@media (max-width: 779px) {
.isotope-item {
    position: static !important;
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}
}

/* ==== Team Nav Pills === */
ul.nav-pills > li.active > a {
    background-color: #119ABA !important;
}

.thumb-info .thumb-info-type {
	background-color: #119ABA !important;
}

.container-leistung {
	background-color: #E9E9E9;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	border: 1px solid;
	border-color: #ccc;
}

/* ======================== Leistungen H2 ==================== */

h2 {
    font-size: 24px;
    line-height: 33px;
}

h2.title-v2 {
    color: #555;
    position: relative;
    margin-bottom: 30px;
}

h2.title-v2:after {
    left: 0;
    width: 70px;
    height: 2px;
    content: " ";
    bottom: -10px;
    background: #3889B7;
    position: absolute;
}