@import "layout.css?ver1.1";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');

:root {
  --padding-size: 60px;
  --margin-size: 60px;
  --padding-size-small: 1.6rem;
  --margin-size-small: 1.6rem;
  --head-height: 60px;
  --menu-height: 80px;
  --default-color: #000;
  --highlight-color: #1574B3;
  --light-grey:#F4F4F4;
  --menu-padding: 24px;
  --red-color: #E5010A;
  --list-height:206px;
  --border-radius:30px;
  --large-text:1.5rem;
  --smal-text:0.8rem;
}

html, input, textarea, select {font-family: 'Poppins', sans-serif !important;}
body {color: var(--default-color);}
.the-content a {color: var(--highlight-color)}
.the-content a:hover {text-decoration: underline;}
h1  {font-size: 2.66rem; color:var(--highlight-color)}
h2 {font-size: 1.8rem; line-height: 2.2rem;}
h3, .gwts-gwl-prev-title {font-size: 1.5rem; line-height: 2rem;}
h4, .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {font-size: 1.33rem; padding: 0; }
.img {max-width: 100%; height: auto;}
a {color:var(--highlight-color)}
a:hover {color: var(--red-color);}

/* Lukasz TAIL */

body > div.wrapper > div.content.widthxs > div > div > a {color: white !important, opacity:0.8 !important;}

.mt1 {margin-top: 1rem !important;}
.mt-1 {margin-top: -1rem !important;}
.mt2 {margin-top: 2rem !important;}
.mt-2 {margin-top: -2rem !important;}

.mb1 {margin-bottom: 1rem !important;}
.mb-1 {margin-bottom: -1rem !important;}
.mb2 {margin-bottom: 2rem !important;}
.mb-2 {margin-bottom: -2rem !important;}


.mr1 {margin-right: 1rem !important;}
.mr-1 {margin-right: -1rem !important;}
.mr2 {margin-right: 2rem !important;}
.mr-2 {margin-right: -2rem !important;}

.ml1 {margin-left: 1rem !important;}
.ml-1 {margin-left: -1rem !important;}
.ml2 {margin-left: 2rem !important;}
.ml-2 {margin-left: -2rem !important;}

.mtb11 {margin-top: 1rem !important; margin-bottom: 1rem !important;}
.mtb12 {margin-top: 1rem !important; margin-bottom: 2rem !important;}
.mtb21 {margin-top: 2rem !important; margin-bottom: 1rem !important;}
.mtb22 {margin-top: 2rem !important; margin-bottom: 2rem !important;}


/* Top */
.topLinks {height: var(--head-height); line-height: var(--head-height); background: rgb(250,123,132);  background: radial-gradient(circle, rgba(250,123,132,1) 0%, rgba(229,1,10,1) 30%, rgba(229,1,10,1) 100%); position: absolute; top:0; width: 100%; font-size: var(--smal-text)}
.topLinks ul, .topLinks li {margin: 0; padding: 0; list-style: none;}
.topLinks li {display: inline-block;}
.topLinks a {color: #fff; text-transform: uppercase; margin:0 calc(var(--menu-padding) / 2);}
.topLinks a:hover {text-decoration: underline;}
.topLinks .current_page_item a {font-weight: 700;}
.topLinks .borderRight {border-right: 1px solid rgba(255,255,255,0.3); margin:0 calc(var(--menu-padding)/2) 0 0;  padding:0 calc(var(--menu-padding)/2) 0 0;}
.topLinks a:hover {text-decoration: underline;}
.hideText a {text-indent: -5000px; display: inline-block; width: 20px; text-align: center; position: relative;}
.hideText a:hover {opacity: 0.8;}
.topLinks .hideText a::before {content: ''; display: block; width: 20px; height: 100%; position: absolute; top:0; }
.topLinks .facebook a::before {background: url(images/facebook.svg) no-repeat center center; right: 2px; }
.topLinks .youtube a::before {background: url(images/youtube.svg) no-repeat center center; right: 2px; }
.topLinks .searchMenu a::before {background: url(images/search.svg) no-repeat center center; right: 2px; }
.menu-menu-gorne-lewe-container, .menu-menu-lewe-container {width: 50%; float: left;}
.menu-menu-gorne-prawe-container, .menu-menu-prawe-container {width: 50%; float: right; text-align: right;}
.topNav {position: absolute; top:var(--head-height); height: var(--menu-height); line-height: var(--menu-height); }
.topNav ul, .topNav li {margin: 0; padding: 0; list-style: none;}
.topNav li {display: inline-block;}
.topNav a {color: var(--highlight-color); margin:0 calc(var(--menu-padding) / 2);}
.topNav a:hover, .topNav .current_page_item a  {color: var(--red-color);}
.logo {display: block; position: absolute; left: 50%; top:10px; margin-left: -80px; width: 160px; height: 168px; background: url(images/logo.png) no-repeat center center; z-index: 10; background-size: 100% auto; }


/* Slider */
.topSlider {position: relative; height: 550px; margin:0 auto var(--margin-size) auto}
.slide {position:absolute; top:0; left: 0; text-align: left; width: 100%; color: #fff;}
#slider {z-index: 1;}
.slide {z-index: 1; opacity: 0;}
.slide.visible {z-index: 3;	-webkit-animation: fade-inS 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both; animation: fade-inS 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.5s both;}
.slide.prevSlide {z-index: 2;	-webkit-animation: fade-outSS 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.1s both; animation: fade-outS 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.1s both;}

@-webkit-keyframes fade-inS{0%{opacity:0}100%{opacity:1}}@keyframes fade-inS{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fade-outS{0%{opacity:1}100%{opacity:0}}@keyframes fade-outS{0%{opacity:1}100%{opacity:0}}
#sliderNav {width:auto; height:auto; z-index:9;  text-indent:-9999px; right:var(--margin-size-small);  position: absolute; bottom:1rem; height:auto; }
#sliderNav span {width:18px; height:18px;   cursor:pointer; border-radius:50%; margin:0 0 0 5px; display: block; position: relative; float: left; border:2px solid #fff} 
#sliderNav span.current:before, #sliderNav span:hover:before {position: absolute; content:''; width: 10px; height: 10px; border-radius: 5px; left: 2px; top:2px; background:#fff}
.slideContainer {position: absolute; width: 100%; top:0; left: 0; padding: var(--padding-size); }
.slide img {border-top-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); display: block;}

/* top pic */
.title {background: url(images/default.jpg); height: 215px; background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; position: relative; width: 1170px; max-width: 92%; margin: 0 auto; border-top-right-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius);}
.bip.title {background: url(images/bip.png);}
.title h1 {position: absolute; color:#fff; padding: 0 10%; text-align: center; transform: translate(0, -50%); top:50%; width: 100%; line-height: 1.2;  display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;}


/* Article list*/

.articleList .col33m {position: relative; padding-bottom: var(--padding-small-size);}
.zdjList {height: var(--list-height); background-position: center center; border-radius: var(--border-radius); background-repeat: no-repeat;  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; display: block; background-image:url(images/blank-mage.png);  }
.titleList {margin:calc(-1 * var(--margin-size-small)) 0 0 var(--margin-size-small); border-top-left-radius: var(--border-radius); background:#fff; padding: var(--padding-size-small) ; font-size: var(--large-text); font-weight: 700;line-height: 1.3em; }
.titleList .newsText {line-height: 1.3em;}
.wiecej {font-size: var(--smal-text); display: block; margin-top:1rem}
.newsText {font-size: 1rem; color:var(--default-color); display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;}
.titleList:hover .newsText {color: var(--red-color);}
.newsText p {margin:0; padding: 0; font-weight: 400;}
.news {text-align: center; margin: var(--margin-size) 0; color:var(--highlight-color)}
.date {font-size: var(--smal-text); font-weight: 400; margin:0.5rem 0; display: block;}
.bList {font-weight: 700; font-size: 1.2rem; margin: var(--margin-size) -1%; }
.karta {max-width: 100%; margin:0 auto; display: block;}
.bList .wiecej {margin-top: 0.3rem;}
.bl1 {color:#fff; background-size: 100% auto !important; background: url(images/zapytania.jpg) no-repeat center center; border:0 !important; padding-top: 8rem !important; }
.bl1:hover {color: #fff;}
.bList .col33m {border-radius: var(--border-radius); padding: var(--padding-size-small); border:1px solid #C3C3C3}
.bl2 {background: url(images/podkarpackie.png) no-repeat center center; background-size: 75% auto;}
.content img {max-width: 100%; height: auto;}
.marginBottom {margin-bottom:var(--margin-size) !important}
.marginBottomSmall {margin-bottom:var(--margin-size-small-size) !important}
.marginTopSmall {margin-bottom:var(--margin-size-smallsize) !important}
.content hr {display: none;}

/* Kontakt */
.contact .col50m {background: var(--light-grey); border-radius: var(--border-radius); padding: var(--padding-size-small);}
.contact .col50m h3 {color: var(--highlight-color);}
.contForm {margin-top: calc(1.5 * var(--margin-size)); }
.contForm .nf-form-fields-required, .contForm .ninja-forms-req-symbol {display: none;}
.nf-form-content label {font-size: 0.85rem !important; font-weight: 400 !important; line-height: 1.1rem !important;}
.contForm h3, .gwts-gwl-prev-title {color:var(--highlight-color)}
.map { height: 580px;  position: relative;  margin: 0;  filter: grayscale(100%); margin-top: var(--margin-size); margin-bottom: calc(-1.5 * var(--margin-size));}
.map iframe {width: 100% !important; height: 100% !important;}

.wpcf7-form  { margin:var(--margin-size) 0; }
.wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=email], .wpcf7-form select, .wpcf7-form textarea {border:1px solid #707070; padding:0.7rem; width: 100%; margin-top:5px; }
.wpcf7-form label, .wpcf7-list-item-label {font-size: 0.85rem; font-weight: 400 !important; line-height: 1.1rem !important;}
.wpcf7-form textarea {height: 100px;}
.wpcf7-submit {background: var(--highlight-color); width: 225px; border-radius: 50px; color:#fff; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; border:2px solid var(--highlight-color); height: 45px;}
.wpcf7-submit:hover {background: #fff; color:var(--highlight-color)}
.wpcf7-not-valid-tip {margin-top:5px; font-weight: 700; font-size: 0.85rem;}
.wpcf7-list-item {margin:0 !important;}
/*Aktualności*/
.aktList, .marginTop {margin-top:var(--margin-size) !important}
.aktList .col100m {display: flex; margin-bottom: calc(1.5 * var(--margin-size-small));}
.aktList .zdjL {flex-basis: 300px; margin-right:  calc(1.5 * var(--margin-size-small));}
.aktList .zdjL .zdjList {width: 100%;}
.aktList .titleList {margin:0; padding: 0; flex-basis: calc(100% - 300px - var(--margin-size-small));}



/* Paginacja */
.pagination {width: 800px; max-width: 92%; text-align: center; margin:var(--margin-size) auto 0 auto; border-top:1px solid #B7BCC1; padding: var(--margin-size-small) 0 0 0;}
.pagination a, .pagination span {display: inline-block; padding:0 0.5rem; text-decoration: underline;}
.pagination a:hover, .pagination span.current  {color: var(--red-color);}

/* content */
.content {margin: var(--margin-size) auto; line-height: 1.6rem;} 
.content li, .technologia li {padding: 0.2rem 0;}
.content img {max-width: 100%; height: auto;}
.padding {padding:var(--padding-size-small) 0}
.content p {padding: 0; margin: 0 0 var(--margin-size-small) 0;}
.wstep {font-size: 1.2rem; line-height: 1.8rem;} 
.color {color: var(--highlight-color) !important;}
.content iframe {width: 100%; height: 500px;}


/* Footer */
.footer {background:var(--highlight-color); padding: var(--padding-size); color:#fff; margin-top:calc(1.5 * var(--margin-size))}
.footer .newsletter {font-size: var(--smal-text);}
.footer a {color:#fff; white-space: nowrap;}
.logof {display: block; margin:0 auto}
.newsletter input:not(.newsSubmit) {border-radius: 30px; padding:0.4rem 1rem; border:1px solid #8ABAD9; color:#fff; background:var(--highlight-color); width: 100%; margin-bottom:1rem;}
.newsletter input::placeholder {  color: #fff;  opacity: 1;}
.newsletter .newsSubmit {position: absolute; margin: 0 0 0 -40px; height: 35px;  width: 40px;  background: none;  border: 0; background:url(images/arrow.svg) no-repeat calc(100% - 10px) center;}
.newsletter input:not(.newsSubmit):-webkit-autofill,
.newsletter input:not(.newsSubmit):-webkit-autofill:hover, 
.newsletter input:not(.newsSubmit):-webkit-autofill:focus
{
  border:1px solid #8ABAD9; 
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0) inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Cennik table */
.wp-block-table {margin: 0 0 var(--margin-size-small) 0; padding: 0; border:0 !important}
.wp-block-table table {border-collapse: collapse; border:0;}
.wp-block-table th {text-align: left; font-size: 1.3rem;}
.wp-block-table th, .wp-block-table td, .tablepress td, .tablepress th {padding: 0.7rem 1.2rem !important; border:0;}
.wp-block-table tr:nth-child(odd) td {background: var(--light-grey);}
.tablepress td {background: #fff !important;}
.tablepress .odd td {background: var(--light-grey) !important;}
.wp-block-table.blue tr:nth-child(1) td, .tablepress th {background: var(--highlight-color) !important; color:#fff; border:0 !important}
.wp-block-table tr td:first-child, .tablepress tr td:first-child, .tablepress tr th:first-child {border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius);}
.wp-block-table tr td:last-child, .tablepress tr td:last-child, .tablepress tr th:last-child {border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); }
.cennik tr td:last-child {width: 60px; white-space: nowrap;}
.tablepress tbody td, .tablepress tfoot th {border:0 !important;}
.dataTables_filter {margin-bottom: 1rem;}

/* Home carousel */
#tabHome {color: var(--highlight-color); margin-bottom: var(--margin-size);}
.tabsSlider {background:#1574B3 url(images/topzdj.jpg) no-repeat  center center; background-size: auto 100%; padding: calc(1.5 * var(--padding-size-small)) 0;}
.tabsSlider .titleList {width: 100%; margin-left: 0; border-radius: 0; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); height: 190px; display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;}
.tabs {display: flex; flex-wrap: wrap;}
.tabs h2 {text-align: center; flex-basis: 100%; margin-bottom: var(--margin-size);}
.tabs > div {background: rgb(219,219,219);  background: linear-gradient(180deg, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 100%); color:var(--highlight-color); font-size: 1.2rem; text-align: center; flex-basis: 33.33%;  font-weight: bold; padding: 1rem; border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); cursor: pointer; }
.tabsSlider .widths {position: relative; height: 420px;}
#tab1, #tab2 {position: absolute; height: 420px; width: 100%; opacity: 0; z-index: 5;}
.tab1active #tab1 {opacity: 1; z-index: 6;}
.tab2active #tab2 {opacity: 1; z-index: 6;}
.tab1active .tab1, .tab2active .tab2  {color: #fff; background:var(--highlight-color)}
.wppsac-post-slider button.slick-prev, .wppsac-post-carousel button.slick-prev {background:url(images/left.svg) no-repeat center center  !important; width: 65px !important; height: 65px !important;}
.wppsac-post-slider button.slick-next, .wppsac-post-carousel button.slick-next {background:url(images/right.svg) no-repeat center center  !important; width: 65px !important; height: 65px !important;}
#tabHome .wppsac-post-carousel.design-1 .slick-prev {transform: translate(-80px, -50%);  -webkit-transform: translate(-80px, -50%);  -moz-transform: translate(-80px, -50%); border-radius: 100px !important;}
#tabHome .wppsac-post-carousel.design-1 .slick-next {transform: translate(80px, -50%);  -webkit-transform: translate(80px, -50%);  -moz-transform: translate(80px, -50%); border-radius: 100px !important;}
.wppsac-post-slider button.slick-next:hover, .wppsac-post-slider button.slick-next:focus, .wppsac-post-carousel button.slick-next:hover, .wppsac-post-carousel button.slick-next:focus,
.wppsac-post-slider button.slick-prev:hover, .wppsac-post-slider button.slick-prev:focus, .wppsac-post-carousel button.slick-prev:hover, .wppsac-post-carousel button.slick-prev:focus{background-color:rgba(255,255,255,0.1) !important;}
#tabHome .zdjList {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}


.wppsac-wrap .wppsac-post-image {max-width:100% !important;}
.wppsac-sub-content {display:none !important;}
.wppsac-post-carousel.design-1 .wppsac-carousel-slides {padding: 0 !important; background: #fff; padding: 0; margin: 0 10px; border-radius: 30px;}
.wppsac-post-categories {display:none !important;}
.wppsac-wrap .wppsac-post-image {border-top-left-radius:30px; border-top-right-radius:30px}
.wppsac-post-date {display:none !important;}
.wppsac-post-title {color: #1574b3 !important;}
.wppsac-post-content-position {padding:0 20px;}



/* Gallery */
ul.lSGallery li.active {border:4px solid #E5010A !important; }
.lSSlideOuter .lSPager.lSGallery li {padding: 0;}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border-radius: 0 !important;}
.lSSlideWrapper {overflow-y: visible;}
.pagerWrapper {margin: 0 90px; overflow: hidden;}
.galleryNav {position: relative;}
.lSAction {position: absolute;  width: 100%;  height:0;  top: 25px;}
.lSPrev, .lSNext {position: absolute; width: 65px !important; height: 75px !important; background:url(images/leftg.svg) no-repeat left center  !important; left:0 !important;  margin:0  !important; top:0 !important; opacity: 1 !important; background-size: 100% auto !important;}
.lSNext {background:url(images/rightg.svg) no-repeat right center  !important; background-size: 100% auto !important; right: 0 !important; left:auto  !important}
.page-template-dojazd-php .lSPager {display: none;}
.page-template-dojazd-php  .clearfix {max-width: 650px !important; margin:0 auto}
.gwts-gwl-prev-gallery {margin-top:var(--margin-size)}
.wp-block-file .wp-block-file__button {background: #1574b3;; border: 2px solid var(--highlight-color);}
.wp-block-file .wp-block-file__button:hover {background:#fff; color:var(--highlight-color) !important}
.blocks-gallery-grid, .wp-block-gallery {justify-content: center;}

/* Search */
.topLinks .width {position: relative;}
.searchTop {position: absolute; display: none; width: 350px; right: 0; padding: var(--padding-size-small); top: 50px; background: var(--red-color); z-index: 5; border-top:1px solid rgba(255,255,255,0.3)}
.searchMenu a {pointer-events: none; }
.searchMenu {cursor: pointer;}
.searchMenu:hover {opacity: 0.7;}
.screen-reader-text {display: none;}


/* submenu - level2 */
.subMenuWrapper {border-radius: var(--border-radius); background: var(--light-grey); padding: var(--padding-size-small); color:var(--highlight-color)}
.subMenu {padding: 0; margin: 0; list-style: none; font-weight: 700;}
.subMenu a {color:var(--highlight-color); display: block; padding: 0.3rem 0; line-height: 1.3rem;}
.subMenu a:hover, .subMenu .current-menu-item > a, .current-post-ancestor > a  {color:var(--red-color); }
.subMenu .sub-menu {background: none !important; position: relative !important; max-height: unset !important; top:unset !important; margin:0; padding: 0; display: none; width: auto !important;}
.subMenu .sub-menu li {padding: 0 !important; margin:0 !important; font-weight: 400; font-size: 0.9rem; }
.subMenu li.current-menu-item .sub-menu, .subMenu li.current-menu-ancestor .sub-menu, .subMenuWrapper .showMenu .sub-menu {display: block;}
.subMenu li {list-style: none;}





@media only screen and (max-width: 1340px) { 

  html {font-size: 16px;}
  :root {
    --padding-size: 40px;
    --margin-size: 40px;
    --list-height:170px;
  }
  #tabHome .widths {width:calc(100% - 200px) ;}


}

@media only screen and (max-width: 1279px) { 

  html {font-size: 15px;}
  :root {
    --padding-size: 30px;
    --margin-size: 30px;
  }
  .topNav a {margin: 0 calc(var(--menu-padding) / 4);}
  .topSlider {height: 43vw;}
  .tabsSlider .titleList {font-size:1.2rem; height: 160px;}
  .tabsSlider {padding: var(--padding-size-small)}
.tabsSlider .widths {height: 350px;}
.tabsSlider .titleList {height: 150px;}
h1  {font-size: 2.3rem;}
h2 {font-size: 1.6rem; line-height: 2rem;}
.content iframe {height: 51vw;}
}

@media only screen and (min-width: 1016px) { 

  /* submenu */
.sub-menu {position: absolute !important; top:var(--menu-height); left: 0px; background: var(--highlight-color); max-height: 0; overflow:hidden;  z-index: 6; width: 300px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.sub-menu li { color:#fff; margin:0 !important; padding:0; display: block !important; position: relative; }
.topNav .sub-menu li a {color: #fff; padding:0.7rem 1rem !important; margin:0 !important; line-height: 1.2rem; width: 100%; display: block; position: relative; border-bottom: 1px solid var(--highlight-color); }
.topNav .sub-menu li > a:hover {background: #5C9ECA; border-bottom: 1px solid #6BA7CF;}
.sub-menu li:first-child {padding-top: 1rem ;}
.sub-menu li:last-child {padding-bottom: 1rem ;}
.topNav .sub-menu .sub-menu li {padding: 0 !important;} 
li.menu-item-has-children:hover > .sub-menu {max-height: 650px; overflow:visible;  }
.topNav ul > li.menu-item-has-children:hover::before {background:var(--highlight-color); position: absolute; width: 100%; height: 90%; bottom: 0; left: 0; content:''; z-index: 1; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.topNav ul > li.menu-item-has-children:hover > a {color:#fff !important; z-index: 2; position: relative;}
.topNav .sub-menu .sub-menu { position: relative !important; top: auto; max-height: 0 !important; overflow:hidden  !important;}
.topNav .sub-menu .showMenu .sub-menu {  max-height: 300px !important;}
.sub-menu .sub-menu li a:before {content: '•'; display:inline-block; margin-right: 0.5rem;}
.topLinks .sub-menu {display: none;}
.socialMenu {display: none;}
}


@media only screen and (max-width: 1015px) { 

  :root {
    --head-height: 0px;
    --large-text:1.3rem;
  }
  html {font-size: 14px;}
 
  #mobile-menu {width: 30px; height: 22px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out;  cursor: pointer;  position:fixed;  right:5%;  top:calc(var(--menu-height) / 2 - 11px);  z-index:102; }
  .menuOpen #mobile-menu {position: absolute;} 
  .move #mobile-menu {position: fixed;}
  #mobile-menu span {display: block; background: var(--highlight-color); position: absolute; height: 4px; width: 100%;  border-radius: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
  #mobile-menu span:nth-child(1) {top: 0px;}
  #mobile-menu span:nth-child(2),#mobile-menu span:nth-child(3) {top: 9px;}
  #mobile-menu span:nth-child(4) {top: 18px;}      
  .menuOpen #mobile-menu span:nth-child(1) {top: 9px;  width: 0%; left: 50%;}
  .menuOpen  #mobile-menu span {background:#fff;}
  .menuOpen #mobile-menu span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
  .menuOpen  #mobile-menu span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
  .menuOpen #mobile-menu span:nth-child(4) {top: 9px; width: 0%; left: 50%;}

.topMenuWrapper {position: fixed; background: #fff; width: 100vw; overflow-y: auto;  left: 0; z-index: 101; bottom:150vh; height: -webkit-fill-available;}
.menuOpen .topMenuWrapper {top:0;}
.menu-menu-gorne-lewe-container, .menu-menu-lewe-container, .menu-menu-gorne-prawe-container, .menu-menu-prawe-container {width: 100%; float: none; text-align: left;}
.topLinks, .topNav {position: relative; height: auto;}

.topLinks #menu-item-49, .topLinks #menu-item-48, .topLinks #menu-item-47 {display: none;}
.topLinks li, .topNav .menu li {display: block; border:0 !important; padding: 0 !important; margin: 0 !important; text-align: center;}
.topLinks {background:var(--red-color); line-height: 1.8rem; font-size: 1.1rem; padding:calc(var(--menu-height) / 2 - 22px) 0 0 0;}
.topNav, .sub-menu {line-height: 1.8rem; font-size: 1.1rem; padding:0; top: auto;}
.sub-menu {font-size: 1rem; line-height: 1.3rem; display: block; position: relative !important; max-height: unset !important;}
.sub-menu .sub-menu {max-height: 0 !important; padding: 0!important;}
.topMenuWrapper .sub-menu li.menu-item-has-children {position: relative; }
.sub-menu .menu-item-has-children::after {content: '+'; position: absolute; position: absolute; font-size: 24px;  top:6px; right: 10px; color: var(--highlight-color); font-weight: 700; }
.sub-menu .menu-item-has-children.showMenu::after {content: '-';}
.sub-menu .showMenu .sub-menu {max-height: 350px !important;  padding: 0.5rem 0 !important;}
.topLinks .sub-menu {display: none;}
.topLinks li, .topNav .menu li {border-bottom: 1px solid rgba(255,255,255,0.3) !important;}
.topLinks li a, .topNav .menu li a {padding:0.5rem; display: block; font-size: 1rem;}
.topNav {background: var(--highlight-color);}
.topNav li a {color:#fff;}
.topLinks .width, .topNav .width {max-width: 100%;}
.topNav .sub-menu {background: #f2f2f2; padding:0.5rem 0}
.topNav .sub-menu .sub-menu {margin:0.2rem 0; background: #fff; overflow: hidden; }
.topNav .sub-menu li {border-bottom: 0;}
.topNav .sub-menu a {color:var(--highlight-color) !important; padding:0.5rem 0.5rem !important; font-size: 0.9rem; }
.topNav .sub-menu .sub-menu a {padding:0.2rem 0.5rem !important; font-size: 0.9rem;}
.logo {top:-8px;}
.menuOpen {overflow: hidden;}
.searchTop {top:0; z-index: 11;}
.socialMenu {position: absolute; top:0; left: 0; width: 100%; line-height: var(--menu-height); padding:0 calc(5% + 36px) 0 5%}
.socialMenu ul, .socialMenu li {list-style: none; padding: 0; margin: 0;}
.socialMenu li {display: block; float: left;}
.socialMenu li:last-child {float: right;}
.socialMenu a {display: block; position: relative; width: 40px;}
.socialMenu .hideText a::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top:0; }
.socialMenu .facebook a::before {background: url(images/facebookm.svg) no-repeat center center; right: 2px; background-size: 15px auto; }
.socialMenu .youtube a::before {background: url(images/youtubem.svg) no-repeat center center; right: 2px; background-size: 28px auto; }
.socialMenu .searchMenu a::before {background: url(images/searchm.svg) no-repeat center center; right: 2px;background-size: 25px auto; }
.wppsac-post-slider button.slick-prev, .wppsac-post-carousel button.slick-prev, .wppsac-post-slider button.slick-next, .wppsac-post-carousel button.slick-next {width: 40px !important; height: 40px !important; background-size: 100% auto !important; }
#tabHome .wppsac-post-carousel.design-1 .slick-next {-webkit-transform: translate(50px, -50%); transform: translate(47px, -50%);}
#tabHome .wppsac-post-carousel.design-1 .slick-prev {-webkit-transform: translate(-50px, -50%); transform: translate(-47px, -50%);}
#tabHome .widths {width:calc(100% - 75px) ;}
.articleList .col33m {width: 48%;}
.articleList {justify-content: center;}
.footer .col33m {width: 38%;}
.footer .col33m:last-child {width: 18%;}
.topNav a:hover, .topNav .current_page_item a {color:#fff;}
.pagerWrapper {margin:0 60px;}
.lSAction {top: 10px;}
.lSPrev, .lSNext {position: absolute; width: 50px !important; height: 80px !important;}

#menu-item-40, #menu-item-41 {display: none;}
.topMenuWrapper ul {display: flex; flex-wrap:wrap}
.topMenuWrapper li {flex-basis: 100%;}
#menu-item-840, #menu-item-841 {flex-basis: 50%;}
#menu-item-1174, #menu-item-45{flex-basis: 30%;} 
#menu-item-46 {flex-basis: 40%; white-space: nowrap;} 
#menu-item-840, #menu-item-1174, #menu-item-45 {border-right: 1px solid rgba(255,255,255,0.3) !important;}
#menu-item-841 {padding-right: 2rem !important;}
}


@media only screen and (max-width: 798px) { 
  .title h1 { -webkit-line-clamp: 4;}
  .aktList .zdjL {flex-basis: 200px;  margin-right: calc(0.5 * var(--margin-size-small));}
  .aktList .titleList {flex-basis: calc(100% - 200px - var(--margin-size-small));}
  .content .col70m {width: 98%;}
  .content .col30m {display: none;}
}


@media only screen and (max-width: 639px) { 

  :root {
   --menu-height: 60px;
   --padding-size: 35px;
   --margin-size: 35px;

  }
  .wpcf7-form .col50m {width: 98%;}
  h1  {font-size: 1.5rem; line-height: 1.8rem;}
h2 {font-size: 1.3rem; line-height: 1.7rem;}
  .title {height: 150px;}
  .footer .col33m {width: 98%;}
  .logo {width: 120px; height: 126px; margin-left: -60px;}
  .tabs > div {flex-basis: 50%;}
  h2 {font-size: 1.6rem; line-height: 2rem;}
  .articleList .col33m {width: 98%;}
  .bList .col33m {min-height:35vw}
  .bl2 {margin:1rem 0;}
  .bl1 { padding-top: 20vw !important;}
  .subMenuWrapper h3 {font-size: 1.3rem; margin-bottom: 0.5rem;} 
  .subMenuWrapper a {padding:0.1rem 0;}
  .map {height: 100vw;}

}

@media only screen and (max-width: 479px) { 

  :root {
    --padding-size: 25px;
    --margin-size: 25px;
  }
  .content .col70m .col50m {width: 98%;}
  .logo {width: 100px; height: 110px; margin-left: -50px;}
  h2 {font-size: 1.25rem; line-height: 1.6rem;}
  #tabHome .widths {  width: calc(100% - 50px);}
  #tabHome .wppsac-post-carousel.design-1 .slick-next { transform: translate(32px, -50%);}
#tabHome .wppsac-post-carousel.design-1 .slick-prev {transform: translate(-32px, -50%);}
.wppsac-post-slider button.slick-prev, .wppsac-post-carousel button.slick-prev, .wppsac-post-slider button.slick-next, .wppsac-post-carousel button.slick-next {width: 35px !important; height: 35px !important; background-size: 100% auto !important; }
.aktList .zdjL {flex-basis: 100px;}
.pagerWrapper {margin:0 45px;}
.lSPrev, .lSNext {position: absolute; width: 40px !important; height: 40px !important;}
  .aktList .titleList {flex-basis: calc(100% - 100px - var(--margin-size-small));}
  .tabsSlider .titleList {font-size: 1.1rem; line-height: 1.3rem;}
  
}

.anim, a, .newsText, .topNav ul > li.menu-item-has-children::before, .sub-menu, .topMenuWrapper, .wpcf7-submit {-webkit-transition: all 0.05s ease-in ;-moz-transition: all 0.05s ease-in; -o-transition: all 0.05s ease-in; transition: all 0.05s ease-in;}

.top-grid-wrapper {
	display: grid;
	grid-template-columns: 1fr minmax(180px, 120px) 1fr;
	align-content: center;
	max-width: 1170px;
	margin: 0 auto;
}

.top-grid-wrapper ul {
	margin: 0;
    padding: 0;
    list-style: none;
}

.top-grid-wrapper .menu-menu-lewe-container, .top-grid-wrapper .menu-menu-gorne-lewe-container, .top-grid-wrapper .menu-menu-prawe-container, .top-grid-wrapper .menu-menu-gorne-prawe-container  {
	display: block;
	width: 100%;
}
@media only screen and (min-width: 1015px) { 
	.top-grid-wrapper .menu-menu-gorne-lewe-container, .top-grid-wrapper .menu-menu-gorne-prawe-container {
		height: 60px;
		line-height: 60px;
	}
	.top-grid-wrapper .menu-menu-lewe-container, .top-grid-wrapper .menu-menu-prawe-container  {
		height: 70px;
		line-height: 90px;
	}
}

.top-grid-wrapper .menu-menu-gorne-lewe-container li a, .top-grid-wrapper .menu-menu-gorne-prawe-container li a {
	color: #fff;
    text-transform: uppercase;
    margin: 0 calc(var(--menu-padding) / 2);
	font-size: 12px;
}

.top-grid-wrapper ul>li.menu-item-has-children:hover>a {
    color: #fff!important;
    z-index: 2;
    position: relative;
}


@media only screen and (min-width: 1015px) { 
	.top-grid-wrapper li {
		display: inline-block;
		list-style: none;
		padding: 0;
		margin: 0;
		position: relative;
	}

	.top-grid-wrapper li a {
		margin: 0 10px;
	}

	.top-grid-wrapper ul>li.menu-item-has-children:hover::before {
		background: var(--highlight-color);
		position: absolute;
		width: 100%;
		height: 90%;
		bottom: 0;
		left: 0;
		content: '';
		z-index: 1;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
}

@media only screen and (min-width: 1015px) { 
	.top-grid-wrapper .sub-menu li a {
		color: #fff;
		padding: 0.7rem 1rem!important;
		margin: 0!important;
		line-height: 1.2rem;
		width: 100%;
		display: block;
		position: relative;
		border-bottom: 1px solid var(--highlight-color);
	}
}

.top-grid-wrapper .borderRight {
    border-right: 1px solid rgba(255,255,255,.3);
    margin: 0 calc(var(--menu-padding)/2) 0 0;
    padding: 0 calc(var(--menu-padding)/2) 0 0;
}

.top-grid-wrapper .hideText a::before {
	content: '';
    display: block;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
}

.top-grid-wrapper .facebook a::before {
    background: url(images/facebook.svg) no-repeat center center;
    right: 2px;
}

.top-grid-wrapper .youtube a::before {
    background: url(images/youtube.svg) no-repeat center center;
    right: 2px;
}

.top-grid-wrapper .searchMenu a::before {
    background: url(images/search.svg) no-repeat center center;
    right: 2px;
}

.top-grid-wrapper .links {
	height: var(--head-height);
    line-height: var(--head-height);
    background: #fa7b84;
    background: radial-gradient(circle,rgba(250,123,132,1) 0%,rgba(229,1,10,1) 30%,rgba(229,1,10,1) 100%);
    position: absolute;
    top: 0;
	left: 0;
    width: 100%;
	height: 70px;
	z-index: -1;
    font-size: var(--smal-text);
}

#mobile-menu {
	top: 25px;
}
.menuOpen #mobile-menu {
	top: 25px;
}

@media only screen and (max-width: 640px) {
	#mobile-menu {
		top: 20px;
	}
	.menuOpen #mobile-menu {
		top: 20px;
	}
}

#mobile-menu span {
	background: white !important;
}

.mobile-wrapper {
	display: none;
}

.horyniec-logo {
	z-index: 10001;
}

@media only screen and (max-width: 1015px) {
	.top-grid-wrapper .menu-menu-gorne-lewe-container, .top-grid-wrapper .menu-menu-gorne-prawe-container {
		display: none;
	}
	.top-grid-wrapper .menu-menu-lewe-container, .top-grid-wrapper .menu-menu-prawe-container  {
		display: none;
	}
	.socialMenu .hideText a::before {
		filter: brightness(0) invert(1);
	}
	.menuOpen .mobile-wrapper {
		position: absolute;
		top: 70px;
		left: 0;
		padding-top: 120px;
		width: 100%;
		display: block;
		z-index: 1000;
		height: 10000px;
		background: radial-gradient(circle,rgba(250,123,132,1) 0%,rgba(229,1,10,1) 30%,rgba(229,1,10,1) 100%);
	}
	.mobile-wrapper .menu-menu-gorne-lewe-container, .mobile-wrapper .menu-menu-gorne-prawe-container {
		display: block;
	}
	.mobile-wrapper .menu-menu-lewe-container, .mobile-wrapper .menu-menu-prawe-container  {
		display: block;
	}
	.mobile-wrapper .menu-menu-gorne-prawe-container li {
		display: inline-block;
		list-style: none;
		padding: 0;
		margin: 0;
		position: relative;
	}
	.top-grid-wrapper .mobile-wrapper li a {
		font-size: 16px;
		color: white;
	}
	.mobile-wrapper .menu-menu-gorne-lewe-container li a {
		margin: 0;
	}
	.mobile-wrapper li {
		padding: 10px 15px;
	}
	.mobile-wrapper .sub-menu .sub-menu {
		max-height: unset !important;
	}
}


.slideLink {
    display: block;
    text-decoration: none;
    color: inherit;
}

.slideLink:hover {
    text-decoration: none;
}