/*
Theme Name: Klinika Probono
Author: jkosinski Agencja Interaktywna
Author URI: http://www.jkosinski.pl
Text Domain: Klinika Probono

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/




@import url(http://fonts.googleapis.com/css?family=Exo+2:700,600,800,300,400,500,100,900&subset=latin,latin-ext);
/*
    Thin:          100
	Light:         300
    Normal:        400
    Medium:        500
    Semi-Bold:     600
    Bold:          700
    Extra-Bold:    800
    Ultra-Bold:    900
*/

* {margin: 0; padding: 0;}
html {overflow-y: scroll;}


/* Reset styles */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align: baseline; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; outline: 0; padding: 0; margin: 0; border: 0;}
body {line-height: 1; color: #000;}
strong {font-weight:700}


/* General styles */
body {float:left; width:100%; height:100%; background:#dfe9fb url(images/bg.jpg) no-repeat top center; margin:0; padding:0;}
body, p {color:#424241; font-family:'Exo 2', arial, tahoma, verdana; font-size:12px; line-height:20px;}
input, select, textarea {font-family:'Exo 2', arial, tahoma, verdana;}
img {border:0px;}


a {text-decoration:none; color:#424241; font-size:12px; font-weight:700;}
a, a span, input, textarea {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;	transition: all 0.5s ease;}
a:hover {color:#444;}
a:active {outline: none;}
a:focus, object {outline: none;}
input, input:focus, input:active {outline:none;}

/* Main styles */
.skip {display:none;}
.tAlignCenter {text-align:center;}
.pRelative {position:relative;}
.top53px {top:53px;}
.top62px {top:62px;}
.top68px {top:68px;}
.top70px {top:70px;}
.top82px {top:82px;}
.top92px {top:92px;}
.mRight10px {margin-right:10px;}
.mRight20px {margin-right:20px;}
.mTop20px {margin-top:20px;}
.mBottom20px {margin-bottom:20px;}
.mBottom60px {margin-bottom:60px;}

#top {float:left; width:100%; margin:15px 0 0 0;}
.center {width:100%; max-width:980px; margin:0px auto;}
	h1 {float:left; width:100%; margin:0px; padding:0px; text-align:center;}
		h1 a {display:inline-block; margin:0px auto; padding:76px 0 0 0; color:#394880; font-size:23px; font-weight:300; text-transform:uppercase; background:transparent url(images/logo.png) no-repeat top center; background-size:59px 60px;}
			h1 a:hover {opacity:0.8;}

	#menu-nawigacja, #menu-nawigacja-_en {display:inline-block; padding:0px; list-style-type:none; margin:10px 0 5px 0;}
		#menu-nawigacja li, #menu-nawigacja-_en li {display:inline-block;}
			#menu-nawigacja li a, #menu-nawigacja-_en li a {float:left; color:#1d1e20; font-size:11px; font-weight:600; text-transform:uppercase; padding:5px 15px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;}
				#menu-nawigacja li.current_page_item a, #menu-nawigacja li.current-page-ancestor a, #menu-nawigacja li a:hover, #menu-nawigacja-_en li.current_page_item a, #menu-nawigacja-_en li.current-page-ancestor a, #menu-nawigacja-_en li a:hover {background-color:#5163a1; color:#fff;}


	.lang {float:right; width:auto; position:absolute; right:15px; top:15px; /**/ display:none; /**/}
		.lang ul {list-style:none;}
		.lang span, .lang a span.icl_lang_sel_translated, .current-lang {display:none;}
		.lang a {float:right; color:#777879; font-size:12px; font-weight:400; text-transform:uppercase; text-indent:-9999px;/*  padding:6px 5px;  border:1px solid #7f7f7f; line-height:12px; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;*/}
			.lang-item a {float:left; width:17px; height:17px; cursor:pointer;}
			.lang-item-en a {background:transparent url(images/flagEng.png) no-repeat top left;}
			.lang-item-pl a {background:transparent url(images/flagPl.png) no-repeat top left;}
			/* .lang a span {display:block;} */
			/* .lang a:hover {background-color:#7f7f7f; color:#fff;} */



#headerHP {float:left; width:100%; height:395px; border-top:1px solid #bcc1ca; border-bottom:1px solid #98a6ce; background:transparent url(images/header.jpg) no-repeat top left; position:relative;}
	#galleryHP {float:left; width:100%; height:503px; position:absolute; z-index:1;}
		#imgSwith {position:relative; width: 100%; height: 503px; /* max-width:1140px; */}
		#imgSwith .bgImage {display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
			.imgText {display:none; position: absolute; top: 200px; left: 155px; width:100%;}
			.imgText .Title {font-size: 40px; font-weight: 400; color: #FFFFFF; text-align:right; margin:0 0 20px 0;}
			.imgText .Desc {font-size: 18px; font-weight:300; color: #FFFFFF; text-align:right; line-height:24px;}

		#switchHP {float:left; position:absolute; left:0; right:0; top:auto; bottom:30px; margin:auto; z-index:1000; width: 150px;}
			#switchHP a {float:left; width:11px; height:11px; border:3px solid #fff; background-color:#fff; margin:15px 10px 0 10px; cursor: pointer !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
			/* #switchHP a .switchCircle {float:left; width:17px; height:17px; background-color:#fff; margin:4px 0 0 4px;} */
				#switchHP a.active, #switchHP a:hover {background-color:#5163a1;}
				#switchHP a .hpText {display: none; font-size: 0px;}

#header {float:left; width:100%; height:249px; border-top:1px solid #bcc1ca; border-bottom:1px solid #98a6ce; background:transparent url(images/headerBg.jpg) no-repeat top center;}
	#header h3 {float:left; color:#1d1e20; font-size:70px; line-height:80px; font-weight:100; margin-top:80px; text-transform:uppercase;}



#content {float:left; width:100%; background-color:#fff; padding:20px 0;}
	#breadcrumb {float:left; width:100%;}
		#breadcrumb a, #breadcrumb span {color:#424241; font-size:11px; font-weight:400;}
		#breadcrumb a {font-weight:700!important;}
			#breadcrumb a:hover {color:#5163a1;}
		#breadcrumb.en #breadHome, #breadcrumb.pl #breadHome_en {display:none;}

	#contentContact {float:left; width:66%;}
		.contactDetails {float:left; width:49%;}
			.contactDetails h3 {float:left; width:100%; color:#444; font-size:35px; line-height:42px; font-weight:600; margin:0 0 10px 0;}
			.contactDetails h4 {float:left; width:100%; color:#444; font-size:20px; font-weight:600; text-transform:uppercase; margin:10px 0;}
			.contactDetails h5 {float:left; width:100%; color:#444; font-size:20px; line-height:22px; font-weight:300; margin:0;}
			.contactDetails p {float:left; width:100%; color:#7c7c7c; font-size:18px; font-weight:300; line-height:24px;}

			.contactDetails form {float:left; width:100%; margin:30px 0;}
				.contactDetails input, .contactDetails textarea {float:left; width:100%; color:#424241; font-family:'Exo 2', arial, tahoma, verdana; font-size:14px; line-height:20px; margin-bottom:6px; text-transform:uppercase; border:2px solid #96a9e9; text-indent:20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
				.contactDetails input {height:40px;}
				.contactDetails textarea {height:130px; padding-top:10px;}
				.required {background:transparent url(images/requiredStar.gif) no-repeat top right;}
				#submitBtn {float:left; background-color:#5163a1; color:#fff; padding:5px 20px; border:none; width:auto; text-indent:0px; cursor:pointer;}
					#submitBtn:hover {background-color:#444;}
					label.error {color:#ff0000; float:left;}
					input.error {border:2px solid #ff0000;}


		.ofertaLista {float:left; width:100%;}
			.ofertaLista ul {float:left; width:100%; border-top:1px solid #cccbcc; list-style:none; padding:0px; margin:0px;}
				.ofertaLista ul li {float:left; width:100%;}
					.ofertaLista ul li a {float:left; width:100%; color:#0e0e0e; font-size:34px; line-height:40px; font-weight:100; padding:10px 0; background:transparent url(images/listLi.jpg) no-repeat center right; border-bottom:1px solid #cccbcc; text-transform:uppercase;}
						.ofertaLista ul li a:hover {color:#5163a1; background-image:url(images/listLiHover.jpg);}


	#content-page {float:left; width:90%;}
		#content-page p {margin:15px 0; color:#424241; font-size:14px; line-height:24px;}
		#content-page h2 {margin:15px 0; color:#1d1e20; font-size:22px; line-height:24px;}
		#content-page h3 {margin:15px 0; color:#444444; font-size:21px; line-height:24px;}
		#content-page h4 {margin:15px 0; color:#444444; font-size:18px; line-height:24px;}
		#content-page h5 {margin:15px 0; color:#444444; font-size:14px; line-height:20px;}
		#content-page ul {margin:15px 0; padding:0px; width:100%; list-style:none;}
			#content-page ul li {float:left; width:100%; line-height:22px;}
				#content-page ul li ul {float:left; padding-left:30px; width:80%; margin:0 0 20px 0;}
			#content-page ul li:before {content: "• "; color:#5163a1; font-size:28px;}
			#content-page ul li ul li:before {content: "• "; color:#8a99cd; font-size:28px;}
			.ofertaLista #content-page ul li:before {content: "";}


	#content div .pws_tabs_container {float:left; width:100%; margin:15px 0;}
		#content div .pws_tabs_controll li a {background-color:#eee; color:#424241; font-size:12px; line-height:20px; text-transform:uppercase;}
		#content div .pws_tab_active {background-color:#c8d9f7!important;}
		#content div .pws_tabs_list {width:100%; max-width:800px; background-color:#c8d9f7;}
		#content div .pws_tab_single {width:90%;}
			#content div .pws_tab_single h5 {width:100%; text-align:center; text-transform:uppercase; color:#424241; font-size:14px; line-height:20px; font-weight:900;}
			#content div .pws_tab_single table {width:100%; border:0px; margin-bottom:30px;}
			#content div .pws_tab_single table tr:nth-child(odd)		{ background-color:#c8d9f7; }
			#content div .pws_tab_single table tr:nth-child(even)		{ background-color:#d4e1f9; }
			#content div .pws_tab_single table tr td {padding:3px; color:#424241; font-size:12px; line-height:20px; font-weight:400;}
			#content div .pws_tab_single table thead tr td {border-bottom:1px solid #a3c0f2; font-weight:800; text-transform:uppercase;}



	h2 {float:left; width:100%; color:#1d1e20; font-size:20px; font-weight:700; margin:15px 0; text-transform:uppercase;}

	div.gallery {float:left; width:100%; margin-top:20px;}
		.gallery-item {float:left; margin:10px 20px 10px 0;}
			.gallery-item div a {float:left; border:2px solid #6fafe8;}
				.gallery-item div a img {float:left;}


#boxy {float:left; width:100%; margin:20px 0;}
#boxy.pion {width:33%; max-width:318px; margin:0 0 20px 0; float:right;}
#boxy.pion #gabinetyBtn, #boxy.pion #oddzialBtn, #boxy.pion #labBtn, #boxy.pion #stomatologiaBtn, #boxy.pion #inneBtn, #boxy.pion #estetykaBtn,  {width:100%; margin-bottom:10px;}
	#gabinetyBtn {float:left; width:33%; max-width:318px; height:155px; background:#bfd3fb url(images/gabinetyBtn.jpg) no-repeat top right;}
	#oddzialBtn {float:left; width:33%; max-width:318px; height:155px; background:#d0ddf8 url(images/oddzialBtn.jpg) no-repeat top right;}
	#labBtn {float:left; width:33%; max-width:318px; height:155px; background:#bfd3fb url(images/labBtn.jpg) no-repeat top right;}
	#sytomatologiaBtn {float:left; width:33%; max-width:318px; height:155px; background:#bfd3fb url(images/stomatologiaBtn.jpg) no-repeat top right;}
	#medycynaBtn {float:left; width:33%; max-width:318px; height:155px; background:#d0ddf8 url(images/medycynaBtn.jpg) no-repeat top right;}
	#inneBtn {float:left; width:33%; max-width:318px; height:155px; background:#bfd3fb url(images/inneBtn.jpg) no-repeat top right;}




		.boxyBtnShadow {-webkit-box-shadow: 20px 22px 30px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 20px 22px 30px 0px rgba(0, 0, 0, 0.16); box-shadow: 20px 22px 30px 0px rgba(0, 0, 0, 0.16);}
			.boxBtnTitle {float:left; font-size:16px; line-height:18px; color:#1d1e20; font-weight:300; text-transform:uppercase; position:absolute; left:30px; z-index:10;}
				.boxBtnTitle strong {font-weight:700;}
			.whiteFrame {float:left; width:100%; max-width:300px; height:134px; border:1px solid #fff; opacity:0.5; margin:9px 0 0 9px; text-indent:-9999px;}
			#gabinetyBtn:hover .whiteFrame, #oddzialBtn:hover .whiteFrame, #labBtn:hover .whiteFrame {background-color:#fff; opacity:0.3;}


#googleMap {float:left; width:100%; height:250px; margin-bottom:20px;}



#footerDetails {float:left; width:100%; padding:25px 0;}
	.footerBox {float:left; width:33%; max-width:318px;}
		.footerBox h4 {float:left; width:100%; color:#444; font-size:20px; font-weight:300; text-transform:uppercase; margin-bottom:15px;}
			.footerBox h4 strong {font-weight:700; color:#5163a1;}
			.phoneKier {float:left; width:100%; color:#444; font-size:16px; font-weight:300;}
			.phone {float:left; width:100%; color:#444; font-size:26px; font-weight:600; margin:5px 0 10px 0;}
			.phoneHours {float:left; width:100%; color:#888; font-size:14px; line-height:18px; font-weight:300;}
			.siedzibaName {float:left; width:100%; color:#444; font-size:16px; font-weight:600; text-transform:uppercase; margin-bottom:10px;}
			.siedzibaAddress {float:left; width:100%; color:#72757b; font-size:14px; line-height:18px; font-weight:300;}
			.pdfBtn {float:left; color:#444; font-size:12px; font-weight:600; padding:5px 20px 5px 50px; margin-right:20px; background:transparent url(images/pdfBtn.png) no-repeat left center; text-transform:uppercase; border:3px solid #444; -webkit-border-radius: 17px; -moz-border-radius: 17px; border-radius: 17px;}
				.pdfBtn:hover {background-color:#444; color:#fff;}
			.dateFile {float:left; margin:28px 0 0 0px;}
			.footerBox .dateFile {margin:10px 0 0 0px;}



#footer {float:left; width:100%; background-color:#cfd4e5; padding:20px 0 50px 0;}
	#footer #menu-stopka, #footer #menu-stopka_en {display:inline-block; padding:0px; list-style-type:none; margin:0;}
		#footer #menu-stopka li, #footer #menu-stopka_en li {display:inline-block; margin:0px 13px;}
			#footer #menu-stopka li a, #footer #menu-stopka_en li a {float:left; color:#606164; font-size:12px; font-weight:400; padding:0px; text-transform:none;}
				#footer #menu-stopka li a:hover, #footer #menu-stopka_en li a:hover {color:#000; background:none;}
				#footer #menu-stopka li.current_page_item a, #footer #menu-stopka_en li.current_page_item a {background:none;}















/* WordPress Styles */

/* ::selection { 	background: #24890d; 	color: #fff; 	text-shadow: none; }
::-moz-selection { 	background: #24890d; 	color: #fff; 	text-shadow: none; } */
.comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { 	max-width: 100%; }

/* Alignment */
.alignleft { 	float: left; }
.alignright { 	float: right; }
.aligncenter { 	display: block; 	margin-left: auto; 	margin-right: auto; }
blockquote.alignleft, img.alignleft { 	margin: 7px 24px 7px 0; }
.wp-caption.alignleft { 	margin: 7px 14px 7px 0; }
blockquote.alignright, img.alignright { 	margin: 7px 0 7px 24px; }
.wp-caption.alignright { 	margin: 7px 0 7px 14px; }
blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { 	margin-top: 7px; 	margin-bottom: 7px; }
.site-content blockquote.alignleft, .site-content blockquote.alignright { 	border-top: 1px solid rgba(0, 0, 0, 0.1); 	border-bottom: 1px solid rgba(0, 0, 0, 0.1); 	padding-top: 17px; 	width: 50%; }
.site-content blockquote.alignleft p, .site-content blockquote.alignright p { 	margin-bottom: 17px; }
.wp-caption { 	margin-bottom: 24px; }
.wp-caption img[class*="wp-image-"] { 	display: block; 	margin: 0; }
.wp-caption { 	color: #767676; }
.wp-caption-text { 	-webkit-box-sizing: border-box; 	-moz-box-sizing:    border-box; 	box-sizing:         border-box; 	font-size: 12px; 	font-style: italic; 	line-height: 1.5; 	margin: 9px 0; 	padding-right: 10px; }
.wp-smiley { 	border: 0; 	margin-bottom: 0; 	margin-top: 0; 	padding: 0; }




/* Fix styles */
#mx-toolbar, #comments, .edit-link, #wpml_credit_footer {display:none;}









/* Media Queries */

@media screen and (max-width: 979px) {
	#gabinetyBtn, #oddzialBtn, #labBtn, .footerBox {width:100%; max-width:none;}
	#gabinetyBtn .newLine, #oddzialBtn .newLine {display:none;}
	.whiteFrame {width:98%; max-width:none;}
	.boxBtnTitle {position:absolute; font-size:36px; line-height:36px; top:56px;}
	.footerBox  {text-align:center; margin:20px 0;}
	.pdfBtn {float:none;}
	#content .pdfBtn {float:left;}
	#headerHP {display:none;}
	#contentContact, #boxy.pion {width:100%; max-width:none;}
	#boxy.pion {margin-top:20px;}
}

@media screen and (max-width: 700px) {
	.boxBtnTitle {font-size:26px; line-height:26px; position:static; padding:40px 0; width:100%; text-align:center;}
	#gabinetyBtn, #oddzialBtn, #labBtn {height:auto; background-image:none;}
	.whiteFrame {display:none;}
}

@media screen and (max-width: 600px) {
	#header {display:none;}
}

@media screen and (max-width: 550px) {
	.contactDetails {width:100%; margin-top:20px;}
}

#footerDetails .footerBox:last-child {
    display: none !important;
}