/* RESET */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, big, code, del, em, font, img, strong, sub, sup, p, b, u, i, ul, ol, fieldset, form, label, legend, table, tbody, tr, th, td { padding: 0; margin: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

/* GENERAL */
a { color: inherit; }
a img { border: 0 none; }
b,
strong { font-weight: 700; }
i,
em { font-style: italic; }
ol, ul { position: relative; }
.bs { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; }
.cl:before,
.cl:after { content: ' '; display: table; }
.cl:after { clear: both; }
.cl { *zoom: 1; }
.cp { cursor: pointer; }
.db { display: block; }
.di { display: inline; }
.dk { display: inline-block; }
.dn { display: none; }
.fh { height: 100%; min-height: 100%; }
.fl { float: left; }
.fr { float: right; }
.nb { list-style: none; }
.nd { color: inherit; text-decoration: none; }
.nm { outline: 0 none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.no { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.nw { white-space: nowrap; }
.pa { position: absolute; }
.pr { position: relative; }
.sa { display: block; max-width: 100%; max-height: 100%; }
.sh { display: block; width: auto; max-height: 100%; }
.sw { display: block; max-width: 100%; height: auto; }
.tj { text-align: justify; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tc img { margin: 0 auto; }
.lc { text-transform: lowercase; }
.uc { text-transform: uppercase; }

/* GENERAL */
html,
body { position: relative; }
body { font-family: 'PT Sans Narrow', sans-serif; color: #000000; background-color: #FFFFFF; }
.page_wrapper { position: relative; min-width: 320px; min-height: 100vh; margin: 0 auto -82px auto; }

.white { color: #FFFFFF; }
.blue { color: #0FA0D1; }
.black { color: #000000; }
.gray { color: #777777; }
.bg_white { background-color: #FFFFFF; color: #000000; }
.bg_blue { background-color: #0FA0D1; color: #FFFFFF; }
.bg_black { background-color: #000000; color: #FFFFFF; }
.bg_layer { position: absolute; top: 0; left: 0; height: 100%; min-height: 100%; }
.indent { text-indent: 20px; }
.mt0 { margin-top: 0; }
.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }
.mt35 { margin-top: 35px; }
.mt50 { margin-top: 50px; }
.mb0 { margin-bottom: 0; }
.mb15 { margin-bottom: 15px; }
.mb25 { margin-bottom: 25px; }
.mb35 { margin-bottom: 35px; }
.mb50 { margin-bottom: 50px; }
.mtb25 { margin-top: 25px; margin-bottom: 25px; }
.mtb35 { margin-top: 35px; margin-bottom: 35px; }
.mtb50 { margin-top: 50px; margin-bottom: 50px; }

.wm75 { max-width: 75px; }
.wm155 { max-width: 155px; }
.wm80p { max-width: 80%; }
.tc .wm80p,
.wm80p.tc { margin-left: auto; margin-right: auto; }

.flex_row { display: flex; flex-flow: row wrap; }
.flex_row.justify { justify-content: space-around; }
.flex_col .col_inner { height: 100%; }
.vc { position: relative; top: 50%; transform: translate(0,-50%); display: block; }

small { font-size: 14px; }
hr { display: block; width: 80%; margin: 20px auto; }

.shade { box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6); }
.bg_layer.shade { box-shadow: 2px -2px 8px rgba(0, 0, 0, 0.6); }

/* HEADLINES */
header h1 { font-family: Times New Roman, serif; font-size: 28px; text-align: left; }
header h2 { font-size: 20px; text-align: left; }
header h1 a,
header h2 a { color: #FFFFFF; }
article h1 { margin: 10px 0 15px 0; font-size: 28px; }
article h2 { font-size: 22px; }
section h1 { margin: 10px 0; font-size: 24px; }
section h2 { margin: 10px 0 20px 0; font-size: 20px; }
section h3 { font-size: 18px; }
section h2:first-child { margin: 20px 0 10px 0; }

/* MENU */
.main_menu { position: absolute; left: 0; z-index: 950; display: none; width: 100%; padding: 0; margin: 20px 0 0 0; background-color: #0FA0D1; border-top: 2px solid #FFFFFF; }
.main_menu a { display: block; padding: 5px 15px; color: #FFFFFF; text-decoration: none; transition: background-color ease 1s; }
.main_menu a:hover { background-color: #02759C; }
.main_menu .close { background-color: #02759C; }
.submenu { padding: 0 0 0 20px; }
.mobile_menu { position: absolute; bottom: 20px; right: 10px; display: block; width: 30px; height: 22px; background: url(/res/img/core/bg-menu-mobile.png) 0 0 no-repeat; }
.mobile_menu:hover { background-position: -30px 0; }

/* CONTENT */
.content { padding: 20px 10px; }
p { margin: 10px 0; }
section a { color: #0FA0D1; text-decoration: none; }
section a:hover { text-decoration: underline; }

.hero img { display: block; }

.news_box { position: relative; padding: 15px 0 15px 0; margin: 50px 0 75px 0; background: #F7F7F7; box-shadow: 2px 2px 7px 2px rgba(50, 50, 50, 0.5); }
.news_box .date { position: absolute; top: 0; left: 0; padding: 3px 8px; font-size: 14px; color: #0FA0D1; /* background-color: #0FA0D1; */ }
.news_box .spectacle { margin: 25px 0 35px 0; }

.gallery { margin: 15px 0; }
.gallery img { display: block; margin: 0 auto; }
.gallery .gallery_item { display: none; }

.staff_container { margin: 10px 0; }
.staff { padding: 10px; background-color: #0FA0D1; color: #FFFFFF; }
.staff h2 { margin: 5px 0 0 0; color: #FFFFFF; }
.staff a { color: #FFFFFF; }
.staff img { display: block; }

.square_bullet { margin: 10px 0; list-style: none; }
.square_bullet li { padding: 0 0 0 15px; background: url(/res/img/core/bg-bullet-blue-square.jpg) left 10px no-repeat; }
.award_bullet { margin: 10px 0; list-style: none; }
.award_bullet li::before { content: "\2B50 \1F3C6"; margin-right: 2px; }

.clickable { cursor: pointer; }
.clickable.box { padding: 20px 10px 10px 10px; margin: 5px 0; }
.clickable.box h1 { margin: 20px 0; color: #0FA0D1; }
.clickable.box:hover { background-color: #0FA0D1; }
.clickable.box:hover h1,
.clickable.box:hover p { color: #FFFFFF; }

.docs { padding: 0; margin: 25px 0; list-style: none; }
.docs a { display: block; padding: 7px 0 7px 38px; font-size: 14px; background-position: left center; background-repeat: no-repeat; }
.docs .pdf { background-image: url(/res/img/core/icon-pdf.png); }

.quote_note.tr { max-width: 420px; }

.spectacles h1 .duration { font-size: 24px; font-weight: normal; }

/* VIDEO */
.video_wrapper { position: relative; }
.vjs-fill { position: absolute; top: 0; right: auto; left: auto; z-index: 1; }
.video-js  .vjs-big-play-button,
.video-js  .vjs-picture-in-picture-control { display: none; }
.video_vimeo { display: block; width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; }

/* YT VIDEO */
.ext_video_wrapper { position: relative; }
.ext_video_overlay { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; }
.ext_video_overlay.vid_wspomnienia { background-image: url(/res/img/video/vid-unia-we-wspomnieniach.png); }
.ext_video_overlay.vid_dramat { background-image: url(/res/img/video/vid-dramat-niemozliwy.jpg); }
.ext_video_overlay.vid_walker { background-image: url(/res/img/video/vid-walker.jpg); }
.ext_video_overlay.vid_robot { background-image: url(/res/img/video/vid-robot.jpg); }
.ext_video_overlay.vid_powtorka { background-image: url(/res/img/video/vid-powtorka-z-wesela.jpg); }
.ext_video_overlay.vid_maciej_powtorka { background-image: url(/res/img/video/vid-maciej-powtorka-z-wesela.jpg); }
.ext_video_overlay.vid_toporland { background-image: url(/res/img/video/vid-toporland.jpg); }
.ext_video_overlay.vid_walker_trailer { background-image: url(/res/img/video/vid-walker-trailer.jpg); }
.ext_video { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: 960; }
.ext_video iframe { display: block; width: 100%; height: 100%; margin: 0 auto; overflow: hidden; }

/* POPUP */
#popup_wrapper { position: fixed; top: 0; left: 0; z-index: 970; display: none; width: 100%; min-width: 320px; height: 100%; min-height: 100%; padding: 20px 0; box-sizing: border-box; text-align: center; }
#popup_overlay { position: fixed; top: 0; left: 0; z-index: 980; width: 100%; height: 100%; min-height: 100%; background: url(/res/img/core/bg-popup-sensor.png) center center repeat; }
.popup_sensor { position: fixed; top: 0; z-index: 990; width: 50%; height: 100%; min-height: 100%; cursor: pointer; }
#popup_sensor_prev { left: 0; }
#popup_sensor_next { right: 0; }
#popup_container { position: relative; z-index: 995; display: inline-block; max-width: 90%; height: 100%; margin: 0 auto; }
#popup_content { position: relative; width: inherit; height: inherit; margin: 0 auto; text-align: center; }
.popup_button { position: absolute; z-index: 999; display: block; width: 40px; height: 40px; background: url(/res/img/core/sp-popup-nav.png) 0 0 no-repeat; }
#popup_close { top: -10px; right: -10px; background-position: -120px 0; }
#popup_slider_prev { top: 40%; left: 0; background-position: 0 0; }
#popup_slider_next { top: 40%; right: 0; background-position: -40px 0; }
.popup_display { position: relative; /* height: 100%; */ }
.popup_display .caption { position: absolute; bottom: 0; width: 100%; padding: 5px 0; margin: 0; filter: alpha(opacity=50); opacity: 0.5; color: #FFFFFF; background-color: #000000; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
.popup_display .caption:hover { filter: alpha(opacity=100); opacity: 1; }
.popup_trigger { cursor: pointer; }

/* FACEBOOK PANEL */
.side_panel { position: static; display: block; width: 100%; height: auto; padding: 15px 0; background: 0 none; border: 0 none; z-index: 0; }
.side_panel iframe { display: block; width: 200px; height: 230px; margin: 0 auto; }

/* FOOTER */
.push { height: 82px; }
footer { position: relative; display: block; width: 100%; min-width: 320px; height: 80px; margin: 0; line-height: 17px; border-top: 2px solid #89D6F8; }
footer small { font-size: 12px; }
footer .logo { position: absolute; right: 0; top: -33px; width: 55px; }
footer .row,
footer .col { height: 100%; }
.bottom_menu { margin: 15px 0; font-size: 12px; }
.bottom_menu a { padding: 0 3px; text-decoration: none; }
.bottom_menu a:first-child { border: 0 none; }
.bottom_menu a:hover { text-decoration: underline; }

/* RESPONSIVE GENERAL */
.row { position: relative; display: block; }
.col { position: relative; float: left; }

/* RESPONSIVE SMALL */
.tablet,
.tablet.di,
.desktop.di,
.desktop { display: none; }
.mobile { display: block; }
.mobile.di { display: inline; }

.col.fr { float: right; }
.col_inner { padding: 0 6px; }
.gallery .col_inner { padding: 6px; /* padding-top: 6px; padding-bottom: 6px; */ }
/* .small_inner.pleft { padding-right: 6px; padding-left: 3px; }
.small_inner.pright { padding-right: 3px; padding-left: 6px; } */

.small_1 { width: 8.333%; }
.small_2 { width: 16.666%; }
.small_3 { width: 25%; }
.small_4 { width: 33.333%; }
.small_5 { width: 41.667%; }
.small_6 { width: 50%; }
.small_7 { width: 58.333%; }
.small_8 { width: 66.667%; }
.small_9 { width: 75%; }
.small_10 { width: 83.333%; }
.small_11 { width: 91.667%; }
.small_12 { width: 100%; }
.small_shift_0 { left: auto; }
.small_shift_1 { left: 8.333%; }
.small_shift_2 { left: 16.667%; }
.small_shift_3 { left: 25%; }
.small_shift_4 { left: 33.333%; }
.small_shift_5 { left: 41.667%; }
.small_shift_6 { left: 50%; }
.small_shift_7 { left: 58.333%; }
.small_shift_8 { left: 66.667%; }
.small_shift_9 { left: 75%; }
.small_shift_10 { left: 83.333%; }
.small_shift_11 { left: 91.667%; }

.small_return,
.col.return  { clear: right; }
.small_return + .col,
.col.return + .col { clear: left; }
	
@media screen and (min-width: 640px) {
	/* GENERAL MEDIUM */
	html,
	body { position: relative; min-height: 100vh; }
	body { font-size: 18px; }
	
	/* HEADLINES MEDIUM */
	p { margin: 15px 0; }
	article h1 { margin: 35px 0; font-size: 28px; }
	section h1 { margin: 35px 0 15px 0; }
	section h2 { margin: 15px 0 25px 0; }
	section h2:first-child { margin: 30px 0 10px 0; }
	
	.square_bullet { margin: 15px 0; }
	
	/* CONTENT MEDIUM */
	/* .news_box { position: relative; padding: 0 0 5px 0; } */
	.news_box { padding: 5px 0 5px 0; margin: 50px 0 75px 0; }
	/* .news_box .date { position: absolute; top: 2px; font-size: 16px; } */
	.news_box .date { font-size: 16px; }

	.news_box h1 { padding: 25px 100px 0 100px; }

	.staff_container { margin: 0; }
	.staff { background: none; color: #000000; }
	.staff h2 { margin: 10px 0 0 0; color: #0FA0D1; }
	.staff a { color: #0FA0D1; }
	
	.clickable.box { padding: 10px; }
	.image_container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.vertical_positioner { display: inline-block; height: 100%; vertical-align: middle; }
	.image_container img { display: inline-block; vertical-align: middle; }
	
	/* FOOTER MEDIUM */
	footer .logo { top: -45px; width: 75px; }

	/* RESPONSIVE MEDIUM */
	.mobile,
	.mobile.di,
	.desktop.di,
	.desktop { display: none; }
	.tablet { display: block; }
	.tablet.di { display: inline; }
	
	.col_inner { padding: 0 16px; }
	.gallery .col_inner { padding: 8px; }
	/* .gallery .col_inner { padding-top: 8px; padding-bottom: 8px; } */
	/* .small_inner.pleft,
	.small_inner.pright { padding-right: 16px; padding-left: 16px; }
	.medium_inner.pleft { padding-right: 16px; padding-left: 8px; }
	.medium_inner.pright { padding-right: 8px; padding-left: 16px; } */

	.medium_0 { width: auto; }
	.medium_1 { width: 8.333%; }
	.medium_2 { width: 16.666%; }
	.medium_3 { width: 25%; }
	.medium_4 { width: 33.333%; }
	.medium_5 { width: 41.667%; }
	.medium_6 { width: 50%; }
	.medium_7 { width: 58.333%; }
	.medium_8 { width: 66.667%; }
	.medium_9 { width: 75%; }
	.medium_10 { width: 83.333%; }
	.medium_11 { width: 91.667%; }
	.medium_12 { width: 100%; }
	.medium_shift_0 { left: auto; }
	.medium_shift_1 { left: 8.333%; }
	.medium_shift_2 { left: 16.667%; }
	.medium_shift_3 { left: 25%; }
	.medium_shift_4 { left: 33.333%; }
	.medium_shift_5 { left: 41.667%; }
	.medium_shift_6 { left: 50%; }
	.medium_shift_7 { left: 58.333%; }
	.medium_shift_8 { left: 66.667%; }
	.medium_shift_9 { left: 75%; }
	.medium_shift_10 { left: 83.333%; }
	.medium_shift_11 { left: 91.667%; }
	
	.small_return,
	.small_return + .col { clear: none; }
	.medium_return,
	.col.return  { clear: right; }
	.medium_return + .col,
	.col.return  + .col { clear: left; }
}

@media screen and (min-width: 940px) {
	
	/* GENERAL LARGE */
	.page_wrapper { margin-bottom: -62px; }
	.page_wrapper .pillar { height: 100%; min-height: 100%; }
	
	/* HEADLINES LARGE */
	header h1 { font-size: 32px; text-align: right; }
	header h2 { text-align: right; }
	
	/* MENU LARGE */
	.main_menu { position: relative; display: block; float: right; width: auto; padding: 10px 0 0 0; margin: 20px 0 0 0; }
	
	/* CONTENT LARGE */
	.content { padding: 25px 20px; }
	
	/* POPUP LARGE */
	.popup_button { display: none; }
	.popup_sensor:hover .popup_button { display: block; }
	.popup_container:hover #popup_close { display: block; }
	
	/* FACEBOOK PANEL LARGE */
	.side_panel { position: fixed; top: 55px; right: -225px; width: 200px; height: 260px; padding: 10px; border: 5px solid #3765A3; border-right: medium none; background: #FFFFFF; z-index: 99; }
	.side_panel iframe { width: 200px; height: 258px; border: none; overflow: hidden; }
	.fanpage { position: absolute; top: -5px; left: -43px; width: 42px; height: 55px; }
	
	/* FOOTER LARGE */
	.push { height: 62px; line-height: normal; }
	footer { height: 60px; }
	.bottom_menu { font-size: 13px; }
	.bottom_menu a { padding: 0 7px; border-left: 1px solid #000000; }
	
	/* RESPONSIVE LARGE */
	.mobile,
	.mobile.di,
	.tablet.di,
	.tablet { display: none; }
	.desktop { display: block; }
	.desktop.di { display: inline; }
	
	.col_inner { padding: 0 20px; }
	.gallery .col_inner { padding: 10px; }
	/* .gallery .col_inner { padding-top: 10px; padding-bottom: 10px; } */
	/* .small_inner.pleft,
	.small_inner.pright,
	.medium_inner.pleft,
	.medium_inner.pright { padding-right: 20px; padding-left: 20px; }
	.large_inner.pleft { padding-right: 20px; padding-left: 10px; }
	.large_inner.pright { padding-right: 10px; padding-left: 20px; } */
	
	.large_0 { width: auto; }
	.large_1 { width: 8.333%; }
	.large_2 { width: 16.666%; }
	.large_3 { width: 25%; }
	.large_4 { width: 33.333%; }
	.large_5 { width: 41.667%; }
	.large_6 { width: 50%; }
	.large_7 { width: 58.333%; }
	.large_8 { width: 66.667%; }
	.large_9 { width: 75%; }
	.large_10 { width: 83.333%; }
	.large_11 { width: 91.667%; }
	.large_12 { width: 100%; }
	.large_shift_0 { left: auto; }
	.large_shift_1 { left: 8.333%; }
	.large_shift_2 { left: 16.667%; }
	.large_shift_3 { left: 25%; }
	.large_shift_4 { left: 33.333%; }
	.large_shift_5 { left: 41.667%; }
	.large_shift_6 { left: 50%; }
	.large_shift_7 { left: 58.333%; }
	.large_shift_8 { left: 66.667%; }
	.large_shift_9 { left: 75%; }
	.large_shift_10 { left: 83.333%; }
	.large_shift_11 { left: 91.667%; }
	
	.small_return,
	.small_return + .col,
	.medium_return,
	.medium_return + .col { clear: none; }
	.large_return,
	.col.return  { clear: right; }
	.large_return + .col,
	.col.return  + .col { clear: left; }
}

/* MARGINS */
.mtb_0 { margin-top: 0; margin-bottom: 0; }
.mtb_s { margin-top: 14px; margin-bottom: 14px; }
.mtb_m { margin-top: 27px; margin-bottom: 27px; }
.mtb_l { margin-top: 40px; margin-bottom: 40px; }
.mtb_xl { margin-top: 65px; margin-bottom: 65px; }
.mt_0 { margin-top: 0; }
.mt_s { margin-top: 14px; }
.mt_m { margin-top: 27px; }
.mt_l { margin-top: 40px; }
.mt_xl { margin-top: 65px; }
.mb_0 { margin-bottom: 0; }
.mb_s { margin-bottom: 14px; }
.mb_m { margin-bottom: 27px; }
.mb_l { margin-bottom: 40px; }
.mb_xl { margin-bottom: 65px; }