/*   
Theme Name: Hematoonkologia
Author: Solweb
Author URI: http://solweb.pl/
Template: wopreframework
Version: 3.0.8
*/

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/open-sans_regular_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/open-sans_semi-bold_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/open-sans_bold_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/open-sans_italic_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(fonts/open-sans_semi-bold-italic_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(fonts/open-sans_bold-italic_latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/open-sans_regular_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/open-sans_semi-bold_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/open-sans_bold_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/open-sans_italic_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(fonts/open-sans_semi-bold-italic_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(fonts/open-sans_bold-italic_latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}


@-webkit-keyframes sdb10 {
	0% {
		-webkit-transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		-webkit-transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdb10 {
	0% {
		transform: translate(0, 0);
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}


html {
	font-size: 14px;
}

	html a {
		color: #000;
		outline: none;
		text-decoration: none;
	}
	html a:focus,
	html a:hover { 
		color: #ed1c24;
		outline: none;
		text-decoration: none;
	}
	html br {
		font-family: sans-serif;
	}
	html hr {
		border: 0;
		border-top: 1px solid #eaeaea;
		-webkit-box-sizing: content-box;
		   -moz-box-sizing: content-box;
			    box-sizing: content-box;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	html figure,
	html blockquote {
		margin: 0;
	}
	html img {
		vertical-align: middle;
	}
	html ul,
	html ol {
	  margin-top: 0;
	  margin-bottom: 0;
	}
	html p {
		margin: 0;
		font-weight: 400;
	}
	html b,
	html strong {
		font-weight: 600;
	}
	html h1,
	html h2,
	html h3, 
	html h4,
	html h5,
	html h6 {
		font-weight: 700;
		margin: 0;
	}
	html h1 {
		font-size: 2.5rem;
	}
	html h2 {
		font-size: 2.3rem;
	}
	html h3 {
		font-size: 2.1rem;
	}
	html h4 {
		font-size: 1.6rem;
	}
	html h5 {
		font-size: 1.4rem;
	}
	html h6 {
		font-size: 1.2rem;
	}


body {
	background: #fff;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	padding: 0;
}

	/* buttons */
	body .button {		
		border-radius: 4px;
		display: inline-block;
		font-size: 1.3rem;
		font-weight: 600;
		line-height: 1;
		margin: 3px 0;
		padding: 17px 40px 19px;
		position: relative;
		-webkit-transition: all 0.1s linear;
		   -moz-transition: all 0.1s linear;
				transition: all 0.1s linear;
	}
	body .button[class*="1"] {
		border: 2px solid #fff;
		color: #fff;
	}
	body .button[class*="2"] {
		border: 2px solid #ed1c24;
		color: #ed1c24;
	}
	body .button:hover,
	body .button:focus {
		border-color: #5c5e61;
		background: #5c5e61;
		color: #fff;
	}
	body .button:hover:after,
	body .button:focus:after,
	body .button:hover:before,
	body .button:focus:before {
		background: #fff;
	}
	
	/* captions */
	body .caption {
		color: #fff;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		line-height: 1;
		margin-bottom: 40px;
		position: relative;
		padding: 0 30px 40px;
	}
	body .caption:after {
		background: #fff;
		content: '';
		height: 1px;
		width: 130px;
		position: absolute;
		bottom: 0;
		left: calc(50% - 65px);
	}
	body .caption[class*="sm"] {
		font-size: 2.7rem;
	}
	body .caption[class*="md"] {
		font-size: 3.1rem;
	}
	body .caption[class*="lg"] {
		font-size: 3.6rem;
	}
	body .caption[class*="1"] {
		color: #fff;
	}
	body .caption[class*="2"] {
		color: #5c5c5c;
	}
	body .caption[class*="1"]:after {
		background: #fff;
	}
	body .caption[class*="2"]:after {
		background: #5c5c5c;
	}	

	/* entry-content */
	body .entry-content {
		font-size: 1.2rem;
		font-weight: 400;
		line-height: 1.7;
	}
	body .entry-content p {
		margin-bottom: 15px;
	}
	body .entry-content p.clear {
		display: block;
		height: 15px;
	}
	body .entry-content p.more {
		clear: both;
		display: block;
	}
	body .entry-content a:not(.button) {
		text-decoration: underline;
	}
	body .entry-content a:not(.button):focus,
	body .entry-content a:not(.button):hover {
		text-decoration: none;
	}
	body .entry-content h1,
	body .entry-content h2,
	body .entry-content h3,
	body .entry-content h4,
	body .entry-content h5,
	body .entry-content h6 {
		line-height: 1.3;
		margin: 15px 0;
	}
	body .entry-content ul,
	body .entry-content ol {
		list-style-position: inside;
		margin: 0 0 20px;
		padding: 0;
	}
	body .entry-content ul li,
	body .entry-content ol li {
		padding: 1px 0;
	}
	body .entry-content ul ul,
	body .entry-content ol ul,
	body .entry-content ol ol {
		margin-bottom: 0;
		margin-top: 5px;
	}
	body .entry-content ol ol,
	body .entry-content ol ul {
		margin-left: 15px;
	}
	body .entry-content ul > li {
		list-style-type: none;
		padding-left: 30px;
		position: relative;
	}
	body .entry-content ul > li:before {
		content: "\e86b";
		color: #ed1c24;
		font-family: 'fontello';
		font-size: 1.4rem;
		position: absolute;
		left: 1px;
		top: 0;
	}
	body .entry-content ul ul li:before {
		content: "\e86c";
		color: #ed1c24;
		font-family: 'fontello';
		font-size: 1rem;
		position: absolute;
		left: 1px;
		top: 0;
	}
	body .entry-content blockquote {
		background: #f6f7f8 url(images/quote.svg) no-repeat 20px center;
		background-size: 80px;
		border: none;
		font-style: italic;
		line-height: 1.6;
		margin-bottom: 20px;
		margin-top: 20px;
		padding: 30px 20px 30px 130px;
	}
	body .entry-content blockquote p:last-child {
		margin: 0;
	}
	/* max 480 */
		@media screen and (max-width: 480px) {
			
			body .entry-content blockquote {
				background: #f6f7f8 url(images/quote.svg) no-repeat 20px 35px;
				background-size: 40px;
				padding: 30px 20px 30px 80px;
			}
		}
	
	/* entry-content - images */
	body .entry-content p img,
	body .entry-content img[class*="wp-image"] {
		max-width: 100% !important;
		height: auto !important;
		width: auto !important;
	}
	body .entry-content div[id*="attachment"] {
		width: auto !important;
	}
	body .entry-content img.alignleft {
		height: auto;
		max-width: 33.3333% !important;
		margin-right: 20px;
	}
	body .entry-content img.alignright {
		height: auto;
		max-width: 33.3333% !important;
		margin-left: 20px;
	}
	
	/* entry-content - gallery */
	body .entry-content .gallery {
		clear: both;
		overflow: hidden;
	}
	body .entry-content .gallery br {
		display: none !important;
	}
	body .entry-content .gallery dl {
		float: left;
		margin: 0;
	}
	body .entry-content .gallery.gallery-columns-1 dl {
		width: 100%;
	}
	body .entry-content .gallery.gallery-columns-2 dl {
		width: 50%;
	}
	body .entry-content .gallery.gallery-columns-3 dl {
		width: 33.333%;
	}
	body .entry-content .gallery.gallery-columns-4 dl {
		width: 25%;
	}
	body .entry-content .gallery.gallery-columns-5 dl {
		width: 20%;
	}
	body .entry-content .gallery.gallery-columns-6 dl {
		width: 16.666%;
	}
	body .entry-content .gallery.gallery-columns-7 dl {
		width: 14.285%;
	}
	body .entry-content .gallery.gallery-columns-8 dl {
		width: 12.5%;
	}
	body .entry-content .gallery.gallery-columns-9 dl {
		width: 11.111%;
	}
	body .entry-content .gallery dl a {
		overflow: hidden;
	}
	body .entry-content .gallery dl a img,
	body .entry-content .gallery dt img {
		border: 1px solid #fff;
		height: auto;
		width: 100%;
	}
	body .entry-content .gallery .gallery-caption {
		margin: 10px 0;
		text-align: center;
	}
	/* max 480 */ 
		@media screen and (max-width: 480px) {
			
			body .entry-content .gallery-columns-1 dl,
			body .entry-content .gallery-columns-2 dl,
			body .entry-content .gallery-columns-3 dl,
			body .entry-content .gallery-columns-4 dl,
			body .entry-content .gallery-columns-5 dl,
			body .entry-content .gallery-columns-6 dl,
			body .entry-content .gallery-columns-7 dl,
			body .entry-content .gallery-columns-8 dl,
			body .entry-content .gallery-columns-9 dl {
				width: 50% !important;
			}
		}
	
	/* entry-content - embed */
	body .entry-content .embed-responsive {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		padding-top: 30px;
		position: relative;
	}
	body .entry-content .embed-responsive iframe,
	body .entry-content .embed-responsive object,
	body .entry-content .embed-responsive embed {
		border: none;
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	/* entry-content - others */
	body .entry-content figure {
		float: left; 
		margin: 0 30px 15px 0;
		overflow: hidden;
	}


header {
	display: block;
}
	
	header h1 {
		display: block;
		float: left;
		margin: 50px 30px 0 0;
		position: relative;
		z-index: 999;
	}
	header [data-role="jumbotron"] {
		background: url(images/jumbotron.jpg) no-repeat center top; /* background: #000; */
		background-size: cover;
		max-height: 100vh;
		height: 100vh; /* height: auto; */
		width: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		z-index: 111;
	}
	/* header [data-role="jumbotron"] video {
		float: left;
		max-height: 100vh;
		height: auto;
		width: 100%; 
		overflow: hidden;
		position: inherit;
		top: 0;
		z-index: 112;
	}
	header [data-role="jumbotron"] .video {
		height: auto;
		overflow: hidden;
	} */
	header [data-role="jumbotron"] .overlay {
		background: url(images/pixel.png);
		height: 100vh; /* height: auto; */
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
		z-index: 113;
	}
	header [data-role="jumbotron"] .overlay .container {
		position: relative;
	}
	/* .touch header [data-role="jumbotron"] .video,
	.touch header [data-role="jumbotron"] {
		height: auto;
	}
	.touch header [data-role="jumbotron"] video {
		min-width: 100%;
	}  
	.touch header [data-role="jumbotron"] .overlay {
		height: 100%;
	}
	/* max 767 */
		@media screen and (max-width: 767px) {
			
			header h1 {
				margin-top: 30px;
			}
			header [data-role="jumbotron"] {
				background: url(images/jumbotron.jpg) no-repeat 70% top; /* background: linear-gradient(to bottom right, #a3a3a3, #d3d3d3); */
				background-size: cover;
			}
			/* header [data-role="jumbotron"] video {
				margin-top: 300px;
				height: auto;
				width: 100%;
			} */
		}
	
	header [data-role="musthead"] {
		background: url(images/jumbotron.jpg) no-repeat center top; /* background: linear-gradient(to bottom right, #a3a3a3, #d3d3d3); */
		background-size: cover;
		margin: 0;
		padding: 0;
		position: relative;
		width: 100%;
	}
	header [data-role="musthead"] .wrap {
		/* background: url(images/pixel.png); */
		min-height: 440px;
	}
	/* max 767 */
		@media screen and (max-width: 767px) {
			
			header [data-role="musthead"] {
				background: url(images/jumbotron.jpg) no-repeat center top;
				background-size: auto;
			}
			header [data-role="musthead"] .wrap {
				min-height: 1px;
				height: auto;
				padding-bottom: 30px;
			}
		}
	
	/* menu */
	header .navbar {
		margin: 0;
		position: relative;
		z-index: 998;
	}
	header .navbar-collapse {
		border: none;
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	/* touch browsers */
		@media screen and (hover: none), (-ms-high-contrast: none) {
			
			header .navbar ul.nav ul {
				display: none;
			}
		}
	/* max  991 */
		@media screen and (max-width: 991px) {
			
			header .navbar-collapse.collapse {
				display: none !important;  /* wymuszenie mobilnego menu */
			}
			header .navbar-collapse.collapse.in {
				display: block !important; /* wymuszenie mobilnego menu */
			}
			header .navbar-toggle {
				display: block !important; /* wymuszenie mobilnego menu */
			}
			 
			/* humburger */
			header .navbar-toggle {
				cursor: pointer;
				display: inline-block;
				float: right;
				height: 52px;
				margin: 0;
				padding: 0;
				-webkit-transition-duration: 0.5s;
				   -moz-transition-duration: 0.5s;
						transition-duration: 0.5s;
				width: 52px;
				position: relative;
				top: 50px;
				z-index: 1000;
			}

			header .navbar-toggle span {
				background-color: #ed1c24;
				display: block;
				height: 5px;
				width: inherit;
				position: absolute;
				-webkit-transition-duration: 0.5s;
				   -moz-transition-duration: 0.5s;
						transition-duration: 0.5s;
			}
			header .navbar-toggle span:before {
				background-color: #ed1c24;
				content: '';
				height: 5px;
				width: inherit;
				position: absolute;
				left: 0;
				top: -12px;
				-webkit-transition-duration: 0.5s;
				   -moz-transition-duration: 0.5s;
						transition-duration: 0.5s;
			}
			header .navbar-toggle span:after {
				background-color: #fff;
				content: '';
				height: 5px;
				width: inherit;
				position: absolute;
				left: 0;
				top: 12px;
				-webkit-transition-duration: 0.5s;
				   -moz-transition-duration: 0.5s;
						transition-duration: 0.5s;
			}
			header[data-collapse="in"] .navbar-toggle span {
				background: transparent;
				-webkit-transition-duration: 0.5s;
				   -moz-transition-duration: 0.5s;
						transition-duration: 0.5s;
			}
			header[data-collapse="in"] .navbar-toggle span:before {
				-webkit-transform: rotateZ(45deg) scaleX(1.1) translate(9.5px, 9.5px);
				   -moz-transform: rotateZ(45deg) scaleX(1.1) translate(9.5px, 9.5px);
						transform: rotateZ(45deg) scaleX(1.1) translate(9.5px, 9.5px);
			}
			header[data-collapse="in"] .navbar-toggle span:after {
				-webkit-transform: rotateZ(-45deg) scaleX(1.1) translate(6.5px, -6.5px);
				   -moz-transform: rotateZ(-45deg) scaleX(1.1) translate(6.5px, -6.5px);
						transform: rotateZ(-45deg) scaleX(1.1) translate(6.5px, -6.5px);
			}
			
			header .navbar {
				position: absolute;
				right: 0;
				top: 130px;
				z-index: 1002;
			}
			header .navbar ul.nav {
				margin: 0;
			}
			header .navbar ul.nav li {
				clear: both;
				display: block;
				float: right;
				margin-bottom: 5px;
				padding: 0;
			}
			header .navbar ul.nav li a {
				background: #fff;
				color: #000;
				display: block;
				font-size: 1.4rem;
				font-weight: 400;
				text-align: center;
				text-transform: uppercase;
				padding-bottom: 15px;
				padding-top: 15px;
			}
			header .navbar ul.nav > li a:hover,
			header .navbar ul.nav > li a:focus {
				color: #ed1c24;
			}
			header .navbar ul.nav ul {
				display: none;
			}
		}
	/* max 767 */
		@media screen and (max-width: 767px) {
			
			header .navbar-toggle {
				top: 30px;
			}
			header .navbar {
				top: 110px;
			}
		}
	/* min 992 */ 
		@media screen and (min-width: 992px) {
		
			header .navbar {
				border: 0 none;
				border-radius: 0;
				min-height: 0;
				text-align: center;
			}
			header .navbar ul.nav {
				display: block;
				margin: 50px 0 0 30px;
			}
			header .navbar ul.nav > li {
				border-right: 2px solid #fff;
				display: inline-block;
				float: none;
				height: auto;
				padding: 0 20px;
			}
			header .navbar ul.nav > li:last-child {
				border-right: none;
			}
			header .navbar ul.nav > li > a {
				background: none;
				color: #fff;
				font-size: 1.4rem;
				font-weight: 400;
				text-transform: uppercase;
				line-height: 1;
				padding: 0;
				white-space: nowrap;
			}
			header .navbar ul.nav > li.current-menu-item > a,
			header .navbar ul.nav > li.current-menu-parent > a,
			header .navbar ul.nav > li.current-page-ancestor > a,	
			header .navbar ul.nav > li.current-menu-item > a:hover,
			header .navbar ul.nav > li.current-menu-parent > a:hover,
			header .navbar ul.nav > li.current-page-ancestor > a:hover {
				background: none;
				color: #ed1c24;
				text-decoration: none;
			}
			header .navbar ul.nav > li > a:hover,
			header .navbar ul.nav > li > a:focus {
				background: none;
				color: #ed1c24;
			}
			
			header .navbar ul.nav li ul li a {
				background: none;
				color: #fff;
				display: inline-block;
				font-size: 1.4rem;
				font-weight: 400;
				text-align: center;
				text-transform: uppercase;
				line-height: 1;
				padding: 15px;
				position: relative;
				width: auto;
				white-space: nowrap;
			}
			header .navbar ul.nav li ul li a:focus,
			header .navbar ul.nav li ul li a:hover {
				color: #ed1c24;
			}
			header .navbar ul.nav li ul li.current-menu-item > a,
			header .navbar ul.nav li ul li.current-page-ancestor > a {
				color: #ed1c24;
			}
			
			header .navbar ul.nav ul  {
				background: transparent;
				list-style: none;
				opacity: 0;
				padding: 15px 0;
				position: absolute;
				left: 0;
				-webkit-transition: all 0.1s linear;
				   -moz-transition: all 0.1s linear;
						transition: all 0.1s linear;
				width: 100%;
				z-index: 1000;
			}
			header .navbar ul.nav li:hover > ul {
				opacity: 1;
			}
			header .navbar ul.nav li ul li {
				display: block;
				opacity: 0;
				position: absolute;
				top: -34px;
				-webkit-transition: all 0.1s linear;
				   -moz-transition: all 0.1s linear;
						transition: all 0.1s linear;
				width: 100%;
			}
			header .navbar ul.nav li:hover > ul li {
				opacity: 1;
				position: relative;
				top: 0;
			}
		}


main {
	display: block;
}

	main [data-role="primary"] {
		overflow: hidden;
		padding: 50px 0;
	}
	
	/* gridcell */
	main [data-role="gridcell"] {
		margin-bottom: 30px;
	}
	main [data-role="gridcell"] img {
		margin: 0 auto;
	}
	
	/* listitem */
	main [data-role="listitem"] {
		margin-bottom: 15px;
		overflow: hidden;
	}
	main [data-role="listitem"]:last-child {
		margin-bottom: 0;
	}
	main [data-role="listitem"]:nth-child(odd) {
		background: #f6f7f8;
	}
	main [data-role="listitem"] h2 {
		font-size: 2.2rem;
		text-align: right;
		padding: 15px 30px;
	}
	/* max 991 */
		@media screen and (max-width: 991px) {
			
			main [data-role="listitem"] {
				background: #fff !important;
			}
			main [data-role="listitem"] h2 { 
				padding: 15px 0;
				text-align: left;
			}
		}
	
	
footer {
	display: block;
}

	footer .row:first-child {
		background: #ed1c24;
		padding: 15px 0;
	}
	footer .row:last-child {
		background: #a3a3a3;
		padding: 50px 0;
	}
	footer h2 {
		font-size: 1.7rem;
		text-align: center;
		text-transform: uppercase;
		margin: 0;
	}
	footer h2 a {
		color: #fff;
		font-weight: 400;
	}
	footer h2 a:hover,
	footer h2 a:focus {
		color: #fff;
	}
	footer h3 {
		color: #fff;
		font-size: 1.8rem;
		font-weight: 400 !important;
		text-align: center;
		text-transform: none !important;
		margin: 0 0 15px;
	}
	footer h3 span {
		display: block;
		font-size: 1.4rem;
		padding-top: 15px;
	}
	footer p {
		color: #fff;
		font-size: 1.2rem;
		text-align: center;
		margin: 0;
	}
	
	
.home {
}
	
	.home #hematoonkologia,
	.home #kampania {
		background: #ed1c24;
		color: #fff;
		padding: 80px 0;
	}
	.home #hematoonkologia p,
	.home #kampania p {
		font-size: 1.3rem;
		text-align: center;
		line-height: 1.6;
	}
	.home #kampania video {
		margin-top: 50px;
		width: 100%;
		height: auto;
	}
	.home #hematoonkologia p + div {
		margin-top: 40px;
	}
	.home #hematoonkologia .button {
		min-width: 240px;
	}
	.home #nowotwory {
		padding-top: 80px;
	}
	.home #objawy,
	.home #poradnik {
		padding-bottom: 80px;
	}
	.home #nowotwory figure,
	.home #objawy figure {
		margin-bottom: 20px;
	}
	.home #nowotwory figure img,
	.home #objawy figure img {
		margin: 0 auto;
	}
	.home #nowotwory figure img {
		width: 70%;
	}
	.home #nowotwory h3,
	.home #objawy h3 {
		color: #413f42;
		font-size: 2.3rem;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		line-height: 1.1;
		margin: 0;
		padding: 0;
	}
	.home #nowotwory p,
	.home #objawy p {
		color: #413f42;
		font-size: 1.2rem;
		font-weight: 400;
		text-align: center;
		line-height: 1.4;
		margin: 15px 0 0;
	}
	.home #nowotwory .spacer {
		margin-bottom: 80px;
		padding-top: 80px;
		position: relative;
	}
	.home #nowotwory .spacer:after {
		background: #ed1c24;
		content: "";
		height: 4px;
		width: 130px;
		position: absolute;
		bottom: 0;
		left: calc(50% - 65px);
	}
	.home #objawy h2 {
		color: #413f42;
		font-size: 3.4rem;
		font-weight: 700;
		text-align: center;
		line-height: 1.2;
		margin: 0 0 60px;
		padding: 0;
	}
	.home #objawy h2 span {
		color: #ed1c24;
	}
	.home #kampania p + div {
		margin-top: 40px;
	}
	.home #partnerzy {
		color: #5c5c5c;
		padding: 50px 0 35px;
	}
	.home #partnerzy figure {
		margin-bottom: 15px;
		text-align: center;
	}
	.home #partnerzy figure img {
		margin: 0 auto;
	}
	/* max 1199 */
		@media screen and (max-width: 1199px) {		

			.home #objawy h3 {
				font-size: 2vw;
			}
		}
	/* max 767 */
		@media screen and (max-width: 767px) {		

			.home #hematoonkologia,
			.home #kampania {
				padding: 50px 0;
			}
			.home #nowotwory {
				padding-top: 50px;
			}
			.home #objawy,
			.home #poradnik {
				padding-bottom: 50px;
			}
			.home #hematoonkologia .caption {
				font-size: 7vw;
			}
			.home #nowotwory h3,
			.home #objawy h3 {
				font-size: 3vh;
			}
			.home #nowotwory figure {
				padding-left: 15px;
				padding-right: 15px;
			}
			.home #nowotwory figure img {
				margin-top: 30px;
				width: auto;
			}
			.home #nowotwory .index-1 figure img {
				margin-top: 0;
			}
			.home #objawy h2 {
				font-size: 3vh;
			}
		}

	
/* accordion */
[data-role="accordion"] {
	border-top: 1px solid #eaeaea;
	margin-bottom: 0;
	margin-top: 0;
}
[data-role="accordion"] .panel {
	background: none;
	border: 0;
	box-shadow: none;
	margin: 0;
}
[data-role="accordion"] .panel-heading {
	padding: 0;
	position: relative;
}
[data-role="accordion"] .panel-heading:before {
	border-right: 1px solid #eaeaea;
	content: '';
	height: calc(100% - 20px);
	position: absolute;
	left: 60px;
	top: 10px;
}
[data-role="accordion"] .panel-heading a {
	border: 1px solid #eaeaea;
	border-radius: 0;
	border-width: 0 0 1px;
	display: block;
	font-size: 1.3rem;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.5;
	padding: 18px 15px 20px 80px;
	position: relative;
}
[data-role="accordion"] .panel-heading a:before {
	color: #ed1c24;
	content: "\f004";
	font-family: 'fontello';
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	height: 22px;
	width: 60px;
	position: absolute;
	left: 0;
	top: calc(50% - 15px);
}
[data-role="accordion"] .panel-heading a:hover,
[data-role="accordion"] .panel-heading a:focus,
[data-role="accordion"] .panel-heading a:hover:before,
[data-role="accordion"] .panel-heading a:focus:before {
	color: #ed1c24;
}
[data-role="accordion"] .panel-heading.active a {
	color: #ed1c24;
}
[data-role="accordion"] .panel-heading.active a:before {
	color: #ed1c24;
	content: "\f005";
}
[data-role="accordion"] .panel-collapse {
	border-bottom: 1px solid #eaeaea;
}
[data-role="accordion"] .panel-collapse .panel-body {
	margin: 5px 0;
	padding: 20px 0;
}

/* scroll */
[data-role="scroll"] {
	position: absolute;
	bottom: 100px;
	left: 50%;
	z-index: 999;
}
[data-role="scroll"]::after {
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
	   background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
			background: linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
	content: '';
	height: 80%;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
[data-role="scroll"] a span {
	border: 2px solid #fff;
	border-radius: 50px;
	box-sizing: border-box;
	height: 50px;
	width: 30px;
	margin-left: -15px;
	position: absolute;
	left: 50%;
	top: 0;
}
[data-role="scroll"] a span::before {
	-webkit-animation: sdb10 2s infinite;
	   -moz-animation: sdb10 2s infinite;
			animation: sdb10 2s infinite;
	background-color: #fff;
	border-radius: 100%;
	box-sizing: border-box;
	content: '';
	height: 6px;
	width: 6px;
	margin-left: -3px;
	position: absolute;
	left: 50%;
	top: 10px;
}
[data-role="scroll"] a span::after {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	content: '';
	height: 18px;
	width: 18px;
	margin-left: -9px;
	position: absolute;
	bottom: -18px;
	left: 50%;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
			transform: rotate(-45deg);
}
/* .touch [data-role="scroll"] {
	display: none;
} */
	
/* cookies-info */
[data-role="cookies-info"] div {
	background: #d3d3d3;
	height: 60px;
}
[data-role="cookies-info"] p,
[data-role="cookies-info"] p a {
	font-size: 1.1rem !important;
	color: #717171 !important;
}
[data-role="cookies-info"] a[href="#"] {
	background-color: #413f42 !important;
}