/*@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);*/
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,300,900,700&subset=latin,latin-ext);*/

body { font-family: 'Lato', sans-serif; font-size: var(--fsize-16); line-height: 1.5; }

body {
    --color--primary: #F4D113;
    --color--content: #000;
    --color--secondary: #fff;
    --color--footer: #aaa;
    --bg-color--primary: #fff;
    --bg-color--offer: #f4f4f4;
    --bg-color--objects: #ffdd26;
    --color--breadcrumb-1: #555;
    --color--breadcrumb-2: #000;
    --color--breadcrumb-3: #909090;
    --bg-color-adventure: #ffca40;
    --bg-color-smart: #916487;
    --bg-color-kids: #009bc8;
    --bg-color-balance: #ed1847;
    --bg-color-indoor: #f89644;
    --bg-color-tree: #006d62;
    --bg-color-eco: #9cc249;
    --bg-color-tower: #ec008c;
    --bg-color-zip: #3d4b9b;

    --fsize-7: 0.4375rem;    /* 7px */
    --fsize-8: 0.5rem;       /* 8px */
    --fsize-11: 0.6875rem;   /* 11px */
    --fsize-12: 0.75rem;     /* 12px */
    --fsize-13: 0.8125rem;   /* 13px */
    --fsize-14: 0.875rem;    /* 14px */
    --fsize-16: 1rem;        /* 16px – już ustawione */
    --fsize-18: 1.125rem;    /* 18px */
    --fsize-20: 1.25rem;     /* 20px */
    --fsize-22: 1.375rem;    /* 22px */
    --fsize-24: 1.5rem;      /* 24px */
    --fsize-26: 1.625rem;    /* 26px */
    --fsize-28: 1.75rem;     /* 28px */
    --fsize-30: 1.875rem;    /* 30px */
    --fsize-32: 2rem;        /* 32px */
    --fsize-34: 2.125rem;    /* 34px */
    --fsize-36: 2.25rem;     /* 36px */
    --fsize-38: 2.375rem;    /* 38px */
    --fsize-40: 2.5rem;      /* 40px */
    --fsize-52: 3.25rem;     /* 52px */
    --fsize-62: 3.875rem;    /* 62px */
    --fsize-85: 5.3125rem;   /* 85px */

}

body.contrast {
    /*--color--primary: #009fe3;*/
    --color--primary: #ff0;
    --color--content: #ff0;
    --color--secondary: #ff0;
    --color--footer: #ff0;
    --bg-color--primary: #000;
    --bg-color--offer: #000;
    --bg-color--objects: #000;
    --color--breadcrumb-1: #ff0;
    --color--breadcrumb-2: #ff0;
    --color--breadcrumb-3: #ff0;
    --bg-color-adventure: #000;
    --bg-color-smart: #000;
    --bg-color-kids: #000;
    --bg-color-balance: #000;
    --bg-color-indoor: #000;
    --bg-color-tree: #000;
    --bg-color-eco: #000;
    --bg-color-tower: #000;
    --bg-color-zip: #000;
}

body.contrast .triangles { opacity: 0; pointer-events: none; }
body.contrast .triangles-background { background: #000 !important; }

.clearFix { clear: both; }
.left, .right { overflow: hidden; }
.centerContent,
.content { margin: 0 auto; }
.inlinelist { margin: 0; padding: 0; }
.inlinelist li { margin: 0; padding: 0; display: inline-block; }
.yellow { color: var(--color--primary); }
.gray { color: var(--color--breadcrumb-3); }
.breadcrumb .gray { color: var(--color--breadcrumb-1); }
.breadcrumb .black { color: var(--color--breadcrumb-2); }
.item-list ul,
ul.menu li { margin: 0; }
.absolut { position: absolute; }
.relativ { position: relative; }
.likealink { cursor: pointer; }
.likealink:hover { opacity: .7; }
.container { width: 1170px; }
.bx-wrapper img { margin: 0 auto; display: block; width: 100%; height: auto; }
#contentWrapper .block-views,
#footerContent .block-views { overflow: hidden; }
@media (max-width: 500px) {
	.bx-wrapper img { width: initial; }
}

.shadow { box-shadow: 0 0 170px 90px black; position: absolute; width: 100%; }
.shadow.top { top: 0; }
.shadow.bottom { bottom: 0; }
.pageBanner .shadow.bottom,
.topBannerImg .shadow.bottom { box-shadow :0 0 170px 90px white; }
#mobilemainmenu { display: none; }

header { position: fixed; width: 100%; z-index: 100; background-color: var(--bg-color--primary); height: 80px; box-sizing: border-box;
    justify-content: space-between; padding: 0 50px; transition: 0.3s all; display: flex;
    box-shadow: 0 -2px 6px black, 0 -13px 67px #666666; }
/*header .centerContent { width: 1280px; position: relative; }*/
header .logo { display:flex; transition: 0.3s all; align-items: center; /*width: 400px; margin-left: 50px;*/ }
header .logo a { display: flex; align-items: center; }
header .logo img { transition: 0.3s all; width: 120px; height: auto; }
header .logo h1 { font-weight: 400; line-height: .5; margin: 0; font-size: var(--fsize-28); color: var(--color--content)}
header .logo h1 span { font-weight: 700; letter-spacing: 1px; }
header .logo .site-name { font-size: var(--fsize-12); text-transform: uppercase; }

.region-mainmenu { display: flex; justify-content: center; align-items: center; height: 100%; }
.region-mainmenu p { margin: 0; }

#block-block-7,
#block-block-7 p { height: 50px; display: flex; gap: 10px; }
#block-block-7 p img { height: 50px; width: auto; }

#mainmenu .block-menu { display: inline-block; }

#mainmenu { display: flex; align-items: center; gap: 15px;}
#mainmenu .content { font-size: var(--fsize-13); text-transform: uppercase; }
#mainmenu .content li.expanded,
#mainmenu .content li.collapsed,
#mainmenu .content li.leaf { padding-right: 0; }
#mainmenu .content > .menu { margin: 0; padding: 0; font-weight: 700; }
#mainmenu .content > .menu > li { list-style: none; color: var(--color--content); display: inline-block; position: relative; cursor: pointer; }
#mainmenu .content > .menu > li a,
#mainmenu .content > .menu > li span { padding: 0 20px; display: block; }
#mainmenu .content > .menu li a.active { color: var(--color--breadcrumb-1); }
#mainmenu .content > .menu li.active-trail { color: var(--color--breadcrumb-1); }
#mainmenu .content > .menu > li > ul { display: none; background: var(--bg-color--primary); color: var(--color--breadcrumb-2); padding: 5px 1000em 30px; margin: 0 -1000em; position: absolute; top: 51px; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); }
#mainmenu .content > .menu > li.expanded { padding: 29px 0; }
#mainmenu .content > .menu > li.expanded:hover ul { display: block; }
#mainmenu .content > .menu > li.expanded span { position: relative; }
#mainmenu .content > .menu > li.expanded span:after { position: absolute; right: 4px; top: 4px; content: ''; border: solid var(--color--breadcrumb-2); border-width: 0 1px 1px 0; display: inline-block; padding: 4px; transform: rotate(45deg); transition: .3s; }
#mainmenu .content > .menu > li.expanded span.active-trail:after { border-color: var(--color--breadcrumb-3); }
#mainmenu .content > .menu > li.expanded:hover span:after { transform: rotate(-135deg); transition: .3s; }
#mainmenu .content > .menu > li > ul.menu > li { list-style: none; width: 200px; margin-bottom: 10px; }
#mainmenu .content > .menu > li > ul.menu > li a { transition: .3s; font-size: var(--fsize-11); }
#mainmenu .content > .menu > li > ul.menu > li a:hover { opacity: .6; transition: .3s; }

section#contentWrapper { padding-top: 80px; }
.centerContent { position: relative; }
#block-locale-language { display: inline-block; margin: 0 30px; /*font-weight: 400;*/ }
#block-locale-language ul { margin: 0; padding: 0; }
#block-locale-language ul li { margin: 0 2px; padding: 0; display: inline-block; }
#block-locale-language ul li:last-child { margin-right: 0; }
#block-locale-language .language-link:hover { opacity: 0.7; }
#block-locale-language .language-link { color: var(--color--breadcrumb-3); font-weight: 700; }
#block-locale-language .language-link.active { color: var(--color--breadcrumb-2); }

/*.wcag-controls { display: flex; flex-direction: column; justify-content: center; align-items: center; }*/
.contrast-toggle { cursor: pointer; }
.contrast .contrast-toggle path { fill: #ff0; }

/*.font-size-changer { display: flex; }*/
/*.font-size__button { height: 30px; cursor: pointer; display: flex; justify-content: center; align-items: center; color: var(--color--content)}*/
/*.font-size-regular { width: 20px; font-size: 14px; line-height: 18px; }*/
/*.font-size-medium { width: 30px; font-size: 16px; line-height: 18px; }*/
/*.font-size-large { width: 40px; font-size: 18px; line-height: 18px; }*/

/*.font-size--medium .wcag-controls { top: -32px; }*/
/*.font-size--large .wcag-controls { top: -29px; }*/

.wcag-panel { position:fixed; bottom:20px; right:0; z-index:10000; display:flex; flex-direction:column; align-items:flex-end;}
.wcag-panel__toggle {background:var(--bg-color--primary);color:var(--color--content);border:none;padding:12px;border-radius:4px 0 0 4px;cursor:pointer;font-size:30px;}
.wcag-panel__content {display:none;flex-direction:column;align-items:flex-start;background:var(--bg-color--primary);border:1px solid #666;padding:10px;box-shadow:-2px 2px 10px rgba(0,0,0,0.2);border-radius:4px 0 0 4px;margin-top:5px;}
.wcag-panel__content.active {display:flex; flex-direction: column; align-items: flex-end; }
.contrast-toggle label, .font-size-changer {width:100%;margin-bottom:10px;}
.font-size-changer {display: flex; justify-content: center; align-items: flex-end; flex-direction: column; width: 60px; gap: 5px;}
.font-size-changer button {padding:4px 8px;cursor:pointer;border:1px solid #ccc;background:#f2f2f2;border-radius:3px;}
.font-size-changer button:hover {background:#ddd;}
.contrast-high {background:#000!important;color:#FFD700!important;}


html { font-size: 100%; }
.font-size--regular { font-size: 100%; }
.font-size--medium { font-size: 120%; }
.font-size--large { font-size: 140%; }

#block-views-social-links-block { display: inline-block; }
#block-views-social-links-block .social-icons { font-size: var(--fsize-16); }
#block-views-social-links-block .social-icons p { margin: 0; }
#block-views-social-links-block .social-icons a { text-align: center; width: 25px; margin-left: 5px; /*padding: 2px 0;*/ display: inline-block; border-radius: 30px; color: var(--color--breadcrumb-2); border:1px solid var(--color--breadcrumb-2); transition:color 0.4s, background 0.4s; }
#block-views-social-links-block .social-icons a:first-child { margin-left: 0; margin-right: 5px; }
#block-views-social-links-block .social-icons a:hover { background: #000; color: var(--color--secondary); }
#block-views-social-links-block .social-icons i:before { display: block; height: 20px; }

.node .centerContent,
.page-galeriahtml .centerContent,
/*.node-page .mainContent .centerContent,*/
.page-newshtml .centerContent { width:990px; }
header .centerContent,
#block-block-4,
.node-product .mainContent.centerContent,
.node-page .mainContent.centerContent { width:1200px; }
#footerContent #block-views-oferta-stopka-block .centerContent,
#block-views-oferta-block .content,
#block-views-liczby-block  .content,
#block-views-new-blog-block,
#block-views-new-blog-block .centerContent,
#block-napiszdonas .centerContent,
.view-produkty.centerContent,
#block-views-stopka-block .content { width: 1064px; }

#block-views-slideshow-block { min-height: calc(100vw * .53738); }
#block-views-slideshow-block .item-list ul,
#block-views-slideshow-block .item-list ul li { margin: 0; }
#block-views-slideshow-block .slideshowItem { position: relative; text-align: center; background: #000; }
#block-views-slideshow-block .slideshowItem h2 { position: absolute; z-index: 100; top: calc(50% - 46px); width: 100%; text-align: center; font-weight: 900; font-size: var(--fsize-62); color: var(--color--secondary); margin: 0; text-shadow: 1px 2px 1px black; opacity: 0; }
#block-views-slideshow-block .slideshowItem img { opacity: .7; }
#block-views-slideshow-block .content { position: relative; }
#block-views-slideshow-block .triangles-top,
#block-views-slideshow-block .triangles-bottom { position: absolute; }
#block-views-slideshow-block .triangles-top { top: -2px; right: 0; }
#block-views-slideshow-block .triangles-bottom { bottom: -6px; left: 0; }
#block-views-slideshow-block .triangles img { height: 800px; width: auto; }
#block-views-slideshow-block .bx-wrapper .bx-pager.bx-default-pager a { width: 10px; height: 10px; box-shadow: 1px 2px 3px black; }
#block-views-slideshow-block .bx-wrapper .bx-controls-direction a { width: initial; text-indent: initial; z-index: 10; }
#block-views-slideshow-block .bx-wrapper .bx-prev,
#block-views-slideshow-block .bx-wrapper .bx-next { background: none; }
#block-views-slideshow-block .bx-wrapper ul { list-style: none; }
#block-views-slideshow-block .slideshow { visibility: hidden; }

#block-views-oferta-block { background: url('/sites/default/files/triangles/triangles_03_parki_left_bott.svg') no-repeat left bottom /15%, url('/sites/default/files/triangles/triangles_03_parki_right_bott.svg') no-repeat right bottom /15%, var(--bg-color--offer) url('/sites/default/files/triangles/triangles_03_parki_right_top.svg') no-repeat right top /15%;
	padding: 50px 0; }
/*#block-views-oferta-block .content { margin-top:40px; }*/
#block-views-oferta-block img { display: block; width: 100%; height: auto; max-width: 335px;}
#block-views-oferta-block li { margin: 0 25px 25px 0; position: relative; }
#block-views-oferta-block h2 { font-family: Lato, sans-serif; font-weight: 900; text-align: center; font-size: var(--fsize-36);
    margin-bottom: 50px; margin-top: 0; color: var(--color--content); }
#block-views-oferta-block li:nth-child(3n) { margin-right: 0; }
#block-views-oferta-block .views-field-title { width: 100%; }
#block-views-oferta-block .views-field-title span { font-family: PacifistaMB, sans-serif; transition: .3s; width: 100%;
    display: block; text-transform: uppercase; color: var(--color--content); font-weight: 900; font-size: var(--fsize-24);
    text-align: center; padding: 15px 0 0; }
#block-views-oferta-block .views-field-field-prod-gallery { position: relative; }
#block-views-oferta-block .views-field-field-prod-gallery .field-content { overflow: hidden; }
/*#block-views-oferta-block .views-field-field-prod-gallery a { display: block; min-height: 223px; }*/

#block-views-oferta-block li .views-field-field-prod-gallery:after { content: ''; display: block; position: absolute; bottom: -13px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25)); }
#block-views-oferta-block li:nth-child(1) .views-field-field-prod-gallery:after { background: url('images/adventure_park.svg') no-repeat center /contain; }
#block-views-oferta-block li:nth-child(2) .views-field-field-prod-gallery:after { background: url('images/smart_park.svg') no-repeat center /contain; }
#block-views-oferta-block li:nth-child(3) .views-field-field-prod-gallery:after { background: url('images/kids_park.svg') no-repeat center /contain; }
#block-views-oferta-block li:nth-child(4) .views-field-field-prod-gallery:after { background: url('images/balance_park.svg') no-repeat center /contain; }
#block-views-oferta-block li:nth-child(5) .views-field-field-prod-gallery:after { background: url('images/indoor_park.svg') no-repeat center /contain; }
#block-views-oferta-block li:nth-child(6) .views-field-field-prod-gallery:after { background: url('images/tree_walking.svg') no-repeat center /contain; }
#block-views-oferta-block li:nth-child(7) .views-field-field-prod-gallery:after { background: url('images/eco_fun.svg') no-repeat center /contain; }
#block-views-oferta-block li:nth-child(8) .views-field-field-prod-gallery:after { background: url('images/adventure_tower.svg') no-repeat center /contain; }
#block-views-oferta-block li:nth-child(9) .views-field-field-prod-gallery:after { background: url('images/zip.svg') no-repeat center /contain; }
#block-views-oferta-block .views-field-field-prod-gallery img { transition: all .4s ease-in-out; }
#block-views-oferta-block li:hover .views-field-title a { opacity: .7; transition: .3s; }
#block-views-oferta-block li:hover .views-field-field-prod-gallery img { opacity: 0.9; transform: scale(1.1); cursor: pointer; }

#block-views-liczby-block { background: #000; color: var(--color--secondary); padding: 40px 0 120px 0; }
#block-views-liczby-block .views-field { display: inline-block; position: relative; width: 33%; text-align: center; }
#block-views-liczby-block .views-label { position: absolute; bottom: -60px; width: 100%; font-size: var(--fsize-22); }
#block-views-liczby-block .circle { background: #2B292A; width: 175px; border-radius: 90px; text-align: center; padding: 37px 0; font-size: var(--fsize-85); display: inline-block; /*font-weight: 300;*/ line-height: normal; }

#homeContent .products { overflow: hidden; }
#homeContent .half { width: 50%; height: 530px; }
#homeContent .half img { width: 100%; height: auto; }
#homeContent .half h2 { font-family: PacifistaMB, sans-serif; font-size: var(--fsize-32); margin: 0; position: relative;
    text-transform: uppercase; color: var(--color--content); }
#homeContent .half p { margin: 10px 0 30px; color: var(--color--content); }
#homeContent .half a { text-transform: uppercase; height: 100%; color: var(--color--content); }
#homeContent .half .button--winona:after,
#homeContent .half .button--winona > span { padding: .7em 2em; }
#homeContent .right .slider { height: 100%; }
#homeContent .right div { height: 100%; }
#homeContent .right .slick-slide img { height: 530px; width: auto !important; }
#homeContent .right .thumb { background: no-repeat center /cover; height: 100%; }

#homeContent .product { position: relative; }
#homeContent .product .innerContent { padding: 110px 80px 0 80px; width: 50%; }
#homeContent .product .triangles { position: absolute; bottom: -6px; }
#homeContent .product .triangles img { width: 250px; }
#homeContent .product:nth-child(odd) .left,
#homeContent .product:nth-child(even) .right { float: left; }
#homeContent .product:nth-child(even) .left,
#homeContent .product:nth-child(odd) .right { float: right; }
#homeContent .product:nth-child(odd) .innerContent { margin: 0 0 0 auto; }
#homeContent .product:nth-child(even) .innerContent { margin: 0 auto 0 0; }
#homeContent .product:nth-child(odd) .triangles { left: 50%; }
#homeContent .product:nth-child(even) .triangles { right: 50%; }

#block-views-produkty-middle .product:nth-child(odd) .left,
#block-views-produkty-middle .product:nth-child(even) .right { float: right; }
#block-views-produkty-middle .product:nth-child(even) .left,
#block-views-produkty-middle .product:nth-child(odd) .right { float: left; }
#block-views-produkty-middle .product:nth-child(odd) .triangles { right: 50%; left: initial; }
#block-views-produkty-middle .product:nth-child(even) .triangles { left: 50%; right: initial; }
#block-views-produkty-middle .product:nth-child(odd) .innerContent { margin: 0 auto 0 0; }
#block-views-produkty-middle .product:nth-child(even) .innerContent { margin: 0 0 0 auto; }

#block-views-produkty-top .product:nth-child(1) .left { /*background-color: #f4d113;*/ background-color: var(--bg-color-adventure); }
#block-views-produkty-top .product:nth-child(2) .left { /*background-color: #6BAAE5;*/ background-color: var(--bg-color-smart); }
#block-views-produkty-top .product:nth-child(3) .left { /*background-color: #E6594B;*/ background-color: var(--bg-color-kids);}
#block-views-produkty-middle .product:nth-child(1) .left { /*background-color: #70D334;*/ background-color: var(--bg-color-balance); }
#block-views-produkty-middle .product:nth-child(2) .left { /*background-color: #FF7F3E;*/ background-color: var(--bg-color-indoor); }
#block-views-produkty-middle .product:nth-child(3) .left { /*background-color: #CFE974;*/ background-color: var(--bg-color-tree); }
#block-views-produkty-bottom .product:nth-child(1) .left { /*background-color: #DCBF87;*/ background-color: var(--bg-color-eco); }
#block-views-produkty-bottom .product:nth-child(2) .left { /*background-color: #AFC7DE;*/ background-color: var(--bg-color-tower); }
#block-views-produkty-bottom .product:nth-child(3) .left { /*background-color: #99E0C6;*/ background-color: var(--bg-color-zip); }

#homeContent .products .product .left h2:before { content: ''; display: block; position: absolute; left: 0; top: -50px; width: 50px; height: 50px; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25)); }
#block-views-produkty-top .product:nth-child(1) .left h2:before { background: url('images/adventure_park.svg') no-repeat center /contain; }
#block-views-produkty-top .product:nth-child(2) .left h2:before { background: url('images/smart_park.svg') no-repeat center /contain; }
#block-views-produkty-top .product:nth-child(3) .left h2:before { background: url('images/kids_park.svg') no-repeat center /contain; }

#block-views-produkty-middle .product:nth-child(1) .left h2:before { background: url('images/balance_park.svg') no-repeat center /contain; }
#block-views-produkty-middle .product:nth-child(2) .left h2:before { background: url('images/indoor_park.svg') no-repeat center /contain; }
#block-views-produkty-middle .product:nth-child(3) .left h2:before { background: url('images/tree_walking.svg') no-repeat center /contain; }

#block-views-produkty-bottom .product:nth-child(1) .left h2:before { background: url('images/eco_fun.svg') no-repeat center /contain; }
#block-views-produkty-bottom .product:nth-child(2) .left h2:before { background: url('images/adventure_tower.svg') no-repeat center /contain; }
#block-views-produkty-bottom .product:nth-child(3) .left h2:before { background: url('images/zip.svg') no-repeat center /contain; }

#block-views-produkty-top .product:nth-child(1) .right .thumb { background-position: left; }
#block-views-produkty-bottom .product:nth-child(3) .right .thumb { background-position: right; }

#block-views-asekuracja-block h2 { font-weight: 400; font-size: var(--fsize-30); }
#block-views-asekuracja-block .safety { position: relative; background: #000; }
#block-views-asekuracja-block .safety:before { opacity: .55; display: block; position: absolute; top: 0; left: 0; content: ''; background: black; width: 100%; height: 100%; z-index: 2; }
.contrast #block-views-asekuracja-block .safety:before { opacity: 1; }
#block-views-asekuracja-block .inner-content { padding: 150px 0; width: 800px; margin: 0 auto; position: relative; z-index: 3;}
#block-views-asekuracja-block .video { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1; }
#block-views-asekuracja-block .text { padding: 40px 60px;  text-align: center; color: var(--color--secondary);  border: 1px solid var(--color--secondary); }

.contrast #block-views-obs-uga-block { background: #000; }
#block-views-obs-uga-block .service { padding: 50px 0; margin: 0 auto; }
#block-views-obs-uga-block h2 { font-weight: 400; text-transform: uppercase; margin-bottom: 50px; font-size: var(--fsize-32); text-align: center; color: var(--color--content)}
#block-views-obs-uga-block .icons { display: flex; margin: 0 20px; justify-content: space-around; }
#block-views-obs-uga-block .icon { margin: 0 auto 30px; text-align: center; }
#block-views-obs-uga-block .icon img { display: block; margin: 0 auto 20px; }
.contrast #block-views-obs-uga-block .icon img { display: none; }
#block-views-obs-uga-block .icon span { text-transform: uppercase; font-weight: 700; font-size: var(--fsize-16); color: var(--color--content)}
#block-views-obs-uga-block .text { text-align: center; margin: 0 100px; color: var(--color--content)}
#block-views-obs-uga-block .text p { margin: 20px 0 50px; }
#block-views-obs-uga-block .button { float: none; margin: 0 auto; text-transform: uppercase; width: 200px; }
#block-views-obs-uga-block .button--winona:after { color: var(--color--content); padding: .7em 0; }
#block-views-obs-uga-block .button--winona:hover { border-color: var(--color--content); opacity: .6; }
#block-views-obs-uga-block .button--winona > span { padding: .7em 0; }

#block-views-nasze-obiekty .header { width: 100%; background-color: var(--bg-color--objects); }
#block-views-nasze-obiekty .header h2 { margin: 0; padding: 40px 0; text-transform: uppercase; font-weight: 400; text-align: center; font-size: var(--fsize-32); color: var(--color--content)}
#block-views-nasze-obiekty .our-objects { width: 33.33%; float: left; overflow: hidden; }
#block-views-nasze-obiekty .back { width: 100%; height: auto; display: block; transition: all .4s ease-in-out; }
#block-views-nasze-obiekty .our-objects a { position: relative; display: block; }
#block-views-nasze-obiekty .our-objects:hover .back { transform: scale(1.1); transition: all .4s ease-in-out; }
#block-views-nasze-obiekty .logo { position: absolute; width: 100%; text-align: center; top: calc(50% - 68px); }

#block-views-mapa-front .header { width: 100%; background-color: var(--bg-color--objects);  }
#block-views-mapa-front .header h2 { margin: 0; padding: 40px 0; text-transform: uppercase; font-weight: 400; text-align: center; font-size: var(--fsize-32); color: var(--color--content)}

#block-views-new-blog-block { margin: 0 auto; padding: 50px 0 70px 0; }
#block-views-new-blog-block .content { margin-top: 35px; }
#block-views-new-blog-block .inlinelist li { width: 480px; vertical-align: top; overflow: hidden; }
#block-views-new-blog-block .inlinelist li:first-child { margin-right: 99px;  }
#block-views-new-blog-block .inlinelist li img { display: block; width: 100%; height: auto; }
#block-views-new-blog-block h2 { text-transform: uppercase; margin: 0; font-size: var(--fsize-26); }
#block-views-new-blog-block h3 { text-transform: uppercase; margin: 30px 0; font-size: var(--fsize-18); }
#block-views-new-blog-block .moreLink a { text-transform: uppercase; font-weight: bold; font-size: var(--fsize-14); display: inline-block; }
#block-views-new-blog-block .moreLink a.button { margin-left: 0; text-align: center; }
#block-views-new-blog-block .moreLink a.button--winona::after { color: #555; left: -2em; }
#block-views-new-blog-block .moreLink a.button--winona:hover { border-color: #555; }

#block-views-stopka-block { background-color: #000; color: var(--color--secondary); padding: 30px 0; font-size: var(--fsize-14); }
#block-views-stopka-block .content { position: relative; }
#block-views-stopka-block p { color: var(--color--footer); margin-bottom: 50px; padding: 0 15px; align-self: flex-end; }
#block-views-stopka-block strong,
#block-views-stopka-block .marker { color: var(--color--secondary); }
#block-views-stopka-block .content > div { display: flex; }
#block-views-stopka-block .content > div > div:first-child { flex: 0 0 25%; }
#block-views-stopka-block .content > div > div:last-child { flex: 0 0 75%; display: flex; }
#block-views-stopka-block .content > div > div > div { flex: 0 0 calc(100% / 3); display: flex; }
#block-views-stopka-block img { width: 120px; margin-left: -15px; }

footer .region-footer { position: relative; }
#block-views-social-links-footer { position: absolute; bottom: 80px; right: 10%; z-index: 2; }
#block-views-social-links-footer .social-icons { font-size: var(--fsize-16); }
#block-views-social-links-footer .social-icons p { margin: 0; }
#block-views-social-links-footer .social-icons a { text-align: center; width: 25px; margin-left: 10px; background: #F4D113; display: inline-block; border-radius: 30px; color: #000; border:1px solid #F4D113; transition:color 0.4s, background 0.4s; }
#block-views-social-links-footer .social-icons a:first-child { margin-left: 0; margin-right: 10px; }
#block-views-social-links-footer .social-icons a:hover { background: #000; color: #F4D113; }
#block-views-social-links-footer .social-icons i:before { display: block; height: 20px; }
#block-views-social-links-footer .social-icons p > span { color: #F4D113; text-transform: uppercase; font-weight: 700; font-size: var(--fsize-12); background: transparent !important; }

#block-napiszdonas { background:#000; color:#fff; padding:50px 0; font-weight:bold; font-size: var(--fsize-24); }
#block-napiszdonas .centerContent { position:relative; }
#block-napiszdonas .centerContent a { position:absolute; top:-17px; right:0; color:#000; background-color:#efce11; border-radius:2px;  font-weight:900; font-size: var(--fsize-18); }
#block-napiszdonas .centerContent a.button { float:none; margin:0; text-align:center;  }
#block-napiszdonas .centerContent a.button--winona::after { color:inherit; left:-2em; }

.slick-arrows { position: absolute; top: calc(50% - 56px); width: 100%; color: #000; }
.slick-arrow { display: inline-block; position: absolute; }
.slick-arrow.next { right: calc(7% - 30px); }
.slick-arrow.prev { left: calc(7% - 30px); }
.slick-arrow i { font-size: 8em; padding: 0 36px; cursor: pointer; }

.node .slick-slide img { max-width: 100%; height: auto; width: 100%; display: block; opacity: .6; transition: .3s; }
.node .slick-slide video { max-width: 100%; height: auto; width: 100%; display: block; }
.node .slick-active img { opacity: 1; transition: .3s; }

.page-product { background: var(--bg-color--primary);}

.node-product .background { position: relative; }
.node-product .background:before { content: ''; display: block; position: absolute; left: 50%; top: -70px; transform: translateX(-50%); width: 100px; height: 100px; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25)); }
.node-product .top-slideshow { position: relative; overflow: hidden; }
.node-product .top-slideshow ul { padding: 0; margin: 0; }
.node-product .top-slideshow ul li { display: block !important; }
.node-product .top-slideshow .triangle { position: absolute; }
.contrast .node-product .top-slideshow .triangle { display: none; }
.node-product .top-slideshow .triangle img { width: 250px; height: auto; }
.node-product .top-slideshow .triangle.top { top: -6px; right: 0; transform: rotate(180deg)}
.node-product .top-slideshow .triangle.bottom { bottom: -6px; left: 0; }

.page-node-192 .node-product .background,
.page-node-224 .node-product .background,
.page-node-220 .node-product .background { background-color: var(--bg-color-adventure); }
.page-node-192 .node-product .background:before,
.page-node-224 .node-product .background:before,
.page-node-220 .node-product .background:before { background: url('images/adventure_park.svg') no-repeat center /contain; }

.page-node-247 .node-product .background,
.page-node-194 .node-product .background,
.page-node-223 .node-product .background,
.page-node-219 .node-product .background { background-color: var(--bg-color-smart); }
.page-node-247 .node-product .background:before,
.page-node-194 .node-product .background:before,
.page-node-223 .node-product .background:before,
.page-node-219 .node-product .background:before { background: url('images/smart_park.svg') no-repeat center /contain; }

.page-node-180 .node-product .background,
.page-node-164 .node-product .background,
.page-node-4 .node-product .background { background-color: var(--bg-color-kids); }
.page-node-180 .node-product .background:before,
.page-node-164 .node-product .background:before,
.page-node-4 .node-product .background:before { background: url('images/kids_park.svg') no-repeat center /contain; }

.page-node-248 .node-product .background,
.page-node-217 .node-product .background,
.page-node-225 .node-product .background,
.page-node-195 .node-product .background { background-color: var(--bg-color-balance); }
.page-node-248 .node-product .background:before,
.page-node-217 .node-product .background:before,
.page-node-225 .node-product .background:before,
.page-node-195 .node-product .background:before { background: url('images/balance_park.svg') no-repeat center /contain; }

.page-node-221 .node-product .background,
.page-node-226 .node-product .background,
.page-node-196 .node-product .background { background-color: var(--bg-color-indoor); }
.page-node-221 .node-product .background:before,
.page-node-226 .node-product .background:before,
.page-node-196 .node-product .background:before { background: url('images/indoor_park.svg') no-repeat center /contain; }

.page-node-157 .node-product .background,
.page-node-184 .node-product .background,
.page-node-6 .node-product .background { background-color: var(--bg-color-tree); }
.page-node-157 .node-product .background:before,
.page-node-184 .node-product .background:before,
.page-node-6 .node-product .background:before { background: url('images/tree_walking.svg') no-repeat center /contain; }

.page-node-218 .node-product .background,
.page-node-227 .node-product .background,
.page-node-197 .node-product .background { background-color: var(--bg-color-eco); }
.page-node-218 .node-product .background:before,
.page-node-227 .node-product .background:before,
.page-node-197 .node-product .background:before { background: url('images/eco_fun.svg') no-repeat center /contain; }

.page-node-166 .node-product .background,
.page-node-182 .node-product .background,
.page-node-7 .node-product .background { background-color: var(--bg-color-tower); }
.page-node-166 .node-product .background:before,
.page-node-182 .node-product .background:before,
.page-node-7 .node-product .background:before { background: url('images/adventure_tower.svg') no-repeat center /contain; }

.page-node-168 .node-product .background,
.page-node-185 .node-product .background,
.page-node-8 .node-product .background { background-color: var(--bg-color-zip); }
.page-node-168 .node-product .background:before,
.page-node-185 .node-product .background:before,
.page-node-8 .node-product .background:before { background: url('images/zip.svg') no-repeat center /contain; }

.node-product .innerContainer { width: 100%; }

.node-product .destiny { margin-bottom: 50px; }

.node-product .other-products { padding: 35px 0; position: relative; overflow: hidden; }
.node-product .other-products img { max-width: 100%; height: auto; width: 100%; display: block; transition: .4s; position: relative; }
.node-product .other-products p { font-family: PacifistaMB, sans-serif; font-size: var(--fsize-16); text-align: center; color: var(--color--content); }
.node-product .other-products h2 { font-weight: 400; font-size: var(--fsize-30); text-align: center; text-transform: uppercase; margin: 0 0 35px; color: var(--color--content); }
.node-product .other-products .slick-slide { margin: 0 15px; }
.node-product .other-products .slick-arrow.next { right: calc(2% - 30px); }
.node-product .other-products .slick-arrow.prev { left: calc(2% - 30px); }
.node-product .other-products .product-img { overflow: hidden; position: relative; }
.node-product .other-products .product:hover img { transform: scale(1.1); transition: .4s; }

.node-product .other-products .product a { position: relative; display: block; }
.node-product .other-products .product a:after { content: ''; display: block; position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); width: 50px; height: 50px; filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25)); }
.node-product .other-products .adventure_park a:after { background: url('images/adventure_park.svg') no-repeat center /contain; }
.node-product .other-products .smart_park a:after { background: url('images/smart_park.svg') no-repeat center /contain; }
.node-product .other-products .kids_park a:after { background: url('images/kids_park.svg') no-repeat center /contain; }
.node-product .other-products .balance_park a:after { background: url('images/balance_park.svg') no-repeat center /contain; }
.node-product .other-products .indoor_park a:after { background: url('images/indoor_park.svg') no-repeat center /contain; }
.node-product .other-products .tree_walking a:after { background: url('images/tree_walking.svg') no-repeat center /contain; }
.node-product .other-products .eco_fun a:after { background: url('images/eco_fun.svg') no-repeat center /contain; }
.node-product .other-products .adventure_tower a:after { background: url('images/adventure_tower.svg') no-repeat center /contain; }
.node-product .other-products .zip_liner a:after { background: url('images/zip.svg') no-repeat center /contain; }

.node-product .pageBanner { width: 100%; height: 800px; background-size: cover; overflow: hidden; position: relative; margin-top: -120px; }
.node-product .pageHeader .innerContent { padding: 10px 0 0 0; }
.node-product .pageHeader .innerContent h1 { text-transform: uppercase; margin: 35px 0 40px 0; font-size: var(--fsize-40); font-weight: 900; line-height: 100%; font-family: PacifistaMB, sans-serif; text-align: center; color: var(--color--content) }
.node-product h2 { text-transform: uppercase; margin: 35px 0 40px 0; font-size: var(--fsize-32); font-weight: 900; line-height: 100%; font-family: PacifistaMB, sans-serif; text-align: center; color: var(--color--content); }
.node-product .mainContainer,
.node-product .mainContent { padding: 0 0 120px 0; position: relative; }
.node-product .mainContent .breadcrumb { margin-top: 0; }
.node-product .mainContainer p,
.node-product .mainContent p { text-align: center; padding: 0 50px; color: var(--color--content); }
.node-product .mainContainer p:last-child,
.node-product .mainContent p:last-child { margin-bottom: 70px; }
.node-product a#openGallery { cursor: pointer; }

.node-product .catalog { text-align: center; margin: 100px auto 0; }
.node-product .catalog a { display: inline-block; padding: 20px 60px; background-color: #fff; transition: .3s; text-transform: uppercase; }
.node-product .catalog a:hover { transform: scale(1.1); transition: .3s; }

.node-product .icons img { width: 100px; height: auto; display: block; margin: 0 auto; }
.node-product .icons .big-elements img { width: 100%; max-width: 450px; }
.node-product .icons ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 0 0 50px; }
.node-product .icons li { text-align: center; margin: 5px; overflow: hidden; max-width: 120px; font-size: var(--fsize-12); }
.node-product .icons .big-elements li { flex: 0 0 calc(50% - 10px); }
.node-product .icons span { text-transform: uppercase; }

.node-product .elements { margin: 50px auto 50px; }

.node-product .capacity { background: #fff; padding: 50px 0; }
.node-product .capacity h2 {  }
.node-product .capacity .inlinelist { display: flex; justify-content: center; align-items: center; }
.node-product .capacity img { max-width: 990px; width: 100%; height: auto; }

.node-product .modular { margin-bottom: 50px; }
.node-product .modular .inlinelist { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.node-product .modular .inlinelist img { max-width: 400px; width: 100%; }

.node-product .technology { margin-bottom: 100px; }

.node .gallery img { display: block; transition: .3s; width: 100%; }
.node .gallery ul { /*width:110%;*/ display: flex; flex-wrap: wrap; }
.node .gallery li { margin: 0 5px 10px; overflow: hidden; flex: 0 0 calc(25% - 10px); }
.node .gallery li:hover img { transform: scale(1.1); transition: .4s; }
/*.node .gallery li:nth-child(4n) { margin-right: 0; }*/
.node .gallery li.hidden { display: none; }
.node .gallery a { text-transform: uppercase; font-weight: bold; display: block; border: 1px solid #000; }
.node .gallery a#openGallery { border: none; }
.node .gallery a.iframe { position: relative; }
.node .gallery a.iframe:before { border-color: transparent transparent transparent #fff; position: absolute; top: 50%;
    border-style: solid; border-width: 16px 0 16px 30px; content: ''; left: 51%; transform: translate(-50%, -50%);
    z-index: 1; }
.node .gallery a.iframe:after { height: 50px; width: 50px; border: 2px solid #fff; content: ''; position: absolute;
    top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100%; }
.node .gallery a.iframe img { filter: brightness(.8); }

.node .gallery a.button { float: none; margin: 20px 0 0 0; text-align: center;  }
.node .gallery a.button--winona::after { color: inherit; left: -2em; }
.node .gallery a.button--winona:hover { border-color: #555; }
.node .gallery a.cbox:not(.button) { border: 0; }
.view-galeria .button--border-medium2:hover { border-color: #000; }
.view-galeria .button--winona::after { color: black; }
.view-galeria .button--winona::after,
.view-galeria .button--winona > span { padding: 5px 0; text-align: center; }

.page-galeriahtml .view-galeria .view-header { margin: 40px 0; }
.page-galeriahtml .view-galeria .view-header h1,
.page-galeriahtml .view-galeria .view-content h2 { text-align: center; text-transform: uppercase; font-weight: 900; margin: 0; }
.page-galeriahtml .view-galeria .view-header h1 { font-size: var(--fsize-34); }
.page-galeriahtml .view-galeria .view-content h2 { font-size: var(--fsize-26); margin-bottom: 40px; text-align: left; }
.page-galeriahtml .view-galeria .view-content ul li { display: inline-block; margin: 0 auto; }
.page-galeriahtml .view-galeria .view-content .views-row { margin-bottom: 50px; }
.page-galeriahtml .view-galeria .view-content .imageItem { position: relative; margin: 5px; }
.page-galeriahtml .view-galeria .view-content .imageItem p { position: absolute; width: 100%; text-align: center; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 18px; top: 45%; margin: 0; }
.page-galeriahtml .view-galeria .view-content .imageItem img { transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; }
.page-galeriahtml .view-galeria .view-content .imageItem:hover img { opacity: 0.7; }
.page-galeriahtml .view-galeria .view-content .views-row .absolut { top: 0; right: 2px; }

.page-galeriahtml .view-galeria .view-content ul li:nth-child(n+6) { display: none; }

.page-galeriahtml .header1 { display: inline-block; text-transform: uppercase; font-weight: 900; font-size: var(--fsize-38); }
.page-galeriahtml .view-header { text-align: center; }
.page-galeriahtml .view-header .breadcrumb { text-align: left; }
.page-galeriahtml .view-gallery-menu .gallerymenu { padding-left: 20px;  }
.page-galeriahtml .view-gallery-menu  { margin: 40px 0; display: inline-block; }
.page-galeriahtml .view-gallery-menu .gallerymenu { width: 50px; margin: 0 auto; text-align: center; position: relative; }
.page-galeriahtml .view-gallery-menu .gallerymenu::before { content: '\f0c9'; font: 40px/1 FontAwesome; cursor: pointer; transition: color 0.3s; -moz-transition: color 0.3s; -webkit-transition: color 0.3s; -o-transition: color 0.3s; }
.page-galeriahtml .view-gallery-menu .gallerymenu .gmenu { display: none; position: absolute; left: -245px; z-index: 99; background: black; color: #fff; margin: 0; padding: 10px 0 0 30px; font-size: 14px; width: 400px; }
.page-galeriahtml .view-gallery-menu .gallerymenu .gmenu { border: 2px solid black; border-radius: 3px; box-shadow: 2px 2px 4px gray; }
.page-galeriahtml .view-gallery-menu .gallerymenu .gmenu li { margin: 0 0 15px; display: block; }
.page-galeriahtml .view-gallery-menu .gallerymenu:hover { border-color: #555; }
.page-galeriahtml .view-gallery-menu .gallerymenu:hover::before { color: #555; }
.page-galeriahtml .view-gallery-menu .gallerymenu:hover .gmenu { display: block; }
.page-galeriahtml .view-gallery-menu .gallerymenu a { cursor: pointer; }
.page-galeriahtml .view-gallery-menu .gallerymenu a:hover { color: #F4D113; }
.page-galeriahtml .view-gallery-menu .gallerymenu .menucolumn { width: 50%; float: left; padding: 0; }
.page-galeriahtml .view-gallery-menu .gallerymenu .menucolumn:first-child { margin-right: 30px; }
.page-galeriahtml .view-gallery-menu .gallerymenu .menucolumn li,
.page-galeriahtml .view-gallery-menu .gallerymenu .menucolumn li:nth-child(5n) { display: block; text-align: left; }

.node-galeria .field-name-field-images .field-item { display:inline-block; margin: 0 25px 25px 0; }
.node-galeria .field-name-field-images .field-item:nth-child(3n) { margin-right: 0; }
.node-galeria .field-name-field-images img { transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; }
.node-galeria .field-name-field-images img:hover { opacity: 0.7; }
.node-galeria .field-name-field-images { margin-bottom: 50px; }
.node-galeria h1 { margin: 50px 0; text-align: center; }

.node-news .mainContent { margin-top: 40px; margin-bottom: 60px; }
.node-news .mainContent h1 { text-align: center; text-transform: uppercase; font-weight: 900; margin: 0; color: var(--color--content)}
.node-news .mainContent .date { font-weight: bold; font-size: var(--fsize-14); margin: 30px 0 45px 0; text-align: center; color: var(--color--content)}
.node-news .mainContent p a { color: var(--color--breadcrumb-3); transition: .3s; }
.node-news .mainContent p a:hover { color: var(--color--breadcrumb-1); transition: .3s; }
.node-news .mainContent .field-name-field-miniaturka { display: block; width: 100%; height: auto; }
.node-news .mainContent .field-name-body { margin: 40px 0; color: var(--color--content)}
.node-news .mainContent .field-name-field-miniaturka img { width: 100%; height: auto; }
.node-news .mainContent .backLink { margin-top: 50px; color: var(--color--content)}
.node-news .mainContent .backLink a { display: inline-block; text-transform: uppercase; font-weight: bold; }
.node-news .mainContent .backLink a.button { float:none; margin: 0; text-align: center;  }
.node-news .mainContent .backLink a.button--winona::after { color: inherit; left: -2em; }
.node-news .mainContent .backLink a.button--winona:hover { border-color: var(--color--breadcrumb-1); }

.page-newshtml { background: var(--bg-color--primary); }
.page-newshtml .view-news .view-header { margin: 40px 0 60px 0; }
.page-newshtml .view-news .view-header h1 { text-align: center; text-transform: uppercase; font-weight: 900; margin: 0; color: var(--color--content) }
.page-newshtml .view-news .view-content .left { float: left; width: 48%; }
.page-newshtml .view-news .view-content .right { float: right; width: 48%; }
.page-newshtml .view-news .view-content .views-row { margin-bottom: 60px; color: var(--color--content) }
.page-newshtml .view-news .view-content .views-row img { display: block; width: 100%; height: auto; }
.page-newshtml .view-news .view-content .views-row h2 { text-transform: uppercase; margin: 0; font-size: var(--fsize-20); color: var(--color--content) }
.page-newshtml .view-news .view-content .views-row .date { font-weight: bold; font-size: var(--fsize-14); margin: 7px 0; }
.page-newshtml .view-news .view-content .views-row .moreLink { margin-top: 30px; }
.page-newshtml .view-news .view-content .views-row .moreLink a { display: inline-block; text-transform: uppercase; font-size: var(--fsize-14); font-weight: bold; }
.page-newshtml .view-news .view-content .views-row .moreLink a.button { float: none; margin: 0; text-align: center;  }
.page-newshtml .view-news .view-content .views-row .moreLink a.button--winona::after { color: inherit; left: -2em; }
.page-newshtml .view-news .view-content .views-row .moreLink a.button--winona:hover { border-color: var(--color--breadcrumb-1); }

.node-product .mainContent .breadcrumb,
.node-page .mainContent { padding-bottom: 80px; position: relative; }
.page-node { background: var(--bg-color--primary); }
.node-page .mainContent .breadcrumb { padding-top: 35px; }
.node-page .mainContent h1 { text-transform: uppercase; font-weight: 900; margin: 45px 0; text-align: center; color: var(--color--content); }
.node-page .mainContent ol,
.node-page .mainContent p { text-align: center; padding: 0 50px; color: var(--color--content);}
.node-page .mainContent h2 { text-align: center; padding: 0 50px; color: var(--color--content);}
.node-page .mainContent hr { margin: 50px auto; max-width: 300px; }
.node-page ul { padding: 0; margin: 0; color: var(--color--content);}
.node-page .slideshow { position: relative; }
.node-page .topBannerImg { background-size: cover; width: 100%; height: 800px; position: relative; overflow: hidden;  margin-top: -120px; }
.node-page .bx-wrapper .bx-pager.bx-default-pager a { width: 12px; height: 12px; }

.breadcrumb { margin: 25px 0 0 0; font-size: var(--fsize-12); }

.video_gall .player iframe { width:100%; height:500px; }
.video_gall .field-name-field-video .field-item { margin-bottom:35px; }

#contactform { margin: 50px 0 80px 0; }
#contactform label { display: inline-block; width: 200px; }
#contactform input, textarea { display: inline-block; width: 350px; padding: 2px 4px; border: 1px solid gray; }
#contactform textarea { height: 150px; }
#contactform button { padding: 15px 40px; background: #000; color: #EFCE11; border: 0;}
#contactform .form-line { border: 1px solid transparent; margin-bottom: 20px; padding: 0; }
#contactform .form-line.button { display: block; border: 0; }
#contactform .captcha input { width: 150px; }
#contactform .captcha img { display: inline-block; }
#contactform .captcha a { display: inline-block; width: 30px; height: 30px; margin-bottom: -8px; background: url(icon-refresh-128.png); background-size: cover; }

#block-block-4 { margin: 0 auto 50px; font-size: var(--fsize-12); }
#block-block-4 table,
#block-block-4 tbody,
#block-block-4 td { border: 0; }
#block-block-4 td { padding: 0 10px; }
#block-block-4 .park-icons { display: flex; flex-wrap: wrap; }
#block-block-4 .park-icon { flex: 0 0 9.09%; margin-bottom: 15px; text-align: center; }
#block-block-4 .park-icon img { width: 80%; }


#map-canvas { width: 100%; height: 700px; }
.pictoIco { display: inline-block; width: 50px; height: 50px; margin-right: 5px; background-size: cover; }
.pictoIco.park { background-image: url(mappointers/adventure-park.png); }
.pictoIco.child { background-image: url(mappointers/little-climber.png); }
.pictoIco.bridge { background-image: url(mappointers/mosty-wiszace.png); }
.pictoIco.basejump { background-image: url(mappointers/base-jump.png); }
.pictoIco.towers { background-image: url(mappointers/wieze.png); }
.pictoIco.zipliner { background-image: url(mappointers/zip-line.png); }
.pictoIco.pendulum { background-image: url(mappointers/piekielne-wahadlo.png); }

/*.view-oferta ul li, .view-oferta-stopka ul li { opacity: 0; transition: opacity 1.5s; -moz-transition: opacity 1.5s; -webkit-transition: opacity 1.5s; -o-transition: opacity 1.5s; }*/
/*.view-artyku-y-podstrona-stopka .views-row  .right,*/
/*.view-artykuly-gora .views-row  .right,*/
/*.view-artykuly-dol .views-row  .right { position: relative; overflow: hidden; }*/
/*.view-artyku-y-podstrona-stopka .views-row  .right img,*/
/*.view-artykuly-gora .views-row  .right img,*/
/*.view-artykuly-dol .views-row  .right img { position: absolute; top: 0; transition: left .7s, right .7s; -moz-transition: left .7s, right .7s; -webkit-transition: left .7s, right .7s; -o-transition: left .7s, right .7s; }*/
/*.view-artyku-y-podstrona-stopka .views-row  .right img,*/
/*.view-artykuly-gora .views-row  .right img,*/
/*.view-artykuly-dol .views-row  .right img { right: -1100px; }*/
/*.view-artyku-y-podstrona-stopka .views-row:nth-child(2n) .right img,*/
/*.view-artykuly-gora .views-row:nth-child(2n) .right img,*/
/*.view-artykuly-dol .views-row:nth-child(2n) .right img { left: -1100px; }*/
/*.view-artyku-y-podstrona-stopka .views-row  .right, .view-artyku-y-podstrona-stopka .views-row  .left,*/
/*.view-artykuly-gora .views-row  .right, .view-artykuly-gora .views-row  .left,*/
/*.view-artykuly-dol .views-row  .right, .view-artykuly-dol .views-row  .left { height: 530px; }*/

#footerContent .view-stopka-banner .centerContent a.button { width: 230px; height: 0; }
#footerContent .view-stopka-banner .centerContent p { height: 70px; }
#footerContent .view-stopka-banner .centerContent h6 { opacity: 0; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s;}

.navibuttons { padding-bottom: 40px; height: 40px; width: 322px; margin: 0 auto; }
.navibuttons a.button:first-child { margin-right: 20px; }
.navibuttons a.button { background: black; color: #F4D113; cursor: pointer; text-transform: uppercase; font-size: var(--fsize-12); }
.navibuttons a.button.active { background: #F4D113; color: black; }

#popup,
#popup .overlay { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 100; background-color: rgba(0, 0, 0, .6); }
#popup .popup { position: absolute; top: calc(50% - 125px); left: calc(50% - 250px); width: 500px; height: 250px; text-align: center; color: black; }
#popup .popup:before { content: ''; display: block; background-color: #f4d113; width: 100%; height: 100%; }
#popup .text { position: absolute; top: 0; padding: 25px 40px; }
#popup .close { text-align: left; }
#popup strong { font-size: var(--fsize-22); }
#popup p { font-size: var(--fsize-14); }
#popup .buttons { margin-top: 50px; }
#popup .butt { cursor: pointer; display: inline-block; margin: 0 15px; border: 1px solid black; text-transform: uppercase; color: black; padding: 15px 20px; transition: .3s; font-weight: 700; font-size: 12px; }
#popup .butt:hover { background-color: black; color: #fff; transition: .3s; }

#sliding-popup.sliding-popup-bottom,
#sliding-popup.sliding-popup-bottom .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab { background: #f4d113; }


#sliding-popup .popup-content { padding: 20px 0 0; }
#sliding-popup .popup-content #popup-text,
#sliding-popup .popup-content #popup-buttons { /*display: inline-block; float: none; margin: 0;*/ }
#sliding-popup .popup-content #popup-buttons { margin-left: auto; }
#sliding-popup .popup-content #popup-text p { font-size: var(--fsize-14); color: #000; }
#sliding-popup .cookie-button { text-shadow: none; border-radius: initial; box-shadow: none; background: none; cursor: pointer; display: inline-block; margin: 0 15px; border: 1px solid black; text-transform: uppercase; color: black; padding: 10px 15px; transition: .3s; font-weight: 700; font-size: var(--fsize-12); }
#sliding-popup .cookie-button:hover { background-color: black; background-image: none; color: #fff !important; transition: .3s; }


#block-block-5 { position:fixed; bottom:15px; left:calc(50% - 28px); }
#block-block-5 img {
	-webkit-animation: bounce 2s infinite;
	-o-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.node-form { margin-bottom: 50px; }
.node-form .breadcrumb { padding-top: 35px; }
.node-form h1 { margin: 45px 0; font-weight: 900; text-align: center; text-transform: uppercase; }
.node-form label { font-size: var(--fsize-14); font-weight: 400; }
/*.node-form .long { margin-top: 8px; }*/
.node-form hr { border-bottom-width: 0; border-color: #ccc; margin: 20px 0; }
.node-form .checkbox { width: 100%; padding-top: 0; margin-bottom: 10px; }
.node-form button { float: none; margin: 20px auto 0; border-radius: 4px; }
.node-form button:after { color: #aaa; }
.node-form button:after,
.node-form button span { padding: .5em 2em; }
.node-form button:hover { border-color: #aaa; }
.node-form input[type="date"].form-control { line-height: 1; }
.node-form .form-horizontal .required { position: relative; }
.node-form .form-horizontal .required:after { color: red; content: ' *'; position: absolute; margin-left: 3px; text-indent: 0; }
.node-form span.info { font-size: var(--fsize-12); line-height: 1.5; display: block; margin-top: 10px; color: #666; }

.form-group.has-danger .form-control:focus,
.form-danger.has-danger .form-control:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(217,83,79, 0.6); }
.form-group.has-danger .form-control,
.form-danger.has-danger .form-control { border: 1px solid #d9534f; }
/*.node-form .hidden-asekuracja { display: none; }*/

.funkyradio div { clear: both; overflow: hidden; display: inline-block; }
.funkyradio.zgody div { display: block; }
.funkyradio div:first-child { margin-right: 50px; }
.funkyradio label { width: 100%; border-radius: 3px; border: 1px solid #D1D3D4; font-weight: normal; }
.funkyradio label span { padding-right: 10px; font-size: var(--fsize-13); }
.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty { display: none; }
.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label { position: relative; line-height: 2.5em; text-indent: 3.25em; /*margin-top: 10px;*/ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before { position: absolute; display: block; top: 0; bottom: 0; left: 0; content:''; width: 2.5em; background: #D1D3D4; border-radius: 3px 0 0 3px; /*border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075);*/ }
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before { content:'\2714'; text-indent: .9em; color: #C2C2C2; /*border: 1px solid #FFB20C;*/ }
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label { color: #888; }
.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before { content:'\2714'; text-indent: .9em; color: #333; background-color: #ccc; }
.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label { color: #777; }
.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before { box-shadow: 0 0 0 3px #999; }
.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before { color: #333; background-color: #ccc; }
.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before { color: #fff; background-color: #337ab7; }


.login-form { width: 600px; text-align: center; margin: 100px auto 0; }
.login-form label { display: block; text-align: left; }
.login-form .description { display: none; }
.login-form input { width: 100%; border-radius: 2px; padding: 2px; border-width: 1px; }
.login-form input.form-submit { width: initial; padding: 5px 20px; border: none; background-color: #f4d113; color: #000; }
.login-form #edit-actions--2 { text-align: right; }

@media(max-width: 1850px) {
	#sliding-popup .popup-content #popup-buttons { padding-top: 10px; }
	#sliding-popup .popup-content #popup-text { padding-bottom: 20px; }
}

@media (max-width: 1630px) {
    header { padding: 0 20px; }
}

@media (max-width: 1570px) {
    #block-locale-language { margin: 0 10px; }
}

@media (max-width: 1760px) {
	header .logo h1 { font-size: var(--fsize-26); }

	#mainmenu .content > .menu > li a,
	#mainmenu .content > .menu > li span { padding: 0 15px; }
	#mainmenu .content > .menu > li.expanded span::after { right: 1px; }
}

@media(max-width: 1680px) {
    #mainmenu .content > .menu { display: flex; justify-content: flex-end; flex-wrap: wrap; }
    #mainmenu .content > .menu > li.expanded { padding: 0; }
    #mainmenu .content > .menu > li.expanded:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%;
        height: 47px; background: transparent; }
    #mainmenu .content > .menu > li > ul { top: 62px; }
}

@media(max-width: 1450px) {
    header .logo div { display: none; }
}

@media(max-width: 1400px) {
    #block-views-social-links-footer { right: 5%; }
}

@media(max-width: 1380px) {
    header .logo h1 { font-size: var(--fsize-20); }
}

@media(max-width: 1205px) {
	#sliding-popup .popup-content #popup-buttons { padding-top: 0; text-align: center; }
	#sliding-popup .cookie-button { margin: 10px; }
}

@media(max-width:1200px) {
	header .centerContent,
	#block-block-4,
	.node-product .mainContent.centerContent,
	.node-page .mainContent.centerContent { width:85%; }
	.node .centerContent { width: 100%; }

	header .headerSiteName { margin-left:15px; }
	header .centerContent,
	.node-page .mainContent.centerContent { width:97%; margin:0 auto; }

	header .centerContent {width:100% !important; }
	.view-galeria .inlinelist { text-align:center; }

	#homeContent .product .innerContent { width: 60%; }

	.container { width: 970px; }

	#block-views-social-links-footer { right: 10%; bottom: 40px; }

	#block-block-4 .park-icon { flex: 0 0 12.5%; }

    #block-views-social-links-block .social-icons p { display: flex; flex-direction: column; justify-content: center;
        align-items: center; gap: 10px;  }
    #block-views-social-links-block .social-icons p a:first-child,
    #block-views-social-links-block .social-icons p a { margin: 0; }
}

@media (max-width: 1150px) {
	#block-views-slideshow-block .triangles img { height: 600px; }

	#sliding-popup .popup-content #popup-text,
	#sliding-popup .popup-content #popup-buttons { max-width: 100%; width: 100%; }
	#sliding-popup .popup-content #popup-text { padding-bottom: 10px; }
	#sliding-popup .cookie-button { margin: 0 10px; }
}

@media (max-width: 1180px) {
	/*#mainmenu .content > .menu > li.first a { padding-left: 0; }*/
	/*#mainmenu .content > .menu > li.last a { padding-right: 0; }*/
}

@media(max-width:1150px) {
	#mainmenu .content > .menu > li a,
	#mainmenu .content > .menu > li span { padding: 0 10px; }
	#mainmenu .content > .menu > li.expanded span::after { right: -3px; }
}

@media(max-width:1100px) {
    header .logo img { width: 80px; }
}

@media(max-width:1110px) {
	#block-locale-language { margin: 0 10px; }
}

@media(max-width:1050px) {
	/*.region-mainmenu { position: relative; }*/
    /**/
	/*#mainmenu .block-menu { margin-right: 90px; }*/
	/*#block-locale-language { position: absolute; bottom: 10px; right: -5px; width: 66px; z-index: 1; }*/
	/*#block-views-social-links-block { position: absolute; top: -15px; right: 0; width: 70px; }*/
}

@media(max-width:1064px) {
	#block-views-oferta-block { background-size: 25%, 25%, 25%; }

	#block-views-oferta-block .content,
	#block-views-liczby-block  .content,
	#block-views-new-blog-block,
	#block-views-new-blog-block .centerContent,
	#block-napiszdonas .centerContent,
	.view-produkty.centerContent,
	#block-views-stopka-block .content,
	#block-block-1 .centerContent { width:95%; margin-left: auto; margin-right: auto; }

    #block-views-stopka-block .content > div > div:first-child { flex: 0 0 calc(100% / 3); }
    #block-views-stopka-block .content > div > div:last-child { flex: 0 0 calc((100% / 3) * 2); flex-wrap: wrap; }
    #block-views-stopka-block .content > div > div > div { flex: 0 0 50%; }

	/*.node .centerContent,*/
	.page-galeriahtml .centerContent,
	.node-page .mainContent .centerContent,
	.page-newshtml .centerContent { width:91%; margin:0 auto; }

	#block-views-oferta-block li,
	#block-views-oferta-block li:nth-child(3n) { margin: 0 12.5px 25px; }

	.view-produkty .view-oferta-stopka ul,
	#block-views-oferta-stopka-block ul,
	#block-views-oferta-block ul	{ text-align:center; }

	.view-galeria .view-content .views-field-field-images ul { text-align:center; }

	.node-product .pageBanner,
	.node-page .topBannerImg { height:700px; }
	.node-news .mainContent { margin-bottom:60px; }
	/*.node .gallery li { margin-bottom:25px; }*/
	/*.node .gallery li:last-child { margin-right:25px; }*/

	/*.node-product .mainContent { margin-top:-400px; padding-left:5%; padding-right:5%; }*/
	/*.node-product .centerContent { width:85%; }*/
	.node-product .pageHeader,
	.node-product .pageHeader > div { width:100% !important; }

	#homeContent .product .innerContent { width: 60%; }

    header .logo h1 { font-size: var(--fsize-26); }
    header .logo div { display: block; }

    #mainmenu .content > .menu { display: block; }
    /*#mainmenu .content > .menu > li.expanded:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%;*/
    /*    height: 47px; background: transparent; }*/
    /*#mainmenu .content > .menu > li > ul { top: 62px; }*/

    #mainmenu { position: absolute; right: 20px; top: 15px; margin: 0; cursor: pointer; padding: 0 20px 13px; }
    #mainmenu:before { content: '\f0c9'; display: block; font: 52px/1 FontAwesome; color: var(--color--content); }
    #mainmenu .region { display: none; background-color: var(--bg-color--primary); position: fixed; right: 0; top: 80px; height: calc(100vh - 80px); width: 50%; overflow: scroll; }
    #mainmenu:hover .region { display: block; }
    #mainmenu .block-menu { display: block; position: relative; z-index: 1; }
    #mainmenu .block-menu .content { padding: 40px 0; }
    #mainmenu .content > .menu > li { display: block; text-align: right; }
    #mainmenu .content > .menu > li.expanded { padding: 0; }
    #mainmenu .content > .menu > li > ul { position: static; background: none; margin: 0; padding: 0; box-shadow: none; }
    #mainmenu .content > .menu > li a,
    #mainmenu .content > .menu > li.last a,
    #mainmenu .content > .menu > li span { padding: 8px 20px; font-size: var(--fsize-18); }
    #mainmenu .content > .menu > li span.hide:after { transform: rotate(-135deg); transition: .3s; }
    #mainmenu .content > .menu > li.expanded span:after { right: 135px; top: 16px; }
    #mainmenu .content > .menu > li.expanded:hover span:after { transform: rotate(45deg); transition: .3s; }
    #mainmenu .content > .menu > li > ul.menu > li { width: initial; text-align: right; }
    #mainmenu .content > .menu > li > ul.menu > li a { font-size: var(--fsize-16); padding: 3px 30px; }

    #mainmenu .block-menu { margin-right: initial; }

    #block-locale-language { display: block; position: fixed; bottom: 35px; left: 50%; margin: 0 30px; top: initial; right: initial; width: initial; }
    #block-locale-language .language-link { font-size: var(--fsize-20); padding: 10px; }
    #block-locale-language .language-link.active { font-weight: 700; }
    #block-locale-language .content { padding: 0; }

    #block-block-7 { position: fixed; bottom: 190px; left: 50%; margin: 0 40px; }
    #block-block-7 p { flex-direction: column; }

    #block-views-social-links-block { display: block; position: fixed; bottom: 60px; left: 50%; margin: 0 40px; top: initial; right: initial; width: initial; }

    .node-product .icons .big-elements li { flex: 0 0 100%; }
    header .logo img { width: 120px; }
}

@media(max-width:990px) {
	.node-product .pageBanner,
	.node-page .topBannerImg { height:550px; }
	section#footerContent #block-views-stopka-banner-block .innerContent a { margin-top:20px; }

	#homeContent .product .innerContent { padding: 80px 50px 0 50px; width: calc(100% - 100px); }

	.container { width: 750px; }

	.node-product .top-slideshow .triangle img { width: 150px; }

	.node-product .other-products img { opacity: 1; }
}

@media (max-width: 850px) {
	#block-views-slideshow-block .triangles img { height: 400px; }
	#block-views-slideshow-block .bx-wrapper .bx-pager { bottom: 20px; }

	#block-views-asekuracja-block .inner-content { width: 90%; }

	#homeContent .half p { font-size: var(--fsize-14); }

	#block-block-4 .park-icon { flex: 0 0 25%; }
}

@media(max-width:790px) {

    #block-views-stopka-block .content > div > div:first-child,
    #block-views-stopka-block .content > div > div:last-child { flex: 0 0 50%; }
    #block-views-stopka-block .content > div > div > div { flex: 0 0 100%; }
    #block-views-stopka-block p { margin-bottom: 0; }

    #block-views-social-links-footer { bottom: 130px; }

    #block-views-slideshow-block .slideshowItem h2 { font-size: var(--fsize-52); }

}

@media(max-width:768px) {
	header .headerSiteName { font-size: var(--fsize-20); margin-left:10px; margin-top:55px; }

	.node-product .pageBanner,
	.node-page .topBannerImg { height:450px; }
	#block-napiszdonas { font-size: var(--fsize-18); }
	#block-napiszdonas .centerContent a { font-size: var(--fsize-14); top:-9px; }
	.node .gallery,
	.node .gallery ul { text-align:center; }

	.page-newshtml .view-news .view-content .left,
	.page-newshtml .view-news .view-content .right { float:none; width:100%; }

	.page-newshtml .view-news .view-content .right { margin-top:15px; }
	.page-newshtml .view-news .view-content .views-row { margin-bottom:80px; }

	#block-views-liczby-block { padding-bottom:15px; }
	#block-views-liczby-block .views-field { display:block; width:100%; padding-bottom:60px; }
	#block-views-liczby-block .views-label { bottom:30px; }

	.shadow { box-shadow:0 0 170px 50px black; }

	#mobilemainmenu { display:block; }

	/*#block-block-4  { display:none; }*/

	.node-product .mainContent .breadcrumb, .node-page .mainContent .breadcrumb { padding-top:10px; }
	.node-page .mainContent h1 { margin:25px 0; }

	.view-oferta ul li, .view-oferta-stopka ul li:first-child { opacity:1; }

	.container { width: 100%; }

	#homeContent .half p { font-size: var(--fsize-16); }

	.node-product .icons li,
	.node .gallery li { flex: 0 0 calc(33.3333% - 10px); }

	#block-views-asekuracja-block .video { left: 50%; transform: translate(-50%, -50%); }
}

@media (max-width: 730px) {
	#block-views-slideshow-block .slideshowItem p { font-size: var(--fsize-52); }

	#homeContent .left.half { height: initial; }
	#homeContent .left.half .innerContent { padding: 50px 50px 110px; }

	#homeContent .product:nth-child(2n) .left,
	#homeContent .product:nth-child(2n+1) .right,
	#homeContent .product:nth-child(2n+1) .left,
	#homeContent .product:nth-child(2n) .right,
	#block-views-produkty-middle .product:nth-child(2n+1) .left,
	#block-views-produkty-middle .product:nth-child(2n) .right { float: none; width: 100%; }

	#homeContent .product .triangles { bottom: initial; top: 390px; }

	#block-views-obs-uga-block .icons { flex-wrap: wrap; }
	#block-views-obs-uga-block .icon { flex: 0 0 33.33%; }
}

@media (max-width: 700px) {

    .node-product .background { padding-top: 50px; }
    .node-product .background:before { position: static; margin: 0 auto; transform: initial; }

}

@media (max-width: 690px) {
	.node-product .other-products .slick-slide img { opacity: .6; }
	.node-product .other-products .slick-active img { opacity: 1; }
}

@media (max-width: 650px) {
	#block-views-nasze-obiekty .our-objects { width: 100%; float: none;}
}

@media (max-width: 610px) {
	#block-views-slideshow-block .slideshowItem p { font-size: var(--fsize-38); top: calc(50% - 28px); }
	#block-views-slideshow-block .triangles img { height: 300px; }

	#block-locale-language { left: 20%; }
	#block-views-social-links-block { left: 20%; }
	#block-block-7 { left: 20%; }
	#mainmenu .region { width: 80%; }

	.slick-arrows { top: calc(50% - 32px); }
    .slick-arrow i { font-size: 4em; padding: 0 16px; }
}

@media(max-width:580px) {
	#mainmenu #block-menu-menu-main-menu,
	#mainmenu #block-system-main-menu .content { padding-bottom:9px;}

	#footerContent .view-stopka-banner .centerContent p { width:60%; margin:0 auto; }

	section#footerContent #block-views-stopka-banner-block .innerContent a { margin-right:0;}
	section#footerContent #block-views-stopka-banner-block .innerContent { padding:225px 0; }

	.node-product .icons li,
	.node .gallery li { flex: 0 0 calc(50% - 10px); }

	#homeContent .right.half { height: 400px; }
	#homeContent .product .triangles { top: 260px; }
}

@media(max-width:520px) {
	#popup .popup { left: 0; width: 100%; }
	#popup .butt { margin: 0 5px; }

	#block-views-asekuracja-block .inner-content { padding: 100px 0; }
	#block-views-asekuracja-block .inner-content .text { padding: 40px 30px; }

	#homeContent .product:nth-child(2n+1) .triangles { left: initial; right: 0; }
	#homeContent .product:nth-child(2n) .triangles { right: initial; left: 0; }
	#block-views-produkty-middle .product:nth-child(2n+1) .triangles { right: initial; left: 0; }
	#block-views-produkty-middle .product:nth-child(2n) .triangles { left: initial; right: 0; }

	.node-product .top-slideshow .triangle img { width: 50px; }

	/*#homeContent .half { height: initial; }*/
	#homeContent .right .slick-slide img { height: auto; width: 100% !important; display: block; }
	#homeContent .product .triangles { top: 314px; }
	#homeContent .product .triangles img { width: 153px; }

	#homeContent .product:nth-child(2n) .left,
	#homeContent .product:nth-child(2n+1) .right,
	#homeContent .product:nth-child(2n+1) .left,
	#homeContent .product:nth-child(2n) .right,
	#block-views-produkty-middle .product:nth-child(2n+1) .left,
	#block-views-produkty-middle .product:nth-child(2n) .right { margin-top: -6px; }

    #block-views-stopka-block .content > div { flex-wrap: wrap; }
    #block-views-stopka-block .content > div > div:first-child,
    #block-views-stopka-block .content > div > div:last-child { flex: 0 0 100%; }

    #block-views-slideshow-block .slideshowItem h2 { font-size: var(--fsize-40); }
}

@media(max-width:480px) {
	header .headerSiteName { display:none; }

	section#footerContent #block-views-stopka-banner-block h6 { font-size:var(--fsize-32); }
	section#footerContent #block-views-stopka-banner-block .innerContent a { font-size:var(--fsize-16); }

	section#footerContent #block-block-1 { text-align:center; padding:50px 0; }
	section#footerContent #block-block-1 .socialIcons { position:static; margin-bottom:30px; font-size:var(--fsize-20); }
	section#footerContent #block-block-1 .socialIcons a { width:29px; }

	#block-napiszdonas .centerContent { text-align:center; }
	#block-napiszdonas .centerContent a { position:static; }
	#block-napiszdonas .centerContent a.button { margin: 15px auto 0; display:block; }

	#contactform label { display:block; }
	#contactform input, textarea { width:100%; }

	.page-galeriahtml .view-galeria .view-content ul li,
	.page-galeriahtml .view-galeria .view-content ul li:nth-child(3n) { margin-right:0; }

	#block-views-slideshow-block .slideshowItem p { font-size:var(--fsize-30); }
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:10px; }

	#homeContent #block-views-new-blog-block .inlinelist li { width:100%; margin-bottom:45px; }
	#homeContent #block-views-new-blog-block .inlinelist li:last-child { margin-bottom:0; }
	.shadow { box-shadow:none; }
	#block-views-slideshow-block .slideshowItem p { font-size:var(--fsize-32); }

	.view-artyku-y-podstrona-stopka .views-row  .right, .view-artyku-y-podstrona-stopka .views-row  .left,
	.view-artykuly-gora .views-row  .right, .view-artykuly-gora .views-row  .left,
	.view-artykuly-dol .views-row  .right, .view-artykuly-dol .views-row  .left { min-height:350px; }
	.view-artykuly-gora .views-row  .right img,
	.view-artykuly-dol .views-row  .right	img,
	.view-artyku-y-podstrona-stopka .views-row  .right img { width:auto; height:100%; }

	.page-galeriahtml .view-galeria .view-content h2 { margin-bottom:15px; }
	.view-galeria .views-row .absolut { position:static; width:100%; height:50px; }
	.view-galeria .views-row .absolut.likealink { cursor:inherit; }
	.view-galeria .views-row .absolut a.button { margin:0 auto; float:none; cursor:pointer; }

	header { height: 65px; }
	section#contentWrapper { padding-top: 65px; }
	/*header .logo h1 { margin-top: 20px; }*/
	header .logo img { width: 100px; }
	#mainmenu:before { font-size: var(--fsize-40); }
	#mainmenu .region { height: calc(100vh - 65px); top: 65px; }

	#block-views-obs-uga-block .text { margin: 0 15px; }
	.node-product .mainContent p { padding: 0 15px; }

	#block-block-4 .park-icon { flex: 0 0 50%; }
}

@media(max-width:460px) {
    header .logo h1 { font-size: var(--fsize-20); }

    .node-product h2 { font-size: var(--fsize-28); }
}

@media(max-width:450px) {
	#popup .popup { height: 300px; top: calc(50% - 150px); }
	#popup .buttons { margin-top: 20px; }
	#popup .butt { margin: 5px; }

	#block-views-slideshow-block .triangles img { height: 200px; }

	#block-views-obs-uga-block .icon { flex: 0 0 50%; }

	#block-views-stopka-block .content div div { flex: 0 0 100%; }

	header .logo img { width: 80px; }
}

@media(max-width:420px) {
	#footerContent #block-views-artyku-y-podstrona-stopka-block .view-content .innerContent,
	#homeContent #block-views-artykuly-dol-block .view-content .innerContent,
	#homeContent #block-views-artykuly-gora-block .view-content .innerContent { padding-right:40px; padding-left:40px; }

	#block-locale-language { left: 0; margin: 0 15px; }
	#block-views-social-links-block { left: 0; margin: 0 25px; }
	#block-block-7 { left: 0; margin: 0 25px; }
	#mainmenu .region { width: 100%; }
	#mainmenu .content > .menu > li a,
	#mainmenu .content > .menu > li span,
	#mainmenu .content > .menu > li.last a { font-size: var(--fsize-16); }
	#mainmenu .content > .menu > li > ul.menu > li a { font-size: var(--fsize-14); }

	#sliding-popup .cookie-button { margin: 10px; }

	#mainmenu { padding: 0 0 13px; }
	header .logo img { width: 60px; }

    #block-views-slideshow-block .slideshowItem h2 { font-size: var(--fsize-30); }
}

@media(max-width:380px) {
	/*header .logo h1 { margin-top: 22px; }*/
	header .logo .site-name { font-size: var(--fsize-8); }
}

@media(max-width: 380px) {
	#block-views-oferta-block { min-height: calc(((100vw - 45px) * 0.6666666667 + 51px) * 9 + 265px);}

	#block-views-oferta-block.block-views .content { width: 100%; }
	#block-views-oferta-block.block-views li,
	#block-views-oferta-block.block-views li:nth-child(3n) { margin: 0 22.5px 25px; display: block;
		min-height: calc((100vw - 45px) * 0.6666666667 + 51px); }
}

@media(max-width:370px) {
	.node .gallery img,
	.node-galeria .field-name-field-images img { width:100%; height:auto; }

	#block-views-slideshow-block .slideshowItem p { font-size: var(--fsize-26); top: calc(50% - 19px) }

	section#footerContent #block-views-stopka-banner-block .innerContent a:first-child { margin-right:0; margin-bottom:15px;}
	section#footerContent #block-views-stopka-banner-block .innerContent a { width:80%; }

	.node-product .icons li,
	.node .gallery li { flex: 0 0 calc(100% - 10px); }

	#homeContent .right.half { height: 300px; }
	#homeContent .product .triangles { top: 214px; }
}

@media (max-width: 340px) {
	header .logo h1 { font-size: var(--fsize-16); }
}

@media (max-width: 330px) {
	#block-views-obs-uga-block .icon { flex: 0 0 100%; }
	#homeContent .half a { font-size: var(--fsize-14); }
	#homeContent .left.half .innerContent { padding: 30px 30px 110px; }
}

@media (max-width: 320px) {
	header .logo .site-name { font-size: var(--fsize-7); }
}



/*TARCZA*/

.tarcza { background: #fff; text-align: center; padding: 20px; }
.tarcza img { max-width: 1000px; height: auto; }
.tarcza__mobile { display: none; }

@media(max-width: 1020px) {
	.tarcza__desktop { display: none; }
	.tarcza .tarcza__mobile { display: inline-block; max-width: 100%; }
}

/*TARCZA*/

/* -- keyframes -- */
.bounce {
  -webkit-animation: bounce 2s infinite;
  -o-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
@-moz-keyframes bounce {
  0%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes bounce {
  0%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ue__trigger { cursor: pointer; transition: .3s; }
.scroll .ue__trigger { top: 4px; transition: .3s; }
.ue__dialog { display: none; width: 100%; height: 100vh; background: #000000aa; position: fixed; top: 0; left: 0;
    z-index: 10000; font-size: 16px; }
.ue__container { background: #fff; border-radius: 5px; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); padding: 40px 20px 30px; width: 1200px; height: 90vh; }
.ue__content { height: 100%; }
.ue--part { width: 50%; }
.ue__image { width: 100%; height: auto; }
.ue__close { position: absolute; top: -15px; right: 7px; font-size: 40px; cursor: pointer; }
.ue__badges { max-width: 100%; width: 100%; height: 100%; object-fit: contain; }

@media(max-width: 1300px) {
    .ue__container { width: initial; overflow: auto; height: initial; }
    .ue__badges { width: 90vw; height: auto; max-width: initial; }
    .ue__content { max-height: 90vh; overflow: auto; }
}


@media(max-width: 640px) {
    /*.ue__container { width: calc(100% - 20px); height: calc(100% - 30px); }*/
    /*.ue__content { height: 100%; overflow: scroll; }*/
}

@media(max-width: 460px) {
    .ue__dialog { font-size: 14px; }
}