html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,main,nav,output,ruby,section,summary,time,mark,audio,video,textarea,input[type=text],input[type=password],select{
	margin: 0;
	padding: 0;
	border: 0;
}


.container section ol,
.container section ul,
.container section li,
header .full-box ol,
header .full-box ul,
header .full-box li,
footer ol,
footer ul,
footer li{
	list-style:none;
	margin: 0;
	padding: 0;
}






input[type=submit],button{
	cursor: pointer;
}



.display-flex {
	display:flex; 
	flex-flow: row wrap;     
	display: -webkit-flex;
	display:flexbox;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-justify-content: space-between;
            justify-content: space-between;}
.flex-just-start {justify-content: flex-start;}
.flex-just-end {justify-content: flex-end;}
.flex-just-center {justify-content: center;}
.flex-just-spacebet {justify-content: space-between;}
.flex-aitem-start {align-items: flex-start;}
.flex-aitem-end {align-items: flex-end;}
.flex-aitem-center {align-items: center;}
.flex-aitem-stretch {align-items: stretch;}
.flex-acontent-start {align-content: flex-start;}
.flex-acontent-end {align-content: flex-end;}
.flex-acontent-center {align-content: center;}
.flex-acontent-stretch {align-content: stretch;}
.flex-acontent-spacebet {align-content: space-between;}
.full-box {display:flex; flex: 0 0 100%; width:100%; position:relative; flex-flow: row wrap;}
.half-box {display:flex; flex: 0 0 50%; width:50%; flex-flow: row wrap;}
.wrapper {display:flex; flex: 0 0 1000px; width:1000px; margin:0 auto; position: relative; flex-flow: row wrap;}
.container .wrapper {background: #fff; overflow:hidden; padding: 10px 0;}
.full-box.black-bg {height: 10px;}
.black-bg {background: #000;}
.red-bg {background: #ed1c24;}
.orange-bg {background: #eabf44;}
.white {color:#fff;}
.red {color: #e64043;}
section {width:100%;}
h6 {font-size: 18px; font-weight: 600;}
body.screening header .wrapper {
    padding: 0;
}

/* header */

header .header-top {height: 90px; position:relative;}

/* socialki */
header .social-box {margin:0 20px;}
header .social-box ul li a {display:block; width:34px; height: 34px;  border-radius: 34px; border: 1px solid #d7d7d7; text-align:center; color: #7a7a7a; margin: 0 0 0 5px; background:#fff;}
header .social-box ul li a i.fa {line-height: 32px; font-size: 18px;}
header .social-box ul li a:hover,
header .search-box button:hover  {background: #e62117; border-color: #e62117; color:#fff;}
header .social-box a.social-facebook:hover {background: #3b5998; border-color: #3b5998;}
header .social-box a.social-twitter:hover {background: #1da1f2; border-color: #1da1f2;}
header .social-box a.social-youtube:hover {background: #cd201f; border-color: #cd201f;}
header .social-box a.social-mail:hover {background: #eee; border-color: #eee; color: #333;}
/* /socialki */

/* search */
header .search-box {width:300px; height:30px; position: relative; margin: 0 20px 0 0;}
header   form {display:flex;}
header .search-box input[type="text"] {
	outline: none;
    line-height: 40px;
    background: #f2f2f2;

    font-size: 20px;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;

border:1px solid #d7d7d7; border-right: 0 px; border-radius: 30px; height: 32px; width: 100%; padding: 0 10px; margin:0;}
header .search-box button {width: 40px; height:32px; position: absolute; top:0; right:0; padding: 0 5px; border: 1px solid #d7d7d7; border-top-right-radius: 30px; border-bottom-right-radius: 30px; background: #fff; border-left:0; text-align:center; cursor: pointer; font-size: 20px;}
/* /search */

/* breadcrumbs */
header .breadcrumbs {width: 500px;}
header .breadcrumbs ul li {font-size: 14px; font-weight:200; line-height:40px; color:#000;}
header .breadcrumbs ul li a {color:#000;}
header .breadcrumbs ul li i {color:#0f0f0f;}
/* /breadcrumbs */

/* dostep */
header .dostep-box {padding: 0 10px;}
header .dostep-box span {line-height:40px; font-size: 16px; color:#010101; font-weight: 600; text-transform: uppercase; margin: 0 0 0 10px;}
/* /dostep */

/* subskrypcja */
header .subs-box { width: 245px; flex: 1 0 245px; height: 30px; position: relative; }
header .subs-wrapper {height: 65px; overflow:hidden; position:relative;}
header .subs-wrapper:hover {height: 170px;}
header .subs-box .subscribe {position: absolute; top:0; left:0; width:100%; z-index: 0; height: 171px; overflow:hidden; max-height: 130px; transition: all 0s ease-in-out;}
header .subs-box .subscribe:hover {z-index:7000; overflow: visible; max-height: none; transition: all 0s ease-in-out;}
header .subs-box .subscribe img {z-index:99; position: relative; height: 171px; width: 123px;}
header .subs-box .subscribe a {color: #fff;  display: block; height: 171px; position: absolute; top: 0; width: 100%;}
header .subs-box .subscribe .subscribe-text {background: #eabf44; position:absolute; bottom:0; right:0; width: 125px; padding: 0 10px; font-size: 16px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; line-height:18px;  color:#000; text-align:center;}
header .subs-box .subscribe .subscribe-text .title {display:block; width:100%; margin: 5px 0; text-align:center; font-weight:600;}
header .subs-box .subscribe .subscribe-text .button {background: #ed1c24; color: #fff; width:100%; text-align:center; border-radius: 10px; line-height: 30px; padding: 0 10px; font-size: 11px; display:block; margin: 5px auto; text-transform: uppercase;}
header .mobile-ham {display:none; width: 48px; height: 48px; cursor: pointer; float:right; line-height: 48px; text-align:center; font-size: 28px;}
/* / subskrypcja */


header .subs-bc {display:none; z-index:5800; width: 50%; right: 0px;}
header .subs-bc > div {
	flex:0 0 100%;
}
header .subs-bc .flex-just-end {
	display: none;
}
/* sklep online */
header .shop-online {position:absolute; top:-5px; right:0;}
/* /skleo online */

.site-logo img { max-width: 80%;}
header .site-logo img { max-width: 100%;}
/* menu */
nav {height: 70px; z-index:6000;}
nav ul li { font-size: 19px; font-weight: 400; }
nav ul li > a {color:#fff; padding:0 13px;}
nav ul li a:hover {color:#fff;}
/* /menu */

/* submenu */
nav  ul  li:hover .submenu {display: flex;}
nav  ul li:hover > a {background: #fff; color: #ed1c24; }
nav  .wrapper .submenu {position: absolute; bottom:0; left:0; width:1000px !important; z-index: 7000; transform: translateY(100%); padding: 30px 10px 10px; display:none; background:#fff; border: 0 !important;}
nav .wrapper .submenu a {color: #ed1c24; margin-right:auto; white-space: normal;}
nav .wrapper .submenu .sub-left {flex: 0 0 630px;}
nav .wrapper .submenu .sub-right {flex: 0 0 330px;}
nav .wrapper .submenu .sub-bottom {flex: 0 0 100%; margin: 20px 0 0; border-top: 1px solid #ed1c24; justify-content: initial;}
nav .wrapper .submenu .sub-left .menu-cols {width:200px; border-right: 1px solid #ed1c24;}
nav .wrapper .submenu .sub-left .menu-cols:last-child {width:200px; border-right: 1px solid transparent;}
nav .wrapper .submenu .sub-left .menu-cols li {width:100%; }
nav .wrapper .submenu .sub-left .menu-cols li a {display:block; line-height: 22px;  font-size: 16px; padding: 5px 0;}
nav .wrapper .submenu  a:after,
nav .wrapper .submenu  a:before {display:none;}
nav .wrapper .submenu .sub-left .menu-cols li:hover {background:#ed1c24;} 
nav .wrapper .submenu .sub-left .menu-cols li:hover a { color: #fff; background: #ed1c24; }
nav .wrapper .submenu .sub-left .menu-cols li:last-of-type {border-bottom: 0;}
nav .wrapper .submenu .sub-right .recommend-head {font-size: 12px; background:#ed1c24; color:#000; padding: 0 10px; line-height: 16px; max-width: 100px; text-align:center; color: #fff;}
nav .wrapper .submenu .sub-right .img-box img {max-width: 100%;}
nav .wrapper .submenu .sub-right .recomend-title a:hover {color: #000;}
nav .wrapper .submenu .sub-bottom .partners {color:#000; text-transform: uppercase; float:left; font-size: 16px; }
nav .wrapper .submenu .sub-bottom .partners-logo {display:block; margin: 10px 20px 0;}
nav .wrapper .submenu .recomend-title a span{font-size: 20px; }

/* footer */
.footer-title { font-size: 24px; font-weight: 300; margin: 0 0 20px 0; display:block;}
.footer-text > p { font-size: 12px; font-weight: 300; line-height: 14px; margin: 0 0 10px;}

.footer-links {padding: 45px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 40px 0 0;}
.footer-box {flex: 0 0 25%;}
.footer-box > ul >li {width:100%; font-weight:300; font-size: 14px; margin: 0 0 5px 0; display:flex;}
.footer-box li ul li { float:left; font-weight: 300; margin: 0 5px 0 0; font-size: 14px;}
.footer-box.bigger {flex-grow: 1;}
.footer-box.bigger {}

.footer-bottom {flex: 0 0 100%; flex-flow: column nowrap; margin: 30px 0;}
.footer-credits {margin: 20px 0; font-size: 14px;}
.footer-hosted { font-size: 12px; color: #8f8f8f;}
.footer-hosted span {margin: 0 10px;}
/* /footer */

.menu-bottom {width:100%; padding: 20px 0; margin: 40px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.menu-bottom li {padding: 0 10px; flex-grow:1; font-weight:300; text-align:center; list-style-type: none;}

.menu-bottom a,
footer a{color:#000; text-decoration: none;}
.menu-bottom a:hover,
footer a:hover { color: #ed1c24;}

footer .s-text p,
body div.s-text.s-more-text p {font-size: 12px; font-family: inherit; font-weight:300;}


footer *, header *:not(.fa), .menu-bottom *, body div.s-text.s-more-text * {
    font-family: 'Source Sans Pro', sans-serif !important;
	box-sizing: border-box;
}
header a {text-decoration: none;}
header .full-box .wrapper {background: transparent; padding: 0; width: 1000px;}
header .eksperci {padding:0;}


/* fix dla sky */
.zpr_sky * { transition: none;}


@media screen and (max-width: 1000px)
{
	
	.full-box {width:1000px; flex: 0 0 1000px;}
	/*
	header { overflow: visible; z-index:60000; position:relative;}
header .wrapper .mobile-ham {display:block;}
header .wrapper {padding: 0 10px;}
header .social-box,
header .search-box,
header .shop-online,
header .subs-box,
nav.full-box,
header .subs-bc {display:none;}
nav.full-box {position: absolute; bottom: 0; left:0; height: auto; transform: translateY(100%);}
nav.full-box li { width: 30%; margin: 10px 0;}

header .subs-bc {display: none;} */
}

/*
@media screen and (max-width: 580px)
{
	.footer-box {flex: 0 0 50%;}
}

@media screen and (max-width: 420px)
{
	.footer-box {flex: 0 0 100%;}
} */