html {min-height:100%; height:100%;}
body {overflow-x:hidden;}

.field-collection-container {border-bottom:0; margin-bottom:0;}
.field-collection-view {padding-bottom:0; border-bottom:none;}


/* ------------------ Layout - Header ------------------ */
@media (min-width:1024px) {
  #header-wrapper.with-slider {background:none;}

  #header-wrapper.with-slider:before,
  #header-wrapper.with-slider:after,
  header.with-slider #header:before,
  header.with-slider #header:after {
	background: url("../../panoptykon_theme/images/bg_opacity.png") repeat scroll 100% 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    margin-right: 485px;
    position: absolute;
    right: 50%;
    top: 0;
  }
  #header-wrapper.with-slider:after {
	left: 50%;
    margin-left:725px;
    margin-right: 0;
    right: 0;
  }
  
  header.with-slider #header:after,
  header.with-slider #header:before {
	background-position: 0 0;
    bottom: auto;
    height: 22px;
    margin-right: 0;
    right: 149px;
    top: -22px;
  }
  header.with-slider #header:after {
	bottom:-22px;
	top:auto;
	background-position: -14px 0;
	right: 326px;
  }
  header.with-slider #header {background-color:rgba(255,255,255,0.6);}
 
 
  header.with-slider #header-inner:after,
  header.with-slider #header-inner:before {
	background: url("../images/bg_corner.gif") no-repeat scroll -2px 0 transparent;
	position:absolute;
	content: "";
    display: block;
    bottom: auto;
    height: 22px;
	width: 22px;
    margin-right: 0;
    right: 127px;
    top: -22px;
  }
  header.with-slider #header-inner:after {
	bottom:-22px;
	top:auto;
	right: 191px;
	background-position:-2px 0;
  }
  
}
@media (min-width:1200px) {
  #header-wrapper.with-slider:before {margin-right:585px;}
  header.with-slider #header:before {right: 314px;}
  header.with-slider #header:after {right: 491px;}
  header.with-slider #header-inner:before {right: 292px; background-position:-2px 0;}
  header.with-slider #header-inner:after {right: 471px; background-position:0 0;}
}

/* ------------------ Slider - Region ------------------ */
@media (min-width:1025px) {
  .region-slider {position: relative; z-index: 1;}
}

/* ------------------ Main - Region ------------------ */
@media (min-width:768px) {
  .front #main-wrapper {padding-bottom:0; position:relative;}
  .front #main-wrapper:before,
  .front #main-wrapper:after  {
	position:absolute;
	top:0; right:50%;
	height:539px; width:445px;
	margin-right:190px;
	background: url("../../panoptykon_theme/images/bg.png") repeat scroll 100% 0 transparent;
	content:'';
	display:block;
  }
  .front #main-wrapper:after {
	background: url("../images/bg_main.png") no-repeat scroll 0 0 transparent;
	height:445px; 
	width:462px;
	top:112px;
	left:auto;
  }

  .front #main {position:relative; z-index:1;}
  .front #main:after {
	background: url("../images/feature.png") no-repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 49px;
    position: absolute;
    right: -65px; top: -26px;
    width: 122px;
  }

  .front aside.col-sm-4 {width:29%;}
  .front aside.col-sm-4 + #page.col-sm-8 {
	padding-left: 10px;
    padding-right: 0;
    width: 71%;
  }
  
}
@media (min-width:992px) {
  .front #main-wrapper:before,
  .front #main-wrapper:after  {margin-right:235px;}
}
@media (min-width:1200px) {
  .front #main-wrapper:before,
  .front #main-wrapper:after  {margin-right:280px;}
}


/* ------------------ Main bottom - Region ------------------ */
.main-bottom-wrapper {margin-top:15px;}
.region-main-bottom {border-top:3px solid #000; padding-top:45px; padding-bottom:20px;}

@media (min-width:768px) {
  .main-bottom-wrapper {position:relative;}
  .main-bottom-wrapper:after,
  .main-bottom-wrapper:before {
    background-color:#000;
	content: "";
    display: block;
    height: 3px;
    position: absolute;
    left:50%; top:6px; right:0;
	margin-left:-400px;
  }
  .main-bottom-wrapper:after {
	background-color:#fff;
	top:1px; right:auto;
	height:12px; width:12px;
	-ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	border:2px solid #000;
  }
  .region-main-bottom {border:none;}
}
@media (min-width:992px) {
  .main-bottom-wrapper:before,
  .main-bottom-wrapper:after  {margin-left:-300px;}
} 
@media (min-width:1200px) {
  .front .main-bottom-wrapper {margin-top:-10px;}
  
  .main-bottom-wrapper:before,
  .main-bottom-wrapper:after  {margin-left:-350px;}
  
  aside .block.picture-links {height:489px;}
}

/* ------------------ Main Menu ------------------ */
ul.main-menu-links li.menu-1213 a {color:#c6182f;}
ul.main-menu-links li.menu-1213 a:hover {color:#000;}

header.with-slider #main-menu {position:relative; z-index:1;}
header.with-slider .block-search {z-index:2;}

/* ------------------ Sub Menu ------------------ */
.region-content .menu-special  ul.menu {margin:0 0 15px 0;}
.region-content .menu-special  ul.menu li {
	border: 1px solid #000;
    float: left;
    font-family: "KnockoutHi";
    font-size: 1.3em;
    list-style: outside none none;
    margin: 0 10px 10px 0;
    padding: 4px 12px;
    text-transform: uppercase;
}
.region-content .menu-special   ul.menu li.active-trail {background-color:#c6182f; border-color:#c6182f;}

.region-content .menu-special   ul.menu li a {color:#000;}
.region-content .menu-special   ul.menu li.active-trail a,
.region-content .menu-special   ul.menu li.active-trail a:hover {color:#fff;}
.region-content .menu-special   ul.menu li a:hover {color:#c6182f;}

/* ------------------ Node/Page ------------------ */
.node-type-short-text .page,
.node-type-text .page,
article.node-teaser {padding-top:2em; position:relative;}

.node-type-short-text .page:after,
.node-type-text .page:after,
article.node-teaser:before {
	content:'';
	position:absolute; top:0.7em; left:15px; right:15px;
	display:block;
	height:1px;
	background-color:#c6182f;
}
article .meta.type {
	position:absolute;
	top:0;
	left:15px;
	z-index:1;
	background-color:#fff;
	padding:0 5px 0 13px;
	
	font-size: 0.85em;
}

article.node-teaser .meta.type {left:0;}

article .meta.type.text {padding-left:21px;}
article .meta.type:after,
article .meta.type.text:before {
	content:'';
	position:absolute; top:35%; left:0;
	display:block;
	width:7px; height:7px;
	-ms-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background-color:#c6182f;
}
article .meta.type.text:before {left:9px;}

article.node-teaser > h2 {margin:0;}

body.page-taxonomy-term-39 #page-title,
body.page-taxonomy-term-40 #page-title,
body.page-taxonomy-term-41 #page-title {
	border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/* ------------------ Site Map ------------------ */
body.page-node-2505 .region-content .block-menu-block {margin-bottom:0;}
body.page-node-2505 .region-content #block-menu-block-5 {padding-top:1em; border-top:1px solid #c6182f;}
body.page-node-2505 .region-content #block-menu-block-5 .content ul {margin-bottom:0;}

body.page-node-2505 .region-content .block-menu-block ul {font-weight:bold; text-transform:uppercase;}
body.page-node-2505 .region-content .block-menu-block ul ul {
	margin-top:0.8em; 
	margin-bottom:0.8em;
	font-weight:normal;
	text-transform:none;
}


/* ------------------ Field ------------------ */
div[class*="-field-attachments"] a {font-weight:bold;}


/* ------------------ Block - Triple ------------------ */
body.front .content-triple .block-views > h2 {
	background:none;
	margin-bottom:20px;
	padding:0;
	
	font-size:2em;
	color:#c6182f;
}
body.front .content-triple .block-views > h2 a {color:#c6182f;}
body.front .content-triple .block-views > h2 a:hover {color:#000;}

body.front .content-triple .block-views .views-field-title a {color:#000;}
body.front .content-triple .block-views .views-field-title a:hover {color:#c6182f;}

body.front .content-triple .block-views .views-row {border-bottom:none;}

body.front .content-triple .block-views [class*="views-field-type"] {
	position:relative;
	margin-bottom:4px;
	
	font-size:0.85em;
}
body.front .content-triple .block-views [class*="views-field-type"]:after {
	content:'';
	position:absolute; top:50%; left:0; right:0;
	display:block;
	height:1px;
	background-color:#c6182f;
}
body.front .content-triple .block-views [class*="views-field-type"] .field-content {
	padding:0 5px 0 13px;
	display:inline-block;
	background-color:#fff;
	z-index:1;
	position:relative;
}
body.front .content-triple .block-views [class*="views-field-type"].text .field-content {padding-left:21px;}
body.front .content-triple .block-views [class*="views-field-type"] .field-content:after,
body.front .content-triple .block-views [class*="views-field-type"].text .field-content:before {
	content:'';
	position:absolute; top:35%; left:0;
	display:block;
	width:7px; height:7px;
	-ms-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background-color:#c6182f;
}
body.front .content-triple .block-views [class*="views-field-type"].text .field-content:before {left:9px;}

body.front .content-triple .block-views .views-field-title {font-size:1.6em;}
body.front .content-triple .block-views .views-field-title > h3 {font-size:1em;}

body.front .content-triple .block-views .views-field-body {display:none;}
body.front .content-triple .block-views .views-row-1 .views-field-body {display:block;}


@media (min-width:768px) {
  body.front .content-triple .block-views [class*="views-field-type"]:after {right:10%;}
}
@media (max-width:767px) {
  body.not-front .sidebar-first .block {display:none;}
}

/* ------------------ Block - Left siderbar - Menu ------------------ */
@media (max-width:767px) {
  body.not-front .sidebar-first .block.block-menu {display:block; border-bottom:3px solid #000;}
  body.not-front .sidebar-first .block.block-menu .content > ul {margin-bottom:1.5em;}
}

/* ------------------ Block - Services ------------------ */
@media (min-width:992px) {
  .main-bottom-wrapper .block.services {margin-left:20%;}
}

/* ------------------ Block - Links with pictures ------------------ */
.front aside .block.picture-links {overflow:hidden;}

.block.picture-links .content a {
	float:left;
	height:110px; width:110px;
	display:block;
	background-size:55%;
	padding-top:62px;
	margin:0 20px 10px 0;
	border:none;
	
	font-family: "KnockoutHiBlur";
	font-style: normal;
	font-weight: normal;
	font-size:1.1em;
	line-height:1;
	color:#000;
	text-align:center;
	/* Border */
	-ms-border-radius:50%; 
	-moz-border-radius:50%; 
	-webkit-border-radius:50%; 
	-o-border-radius:50%;
	border-radius:50%;
	/* Transitions */
	-moz-transition:.1s ease-out;
	-webkit-transition:.1s ease-out;
	-o-transition:.1s ease-out;
	-ms-transition:.1s ease-out;
	-khtml-transition:.1s ease-out;
	transition:.1s ease-out;
	/* Shadows */
	box-shadow:-2px 3px 0 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:-2px 3px 0 3px rgba(0, 0, 0, 0.2);
	-ms-box-shadow:-2px 3px 0 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:-2px 3px 0 3px rgba(0, 0, 0, 0.2);
	-khtml-box-shadow:-2px 3px 0 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow:-2px 3px 0 3px rgba(0, 0, 0, 0.2);
}
body.front .block.picture-links .content a {margin-left:10px; margin-right:10px;}

.block.picture-links .content a:hover,
.block.picture-links .content a:active {
	margin-top:4px;
	margin-bottom:6px;
	/* Shadows */
	box-shadow:-1px 1px 0 1px rgba(198, 24, 47, 0.6);
	-moz-box-shadow:-1px 1px 0 1px rgba(198, 24, 47, 0.6);
	-ms-box-shadow:-1px 1px 0 1px rgba(198, 24, 47, 0.6);
	-webkit-box-shadow:-1px 1px 0 1px rgba(198, 24, 47, 0.6);
	-khtml-box-shadow:-1px 1px 0 1px rgba(198, 24, 47, 0.6);
	-o-box-shadow:-1px 1px 0 1px rgba(198, 24, 47, 0.6);
}
.block.picture-links .content a.info-link {background-position: 50% -99px;}
.block.picture-links .content a.support-link {background-position: 45% -524px;}
.block.picture-links .content a.be-active-link {background-position: 61% -198px; padding-top:67px;}

.block.picture-links .content a  span {font-size:1.3em; text-transform:uppercase;}


@media (min-width:585px) {
  body.front .block.picture-links .content a {height:164px; width:164px; font-size:1.6em; padding-top:94px;}

  body.front .block.picture-links .content a.info-link {background-position:50% -147px;}
  body.front .block.picture-links .content a.support-link {background-position: 45% -770px; background-size: 54% auto;}
  body.front .block.picture-links .content a.be-active-link {background-position: 61% -300px; padding-top:99px;}
}

@media (min-width:768px) {
  .block.picture-links .content a {margin-bottom:20px;}
  
  .block.picture-links .content a:hover,
  .block.picture-links .content a:active {margin-bottom:16px;}
}

@media (min-width:992px) {
  body.front .block.picture-links {
	height: 529px; 
	position: relative; 
	margin-top:-5px; 
	margin-bottom: 0;
  }
  
  body.front .block.picture-links .content a {
	position:absolute;
	left:5px; top:0;
	margin-left:0; margin-right:0; margin-bottom:0;
  }
  body.front .block.picture-links .content a.support-link {
	top: 166px; 
	right:5px; 
	left:auto; 
	height: 180px; 
	width: 180px;
	background-position:45% -841px;
	padding-top: 106px;
  }
  body.front .block.picture-links .content a.be-active-link {top: 359px;}
}
@media (min-width:1200px) {
  body.not-front .block.picture-links {
	margin-left:-20px; 
	height:270px; 
	position:relative;
  }
  body.not-front .block.picture-links .content a  {position:absolute;}
  body.not-front .block.picture-links .content a.info-link {
    	background-position: 50% -117px;
    	font-size: 1.25em;
    	height: 130px;
    	left: 0;
    	padding-top: 74px;
    	top: 40px;
    	width: 130px;
  }
  body.not-front .block.picture-links .content a.support-link {
    	background-position: 45% -683px;
    	background-size: 56% auto;
    	font-size: 1.35em;
    	height: 140px;
    	padding-top: 79px;
    	right: -22px;
    	top: 0;
    	width: 140px;
  }
  body.not-front .block.picture-links .content a.be-active-link {
    	left: 131px; 
    	top: 158px;
    	height:120px;
    	width:120px;
    	background-position: 61% -229px;
    	background-size: 58% auto;
    	padding-top: 75px;
  }

  body.front .block.picture-links {height:488px;} 
  body.front .block.picture-links .content a.support-link {top:141px; }
  body.front .block.picture-links .content a.be-active-link {top:317px; left:25px;}
}

/* ------------------ Block - Links with pictures ------------------ */
aside .block.text-types-links .content ul {
	list-style:none; 
	list-style-image:none;
	margin:0;
}
aside .block.text-types-links .content ul > li {
	padding:0;
	margin:0;
	
	font-family: "KnockoutHiBlur";
	font-style: normal;
	font-weight: normal;
	font-size:1.6em;
}

/* ------------------ Block - Promobox ------------------ */
aside .block[id*="block-views-promobox"] {overflow:hidden;}

aside .block[id*="block-views-promobox"] > h2 {
	background:none;
	padding-left:0;
	margin-bottom:0.2em;
	padding-bottom:5px;
	position:relative;
	
	font-size: 2.6em;
	text-transform:none;
}
aside .block[id*="block-views-promobox"] > h2:hover {background:none;}

aside .view-promobox-slider .views-field-field-small-promobox-image {
	-ms-border-radius:50%; 
	-moz-border-radius:50%; 
	-webkit-border-radius:50%; 
	-o-border-radius:50%;
	border-radius:50%;
	
	height:110px; width:110px;
	overflow:hidden;
	float:left;
	margin-right:10px;
}
aside .view-promobox-slider .views-field-field-small-promobox-image img {
	height:auto;
}

@media (min-width:1200px) {
  aside .block[id*="block-views-promobox"] > h2 {
	border-bottom: 1px solid #000;
	padding-bottom: 2px;
	margin-right: 87px;
  }
  
  aside .view-promobox-slider .views-field-field-small-promobox-image {
	float:right;
	margin:-41px 0 0 10px;
  }	
}

/* ------------------ Block - Footer ------------------ */
.region-footer .block > h2 {
	border-top:1px solid #c6182f;
	border-bottom:1px solid #c6182f;
	color:#000;
}

/* ------------------ Block - Footer - Footer links ------------------ */
.footer-wrapper .block.links {
    	padding-left: 15px;
}
.footer-wrapper .block.links .content {
    	padding-right: 120px;
	overflow:hidden;
}

@media (min-width:530px) {
  .footer-wrapper .block.links .content ul li {float:left; width:25%;}
  .footer-wrapper .block.links .content ul li:nth-child(3n+2) {width:50%;}
}

/* ------------------ Block - Footer - Support us ------------------ */
@media (max-width:767px) {
  .footer-wrapper .block.support-us-belong-to  .content {margin-left:-48px;}
}
@media (max-width:767px) and (min-width:460px) {
  .footer-wrapper .block.support-us-belong-to {float:right;}
}


/* ------------------ Block - Floating ------------------ */
.block.block-float-1percent {
	position:absolute;
        top:263px;
        right:0;
        z-index:499;
        background-color:#f5f5f5;
        box-shadow:-5px 5px 0 0 rgba(0, 0, 0, 0.4);

        -webkit-transition: all 500ms ease-out;
        -moz-transition: all 500ms ease-out;
        -o-transition: all 500ms ease-out;
        transition: all 500ms ease-out;
}
body.adminimal-menu .block.block-float-1percent {top:310px}
.block.block-float-1percent:hover {
        box-shadow:-5px 5px 0 0 rgba(198, 24, 47, 0.6);
}

.block.block-float-1percent .content img.mobile {display:inline-block;}
.block.block-float-1percent .content img.desktop {display:none;}

.block.block-float-1percent .content > div > a {display:block;}

@media all and (min-width:768px) {
  .block.block-float-1percent,
  .block.block-float-1percent.collapsed:hover {margin-right:-1100px;}
 
  .block.block-float-1percent {
	position:fixed;
        top:250px;
        right:50%;
        padding:10px 6px;
        box-shadow:-5px 5px 0 0 rgba(0, 0, 0, 0.2);
        width:1000px;
        margin-right:-850px;

        -webkit-transition: all 500ms ease-out;
        -moz-transition: all 500ms ease-out;
        -o-transition: all 500ms ease-out;
        transition: all 500ms ease-out;
  }
  .block.block-float-1percent.collapsed {margin-right:-1370px;}

  .block.block-float-1percent .content img.mobile {display:none;}
  .block.block-float-1percent .content img.desktop {display:inline-block;}
}
@media all and (min-width:992px) {
  .block.block-float-1percent,
  .block.block-float-1percent.collapsed:hover {margin-right:-1210px;}
  .block.block-float-1percent.collapsed {margin-right:-1480px;}
}
@media all and (min-width:1200px) {
  .block.block-float-1percent,
  .block.block-float-1percent.collapsed:hover {margin-right:-1290px;}
  .block.block-float-1percent.collapsed {margin-right:-1585px;}
}
@media all and (min-width:1650px) {
  .block.block-float-1percent {}
}


/* ------------------ Views - Prosta strona - Ludzie ------------------ */
.view-id-page_menu_views .views-row .field-expander .summary .read-more + table {display:none;}

/* ------------------ Views - Biblioteka - Infografiki ------------------ */
.view.no-border.view-display-id-page_3 .views-row .views-field-field-image img {
	border: 1px solid lightgrey;
}


/* ------------------ Scroll Up ------------------ */
#scrollUp {
    background:url('../images/scroll-top.png') 0 0 no-repeat transparent;
    bottom: 10px;
    display: block;
    right: 10px;
    width:50px;
    height:50px;
    overflow:hidden;
    text-indent:-999px;				
}




@keyframes sonarEffectS {
0% {
    opacity: 0.3;
}
40% {
    box-shadow: 0 0 0 7px #fff;
    opacity: 0.5;
}
100% {
    box-shadow: 0 0 0 7px #fff;
    opacity: 0;
    transform: scale(1.1);
}
}


body.page-podcasty .feed-icon {display:none;}