/***
    The new CSS reset - version 1.7.3 (last updated 7.8.2022)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
    cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
    list-style: none;
}

/* For images to not be able to exceed their container */
img {
    max-width: 100%;
	/*max-height: 100%;*/
}

/* removes spacing between cells in tables */
table {
    border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
    -webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
    white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
    -webkit-appearance: revert;
    appearance: revert;
}

/* reset default text opacity of input placeholder */
::placeholder {
    color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
    display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable="false"])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
    -webkit-user-drag: element;
}

.olmet-special-heading { padding: 10px 10px; }
.olmet-special-heading p { padding-top: 10px; line-height: 1.6; }

@media screen and (min-width: 850px) {
	.olmet-special-heading { display: flex; justify-items: center; align-items: center; gap: 60px; }
	.olmet-special-heading p { line-height: 1.8; }
}

.olmet-grid-2x2 { background: url('/wp-content/themes/olmet/assets/images/bgr-dotted-green.png') repeat center right; overflow: hidden; }
.olmet-grid-imager { background-image: none; }
.olmet-grid-2x2 .dotted { min-height: 195px; text-align: center; display: flex; flex-direction: column; justify-content: center; }
.olmet-grid-2x2 .line .wraps { padding: 30px; }
.olmet-grid-2x2 .line .wraps p { font-size: 14px; line-height: 1.7; margin-bottom: 30px; }
.olmet-grid-2x2 .line .wraps p.heading { font-size: 20px; font-weight: bold; line-height: 1.5; }

.olmet-grid-2x2 .line .texter { background: #fff; }

.olmet-grid-2x2 .line .dotted .wraps { font-weight: bold; border-bottom: 2px solid #000; padding: 10px 0px; margin: 0px 20px; }
.olmet-grid-2x2 .line .dotted .wraps span { color: #000; font-size: 30px; }
.olmet-grid-2x2 .line .dotted .wraps strong { color: #068441; font-size: 50px; }

.olmet-grid-2x2 .line .bouncer { width: 100%; opacity: 0; height: 1px; }

@media screen and (min-width: 850px) {
  .olmet-grid-2x2 .line { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "dotted texter"; }
  
  .olmet-grid-2x2 .line .texter { grid-area: texter; transform: translateX(10px); }
  .olmet-grid-2x2 .line .dotted { grid-area: dotted; }
  .olmet-grid-2x2 .line:nth-child(2) { grid-template-areas: "texter dotted"; }
  .olmet-grid-2x2 .line:nth-child(2) .texter { transform: translateX(-12px); }
  .olmet-grid-2x2 .line .wraps { max-width: 600px; padding: 70px 70px 60px 70px; }
  .olmet-grid-2x2 .line .wraps p { font-size: 14px; line-height: 1.8; margin-bottom: 50px; }
  .olmet-grid-2x2 .line .wraps p.heading { font-size: 24px; font-weight: bold; line-height: 1.5; }
  .olmet-grid-2x2 .line .dotted { justify-content: start; } 
  .olmet-grid-2x2 .line .dottedX { justify-content: center; } 
  .olmet-grid-2x2 .line .dotted .wraps { text-align: left; margin-left: auto; padding-right: 40px; padding-left: 50px; border: 0; }
  .olmet-grid-2x2 .line .dotted .wraps .hader { font-size: 24px; }
  .olmet-grid-2x2 .line .dotted .wraps .baser { display: inline-block; padding-bottom: 10px; border-bottom: 2px solid #000; margin-top: 65px; }
  .olmet-grid-2x2 .line:nth-child(2) .dotted .wraps { margin-left: 0px; margin-left: 70px; padding-left: 10px; }
  .olmet-grid-2x2 .line:nth-child(2) .texter .wraps { margin-left: auto; }
  .olmet-grid-2x2 .line .dotted .wraps span { color: #000; font-size: 36px; }
  .olmet-grid-2x2 .line .dotted .wraps strong { font-size: 68px; }
  
  .olmet-grid-2x2 .line .dottedX .wraps .baser { display: grid; grid-template-columns: 3fr 2fr; align-items: center; } 
  
  .olmet-grid-2x2-reversed .line { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "texter dotted"; }
  .olmet-grid-2x2-reversed .line .dotted .wraps { margin-left: 0px; margin-left: 50px; padding-left: 10px; }
  .olmet-grid-2x2-reversed .line .texter .wraps { margin-left: auto; }
  
  .olmet-grid-2x2-packed { padding: 70px 0px; background-image: none; }
  .olmet-grid-2x2-packed .dotted { min-height: 95px; background: url('/wp-content/themes/olmet/assets/images/bgr-dotted-green.png') repeat center right; }
  .olmet-grid-2x2-packed .line .wraps { padding-bottom: 0px; }
}

.olmet-informacje { border-top: 2px solid #E9E8E8; padding: 40px 0px; }
.olmet-informacje .wraps { padding-bottom: 25px; }
.olmet-informacje .element { text-align: center; max-width: 400px; margin-bottom: 25px; }
.olmet-informacje p { font-size: 14px; line-height: 1.8; }
.olmet-informacje .element .main { display: block; color: #068441; font-size: 50px; font-weight: bold; margin-bottom: 0px; line-height: 1; }
.olmet-informacje .element .sub { display: block; margin-bottom: 20px; color: #000; font-size: 30px; font-weight: bold; }
.olmet-informacje .element .line { display: block; height: 1px; border-top: 2px solid #07A651; margin-bottom: 20px; }
.olmet-buttons { text-align: center; padding: 0px 0px 60px 0px; }

@media (min-width: 900px) {
	.olmet-informacje { padding: 80px 0px 10px 0px; }
	.olmet-informacje .wraps { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; }
	
	.olmet-buttons .button-cta,
	.olmet-buttons .button-noncta { display: inline-block; vertical-align: middle; }
	
	.olmet-buttons .button-cta .arrow-big { display: inline-block; vertical-align: middle; height: 53px; width: 53px; color: #fff; text-align: center; background: #07A651; font-size: 30px; transition-duration: 1s; border: 2px solid #07A651; }
	.olmet-buttons .button-noncta .arrow-big { display: inline-block; vertical-align: middle; height: 53px; width: 53px; color: #07A651; text-align: center; background: #fff; font-size: 30px; transition-duration: 1s; border: 2px solid #07A651; }
	
}

.olmet-cennik { position: relative; }
.olmet-cennik .olmet-wraps { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px 10px; padding: 30px 0px; max-width: 800px; margin: 0 auto; }
.olmet-cennik .olmet-wraps .olmet-pricer .image { margin-bottom: 20px; min-height: 100px; width: 100%; }
.olmet-cennik .olmet-wraps .olmet-pricer .image img { display: block; width: 100%; max-width: 360px; }
.olmet-cennik .olmet-wraps .olmet-pricer .price { font-size: 20px; font-weight: bold; margin-bottom: 10px; max-width: 290px; }
.olmet-cennik .olmet-wraps .olmet-pricer .name { font-size: 15px; margin-bottom: 10px; max-width: 290px; }
.olmet-cennik .olmet-wraps .olmet-pricer .desc { font-size: 12px; max-width: 290px; }
.olmet-green-info { background: #068441; padding: 30px; color: #fff; text-align: center; font-size: 14px; font-weight:700}

@media screen and (min-width: 1200px) {
  .olmet-cennik .olmet-liner { border-top: 2px solid #E9E8E8; }
  .olmet-cennik .olmet-wraps { padding-top: 80px; }
  .olmet-green-info { position: absolute; top: 100px; left: 0px; max-width: 200px; text-align: left; font-size: 15px; }
}


.olmet-images { border-top: 2px solid #E9E8E8; padding: 20px 0px; }
.olmet-images .olmet-wraps { padding: 0px 0px; }
.olmet-images .olmet-wraps .image { display: inline-block; min-width: 235px; height: 300px; margin-right: 10px; background: #eee; }
.olmet-images .olmet-pages .page { display: inline-block; width: 41px; border-top: 2px solid #DFDEDD; margin-right: 10px; cursor: pointer; margin-top: 10px; height: 40px; }
.olmet-images .olmet-pages .page:hover { border-top: 2px solid #000; }
.olmet-images .olmet-pages .page.active { border-color: #07A651; }
.olmet-images .olmet-pages .seemore { display: none; }

@media screen and (min-width: 800px) {
	.olmet-images { padding: 60px 0px; }
	.olmet-images .olmet-wraps .image { min-width: 120px; height: 545px; margin-right: 20px;  }
	.olmet-images .olmet-pages .seemore { display: block; float: right; color: #07A651; font-size: 20px; letter-spacing: +1px; font-weight: 700; text-transform: uppercase; padding-top: 10px; }
}

.olmet-wrapper-splitted-line { border-top: 2px solid #E9E8E8; }
#site-content .featured-media { margin: 0px; }



.olmet-imagesX { padding: 40px 0px 0px 0px; }
.olmet-imagesX .olmet-wraps { padding: 0px 0px; max-width: 100%; overflow: hidden; }
.olmet-imagesX .olmet-wraps .image { display: inline-block; min-width: 235px; height: 300px; margin-right: 10px; background: #eee; }
.olmet-imagesX .olmet-wraps .image img { display: block; height: 300px; }
.olmet-imagesX .olmet-wraps .olmet-content { white-space: nowrap; }
.olmet-imagesX .olmet-pages { text-align: center; }
.olmet-imagesX .olmet-pages .page { display: inline-block; width: 41px; border-top: 2px solid #DFDEDD; margin-right: 10px; cursor: pointer; margin-top: 10px; height: 40px; }
.olmet-imagesX .olmet-pages .page:hover { border-top: 2px solid #000; }
.olmet-imagesX .olmet-pages .page.active { border-color: #07A651; }
.olmet-imagesX .olmet-pages .seemore { display: none; }

.olmet-imagesY { padding: 30px 0px; margin: 0px -20px; }
.olmet-imagesY img { display: block; object-fit: cover; width: 100%; height: 100%; }

.olmet-wrapper-splitted .olmet-infos p { font-size: 14px; line-height: 2; }
.olmet-wrapper-splitted .olmet-infos p.heads { font-weight: bold; margin-bottom: 20px; }
.olmet-wrapper-splitted .olmet-infos p.mores { text-align: right; padding-right: 20px;  }
.olmet-wrapper-splitted .olmet-infos p .more { color: #068441; text-transform: uppercase; font-weight: bold; text-decoration: underline; }

.olmet-wrapper-splitted .olmet-infos ul { margin: 0; padding: 0; list-style: none; }
.olmet-wrapper-splitted .olmet-infos ul li a { display: block; border-bottom: 2px solid #DBDADA; padding: 20px 0px; text-decoration: none; color: #000; font-weight: 700; font-size: 20px; }
.olmet-wrapper-splitted .olmet-infos ul li a img { margin-right: 6px; }

@media screen and (min-width: 800px) {
	
  .olmet-imagesX { padding: 60px 0px; }
  .olmet-imagesX .olmet-pages { text-align: left; }
  .olmet-imagesX .olmet-wraps .image { min-width: 120px; height: 545px; margin-right: 20px;  }
  .olmet-imagesX .olmet-wraps .image img { height: 545px; }
  .olmet-imagesX .olmet-pages .seemore { display: block; float: right; color: #07A651; font-size: 20px; letter-spacing: +1px; font-weight: 700; text-transform: uppercase; padding-top: 10px; }
  
  .olmet-imagesY { padding: 20px 0px; margin: 0px; }

  .olmet-wrapper-splitted { display: grid; grid-template-columns: 3fr 5fr; grid-gap: 150px; grid-template-areas: "infos images"; }
  .olmet-wrapper-splitted .olmet-infos { grid-area: infos; display: flex; flex-direction: column; justify-content: space-between; }
  .olmet-wrapper-splitted .olmet-infos { padding: 60px 0px 120px 0px; }
  .olmet-wrapper-splitted .olmet-infos p.heads { font-size: 36px; font-weight: normal; line-height: 1.2; margin-bottom: 30px; }
  .olmet-wrapper-splitted .olmet-infos ul { }
  .olmet-wrapper-splitted .olmet-infos ul li a { font-size: 24px; }
  
  .olmet-wrapper-splitted .olmet-imagesX { grid-area: images; overflow: auto; margin-right: -1200px; }
  
  .olmet-wrapper-splitted .olmet-infos.olmet-smaller-padding-bottom { padding: 15px 0px 20px 0px; }
  
}

.olmet-border-attop { border-top: 2px solid #E9E8E8; margin: 10px 0px; }

.olmet-mapser { margin-bottom: 60px; }
.olmet-mapser .desco {  }
.olmet-mapser .desco ul { margin: 0px; padding: 0px; }
.olmet-mapser .desco ul li { display: block; border-bottom: 2px solid #DBDADA; padding: 20px 0px; text-decoration: none; color: #000;  font-size: 20px; cursor: pointer; transition-duration: 0.5s; }
.olmet-mapser .desco ul li iframe { display: none; margin: 30px -20px -22px -20px; min-width: 100vw; }
.olmet-mapser .desco ul li a { color: #111; }
.olmet-mapser .desco ul li span { color: #111; }
.olmet-mapser .desco ul li .img { margin-right: 10px; }
.olmet-mapser .desco ul li .img .grn { display: inline-block; transition-duration: 1s; margin-left: -14px; opacity: 0; }
.olmet-mapser .desco ul li .img .blk { display: inline-block; transition-duration: 1s; }
.olmet-mapser .desco ul li .main { display: block; font-weight: 700; }
.olmet-mapser .desco ul li .more { display: block; margin-left: 30px; transition-duration: 0.8s; max-height: 0px; overflow: hidden; }

.olmet-mapser .desco ul li strong { font-weight: bold; } 
.olmet-mapser .desco ul li strong.bugger { font-size: 150%; }

.olmet-mapser .desco ul li:hover .grn { opacity: 1; transform: rotate(45deg); }
.olmet-mapser .desco ul li:hover .blk { opacity: 0; transform: rotate(45deg); }

.olmet-mapser .desco ul li.active { color: #fff; border-bottom-color: #07A651; background: #07A651; margin-left: -20px;
    margin-right: -20px;
    padding: 20px 20px; }
.olmet-mapser .desco ul li.active a { color: #fff; }
.olmet-mapser .desco ul li.active span { color: #fff; }
.olmet-mapser .desco ul li.active .more { max-height: 440px; }
.olmet-mapser .desco ul li.active .grn { opacity: 1; transform: rotate(90deg); }
.olmet-mapser .desco ul li.active .blk { opacity: 0; transform: rotate(90deg); }
.olmet-mapser .desco ul li.active iframe { display: block; }

.olmet-mapser .text-content .seeMore { display: inline-block; }
.olmet-mapser .text-content .seeMore .arrow-big { display: inline-block; vertical-align: middle; height: 53px; width: 53px; color: #fff; text-align: center; padding-top: 2px; background: #07A651; font-size: 30px; transition-duration: 1s; }

@media screen and (min-width: 800px) {
	.olmet-mapser .desco ul li iframe { display: none; margin: 30px -60px -22px -60px; min-width: 100vw; }
	.olmet-mapser .desco ul li.active { color: #fff; border-bottom-color: #07A651; background: #07A651; margin-left: -60px; margin-right: -60px; padding: 20px 60px; }
}

@media screen and (min-width: 1000px) {
	
	.olmet-mapser .desco ul { position: relative; min-height: 600px; font-size: 0; white-space: nowrap; }
	.olmet-mapser .desco ul li { display: inline-block; vertical-align: top; padding: 20px 30px; border-bottom-color: #07A651; }
	.olmet-mapser .desco ul li:nth-child(1) { width: 30%; }
	.olmet-mapser .desco ul li:nth-child(2) { width: 21%; }
	.olmet-mapser .desco ul li:nth-child(3) { width: 21%; }
	.olmet-mapser .desco ul li:nth-child(4) { width: 28%; }
	.olmet-mapser .desco ul li:nth-child(5) { display: none; }
	
	.olmet-mapser .desco ul li iframe { display: none; margin: 28px 0px -22px 0px; min-width: 100%; position: absolute; top: 40px; left: 30%; right: 0px; bottom: 0px; }
	.olmet-mapser .desco ul li.active { color: #fff; border-bottom-color: #07A651; background: #07A651; margin-left: 0px;
    margin-right: 0px; padding: 20px 20px; }
	.olmet-mapser .desco ul li .more { display: block; position: absolute; font-size: 14px; }
	.olmet-mapser .desco ul li.active .more { display: block; position: absolute; padding: 50px 30px;
    font-size: 14px;
    z-index: 100;
    background: #07A651;
    top: 67px;
    left: 0px;
    bottom: 0px; right: 49%; margin: 0px; min-height: 501px; }

}

.olmet-places { border-top: 2px solid #E9E8E8; padding-top: 30px; margin-top: 20px; position: relative; }
.olmet-places .mapso { margin: 0 0 30px 0; text-align: center; }
.olmet-places .mapso h2.sHeadFloating { display: block; text-align: right!important; float: right; font-weight: 700!important; font-size: 50px!important; color: #07A651; max-width: 300px!important; line-height: 1.15!important; z-index: 10!important; padding: 10px 0px 30px 0px!important; }

.olmet-places .mapso .insidero { display: inline-block; position: relative; z-index: 9; }
.olmet-places .mapso .insidero img.curMap { max-width: 100%; max-height: 550px; }

.olmet-places .mapso .insidero .pin { display: block; position: absolute; top: 0px; left: 0px; height: 40px; cursor: pointer; }
.olmet-places .mapso .insidero .pin1 { top: 60%; left: 24%; }
.olmet-places .mapso .insidero .pin2 { top: 53%; left: 18%; }
.olmet-places .mapso .insidero .pin3 { top: 38%; left: 34%; }
.olmet-places .mapso .insidero .pin4 { top: 40%; left: 37%; }

.olmet-places .desco ul { margin: 0px; padding: 0px; }
.olmet-places .desco ul li { display: block; border-bottom: 2px solid #DBDADA; padding: 15px 0px; text-decoration: none; color: #000;  font-size: 20px; cursor: pointer; transition-duration: 1s; }
.olmet-places .desco ul li .img { margin-right: 10px; }
.olmet-places .desco ul li .img .grn { display: inline-block; transition-duration: 1s; margin-left: -14px; opacity: 0; }
.olmet-places .desco ul li .img .blk { display: inline-block; transition-duration: 1s; }
.olmet-places .desco ul li .main { display: block; font-weight: 700; }
.olmet-places .desco ul li .more { display: block; margin-left: 30px; transition-duration: 0.8s; max-height: 0px; overflow: hidden; }

.olmet-places .desco ul li:hover .grn { opacity: 1; transform: rotate(45deg); }
.olmet-places .desco ul li:hover .blk { opacity: 0; transform: rotate(45deg); }

.olmet-places .desco ul li.active { color: #068441; border-bottom-color: #068441; }
.olmet-places .desco ul li.active .more { max-height: 240px; }
.olmet-places .desco ul li.active .grn { opacity: 1; transform: rotate(90deg); }
.olmet-places .desco ul li.active .blk { opacity: 0; transform: rotate(90deg); }

.olmet-places .text-content .seeMore { display: inline-block; }
.olmet-places .text-content .seeMore .arrow-big { display: inline-block; vertical-align: middle; height: 53px; width: 53px; color: #fff; text-align: center; padding-top: 2px; background: #07A651; font-size: 30px; transition-duration: 1s; }

.olmet-buttons { text-align: center; }
.olmet-buttons .seeMore { display: inline-block; margin: 10px; }
.olmet-buttons .seeMore .arrow-big { display: inline-block; vertical-align: middle; height: 53px; width: 53px; color: #fff; text-align: center; padding-top: 0px; background: #07A651; font-size: 30px!important; transition-duration: 1s; border: 2px solid #07A651; }
.olmet-buttons .seeMore .arrow-big-white { display: inline-block; vertical-align: middle; height: 53px; width: 53px; color: #07A651; text-align: center; padding-top: 0px; background: #fff; font-size: 30px!important; transition-duration: 1s; border: 2px solid #07A651; }
.olmet-buttons .seeMore:hover .arrow-big { color: #fff; background: #000; border-color: #000; }
.olmet-buttons .seeMore:hover .arrow-big-white { color: #fff; background: #07A651; }
.olmet-buttons .seeMore .arrow-big-text { display: inline-block; vertical-align: middle; font-size: 14px; color: #000; font-weight: bold; padding: 12px 20px; text-transform: uppercase; letter-spacing: +2px; }

.olmet-places-more { display: none; }
.olmet-places-more .seeMore { display: inline-block; cursor: pointer; }
.olmet-places-more .seeMore	.arrow-big { display: inline-block; vertical-align: middle; height: 53px; width: 53px; color: #fff; text-align: center; padding-top: 2px; background: #07A651; font-size: 30px!important; transition-duration: 1s; }
.olmet-places-more .seeMore:hover .arrow-big { color: #fff; background: #000; }
.olmet-places-more .seeMore .arrow-big-text { display: inline-block; vertical-align: middle; font-size: 14px; color: #000; font-weight: bold; padding: 16px 20px; text-transform: uppercase; letter-spacing: +2px; }

@media screen and (min-width: 500px) {
	.olmet-places .mapso .insidero .pin { height: 55px; }
}

@media screen and (min-width: 840px) {	
  .olmet-border-attop { border-top: 2px solid #E9E8E8; margin: 20px 0px; }
  .olmet-places { display: grid; grid-template-columns: 2fr 3fr; grid-gap: 0px; grid-template-areas: "desco mapso"; padding-top: 80px; margin-top: 40px; place-items: center; }
  .olmet-places .desco { grid-area: desco; }
  .olmet-places .desco ul { padding-right: 60px; }
  .olmet-places .desco ul li { padding: 20px 0px; font-size: 24px; }
  .olmet-places .mapso { grid-area: mapso; }
  .olmet-places .mapso .insidero .pin { height: 70px; }
  .olmet-places .mapso h2.sHeadFloating { position: absolute!important; right: 0px; font-size: 80px!important; color: #07A651; top: 30px!important; max-width: 400px!important; }
  .olmet-places-more { display: block; text-align: center; }
}

.olmet-disclaimer p.heading { text-align: center; font-size: 20px; font-weight: 700; padding: 40px 20px 20px 20px; max-width: 620px; margin: 0 auto; }
.olmet-disclaimer .featured { text-align: center; padding-bottom: 30px; }
.olmet-disclaimer .featured .element { display: inline-block; text-align: center; margin: 10px -10px; padding: 10px; width: 50%; vertical-align: top; }
.olmet-disclaimer .featured .element .image {  }
.olmet-disclaimer .featured .element .image img { display: block; margin: 0 auto 20px auto; height: 30px; }
.olmet-disclaimer .featured .element .headr { font-size: 20px; font-weight: 700; margin-bottom: 15px; }
.olmet-disclaimer .featured .element .desco { font-size: 14px; }

@media screen and (min-width: 900px) {
	.olmet-disclaimer p.heading { text-align: center; font-size: 24px; font-weight: 700; padding: 60px 40px 0px 40px; ; }
	.olmet-disclaimer .featured { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px;  padding: 50px 20px; }
	.olmet-disclaimer .featured .element { margin: 0px; max-width: 100%; width: auto; }
	.olmet-disclaimer .featured .element .image img { display: block; margin: 0 auto 20px auto; height: 70px; }
	.olmet-disclaimer .featured .element .headr { font-size: 24px; font-weight: 700; margin-bottom: 15px; }
	.olmet-disclaimer .featured .element .desco { font-size: 16px; }
}

.olmet-maskers .maskers { max-width: 100%; display: block; margin: 0 0 0 auto; padding: 0; }

@media screen and (min-width: 900px) {
	.olmet-maskers { margin-top: -100px; position: relative; }
	.olmet-maskers .maskers { max-width: 80%; }
}

.olmet-recykling { text-align: center; }
.olmet-recykling h4 { margin: 40px auto 10px auto; text-align: center; font-size: 40px; }
.olmet-recykling .main-subheading { color: #07A651; font-size: 30px; font-weight: bold; margin: 0px 0px 20px 0px; }
.recykling-wheel { display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; max-width: 1024px; margin: 0px -30px; background: url(https://olmet.olgroup.usermd.net/wp-content/uploads/rounded-circle-dotted-more.png) no-repeat center center; background-size: contain; place-items: center center; }
.recykling-wheel .elem { min-height: 10px; aspect-ratio: 1; }
.recykling-wheel .elem img { display: block; margin: 0 auto; max-width: 80%; }
.recykling-wheel .elem .etiq { clear: both; display: block; font-weight: bold; max-width: 70%; margin: 0px auto 0px auto; font-size: 11px; }

.recykling-wheel .elem2 { display: flex; align-items: flex-end; }
.recykling-wheel .elem4 { display: flex; align-items: center; }
.recykling-wheel .elem4 .content { display: block; max-width: 80%; margin: 0 0 0 auto; }
.recykling-wheel .elem4 img { margin: 0 0 0 0; max-width: 100%; }
.recykling-wheel .elem4 .etiq { margin: 0 auto; max-width: 100%; }
.recykling-wheel .elem6 { display: flex; align-items: center; }
.recykling-wheel .elem6 .content { display: block; max-width: 80%; margin: 0 auto 0 0; }
.recykling-wheel .elem6 img { margin: 0 0 0 0; max-width: 100%; }
.recykling-wheel .elem6 .etiq { margin: 0 auto; max-width: 100%; }
.recykling-wheel .elem5 { display: flex; align-items: center; justify-content: center; -webkit-animation:spin 28s linear infinite; -moz-animation:spin 28s linear infinite; animation:spin 28s linear infinite; background: transparent; }

@media (min-width:500px) {
  .olmet-recykling h4 { margin: 40px auto 10px auto; font-size: 85px; }
  .olmet-recykling .main-subheading { margin: 0px 0px 40px 0px; }
  .recykling-wheel { margin: -30px auto; }
  .recykling-wheel .elem .etiq { font-size: 18px; }
  .recykling-wheel .elem4 .etiq { margin: 20px auto 0 auto; max-width: 70%; }
}

@media (min-width: 1000px) {
  .recykling-wheel .elem .etiq { font-size: 24px; }
}

.olmet-historia-lista { padding-top: 20px; padding-bottom: 20px; }
.olmet-historia-lista .timeline .currentYear { text-align: center; padding: 20px 10px 0px 10px; font-weight: bold; color: #07A651; font-size: 30px; }
.olmet-historia-lista .timeline .ulWraps { position: relative; display: grid; grid-template-columns: 30px auto 30px; place-items: center; }
.olmet-historia-lista .timeline .arrow-left { font-weight: bold; color: #07A651; cursor: pointer; font-size: 22px;  padding-bottom: 7px; font-weight: bold; }
.olmet-historia-lista .timeline .arrow-right { font-weight: bold; color: #07A651; cursor: pointer; font-size: 22px; padding-bottom: 7px; font-weight: bold; }
.olmet-historia-lista .timeline .ulContentWraps { overflow: hidden; max-width: 100%; }

.olmet-historia-lista .timeline ul { text-align: center; margin: 0px; padding: 0px 0px 20px 0px; font-size: 0; white-space: nowrap; }
.olmet-historia-lista .timeline ul li { display: inline-block; border-bottom: 2px solid #07A651; padding: 10px 30px; margin: 0px; font-size: 14px; position: relative; font-weight: bold; color: #07A651; font-size: 30px; } 
.olmet-historia-lista .timeline ul li .year { display: none; }
.olmet-historia-lista .timeline ul li:after { display: block; content: ""; position: absolute; width: 8px; height: 8px; border: 2px solid #07A651; bottom: -5px; left: calc(50% - 3px); border-radius: 50%; background: #f5f5f5; }
.olmet-historia-lista .timeline ul li.active:after { background: #07A651; }
.olmet-historia-lista .timeline ul li.active .year { opacity: 1; }

.olmet-historia-lista .contentor { padding: 20px 20px 0px 20px; margin-top: 20px; max-height: 750px; overflow: auto; }
.olmet-historia-lista .contentor .slide { max-width: 460px; margin: 0 auto 40px auto; }
.olmet-historia-lista .contentor .slide img { display: block; max-width: 100%; margin: 0px 0px 10px 0px; }
.olmet-historia-lista .contentor .slide .heading { margin: 0px 0px 10px 0px; padding-bottom: 10px; border-bottom: 2px solid #07A651; font-size: 30px; font-weight: bold; line-height: 1.2; }

@media screen and (min-width: 700px) {
  .olmet-historia-lista { display: grid; grid-template-columns: 2fr 3fr; grid-template-areas: "timeline contentor"; }
  .olmet-historia-lista .timeline { grid-area: timeline; text-align: left; padding: 30px 20px; }
  .olmet-historia-lista .timeline ul li { display: block; border-bottom: 0px; text-align: left; }
  .olmet-historia-lista .timeline ul li:before { display: block; content: ""; width: 2px; height: 100%; background-color: #07A651; position: absolute; left: 50%; }
  
  .olmet-historia-lista .timeline ul li .year { display: block; color: #333; }
  .olmet-historia-lista .timeline ul li.active .year { color: #07A651; }
  .olmet-historia-lista .timeline .currentYear { display: none; }
  .olmet-historia-lista .timeline .ulWraps { position: relative; display: grid; grid-template-columns: 1fr; place-items: center; }  
  .olmet-historia-lista .timeline .ulWraps .ulContentWraps { width: 100%; max-width: 250px; }
  .olmet-historia-lista .timeline .ulWraps .ulContentWraps li:nth-child(2n) .year { text-align: right; }
  .olmet-historia-lista .timeline ul li:after { top: 25px; width: 8px; height: 8px; }
  .olmet-historia-lista .timeline .arrow-left { transform: rotate(90deg); font-size: 40px; text-align: center; padding: 5px 0px 15px 0px; }
.olmet-historia-lista .timeline .arrow-right { transform: rotate(90deg); font-size: 40px; text-align: center; padding: 5px 0px 15px 0px; }
  .olmet-historia-lista .contentor { grid-area: contentor; padding: 30px; }
}

.olmet-grid-imager .imager { width: 100%; align-self: end; }
.olmet-grid-imager-special { overflow: visible; margin-bottom: 0px; }
.olmet-grid-imager-special:after { display: block; content: ""; height: 100px; background: #f5f5f5; }
.olmet-grid-imager-special .line { margin-bottom: -50px; }
.olmet-grid-imager-special .line .texter { background: transparent; }
.olmet-grid-imager .image3 { aspect-ratio: 503 / 324; position: relative; }
.olmet-grid-imager .image3 .img3 { position: absolute; bottom: -30px; width: 85%; left: 0px; }
.olmet-grid-imager .image3 .img3a { position: absolute; bottom: -30px; width: 85%; right: -150px; }

.olmet-offers .image { min-height: 140px; position: relative; margin: 0px -20px; }
.olmet-offers .image img { display: block; margin: 0; max-width: 100%; width: 100%; }
.olmet-offers .image1 { aspect-ratio: 503 / 224; }
.olmet-offers .image1 .img1 { position: absolute; bottom: -5px; }
.olmet-offers .image1 .img1a { position: absolute; bottom: -20px; }
.olmet-offers .image1 .img1w1 { position: absolute; bottom: -12px; max-width: 5%; left: 12%; }
.olmet-offers .image1 .img1w2 { position: absolute; bottom: -12px; max-width: 5%; left: 35%; }
.olmet-offers .image1 .img1w3 { position: absolute; bottom: -12px; max-width: 5%; left: 65%; }
.olmet-offers .image1 .img1w4 { position: absolute; bottom: -12px; max-width: 5%; left: 74%; }

.olmet-offers .image2 { padding-top: 20px; place-self: end; }
.olmet-offers .image2 .img2 { position: relative; bottom: -5px; z-index: 10; }
.olmet-offers .image2 .img2a { position: absolute; bottom: 57%; right: 17%; z-index: 9; transition-delay: 1s; width: 30%; }
.olmet-offers .image2 .img2a img { transition-duration: 1s; }
.olmet-offers .image2 .img2b { position: absolute; bottom: 30%; width: 20%; right: 20%; z-index: 12; }
.olmet-offers .image2 .img2c { position: absolute; bottom: 41%; transition-delay: 4s; width: 25%; left: 25%; z-index: 9; }
.olmet-offers .image2 .img2c img { transition-duration: 4s; }

.olmet-offers .image3 { aspect-ratio: 503 / 324; }
.olmet-offers .image3 .img3 { position: absolute; bottom: -30px; width: 65%; left: 0px; }
.olmet-offers .image3 .img3a { position: absolute; bottom: -30px; width: 65%; right: 0px; }

.olmet-offers .image4 { padding-top: 60px; place-self: end; }
.olmet-offers .image4 .img4 { position: relative; bottom: 0px; width: 100%; left: 0px; }
.olmet-offers .image4 .img4a { position: absolute; bottom: 0px; width: 70%; right: 0px; }
.olmet-offers .image4 .img4b { position: absolute; bottom: 85%; width: 18%; right: 34%; }

@media screen and (min-width: 400px) {
	.olmet-offers .image4 .img4b { bottom: 89%; }
}

@media screen and (min-width: 500px) {
	.olmet-offers .image4 .img4b { bottom: 97%; }
}

@media screen and (min-width: 600px) {
	.olmet-offers .image4 .img4b { bottom: 99%; }
}

@media screen and (min-width: 700px) {
	.olmet-offers .image4 .img4b { bottom: 99%; }
}

.olmet-offers .congero .wraps { padding: 30px 0px; }
.olmet-offers .congero { background: #f5f5f5; margin: 0px -20px; padding: 10px 30px; }
.olmet-offers .congero-white { background: #f5f5f5; }
.olmet-offers .congero p { margin-bottom: 20px; font-size: 14px; line-height: 1.6; }
.olmet-offers .congero p.headingo { font-weight: bold; font-size: 30px; line-height: 1.2; }
.olmet-offers .congero p.centered { text-align: center; }
.olmet-offers .seeMore { display: inline-block; cursor: pointer; }
.olmet-offers .seeMore	.arrow-big { display: inline-block; vertical-align: middle; height: 53px; width: 53px; color: #fff; text-align: center; padding-top: 0px; background: #07A651; font-size: 30px; transition-duration: 1s; }
.olmet-offers .seeMore:hover .arrow-big { color: #fff; background: #000; }
.olmet-offers .seeMore .arrow-big-text { display: inline-block; vertical-align: middle; font-size: 14px; color: #000; font-weight: bold; padding: 12px 20px; text-transform: uppercase; letter-spacing: +2px; }

@media screen and (min-width: 800px) {
  .olmet-offers { margin: 0 -30px; }
  .olmet-offers .rowser { display: grid; grid-template-columns: 5fr 4fr; min-height: 100px; grid-template-areas: "image congero"; }
  .olmet-offers .rowser:nth-child(2n) { grid-template-areas: "congero image"; }
  .olmet-offers .rowser .image { grid-area: image; margin: 0px; }
  .olmet-offers .rowser .congero { grid-area: congero; margin: 0px; padding: 60px 40px; }
  .olmet-offers .rowser:nth-child(2n) .congero .wraps { margin: 0px 0px 0px auto; }
  .olmet-offers .congero .wraps { max-width: 510px; padding: 30px 30px; }
  .olmet-offers .congero p { margin-bottom: 30px; font-size: 14px; line-height: 1.6; }
  .olmet-offers .congero p.lastLine { margin-bottom: 0px; }
  .olmet-offers .congero p.headingo { font-size: 36px; line-height: 1.1; }
  .olmet-offers .congero p.centered { text-align: left; }
  .olmet-offers .congero-white { background: #fff; }
  
  .olmet-offers .image1 { aspect-ratio: auto; }
  .olmet-offers .image2 { aspect-ratio: auto; }
  .olmet-offers .image3 { aspect-ratio: auto; }
  .olmet-offers .image4 { padding-top: 50px; place-self: end; aspect-ratio: auto; }
  .olmet-offers .image .img1 {  }
}

.olmet-subs { padding: 40px 0px 0px 0px; position: relative; }
.olmet-subs .wraps { position: absolute; bottom: 0px; left: 0px; left: 20%; z-index: 10; }
.olmet-subs .wraps1 { position: relative; bottom: 0px; left: -30%; z-index: 10; max-width: 1361px; }
.olmet-subs .crane { display: block; object-fit: contain; }
.olmet-subs .car { position: absolute; top: -21%; right: -9.5%; max-width: 30%; }
.olmet-subs .text-content { text-align: center; position: relative; z-index: 100; }
.olmet-subs .text-content p { font-size: 14px; color: #000; font-weight: bold; padding: 0px 10px; margin-bottom: 25px; line-height: 1.4; }
.olmet-subs .text-content .heads { font-size: 30px; margin-bottom: 15px; }
.olmet-subs .text-content .subscribeNow	.arrow-big { display: inline-block; vertical-align: middle; height: 53px; width: 53px; color: #fff; text-align: center; padding-top: 2px; background: #07A651; font-size: 30px!important; transition-duration: 1s; }
.olmet-subs .text-content .subscribeNow:hover .arrow-big { color: #fff; background: #000; }
.olmet-subs .text-content .subscribeNow .arrow-big-text { display: inline-block; vertical-align: middle; font-size: 14px; color: #000; font-weight: bold; padding: 12px 20px; text-transform: uppercase; letter-spacing: +2px; }



body.subs--opened .subsPlainBox { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; place-items: center; }

@media screen and (min-width: 850px) {
	.olmet-subs .text-content { padding-top: 60px; }
	.olmet-subs .text-content .heads { font-size: 36px; margin-bottom: 10px; }
}	
@media screen and (min-width: 1080px) {
	.olmet-subs .wraps1 { position: relative; bottom: 0px; left: -18%; z-index: 10; }
	.olmet-subs .text-content { position: absolute; left: 46%; right: 0px; top: 30%; }
	.olmet-subs .car { position: absolute; top: -18%; right: -7.5%; max-width: 30%; }
}

@media screen and (min-width: 1361px) {
	.olmet-subs .car { position: absolute; top: -150px; right: -90px; max-width: 30%; }
	.olmet-subs .text-content { left: 850px; right: auto; }
}

@media screen and (min-width: 1821px) {
	.olmet-subs .text-content { left: 0px; right: 0px; }
}

.olmet-calc { padding: 20px; }
.olmet-calc p.heading { text-align: center; font-weight: bold; font-size: 30px; margin-bottom: 20px; }
.olmet-calc p.summar { text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 20px; }
.olmet-proper-calc { background: #FFFFFF; border: 1px solid #E9E8E8; box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.1); padding: 20px; }
.olmet-calc .olmet-proper-calc .ranger { margin-bottom: 20px; }
.olmet-calc .olmet-proper-calc .ranger input { display: block; width: 100%; -webkit-appearance: none; margin: 30px 0px;
    width: 100%;
    height: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 1;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
position: relative;
  z-index: 8;	}
.olmet-calc .olmet-proper-calc .ranger input::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  margin-top: -12px;
  background: #07A651;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
  position: relative;
  z-index: 8;
}
.olmet-calc .olmet-proper-calc .heador { font-weight: bold; font-size: 20px; margin-bottom: 10px; }
.olmet-calc .olmet-proper-calc .heador .star { color: #07A651; }
.olmet-calc .olmet-proper-calc label { display: inline-block; width: 100%; padding: 15px; background: #f5f5f5; font-size: 13px; cursor: pointer; margin-bottom: 10px; }
.olmet-calc .olmet-proper-calc label.active { background: #07A651; color: #fff; }
.olmet-calc .olmet-proper-calc .options { padding-bottom: 20px; position: relative; }
.olmet-calc .olmet-proper-calc .options input { position: absolute; top: 0px; visibility: visible; opacity: 0; }
.olmet-calc .olmet-proper-calc .options input + label { background-color: #f5f5f5; }
.olmet-calc .olmet-proper-calc .options input:checked + label { background: #07A651; color: #fff; }

.olmet-calc .olmet-proper-calc .ranger .etoques { display: flex; justify-content: space-between; }
.olmet-calc .olmet-proper-calc .ranger .firstLabel { display: inline-block; margin-top: -20px; }
.olmet-calc .olmet-proper-calc .ranger .insideLabel { display: inline-block; margin-top: -20px; }
.olmet-calc .olmet-proper-calc .ranger .lastLabel { display: inline-block; margin-top: -20px; text-align: right; }
.olmet-calc .olmet-proper-calc .ranger datalist {
	position:relative;
	display: flex;
	justify-content: space-between;
	height: auto;
	bottom: 40px;
	/* disable text selection */
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */                
	user-select: none; /* Standard */
	/* disable click events */
	pointer-events:none;  
	z-index: 5;
}
.olmet-calc .olmet-proper-calc .ranger datalist option {
	width: 8px;
	height: 16px;
	min-height: 16px;
	/* hide text */
	white-space: nowrap;       
  padding:0;
  line-height: 10px;
  background: #d3d3d3;
}

@media screen and (min-width: 850px) {
	.olmet-calc { padding: 90px; }
	.olmet-calc p.summar { text-align: left; font-weight: bold; font-size: 36px; margin-bottom: 0px; }
	.olmet-calc p.heading { font-size: 36px; margin-bottom: 40px; }
	.olmet-proper-calc { padding: 50px 60px; margin: 0 auto; max-width: 1150px; }
	.olmet-calc .olmet-proper-calc .heador { font-weight: bold; font-size: 24px; }
	.olmet-calc .olmet-proper-calc .options { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; padding-bottom: 40px; }
	.olmet-calc .olmet-proper-calc .options label { max-width: 47%; margin-right: 5px; font-size: 15px; }
}

.tabber { white-space: nowrap; overflow: hidden; width: 100%; scroll-behavior: smooth; }
.tabber--active { cursor: grab; scroll-behavior: auto; }
.tabber .ghost { display: inline-block; width: 1000px; height: 70px; }
.tabber-slided { white-space: nowrap; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; }
.tabber-slided::-webkit-scrollbar {display: none; }

.olmet-wraps-withminusmargin { margin-right: -1000px; }

@media screen and (min-width: 800px) {
  .olmet-tabber { padding-left: 50px; }
}

@media screen and (min-width: 900px) {
	.olmet-tabber { text-align: center; margin-top: -40px; margin-right: 0px; padding: 20px; }
}

.olmet-faqs .olmet-more-infos p { line-height: 1.8; }
.olmet-faqs .olmet-more-infos .headero { text-decoration: none; color: #000; font-size: 20px; font-weight: bold; margin-bottom: 20px;  line-height: 1.4; }
.olmet-faqs .olmet-more-infos ul { margin: 0px; padding: 0px; }
.olmet-faqs .olmet-more-infos ul > li { display: block; border-bottom: 2px solid #DBDADA; padding: 15px 0px; text-decoration: none; color: #000; font-size: 20px; cursor: pointer; transition-duration: 1s; }
.olmet-faqs .olmet-more-infos ul > li .img { margin-right: 10px; }
.olmet-faqs .olmet-more-infos ul > li .img .grn { display: inline-block; transition-duration: 1s; margin-left: -14px; opacity: 0; }
.olmet-faqs .olmet-more-infos ul > li .img .blk { display: inline-block; transition-duration: 1s; }
.olmet-faqs .olmet-more-infos ul > li .main { display: block; font-weight: 700; }
.olmet-faqs .olmet-more-infos ul > li .more { display: block; margin-left: 0px; transition-duration: 0.8s; max-height: 0px; overflow: hidden; font-size: 80%; border-top: 2px solid #fff; }
.olmet-faqs .olmet-more-infos ul > li .more ul { font-size: 80%; }

.olmet-faqs .olmet-more-infos ul > li .more p { line-height: 1.5; margin-bottom: 20px; }
.olmet-faqs .olmet-more-infos ul > li .more li { line-height: 1.5; margin-bottom: 20px; }
.olmet-faqs .olmet-more-infos ul > li .more a { text-decoration: underline; }

.olmet-faqs .olmet-more-infos ul > li ol { margin-left: 20px; list-style-image: url(/wp-content/uploads/icon-tick-olmet-2.png); }
.olmet-faqs .olmet-more-infos ul > li ol li { font-weight: bold; }

.olmet-faqs .olmet-more-infos ul > li:hover .grn { opacity: 1; transform: rotate(45deg); }
.olmet-faqs .olmet-more-infos ul > li:hover .blk { opacity: 0; transform: rotate(45deg); }

.olmet-faqs .olmet-more-infos ul > li.active { border-bottom-color: #07A651; }
.olmet-faqs .olmet-more-infos ul > li.active .main { color: #07A651; }
.olmet-faqs .olmet-more-infos ul > li.active .more { max-height: 940px; margin-top: 10px; padding-top: 10px; font-size: 80%; border-top: 2px solid #07A651; }
.olmet-faqs .olmet-more-infos ul > li.active .grn { opacity: 1; transform: rotate(90deg); }
.olmet-faqs .olmet-more-infos ul > li.active .blk { opacity: 0; transform: rotate(90deg); }

@media screen and (min-width: 900px) {
	.olmet-faqs { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 80px; }
	.olmet-faqs .olmet-more-infos .headero { font-size: 24px; margin-bottom: 30px; }
	.olmet-faqs .olmet-more-infos ul > li .more { margin-left: 30px; }
	.olmet-faqs .olmet-pages { display: none; }
	.olmet-faqs .olmet-imagesX { display: block; width: 100%; max-width: 100%; overflow: visible; padding: 0px; }
	.olmet-faqs .olmet-imagesX .olmet-wraps-withminusmargin { display: block; width: 100%; max-width: 100%; overflow: visible; }
	.olmet-faqs .olmet-imagesX .olmet-wraps-withminusmargin .olmet-content { display: block; width: 100%; max-width: 100%; overflow: visible; }
	.olmet-faqs .olmet-imagesX .olmet-wraps-withminusmargin .olmet-content .image { display: block; height: auto; width: 100%; }
	
	.olmet-faqs .olmet-imagesX .olmet-wraps .image { min-width: 120px; height: auto; margin-right: 0px; margin-top: 5px; }
	.olmet-faqs .olmet-imagesX .olmet-wraps .image img { height: auto; }
}

.gotoYear { cursor: pointer; }
.slideYear { font-size: 36px; font-weight: bold; color: #000; }
.olmet-historia-lista .contentor { scroll-behavior: smooth; }


.entry-categories-inner {margin: 50px 0;}

/* WCAG */

.accessibilityPanel { display: none; position: absolute; top: 158px; left: 52px; right: 52px; background: #F2F2F2; border-radius: 0; padding: 30px 30px 20px; z-index: 15; }
.accessibilityOpened .accessibilityPanel { display: block; }
.accessibilityPanel p { font-size: 20px; border-bottom: 2px solid #ccc; }
.accessibilityPanel ul { padding: 10px 0px; display: flex; justify-content: space-between; flex-direction: column;}
.accessibilityPanel ul li { display: inline-block; margin: 0px 5px 5px 0px; }
.accessibilityPanel ul li span { display: inline-block; padding: 10px; cursor: pointer; background: #eee; border-radius: 9px; font-size: 18px; }

.pageFontSize1 * { font-size: 100%!important; }
.pageFontSize2 * { font-size: 104%!important; }
.pageFontSize3 * { font-size: 108%!important; }

.pageFontSize1 .real-header .main h1, .pageFontSize1 #site-content h2, .pageFontSize1 .superHashTag {font-size: 50px!important;}
.pageFontSize2 .real-header .main h1, .pageFontSize2 #site-content h2, .pageFontSize2 .superHashTag {font-size: calc(1.04 * 50px)!important;}
.pageFontSize3 .real-header .main h1, .pageFontSize3 #site-content h2, .pageFontSize3 .superHashTag {font-size: calc(1.08 * 50px)!important;}

.pageFontSize1 .olmet-informacje .element .main, .pageFontSize1 .olmet-grid-2x2 .line .dotted .wraps strong {font-size: 50px!important;}
.pageFontSize2 .olmet-informacje .element .main, .pageFontSize2 .olmet-grid-2x2 .line .dotted .wraps strong {font-size: calc(1.04 * 50px)!important;}
.pageFontSize3 .olmet-informacje .element .main, .pageFontSize3 .olmet-grid-2x2 .line .dotted .wraps strong {font-size: calc(1.08 * 50px)!important;}

.pageFontSize1 .olmet-informacje .element .sub, .pageFontSize1 .entry-categories-inner, .pageFontSize1 .olmet-grid-2x2 .line .dotted .wraps span {font-size: 30px!important;}
.pageFontSize2 .olmet-informacje .element .sub, .pageFontSize2 .entry-categories-inner, .pageFontSize2 .olmet-grid-2x2 .line .dotted .wraps span {font-size: calc(1.04 * 30px)!important;}
.pageFontSize3 .olmet-informacje .element .sub, .pageFontSize3 .entry-categories-inner, .pageFontSize3 .olmet-grid-2x2 .line .dotted .wraps span {font-size: calc(1.08 * 30px)!important;}

.pageFontSize1 .main-footer__wrapper .subscribe p, .pageFontSize1 .main-footer__wrapper .regions p, .pageFontSize1 .real-header .menu .menu__content nav ul li a, .pageFontSize1 .real-header .green {font-size: 14px!important;}
.pageFontSize2 .main-footer__wrapper .subscribe p, .pageFontSize2 .main-footer__wrapper .regions p, .pageFontSize2 .real-header .menu .menu__content nav ul li a, .pageFontSize2 .real-header .green {font-size: calc(1.04 * 14px)!important;}
.pageFontSize3 .main-footer__wrapper .subscribe p, .pageFontSize3 .main-footer__wrapper .regions p, .pageFontSize3 .real-header .menu .menu__content nav ul li a, .pageFontSize3 .real-header .green {font-size: calc(1.08 * 14px)!important;}

.pageFontSize1 .olmet-cennik .olmet-wraps .olmet-pricer .desc {font-size: 12px!important;}
.pageFontSize2 .olmet-cennik .olmet-wraps .olmet-pricer .desc {font-size: calc(1.1 * 12px)!important;}
.pageFontSize3 .olmet-cennik .olmet-wraps .olmet-pricer .desc {font-size: calc(1.2 * 12px)!important;}

@media screen and (min-width: 800px) {
  .pageFontSize1 .real-header .main h1, .pageFontSize1 #site-content h2, .pageFontSize1 .superHashTag {font-size: 72px!important;}
  .pageFontSize1 #site-content h3, .pageFontSize1 .olmet-subs .text-content .heads, .pageFontSize1 .main-footer__wrapper .subscribe .head {font-size: 36px!important;}
  .pageFontSize1 .olmet-wrapper-splitted .olmet-infos ul li a, .pageFontSize1 .olmet-places .desco ul li, .pageFontSize1 .olmet-grid-2x2 .line .wraps p.heading, .pageFontSize1 .real-header .main .withStrongLink a {font-size: 24px!important;}
  .pageFontSize1 .real-header .main p.hashtag {font-size: 18px!important;}

  .pageFontSize2 .real-header .main h1, .pageFontSize2 #site-content h2, .pageFontSize2 .superHashTag {font-size: calc(1.04 * 72px)!important;}
  .pageFontSize2 #site-content h3, .pageFontSize2 .olmet-subs .text-content .heads, .pageFontSize2 .main-footer__wrapper .subscribe .head {font-size: calc(1.04 * 36px)!important;}
  .pageFontSize2 .olmet-wrapper-splitted .olmet-infos ul li a, .pageFontSize2 .olmet-places .desco ul li, .pageFontSize2 .olmet-grid-2x2 .line .wraps p.heading, .pageFontSize2 .real-header .main .withStrongLink a  {font-size: calc(1.04 * 24px)!important;}
  .pageFontSize2 .real-header .main p.hashtag {font-size: calc(1.04 * 18px)!important;}

  .pageFontSize3 .real-header .main h1, .pageFontSize3 #site-content h2, .pageFontSize3 .superHashTag {font-size: calc(1.08 * 72px)!important;}
  .pageFontSize3 #site-content h3, .pageFontSize3 .olmet-subs .text-content .heads, .pageFontSize3 .main-footer__wrapper .subscribe .head {font-size: calc(1.08 * 36px)!important;}
  .pageFontSize3 .olmet-wrapper-splitted .olmet-infos ul li a, .pageFontSize3 .olmet-places .desco ul li, .pageFontSize3 .olmet-grid-2x2 .line .wraps p.heading, .pageFontSize3 .real-header .main .withStrongLink a  {font-size: calc(1.08 * 24px)!important;}
  .pageFontSize3 .real-header .main p.hashtag {font-size: calc(1.08 * 18px)!important;}

  .pageFontSize1 .olmet-grid-2x2 .line .dotted .wraps strong {font-size: 68px!important;}
  .pageFontSize2 .olmet-grid-2x2 .line .dotted .wraps strong {font-size: calc(1.04 * 68px)!important;}
  .pageFontSize3 .olmet-grid-2x2 .line .dotted .wraps strong {font-size: calc(1.08 * 68px)!important;}
}

/*.pageColor1 {  }*/
.pageColor2 { filter: contrast(250%) brightness(90%); }
.pageColor2 .wp-block-bpk-tresc-wysrodkowana { color: #000; }
.pageColor2 .wp-block-bpk-dwa-bloki .column-left { color: #000; }
.pageColor2 .wp-block-bpk-dwa-bloki2 .column-right { color: #000; }
.pageColor3 { filter: invert(200%) contrast(100%); background-color: #000!important;}

.pageFontSize1 .highlightWhenFont1, .pageFontSize2 .highlightWhenFont2, .pageFontSize3 .highlightWhenFont3, .pageColor1 .highlightWhenColor1, .pageColor2 .highlightWhenColor2, .pageColor3 .highlightWhenColor3 { background: #07A651; color: #fff; }

@media screen and (min-width: 600px) {
	.accessibilityPanel { display: none; position: absolute; top: 175px; right: 52px; left: auto;  background: #F2F2F2; border-radius: 0; max-width: 600px; }
  .accessibilityPanel ul {flex-direction: row;}
}
@media screen and (min-width: 900px) {
	.accessibilityPanel {right: 54px; }
}

#accessibility {border-bottom: 1px solid #fff;}
.accessibilityLink {display: flex; justify-content: center; padding:15px; cursor: pointer;}
.accessibilityLink img {width:22px; height: auto;}
@media screen { html { margin-top: 0!important; } }

.bounce {
	cursor: pointer;
	animation: bounce 1.5s;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
	animation-iteration-count: infinite;
}

.spinning {
	-webkit-animation:spin 8s linear infinite; 
	-moz-animation:spin 8s linear infinite; 
	animation:spin 8s linear infinite;
	animation-direction: reverse;
}

.jiggle {
	-webkit-animation: jiggle 2s linear infinite; 
	-moz-animation: jiggle 2s linear infinite; 
	animation: jiggle 2s linear infinite;
	animation-direction: alternate;
}

@keyframes bounce {
	0% {
		transform: translate3d(0, 0px, 0);
	}
	100% {
		transform: translate3d(0, 20px, 0);
	}
}

@-webkit-keyframes bounce {
	0% {
     transform: translate3d(0, 0px, 0);
		-webkit-transform: translate3d(0, 0px, 0);
	}
	100% {
     transform: translate3d(0, 20px, 0);
		-webkit-transform: translate3d(0, 20px, 0);
	}
}

@-moz-keyframes bounce {
	from {
		-moz-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	to {
		-moz-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}
}

.shake {
	cursor: pointer;
	animation: shake 1.5s;
	animation-direction: alternate;
	animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
	animation-iteration-count: infinite;
}

.swing {
    animation: swing ease-in-out 2s infinite alternate;
}

@keyframes shake {
	0% {
		transform: translate3d(0, 0px, 0);
	}
	100% {
		transform: translate3d(-40px, 0px, 0);
	}
}

@-webkit-keyframes shake {
	0% {
     transform: translate3d(0, 0px, 0);
		-webkit-transform: translate3d(0, 0px, 0);
	}
	100% {
     transform: translate3d(-40px, 0, 0);
		-webkit-transform: translate3d(-40px, 0, 0);
	}
}

@-moz-keyframes shake {
	from {
		-moz-transform: translate3d(0, 0px, 0);
		transform: translate3d(0, 0px, 0);
	}
	to {
		-moz-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@-moz-keyframes jiggle { 0% { -moz-transform: rotate(0deg); margin-bottom: 0px; } 100% { -moz-transform: rotate(-10deg); margin-bottom: -10px; } }
@-webkit-keyframes jiggle { 0% { -webkit-transform: rotate(0deg); margin-bottom: 0px; } 100% { -webkit-transform: rotate(-10deg); margin-bottom: -10px; } }
@keyframes jiggle { 0% { -webkit-transform: rotate(0deg); transform:rotate(0deg); margin-bottom: 0px; } 100% { -webkit-transform: rotate(-10deg); transform:rotate(-10deg); margin-bottom: -10px; } }

@keyframes swing { 0% {  rotate: 7deg; } 100% { rotate: -7deg; }
}