/*
Theme Name: wojmal
Theme URI:
Author: SGM WebBuilder
Description: Rebuild theme for wojmalwadowice.pl staging.
Version: 1.0.0
*/

/*
Theme Name: wojmal
Theme URI:
Author: 
Author URI: 
Description:
Version: 1.0
*/

/* archivo-regular - latin */
@font-face {
    font-display: swap; 
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/archivo-v19-latin-regular.woff2') format('woff2'); 
}
/* archivo-italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Archivo';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/archivo-v19-latin-italic.woff2') format('woff2'); 
}
/* archivo-500 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/archivo-v19-latin-500.woff2') format('woff2'); 
}
/* archivo-500italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Archivo';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/archivo-v19-latin-500italic.woff2') format('woff2'); 
}
/* archivo-600 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/archivo-v19-latin-600.woff2') format('woff2'); 
}
/* archivo-600italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Archivo';
    font-style: italic;
    font-weight: 600;
    src: url('fonts/archivo-v19-latin-600italic.woff2') format('woff2'); 
}
@font-face {
    font-display: swap; 
    font-family: 'Archivo';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/archivo-v19-latin-700.woff2') format('woff2'); 
}
/* archivo-700italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Archivo';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/archivo-v19-latin-700italic.woff2') format('woff2'); 
}


/* GENERAL */
* {border:0; font-family:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:top; list-style:none;}
article, aside, details, figcaption, figure, footer, header, .main-logo, .nav, section, main, picture, div {display: block; box-sizing: border-box; scroll-margin-top: 120px;}
html {scroll-behavior: smooth;}
body {margin:0 auto; padding:0; font-weight:400; font-size:13px; font-family: 'Archivo', sans-serif; line-height:1.5; color:#fff; text-align:left; overflow-x: hidden; background-color:#e34a31; font-variant-numeric: lining-nums; -moz-font-feature-settings: "lnum" 1; -moz-font-feature-settings: "lnum=1"; font-feature-settings: "lnum" 1; position:inherit !important;}
a, button, form input[type="submit"], .child-box .image img, .box-btn a svg, main form input:focus, header.site-header .main-navi ul li > ul.sub-menu, header.site-header ul.menu li.menu-item-has-children > a::after, .navigation .menu-wrapp, header.site-header .navigation .menu-wrapp ul li, .navigation .menu-icon .line, header.site-header .wrapper-wide, header.site-header::before, header.site-header .main-logo, header.site-header .main-logo a.logo img, header.site-header .main-logo::before, header.site-header.fixed.hidden, .accordion .accordion-item .expand-icon, main table tbody tr td, .child-boxes .child-box .image, main .gallery .gallery-item a img  {-moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a, input[type="submit"] {cursor:pointer;}
a {font-weight: 700; text-decoration:none; position:relative; color:#00040E;}
a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h6, a:hover h5 {color:#ccc; text-decoration:none;}
b, strong {font-weight: 700;}
em {font-style:italic; font-weight:400;}
sup {font-size:70%; vertical-align: super;}
sub {font-size:70%; vertical-align: sub; margin-left:-0.1em;}
img {max-width: 100%; height:auto;}
p {min-height:20px;}
figure {margin-bottom:0;}
p, main ul, main ol, footer ul, footer ol {margin:0 0 20px 0;}
p:last-child, h6:last-child, main ul ul, main ol ul, main ol ol, table:last-of-type, .wp-block-columns:last-of-type {margin-bottom:0;}
img.alignright {display:block; float:right; margin:0px 0 2vw 3vw;}
img.alignleft {display:block; float:left; margin:0px 3vw 2vw 0;}
img.aligncenter {display:block; float:none; margin:10px auto 30px auto;}
img.alignnone {display:block; float:none; margin: 0 auto;}
main ul li, main ol li>li {padding-left:40px; position:relative;}
main ul li:after, main ol li>li:after {content: " "; position: absolute; height: 2px; width:20px; background-color: #ccc; border:0; top:1.2vh; left:0; border-radius:0;}
main ul.benefits {margin:40px 0;}
main ul.benefits li {padding-left:65px; position:relative; margin:10px 0;}
main ul.benefits li:after {content: " "; position: absolute; height: 32px; width:45px; background: url('img/li-bird.svg') no-repeat 50% 50%; border:0; top:0; left:0; border-radius:0;}
ol>li {list-style-type:decimal; margin:5px 0 5px 20px; background:none;}
header, main, footer, main, .wrapper, .wrapper-narrow, .wrapper-wide, .wrapper-full-wide, footer div.section {margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.alignright {text-align:right;}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}
.tac {text-align:center;}
.tar {text-align:right;}
.pr {position:relative;}
hr {clear:both; height:1px; line-height:0; background-color:#fff; margin:30px auto 30px auto; position:relative;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.mt120 {margin-top:120px;}
.mb80 {margin-bottom:80px;}
.mb120 {margin-bottom:120px;}
.pt0 {padding-top:0;}
.pb0 {padding-bottom:0;}
iframe {width:100%; height:600px;}

/* HEADLINES */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Archivo', sans-serif; display:block;}
h1, .h1 {font-size:35px; margin-bottom:40px; line-height:1.2; font-weight: 500; text-transform: uppercase;}
h2, .h2 {font-size:30px; margin-bottom:20px; line-height:1.3; font-weight: 500;}
h3, .h3 {font-size:25px; margin-bottom:20px; line-height:1.4; font-weight: 400;}
h4, .h4 {font-size:20px; margin-bottom:20px; line-height:1.4; font-weight: 600;}
h5, .h5 {font-size:15px; margin-bottom:20px; margin-top:20px; line-height:1.4; font-weight:400;}
h6, .h6 {font-size:15px; margin-bottom:20px; line-height:1.4; font-weight:400;}
h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span {font-weight:400;}
.featured-text {line-height:1.4; margin-bottom:20px;}
.featured-text a {font-weight: 400;}
.featured-text a:hover {color:#ccc;}
.small {font-size:12px; margin-top:30px;}
.label-text {position:relative; display:block;}
.label-text::after {content:' '; background-color:#e34a31; height:2px; width:50px; position:absolute; bottom:-10px; left:0; right:0; margin:auto;}
.heading-label {position:relative; font-weight:700; color:#ccc; text-transform: none; margin-bottom:10px; margin-top:-40px; display:block; letter-spacing: 1px;}
.i-contact, .i-open, .i-address {color:#ccc; padding-left:60px; line-height:50px;}
.i-contact {background:url('img/i-contact.svg') no-repeat 0 50%;}
.i-open {background:url('img/i-open.svg') no-repeat 0 50%;}
.i-address {background:url('img/i-address.svg') no-repeat 0 50%;}

/* BUTTONS */
.btn, .submit, form input[type="submit"] {font:400 18px/45px 'Archivo', sans-serif; cursor:pointer; height:45px; text-transform:none; color:#fff; background-color:#e34a31; position:relative; text-align:center; border:0; border-radius: 0; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; padding:0 40px; margin-top:20px;}
.btn:hover, .submit:hover, form input[type="submit"]:hover {background-color:#ccc; color:#e34a31; }
.btn, .submit {width:auto;}
form input[type="submit"] {width:100%;}
#realization .btn {margin:0;}

/* FLEX */
.flex {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: center;}

/* GRID */
.grid-container {/* display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5vw; */ display: flex; flex-wrap: wrap; justify-content: center;}
.grid-container > div {width:25%;}

/* WIDTH */
.wrapper-narrow, .wrapper, .wrapper-wide, .wrapper-full-wide {margin-left:auto; margin-right:auto;}
.wrapper-narrow {width:82%; max-width:900px;}
.wrapper {width:88%; max-width:1280px;}
.wrapper-wide {width:92%; max-width:1440px;}
.wrapper-full-wide {max-width:100%; width:100%; padding:0;}
.half {width:47.5%;}
.w15p {width:15%;}
.w20p {width:20%;}
.w25p {width:25%;}
.w30p {width:30%;}
.w32p {width:32%;}
.w35p {width:35%;}
.w40p {width:40%;}
.w45p {width:45%;}
.w50p {width:50%;}
.w55p {width:55%;}
.w60p {width:60%;}
.w65p {width:65%;}
.w70p {width:70%;}
.w75p {width:75%;}
.w100p {width:100%;}

/* HEADER */
header.site-header {position:fixed; z-index:501; background-color:#e34a31; top: 0; left: 0; right:0; width: 100%; border-bottom:2px solid #fff;}
header.site-header::before {content:" "; top:0; left:0; width:100%; height:0; position:absolute; z-index:0; background-color:transparent;}
header.site-header .flex {display: flex; justify-content: space-between; align-items: center;}
header.site-header .main-logo {padding:20px 0 20px 0;}
header.site-header .main-logo a.logo img {height:50px;}
header.site-header .wrapper-wide {height: 90px;} 

/* MENU */
header .main-navi {margin-left: 2vw; display:flex; justify-content: flex-end;}
header.site-header .navigation {text-align:right;}
header.site-header ul {width:auto;}
header.site-header ul > li {display:inline-block; padding:0; position:relative;}
header.site-header ul.menu > li {margin:0; padding-left:50px;}
header.site-header ul#menu-nawigacja-lang.menu > li + li {padding-left:10px;}
header.site-header ul > li > a {display:block; font-weight: 400; padding:0; text-transform:uppercase; color:#fff;}
header.site-header.fixed ul > li > a {color:#fff;}
header.site-header ul > li a:hover {color:#ccc;}
header.site-header ul > li.current_page_item::before {content:''; width:10px; height:10px; background-color:#fff; box-shadow:0 0 7px 1px rgba(255,255,255,1); top:0; bottom:0; margin:auto 0; left:30px; position:absolute; border-radius:50%;}
header.site-header ul.menu > li > a {line-height:40px;}
header.site-header .main-navi ul.menu > li > ul.sub-menu {visibility: hidden; position: absolute; left:0; top:0px; min-height:60px; opacity: 0; z-index: 999; height: auto; text-align:left; width: 300px; align-items: center; border:0; background-color:transparent;}
header.site-header .main-navi ul li:hover > ul.sub-menu {visibility: visible; opacity:1; position:absolute; z-index:999; padding-top:50px;}
header.site-header .main-navi ul.menu > li > ul.sub-menu li {display:block; margin:0; height:auto; float:none; border:0; background-color:#fff; line-height:1.2; flex-basis:100%; border:1px solid #e34a31; border-bottom:0;}
header.site-header .main-navi ul.menu > li > ul.sub-menu li:last-child {border-bottom:1px solid #e34a31;}
header.site-header .main-navi ul.menu > li > ul.sub-menu > li > a {display: block; padding:15px 20px; text-transform: none; letter-spacing:0; color:#e34a31;}
header.site-header .lang-navi {margin-left: 6vw;}
header.site-header ul.menu li.menu-item-has-children > a {position:relative; padding-right:16px;}
header.site-header ul.menu li.menu-item-has-children > a::after {content:" "; position:absolute; top:-6px; bottom:0; right:0; margin:auto 0 auto auto; border: solid #ccc; border-width: 0 2px 2px 0; display: inline-block; padding:3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width:2px; height:2px;}
header.site-header ul.menu li.menu-item-has-children:hover > a::after {border-width: 0 2px 2px 0; border-color:#ccc; bottom:-5px; top:0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
header.site-header .contact {margin-left: 2vw;}
header.site-header .contact a {font-weight: 400; color:#fff;}
header.site-header .contact a:hover {color:#ccc;}

/* MAIN */
main {background-color:#fff;}
main section {padding-top:100px; padding-bottom:100px; background-color: transparent; color:#00040E; position:relative;}
.page-id-15 main section.one-column::before {content:''; background-image:url('img/linia.svg'); background-size: contain; background-repeat:no-repeat; background-position: 50% 40%; position:absolute; width:100vw; height:100%; top:0; bottom:0; left:0; right:0; margin:auto; z-index:0;}
main section#offer {padding-top:40px; padding-bottom:40px;}
.subpage main section#offer {margin-bottom:120px; padding-top:160px;}

.section-hero {padding-top:90px; padding-bottom:30px; background-color: #e34a31;}
.section-hero figure {position:relative; padding-right:5vw; text-align:center; margin:0; min-height:70vh;}
.section-hero figure::before {content: ""; position: absolute; background-color: #efefef; margin:auto; right:0; top:0; bottom:0; width:20vw; height:100%; z-index:-1;}
.section-hero figure img {position:relative; z-index:1; max-height:80vh;}
.section-hero h1 {margin:120px 0 0 0;}
.section-hero .featured-text {line-height:1.3;}

.benefits:not(:last-child) {border-bottom:1px solid #e34a31;}
.benefits img {margin-bottom:40px;}
.benefits h4 {margin-bottom:0;}
.bg-white {background-color:#fff;}
.bg-light {background-color:#fff;}
.bg-services {background-image:url('img/bg-services.jpg'); background-repeat: repeat; background-position: 50% 50%; background-size: cover; padding-top:120px; padding-bottom:120px;}
.bg-services .btn {background-color: #fff; }
.bg-services .btn:hover {box-shadow: 0 3px 20px rgba(255, 255, 255, 0.7);}
main section.cover {min-height:330px; padding:30px 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; position: relative; color:#e34a31; }
main section.cover h2 {text-transform: uppercase; color:#e34a31; font-weight: 600;}
main section.cover h3 {text-transform: uppercase; color:#00040E; font-weight: 600; max-width:900px; display: block; margin:0 auto 30px auto;}
main section.cover h3 strong {color:#e34a31;}
main section.cover h4 {margin-top:100px;}

.offer-section {padding-bottom:0;}
.offer-section:last-child {padding-bottom:100px;}
.offer-section .half {position: relative; z-index: 10;}
.offer-section .half figure {width:100%; height:calc(100% - 50px); margin-top:50px;}
.offer-section .half > div {outline:1px solid #fff; margin:-50px 0 0 0; padding:50px 0;}
.offer-section .half > div.button {padding:50px; outline:1px solid #e34a31;}
.offer-section .half > div p, .offer-section .half > div h2, .offer-section .half > div h3, .offer-section .half > div h4, .offer-section .half > div h5, .offer-section .half > div h6 {margin:50px;}
.offer-section .columns {position:relative; color:#fff;}
.offer-section .columns::before {content:''; width:100%; height:100%; background-color: #e34a31;  z-index:0; top:0; left:0; position:absolute;}
.offer-section .columns::after {content:''; width:100%; height:145px; background-color: #fff;  z-index:1; bottom:0; left:0; position:absolute;}
.offer-section .columns .btn {margin:0; width:100%; box-sizing: border-box;}
.offer-section .columns hr {margin:0;}



.blue-section {padding:0; background-color: #e34a31; color:#fff;}
.blue-section a {color:#fff;}
.blue-section .half {position: relative; z-index: 10; padding-left:6%;}
.blue-section .half figure {width:100%; height:100%;}
.blue-section .half > div {outline:0 solid #fff; margin:0; padding:50px 0; width: 100%;}
.blue-section .half > div.button {padding:50px; outline:1px solid #e34a31;}
.blue-section .half > div p {padding:25px 0; margin:0;}
.blue-section .columns {position:relative; color:#fff; max-width:1920px; margin:0 auto;}
.blue-section .columns .btn {margin:0; width:100%; box-sizing: border-box;}
.blue-section .columns hr {margin:0;}
.blue-section .columns .alignright {max-width: 25px; margin-bottom:0;}

.blue-section .wrapper {max-width:100%; width:100%;}
.blue-section .half.image { height: 100%; overflow: hidden; padding:80px 0 80px 5%; border-left:1px solid #fff;}
.blue-section .half.image img {object-fit: cover; width: 100%;}
.blue-section .half a {display:block; background:url('img/arrow.svg') no-repeat 100% 50%}

main ul.links > li {padding:0; margin-bottom:40px;}
main ul.links > li::after {display:none;}
main ul.links > li > a {
    display: block;
    background: url(img/arrow-dark.svg) no-repeat 100% 50%;
}

.blue-boxes {margin-bottom:50px;}
.blue-boxes > div {background:#e34a31 url(img/check.png) no-repeat 20px 50%; padding:20px 20px 20px 80px; color:#fff; margin-bottom:20px;}

.offer-tiles {padding:0 0 50px 0;}
.offer-tiles:first-of-type {padding-top:100px;}
.offer-tiles:last-of-type {padding-bottom:100px;}
.offer-tiles .tile {padding:100px 50px; box-shadow:0 0 0 2px #00040E; background-color:#fff;}
.offer-tiles .tile.bg-tile {color:#fff; box-shadow:none;}
.offer-tiles .tile.bg-tile .btn {background-color: #fff; color: #00040E;}
.offer-tiles .tile.bg-tile .btn:hover {background-color: #ccc; color: #00040E;}
.offer-tiles .tile > div {max-width:400px;}

.page-id-7 main {background-image:url('img/linia.svg'); background-size: contain; background-repeat:no-repeat; background-position: 50% 45%;}
.page-id-7 .offer-tiles .columns {padding-left:25%;}
.page-id-7 .offer-tiles .columns .half:last-child {top: -150px; position: relative;}
.page-id-7 .section.one-column h2 {position:relative; z-index:10;}

.page-id-7 .benefits .wrapper {position:relative;}
.page-id-7 .benefits .wrapper::before, .page-id-7 .benefits .wrapper::after {content:' '; width: 1px; height:calc(100% + 200px); position: absolute; top: -100px; background-color: #e34a31;}
.page-id-7 .benefits .wrapper::before {left: 33.333%;}
.page-id-7 .benefits .wrapper::after {left: 66.666%;}
.page-id-7 .benefits .grid-container {grid-template-columns: 1fr 1fr 1fr; display:grid;}
.page-id-7 .benefits .grid-container > div {width:100%; max-width:280px; margin:0 auto;}

.three-tiles {padding:25px 0 25px 0;}
.three-tiles .tile {padding:25px 50px; height:320px; box-shadow:0 0 0 2px #00040E; max-width:475px; align-content: end; font-weight:600;}
.three-tiles .tile.bg-tile {color:#fff; box-shadow:none;}
.three-tiles .tile.bg-tile .btn {background-color: #fff; color: #00040E;}
.three-tiles .tile.bg-tile .btn:hover {background-color: #ccc; color: #00040E;}
.three-tiles .tile.flex:nth-child(2) {align-content: start;}
.three-tiles .tile:nth-child(2) > div {max-width:200px;}


/* OFFER */
#realization {padding:0 0 100px 0;}
#realization .wrapper, #realization .wrapper-wide {position: relative; padding:100px 0 0 0;}
.line-1 {width:1px; height:100%; position:absolute; top:0; left:33.333%; background-color: #e34a31;}
.line-2 {width:1px; height:100%; position:absolute; top:0; left:66.666%; background-color: #e34a31;}
.child-boxes {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; row-gap:0; width:100%; margin-left:auto; margin-right:auto;}
.child-boxes .child-box {position:relative; text-align:center;}

.child-boxes .child-box .details {background-color: transparent; width:100%; padding: 0 30px 80px 30px;}
.child-boxes .child-box .details h5 {margin-bottom:0;}
.child-boxes .child-box .image {width:280px; height:280px; margin: 0 auto;}
.child-boxes .child-box .image img {max-width:280px; width: 100%; height: auto; opacity:1;}

/* BLOG */
#blog {background-color: #efefef;}
#blog .wrapper-wide {position: relative; padding:100px 0 0 0;}
.single .blog .wp-block-image {margin:30px 0;}
.single .w30p .child-boxes {grid-template-columns: 1fr;}
.single .w30p {max-width:280px}

.single .w65p {width:calc(100% - 280px - 100px);}
.single .child-boxes .child-box .details {
    padding: 0 0 80px 0;
    text-align:left;
}
.single .child-boxes .child-box .image {width:280px; height:280px; margin: 0;}
.single .child-boxes .child-box {text-align:left;}

/* SLIDER */
#slider {width:100%; height:100vh; min-height:500px; margin:0 auto; position:relative; z-index:9; overflow: hidden;}
#slider.main-slider {padding:0;}
#slider.main-slider .slide {overflow: hidden;}
#slider.main-slider .slide img {object-fit: cover; transform-origin: 100% 100%; width: 100%; margin: auto; height:100vh; min-height:500px; animation: zoom-img 90s ease-out 1 forwards;}
@keyframes zoom-img {0% {transform: scale(1); -webkit-transform: scale(1);} 100% { transform: scale(1.3); -webkit-transform: scale(1.3);}}
#slider.main-slider .slide .caption-wrap {background-color:transparent; width:88%; max-width:1400px; text-align:left; opacity:1; bottom:0; top:0; left:0; right:0; margin:10vh auto auto auto; position:absolute; z-index:5; line-height:1.5; padding:50px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: center;  -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
#slider .slick-list {max-width:100%; margin:auto; overflow:hidden;}
#slider .slick-slider {width:100%; position: relative;}
#slider .slick-slider .slick-list {overflow:hidden;}
#slider .slick-slider > div > div {display: flex; align-items: stretch; justify-content:center; flex-flow: row nowrap; padding:0;}
#slider .slick-slider button.slick-arrow {display:none;}
#slider.main-slider .slide.slick-active .caption-wrap h1, #slider.main-slider .slide.slick-active .caption-wrap .featured-text, #slider.main-slider .slide.slick-active .caption-wrap a.btn {-moz-opacity:0; -webkit-opacity:0;  opacity: 0; z-index:9;}
#slider.main-slider .slide.slick-active .caption-wrap h1 {-o-animation: slideInLeft_slider 0.8s forwards;-o-animation-delay: 0.2s; -moz-animation: slideInLeft_slider 0.8s forwards;-moz-animation-delay: 0.2s; -webkit-animation: slideInLeft_slider 0.8s forwards; -webkit-animation-delay: 0.2s; animation: slideInLeft_slider 0.8s forwards; animation-delay: 0.2s; margin-bottom:10px;}
#slider.main-slider .slide.slick-active .caption-wrap .featured-text {-moz-animation: slideInLeft_slider 0.8s forwards;-moz-animation-delay: 0.4s; -o-animation: slideInLeft_slider 0.8s forwards;-o-animation-delay: 0.4s; -webkit-animation: slideInLeft_slider 1s forwards;-webkit-animation-delay: 0.4s; animation: slideInLeft_slider 0.8s forwards; animation-delay: 0.4s;}
#slider.main-slider .slide.slick-active .caption-wrap a.btn {-o-animation: slideInLeft_slider 0.8s forwards;-o-animation-delay: 0.6s; -moz-animation: slideInLeft_slider 0.8s forwards;-moz-animation-delay: 0.6s; -webkit-animation: slideInLeft_slider 0.8s forwards;-webkit-animation-delay: 0.6s; animation: slideInLeft_slider 0.8s forwards; animation-delay: 0.6s;}
@keyframes slideInLeft_slider {0% {-moz-opacity:0; -webkit-opacity:0; opacity: 0; -moz-transform: translateX(-25%); -webkit-transform: translateX(-25%); -ms-transform: translateX(-25%); -o-transform: translateX(-25%); transform: translateX(-25%);} 100% {-moz-opacity:1; -webkit-opacity:1;  opacity: 1; -moz-transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}}
#slider.main-slider .slick-dots {display:none; position:absolute; left:0; right:0; bottom:20px; margin:0 auto; height: 8px; z-index:1001;}
#slider.main-slider .slick-dots li {display:inline-block; margin:0; padding:0;}
#slider.main-slider .slick-dots li:after {display:none;}
#slider.main-slider .slick-dots li button {width: 8px; height: 8px; border-radius:50%; display: block; background-color:#fff; cursor: pointer; text-indent: -99999px; box-shadow: none; margin:0 10px 0 0; text-align: center;}
#slider.main-slider .slick-dots li.slick-active button {background-color:#ccc;}

/* SLICK SLIDER - SERVICES */
.services div.child-boxes.slick-slider {width:100%; position: relative; top:0; left:0; display:block; margin:0 0 0 0;}
.services div.child-boxes.slick-slider .slick-list {margin:0 -5px; overflow: hidden;}
.services div.child-boxes.slick-slider > div > div {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: stretch; -webkit-align-items: stretch; justify-content:center; -webkit-justify-content:center; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; padding:0;}
.services div.child-boxes.slick-slider > div > div > div { display:block; padding:0; margin:0 5px; text-align:center; position:relative; top:0; background-color:transparent;}
.services div.child-boxes.slick-slider button.slick-arrow {width:4vw; height:4vw; top:0; bottom:0; opacity:1; margin:auto; background-color: transparent; z-index:9; border:0; position:absolute; cursor: pointer;}
.services div.child-boxes.slick-slider button {}
.services div.child-boxes.slick-slider button.slick-arrow.slick-next {right:-2vw; background:url('img/arrow-right-color.svg') no-repeat 50% 50%;}
.services div.child-boxes.slick-slider button.slick-arrow.slick-prev {left:-2vw; background: url('img/arrow-left-color.svg') no-repeat 50% 50%;}
.services .btn-wrap .btn {margin:20px 10px 0 0;}

/* SLICK SLIDER - GALLERY */
.slider-gallery div.child-boxes.slick-slider {width:100%; position: relative; top:0; left:0; display:block; margin:0 0 40px 0; overflow:hidden;}
.slider-gallery div.child-boxes.slick-slider .slick-list {overflow:hidden; margin:0 -5px;}
.slider-gallery div.child-boxes.slick-slider > div > div {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: stretch; -webkit-align-items: stretch; justify-content:center; -webkit-justify-content:center; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; padding:0;}
.slider-gallery div.child-boxes.slick-slider > div > div > div { display:block; padding:0; margin:0 5px; text-align:center; position:relative; top:0; background-color:transparent;}
.slider-gallery div.child-boxes.slick-slider button.slick-arrow {width:4vw; height:4vw; top:0; bottom:0; opacity:1; margin:auto; background-color: transparent; z-index:9; border:0; position:absolute; cursor: pointer;}
.slider-gallery div.child-boxes.slick-slider button {display:none !important;}
.slider-gallery div.child-boxes.slick-slider button.slick-arrow.slick-next {right:-2vw; background:url('img/arrow-right-color.svg') no-repeat 50% 50%;}
.slider-gallery div.child-boxes.slick-slider button.slick-arrow.slick-prev {left:-2vw; background: url('img/arrow-left-color.svg') no-repeat 50% 50%;}
.slider-gallery .btn-wrap .btn {margin:20px 10px 0 0;}

/* GALLERY */
main .gallery, main .wp-block-gallery, main .wp-block-gallery.columns-default {margin-top:4vw !important; flex-wrap: wrap !important; display: grid !important; grid-template-columns: repeat(3,1fr); grid-gap:10px;}
main .gallery.gallery-columns-4, main .wp-block-gallery.columns-4 {grid-template-columns: repeat(4,1fr);}
main .gallery.gallery-columns-2, main .wp-block-gallery.columns-2 {grid-template-columns: repeat(2,1fr);}
main .gallery.gallery-columns-5, main .wp-block-gallery.columns-5 {grid-template-columns: repeat(5,1fr);}
main .gallery.gallery-columns-6, main .wp-block-gallery.columns-6 {grid-template-columns: repeat(6,1fr);}
main .wp-block-gallery {margin-bottom:20px;}
main .wp-block-gallery ul li {padding:0; outline:0;}
main .wp-block-gallery ul li::after {display:none;}
main .wp-block-gallery figure {overflow: hidden;}
main .gallery img, div.section figure .wp-block-image {border:0 !important;}
main .gallery br {display:none;}
main .gallery .gallery-item {float:none; box-shadow:none; width:auto !important; margin:0 !important;}
main .gallery .gallery-item:hover {box-shadow:none;}
main .gallery .gallery-item a {display:block; overflow:hidden;}
main .gallery .gallery-item a:hover img {transform: scale(1.05);}
main :where(.is-layout-flex), main .wp-block-gallery {gap: 5px;}
main .wp-block-gallery.has-nested-images figure.wp-block-image figcaption, main .wp-block-gallery figcaption, main .gallery figcaption, main .gallery .gallery-caption {background: #181823;
bottom: 0; box-sizing: border-box; color: #fff; font-size: 13px; left: 0; margin: 0; overflow: auto; padding: 5px 3px; position: relative; text-align: center; width: 100%; display:block; flex-basis:auto;
flex-grow:unset; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; min-height:50px;}
main :not(.c-accordion__content) figcaption, main :not(.c-accordion__content) .gallery-caption {display:none;}
main .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image), main .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image), main .wp-block-gallery figure.wp-block-image {width:auto !important;}
body .featherlight:last-of-type {background: rgba(0,0,0,.5); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
body .featherlight .featherlight-close-icon {background-image:url('img/i-close-white.svg'); opacity:1;}
body .featherlight .featherlight-close-icon:hover {transform: rotate(180deg);}
body .featherlight-next, body .featherlight-previous {-webkit-background-size: 30%; background-size: 30%; background-position: 50% 50%; opacity:1;}
body .featherlight-next {background-image: url('img/arrow-right-white.svg');}
body .featherlight-previous {background-image: url('img/arrow-left-white.svg');}

/* COLUMNS */
.columns {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width: 100%;}

/* ACCORDIONS */
.accordion {display: flex; flex-direction: column;}
.accordion-text {margin-bottom:50px;}
.accordion-item {border-bottom: 1px solid #ccc; margin-bottom: 0px; background-color:#fff;}
.accordion-item-header {padding:30px 0 30px 0; font-weight:400; line-height:1.5; cursor:pointer;}
.accordion-item-content {display: none; padding:0 0 30px 0;}
.accordion .accordion-item .expand-icon {cursor:pointer; padding:0; position:absolute; right:0; top:35px; display:inline-block; width:20px; height:20px; border-radius:0; margin:0; text-transform:uppercase; color:#ccc; border:0; white-space: nowrap;}
.accordion .accordion-item .expand-icon::before, .accordion .accordion-item .expand-icon::after {content: ""; position:absolute; background:#ccc; margin:auto;}
.accordion .accordion-item .expand-icon::before {left:0; right:0; top:0; bottom:0; width:2px; height:20px; }
.accordion .accordion-item .expand-icon::after {top:0; bottom:0; left:0; right:0; width:20px; height:2px;}
.accordion .accordion-item .expand-icon:not(.minus) {transform: rotate(180deg);}
.accordion .accordion-item .expand-icon.minus::before {display:none;}

/* CTA */
#cta {border-bottom:1px solid #fff; border-top:1px solid #fff;}
#cta .wrapper {padding:5% 15%; width:100%;}

/* FOOTER */
footer {background:#e34a31 url('img/bg-footer.jpg') no-repeat 50% 0 / cover;}
footer .contact-details {position: relative; padding: 90px 0 90px 0; color:#fff;}
footer .contact-details *, footer .contact-details h1, footer .contact-details h2, footer .contact-details h3, footer .contact-details h4, footer .contact-details h5, footer .contact-details h6, footer .contact-details .h1, footer .contact-details .h2, footer .contact-details .h3, footer .contact-details .h4:not(a:hover), footer .contact-details .h5:not(a:hover), footer .contact-details .h6:not(a:hover), footer .contact-details strong, footer .contact-details b {color: #fff;}
footer .contact-details .h4, footer .contact-details .h5 {margin:0;}
footer .contact-details .flex .flex > div:first-of-type {margin-right:7vw;}
footer .contact-details ul li {margin-bottom:7px;}
footer .contact-details a:not(.btn) {font-weight:400;}
footer .contact-details .featured-text {color:#ccc; margin-bottom:20px;}

footer .menu-nawigacja-stopka-container {text-align:center;}
footer ul.menu {width:100%; max-width:800px; display:inline-block; margin:0 auto; border-top:1px solid #fff;}
footer ul.menu > li {display:inline-block; padding:0; position:relative;}
footer ul.menu > li + li {margin:0; padding-left:2vw;}
footer ul.menu > li > a {display:block; font-weight: 400; padding:0; text-transform:uppercase; color:#fff;}
footer ul.menu > li a:hover {color:#ccc;}
footer ul.menu > li > a {line-height:120px;}

footer .phone, footer .mail, footer .address {padding-left:40px;}
footer .phone {background:url('img/i-phone.svg') no-repeat 0 50%;}
footer .mail {background:url('img/i-mail.svg') no-repeat 0 50%;}
footer .address {background:url('img/i-address.svg') no-repeat 0 50%;}

footer .columns .column-1 {flex-basis:100%;}
footer .columns .column-2 {flex-basis:48%;}
footer .columns .column-3 {flex-basis:31%;}
footer .columns .column-4 {flex-basis:22%;}
footer .columns .column h3 {margin:0;}
footer .columns .column a {color:#ccc; font-weight:700;}
footer .columns .column a:hover {color:#ccc;}
footer .columns .column p.h3 {margin:0;}
footer .content img {margin:0 auto; max-width:120px;}
footer .copyright {padding:40px 0 40px 0; width:100%; position:relative; background-color:transparent; text-transform: none; overflow:hidden; font-weight: 400;}
footer .copyright .wrapper {line-height:20px;}
footer .copyright p, footer ul {margin-bottom:0; }
footer .copyright p {margin-bottom: 0; display: inline-block;}
footer .copyright .copyright-design img {max-height:20px; margin-left:8px; margin-bottom:-1px;}
footer .copyright .copyright-design {color: #e34a31;}
footer .copyright .copyright-text a, footer .copyright .copyright-text span {margin-left:2vw;}
footer .copyright .copyright-text a {font-weight:700; color:#fff;}

/* FORM */
form {margin:40px auto 0 auto; padding:0; max-width:800px; position: relative; z-index:1;}
form label.zgoda, #opis {margin: 30px 0 10px 40px; display: block; font-size: 14px; color:#00040E; text-transform: none; font-weight: 400; letter-spacing:0;}
form input[type="text"], form input[type="tel"], form input[type="email"], form select, form input[type="date"], form input[type="number"], form input[type="file"], form input[type="password"] {cursor: auto; vertical-align: middle; line-height:30px;}
form input[type="text"], form input[type="tel"], form input[type="email"], form select, form input[type="date"], form input[type="number"], form input[type="file"], form textarea {font-family: 'Archivo', sans-serif; font-weight:400; padding:10px 20px; overflow: visible; width:calc(100% - 40px); height:35px; border:2px solid #00040E; border-radius:0; background-color:#fff; color:#00040E; margin-top:0;}
form select {box-sizing: content-box; margin:0; border-radius:0;}
form textarea {height:200px; line-height:1.4; overflow:hidden; border-bottom:2px solid #00040E; width:calc(100% - 40px); border-radius:0;}
.page-id-16 form textarea {height:232px; margin-bottom:20px;}
form input[type="checkbox"] {margin:2px 20px 0 0; float:left;}
main form input[type="text"]:focus, form input[type="tel"]:focus, form input[type="email"]:focus, form select.wpcf7-select:focus, form input[type="date"]:focus, form input[type="number"]:focus, form textarea:focus, form input[type="password"]:focus {background-color:transparent; border-color:#00040E}
.wpcf7-validates-as-required {background:#fff;}
form input::placeholder, form textarea::placeholder {opacity:1; font-style:normal;  font-family: 'Archivo', sans-serif; font-weight:400; color:#00040E;}
.wpcf7-form.sent div.wpcf7-response-output, .wpcf7-form.invalid div.wpcf7-response-output, .wpcf7-form.unaccepted div.wpcf7-response-output, .wpcf7-form.spam div.wpcf7-response-output {padding:10px 10%; margin-top:20px;}
.wpcf7-form.invalid div.wpcf7-response-output {background:red; color:#fff;}
.wpcf7-form.sent div.wpcf7-response-output {background:green; color:#fff;}
.wpcf7-form div.wpcf7-response-output {height:auto; margin:auto; width:100%; max-width:100%; z-index:90; font-weight:400 !important; text-align:center; display:block; top:0; bottom:0; left:0; right:0; position:relative; z-index:10; line-height:1.3;}
.wpcf7 div.wpcf7-display-none {display:none !important;}
span.wpcf7-not-valid-tip {color:red; padding:0 2%; display: block;}
.screen-reader-response {display:none;}
form strong {margin-bottom:20px; display:block;}
form p, form div.flex {margin-bottom:20px;}
input[type='radio'] {-webkit-appearance:none; width:20px; height:20px; border:2ch solid #00040E;  border-radius:50%; outline:none; position: relative;}
input[type='radio']:before {content:" "; display:block; width:14px; height:14px; margin:auto; border-radius:50%; cursor:pointer; position:absolute; top:0; bottom:0; left:0; right:0;}
input[type='radio']:checked:before {background:#ccc;}  
input[type='checkbox'] {-webkit-appearance:none; width:20px; height:20px; border:2px solid #00040E; outline:none; background-color:transparent;}
input[type='checkbox']:before {content:" "; display:block; width:80%; height:80%; margin:5% auto; cursor:pointer}
input[type='checkbox']:checked:before {left: 9px; top: 3px; width: 5px; height: 10px; border:2px solid #00040E; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}  
form .wpcf7-radio .wpcf7-list-item {display:inline-block; width:50%; margin:3px 0;}
form .wpcf7-radio .wpcf7-list-item input {margin-right:10px;}

/* TABLE */
main table {margin:30px 0 30px 0; border-collapse: collapse; table-layout: fixed; width:100%; border: 0;}
main table:first-child {margin-top:0;}
main table:last-child {margin-bottom:0;}
main table tr td:first-child, main table tr th:first-child {text-align:right; border-top-left-radius: 30px;}
main table tr td:last-child {font-weight:700; color:#ccc; border-bottom-right-radius: 30px;}
main table tr td, table tr th, main .wp-block-table table td, main .wp-block-table table th {padding:30px 2vw 30px 2vw; vertical-align: middle;}
main .wp-block-table table td {border: 1px solid #fff;}
main table thead tr th, main .wp-block-table table th {vertical-align: middle; color:#fff; background-color:#fff; border: 0}
main table tbody tr:nth-child(odd) td {background-color: #fff;}
main table tbody tr:nth-child(even) td {background-color: #fff;}
main table tr td p, main table tr td h6 {margin:0;} 
main table caption {padding: 10px; caption-side: bottom;}
main .wp-block-table thead {border: 0;}

/* COOKIES */
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {border: 0; border-radius:25px; background-color: #ccc;}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {color:#e34a31; font-weight:700; border-radius:25px;}
body .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {background-color:#ccc; color:#e34a31; box-shadow: 0 3px 20px rgba(228, 196, 147, 0.7);}
body #cmplz-manage-consent .cmplz-manage-consent {text-indent:-99999999px; background: url('https://adventureboats.eu/wp-content/uploads/i-cookie.svg') no-repeat 50% 50% / 28px; width:36px; height:36px; min-width: 36px; right: 0; border-radius:0; border:0;}
body .cmplz-cookiebanner .cmplz-categories .cmplz-category {background-color:#fff;}

/* LOADER */
.page-loader {background: #e34a31; text-align: center; z-index: 99999999999999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;   -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -moz-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center; -ms-align-content: center; -ms-flex-line-pack: center; align-content: center;}
.page-loader img {width: 65px; animation: spin360 0.75s linear infinite;}
@keyframes spin360 {100% {transform:rotate(360deg)}}
.page-loader.hide {z-index: -99999999999999; display: none; transition: opacity 0.3s ease-in-out;}

/* RESPONSIVE */
@media screen and (min-width: 320px) {
    body, form input, form textarea, header.site-header .main-navi ul.menu > li > ul.sub-menu > li > a, .heading-label {font-size: calc(13px + 3 * ((100vw - 320px) / 1700));}
    h1, .h1 {font-size: calc(25px + 45 * ((100vw - 320px) / 1700));}
    main section.cover h2 {font-size: calc(20px + 40 * ((100vw - 320px) / 1700));}
    h2, .h2 {font-size: calc(20px + 30 * ((100vw - 320px) / 1700));}
    h3, .h3 {font-size: calc(19px + 21 * ((100vw - 320px) / 1700));}
    h4, .h4 {font-size: calc(17px + 8 * ((100vw - 320px) / 1700));}
    h5, .h5, .featured-text {font-size: calc(16px + 7 * ((100vw - 320px) / 1700));}
    h6, .h6, blockquote, .i-contact, .i-open, .i-address {font-size: calc(15px + 5 * ((100vw - 320px) / 1700));}
    .accordion-item-header {font-size: calc(17px + 6 * ((100vw - 320px) / 1700));}
    footer .contact-details .f-jcfs-aifc-acfc strong, .link, .bigger-desc {font-size: calc(13px + 4 * ((100vw - 320px) / 1700));}
    .bigger-title {font-size: calc(70px + 80 * ((100vw - 320px) / 1600));}
    .big-heading {font-size: calc(45px + 25 * ((100vw - 320px) / 1600));}
    .btn, form input[type="submit"], main .wp-pagenavi a {font-size: calc(13px + 4 * ((100vw - 320px) / 1600));}
    .navigation .menu-wrapp ul li a, header.site-header .contact a, header.site-header .lang-navi a {font-size: calc(13px + 3 * ((100vw - 320px) / 1600));}
    footer .copyright, .label-text {font-size: calc(12px + 2 * ((100vw - 320px) / 1700));}
}
@media screen and (min-width: 1700px) {
    body, form input, form textarea, header.site-header .main-navi ul.menu > li > ul.sub-menu > li > a, .heading-label {font-size: 16px;}
    h1, .h1 {font-size: 70px;}
    main section.cover h2 {font-size:60px;}
    h2, .h2 {font-size: 50px;}
    h3, .h3 {font-size: 40px;}
    h4, .h4 {font-size: 25px;}
    h5, .h5, .featured-text {font-size: 23px;}
    h6, .h6, blockquote, .i-contact, .i-open, .i-address {font-size: 20px;}
    .accordion-item-header {font-size: 23px;}
    footer .contact-details .f-jcfs-aifc-acfc strong, .link, .bigger-desc {font-size: 17px;}
    .bigger-title {font-size: 150px;}
    .big-heading {font-size: 70px;}
    .btn, form input[type="submit"], main .wp-pagenavi a {font-size: 17px;}
    .navigation .menu-wrapp ul li a, header.site-header .contact a, header.site-header .lang-navi a {font-size: 16px;}
    footer .copyright, .label-text {font-size: 14px;}
}
@media screen and (max-width:1280px) {
    header.site-header .main-logo a.logo img {height:30px;}
    .section-hero {padding-top: 70px;}
    main section, footer .contact-details {padding-top:80px; padding-bottom:80px;}
    .subpage main section#offer {margin-bottom:80px; padding-top:100px;}
    .navigation {width:92vw;}
    .navigation {z-index:501;}
    .navigation > .flex {position: absolute; top: 73px; width: 100%;}
    .navigation .menu-icon {width:50px; z-index:901; cursor:pointer;}
    .navigation .menu-icon .square {width:30px; height:14px; position:absolute; left:auto; right:0; top:0; bottom:0; margin:auto;}
    .navigation .menu-icon .line {background-color:#fff; display:block;  position:absolute; height:2px; width:100%;}
    .navigation .menu-icon .line.top {top:0;}
    .navigation .menu-icon .line.middle {top:50%;}
    .navigation .menu-icon .line.bottom {top:100%;}
    .navigation .menu-icon.active {top:0; background-color:#fff;}
    .navigation .menu-icon.active .line.top, .menu-icon.active .line.bottom {top:50%; background-color:#fff; }
    .navigation .menu-icon.active .line.top {transform: rotate(-135deg);}
    .navigation .menu-icon.active .line.middle {opacity:0;}
    .navigation .menu-icon.active .line.bottom {transform:rotate(-45deg);}
    .navigation .menu-wrapp {width:100%; z-index:900; color:#00040E; background-color:#fff; outline:1px solid #ccc}
    .navigation .menu-wrapp::-webkit-scrollbar {display: none;}
    .navigation .menu-wrapp > div {width:100%;}
    header.site-header .navigation .menu-wrapp ul.menu {margin: 20px 20px 20px 20px;}
    header.site-header .navigation .menu-wrapp ul li {list-style-type:none; text-align: center; display:block; margin:0; padding:0;}
    header.site-header .navigation .menu-wrapp ul.menu > li + li {border-top:1px solid #ccc; padding:0;}
    header.site-header .main-navi ul.menu > li > ul.sub-menu > li + li {padding-left: 0;}
    header.site-header ul.menu > li > a, header.site-header.fixed ul.menu > li > a {line-height:1.2; font-size:16px;}
    header.site-header .navigation .menu-wrapp ul li:hover {background-color: rgba(234,145,0,0);}
    header.site-header .navigation .menu-wrapp ul li a {overflow: hidden; margin:10px 0; color:#00040E}
    header.site-header .main-navi ul.menu > li > ul.sub-menu {min-width:10px; left:0; width:100%;}
    header.site-header ul:not(#menu-nawigacja-lang) li ul.sub-menu li {background-color:#fff; width:100%; border:0;}
    header.site-header .main-navi ul.menu > li > ul.sub-menu > li > a {margin:0; padding-top: 0; padding-bottom: 15px; font-size:13px; color:#000;}
    header.site-header .main-navi ul.menu > li > ul.sub-menu > li > a > img {height: 35px;}
    header.site-header .main-navi ul.menu li span.menu-image-title-after.menu-image-title {position: absolute; left: 35px;}
    header.site-header .navigation .menu-wrapp ul li a:hover {letter-spacing: 0; color:#000;}
    header.site-header .navigation .menu-wrapp.flex {display:none;}
    header.site-header .navigation .menu-wrapp.flex.show {display:block;}
    header.site-header ul li ul.sub-menu, header.site-header.fixed ul li ul.sub-menu, header.site-header ul li:hover > ul.sub-menu, header.site-header .main-navi ul.menu > li > ul.sub-menu, header.site-header.fixed .main-navi ul.menu > li > ul.sub-menu, header.site-header.fixed .main-navi ul.menu > li#menu-item-30:not(:hover) > ul.sub-menu {position:relative; top:0; padding:0; margin:0; visibility: visible; opacity:1; border:0;} 
    header.site-header ul.menu li.menu-item-has-children > a::after {display:none;}
    header.site-header ul.menu li.menu-item-has-children > a {padding-right: 0;}
    header.site-header .flex.wrapper {position: relative;}
    header .main-navi {margin:0;}
    .three-tiles .tile {padding: 25px;}
    .section-hero h1 {margin: 80px 0 0 0;}
    main section.cover {min-height: 230px;}
    .offer-section .half > div p, .offer-section .half > div h2, .offer-section .half > div h3, .offer-section .half > div h4, .offer-section .half > div h5, .offer-section .half > div h6 {margin: 25px;}
    .offer-section .half > div {margin: -25px 0 0 0; padding: 25px 0;}
    .offer-section .half > div.button {padding: 25px;}
    .offer-section .columns::after {height: 95px;}
    .offer-section .half figure {height: calc(100% - 25px); margin-top: 25px;}
    #cta .wrapper {padding: 50px 50px;}
    .offer-tiles .tile {padding: 50px 25px;}
    .child-boxes .child-box .image {width: 200px; height: 200px;}
    .child-boxes .child-box .image img {max-width: 200px;}
    .page-id-7 .benefits .grid-container > div {max-width: 200px;}
    .page-id-7 .benefits .wrapper::before, .page-id-7 .benefits .wrapper::after {height: calc(100% + 160px); top: -80px;}
    #realization .wrapper, #realization .wrapper-wide, #blog .wrapper, #blog .wrapper-wide {position: relative; padding: 80px 0 0 0;}
    .page-id-15 main section.one-column::before {display:none;}
    .single .w65p {width: calc(70% - 100px);}
    .single .child-boxes .child-box .image {width:auto; height:auto}
}

@media (min-width: 782px) {
    body .wp-block-columns {gap:8vw;}
}

@media screen and (max-width:781px) {
    .section-hero h1 {margin: 50px 0 0 0;}
    main section.cover {min-height: 150px;}
    main section.cover h4 {margin-top: 50px;}
    .columns {display:block; width: 100%;}
    .three-tiles .tile.bg-tile + .tile.bg-tile {margin-top:25px;}
    .blue-section .half {width:88% !important; padding-left:0; margin:0 auto;}
    .blue-section .half.image {height: 100%; overflow: hidden; padding: 0 0 80px 0; border-left: 0;}
    .line-1, .line-2 {display:none;}
    .child-boxes .child-box .image {width: 280px; height: 280px;}
    .child-boxes .child-box .image img {max-width: 280px;}
    .child-boxes .child-box .details {padding: 0 25px 25px 25px;}
    .single .child-boxes .child-box .details {padding: 0 25px 25px 25px; text-align:center;}
    .single .child-boxes .child-box .image {margin:0 auto;}
    .single .child-boxes .child-box {text-align:center;}
    .small {margin-top: 20px;}
    .single .w30p {margin-top:40px; max-width:100%; text-align:center}
    #cta .wrapper {padding: 50px 0; width:88%; margin:0 auto;}
    iframe {height:300px;}
    main section, footer .contact-details {padding-top:50px; padding-bottom:50px;}
    .page-id-7 .offer-tiles .columns {padding-left:0;}
    .page-id-7 .offer-tiles .columns .half:last-child {top: 0; position: relative; margin-top: 50px;}
    .page-id-7 main {background-image: none;}
    .page-id-7 .benefits .wrapper::before, .page-id-7 .benefits .wrapper::after {display:none;}
    .page-id-7 .benefits .grid-container {grid-template-columns: 1fr;}
    .page-id-7 .benefits .grid-container > div {max-width: 100%;}
    .offer-tiles .tile + .tile {margin-top:50px;}
    .offer-tiles:first-of-type {padding-top: 50px;}
    .offer-tiles:last-of-type {padding-bottom: 50px;}
    #realization .wrapper, #realization .wrapper-wide, #blog .wrapper, #blog .wrapper-wide {padding: 50px 0 0 0;}
    h2.w60p {margin:0;}
    main section, .bg-services {padding-top:50px; padding-bottom:50px;}
    #slider.main-slider .slide .caption-wrap .caption {max-width:80%;}
    .w30p, .w60p, .w70p, .half, .w50p, .single .w65p {width: 100% !important;}
    .grid-container {grid-template-columns: repeat(2, 1fr); grid-gap: 40px;}
    .mb120, .mb80 {margin-bottom: 50px;}
    h1, h2, .h1, .h2 {margin-bottom:20px;}
    .child-boxes .child-box .flex:not(.tech-data), .child-boxes {display:block;}
    .child-boxes .child-box .image {width: 100%;}
    .child-boxes .child-box .details {width: 100%;}
    .box-btn, .services .box-btn {height: auto; position:relative; right:auto; left:auto; bottom:auto; top:auto; padding-top:30px; padding-bottom:30px;}
    .services .box-btn, .about-me .box-btn {margin:0 auto 50px auto;}
    .services .box-btn, .one-column, .about-me .columns .half, .w32p, .three-tiles .tile {width:100% !important; max-width:100%;}
    .services div.child-boxes.slick-slider button.slick-arrow {width: 30px; height: 30px;}
    .offer-section .half figure {height: 400px; margin-top: 25px;}
    .offer-section .half > div {margin:0; padding: 25px 0;}
    .grid-container > div {width: 40%;}  
    footer .columns .column:first-child {flex-basis:calc(50% - 20px);}
    footer .columns .column {flex-basis: calc(50% - 20px); margin:10px 0;}
    footer .copyright-design {margin-top:10px; background-color:#fff; width:100%; padding:10px;}
    footer .copyright::before {display:none;}
    footer .copyright-design.tar {text-align:center;}
    footer .copyright {padding-top:0;}
    form .w30p {margin-top:20px;}
    .section-hero .tar {text-align:left;}
    .heading-label {margin-top:0;}
    .section-hero {padding-bottom: 10px;}
    main section.cover {padding: 10px 0;}
    .blue-boxes {margin-top: 50px;}
}

@media screen and (max-width:480px) {
    .offer-tiles .tile {padding: 25px 25px;}
}