/* ukrycie outline dla focus */
* {
  outline: medium none !important;
  box-sizing: border-box;
}
a {text-decoration: none;}
img {
  border: 0;
  max-width: 100%;
  height: auto;
}
body {
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  color: #000;
  border: 0;
  margin: 0;
  background-color: #fff;
}
.container.narrow {max-width: 1400px !important;}
.container.arrow {max-width: 1200px !important;}
.container.cnt {max-width: 800px !important;}
.container.form {max-width: 800px !important;}

/* Root SZU */
:root {
  --color-fl: #fff;  /* font light*/
  --color-fd: #000;  /* font dark*/
  --color-b: #0042D0; /* tło*/
  --color-bl: #fcfcfc; /* tło light*/
  --color-bd: #00111e; /* tło dark*/
  --color-dl: #2766EE; /* detal ligh FF8800t*/
  --color-dd: #8E2C2C; /* detal dark*/
  --color-dlg: #; /* detal light green*/
  --color-hov: #; /* hover*/
  --padding-box: 60px 30px 30px 30px;
  --radius-0: 0px;
  --radius-1: 10px;
  --radius-2: 20px;
  --radius-3: 40px;
  --border-1: 1px;
  --gap-0: 0px !important; 
  --gap-1: 0px !important;
}

/* Margin SZU */
.py-1 {padding-top: 50px !important; padding-bottom: 50px !important;}
.py-2 {padding-top: 100px !important; padding-bottom: 100px !important;}
.pt-2 {padding-top: 100px !important;}
.py-3 {padding-top: 150px !important; padding-bottom: 150px !important;}

.pb-1 {padding-bottom: 50px !important;}
.pb-2 {padding-bottom: 100px !important;}
.pb-3 {padding-bottom: 150px !important;}

.mb-25 {margin-bottom: 25px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-100 {margin-bottom: 100px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-100 {margin-top: 100px !important;}
.mt-150 {margin-top: 150px !important;}
.pt-100 {padding-top: 100px !important;}
.pb-100 {padding-bottom: 100px !important;}
.py-100 {padding-top: 100px !important; padding-bottom: 100px !important;}
.pt-150 {padding-top: 150px !important;}
.pb-150 {padding-bottom: 150px !important;}
.py-150 {padding-top: 150px !important; padding-bottom: 150px !important;}
.my-5 {margin: 0 !important;}
.mrg-end {margin-bottom: 125px !important;}

/* Headers */
#header-level-1 {
  padding: 10px 0;
}
#header-level-1 p {margin: 0;}
/* #header-level-1 div[class^="header-"] {background: var(--color-dl);} - using css wildcard
#header-level-1 .mod-custom {
  background: blue;
  width: 30%;
}*/
#header-level-1 .navbar-nav {
  padding: 0.5rem 0;
  flex-wrap: wrap;
  flex-direction: row;
}
.offcanvas .navbar-nav {flex-direction: column !important;}
.offcanvas .dropdown-menu.show li {display: block !important;}
#header-level-1 .mod-list li {display: inline-block;}
#header-level-1 .mod-list a {
  padding: 5px 15px;
  text-decoration: none;
  font-size: 0.875rem;
  color: #072f60;
  transition: all 0.5s ease 0s;
}
#header-level-1 .mod-list a:hover,
#header-level-1 .mod-list li.item-126 a,
#header-level-2 .navbar a:hover {
  background: #000;
  color: #ccc;
  transition: all 0.5s ease 0s;
}
#header-level-2 {padding: 15px 0;}
#header-level-1 .logo img {
  max-height: 40px;
  width: auto;
  transition: all 0.5s ease 0s;
}
#header-level-2 .logo img {
  max-height: 70px;
  width: auto;
  transition: all 0.5s ease 0s;
  margin-right: 40px;
}
#header-level-2 .navbar a, .offcanvas .offcanvas-body .mod-list.navbar-nav a {
  padding: 5px 15px;
  text-decoration: none;
  font-size: 1.4rem !important;
  color: #fff;
  transition: all 0.5s ease 0s;
  display: inline-block;
}
/* Header with transparency */
/*
header {
  position: absolute;
  z-index: 10;
  width: 100%;
}
*/
/* Header menu */
header .float-panel {
  background: #fff;
}
header #header-level-2.float-panel .navbar a, header #header-level-2.float-panel.fixed .navbar .dropdown-menu a {color: #000;}
header #header-level-2.float-panel.fixed .navbar a {color: #000;}
.float-panel {
  width:100%;
  z-index:300;
  transform: translateZ(0);
  transition: all 0.9s ease 0s;
  position: relative;
}
.fixed {
  animation:slide-down 0.9s;
  position:fixed;
  top:0;
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 0.9;
        transform: translateY(0);
    }
}
/* Positioning of offcanvas button */
.offcanvas-button {
  position: fixed;
  right: 0;
  top: 300px;
  z-index: 10;
}
/*.offcanvas-button:before {content: "Offcanvas button";}*/
.offcanvas-button {
  display: block;
  background: url('../images/btn-close.png') left center no-repeat;
  color: #fff;
  text-decoration: none;
  width: 25px;
  height: 19px;
}
.offcanvas-button:hover {background: url('../images/btn-close.png') right center no-repeat;}
.collapse.navbar-collapse .nav-link {display: inline-block;}
ul.dropdown-menu.show {
  border-top: 2px solid #283683 !important;
  border: 0;
  border-radius: 0;
  background: #000;
  padding: 10px;
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.13);
}
.offcanvas-body .dropdown-menu.show {
  position: relative !important;
  transform: initial !important;
  text-align: center;
}
.offcanvas-body .nav-link {padding: 0;}
#cookiesBar {
  color: #fff;
  position: fixed;
  z-index: 9999;
  max-width: 400px;
  font-size: 0.8rem;
  margin: 40px;
}
#cookiesBarWrap {
  position: relative;
  padding: 15px 35px 15px 135px;
  background-color: #003D65;
  background-image: url('../images/cookies.png');
  background-repeat: no-repeat;
  background-position: 15px center;
  border-radius: 10px;
  color: #7ACAFF;
}
#cookiesBarClose {
  display: block;
  width: 20px;
  height: 19px;
  background: url("../images/btn-close.png") 0 0 no-repeat;
  text-indent: -999em;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 40px;
}

#sppb-addon-1707314565533 .sppb-addon-clients-image {
    max-height: 60px;
    vertical-align: middle!important;
    margin-bottom: 30px;
}

a#cookiesBarClose {border: 0;}
#cookiesBarClose:hover {background-position: -30px 0;}
.com-content-article__body a:link, .com-content-article__body a:visited {
  text-decoration: none;
  color: #007bff;
  transition: all 0.5s ease 0s;
  border-bottom: 1px dashed #007bff;
  padding-bottom:1px;
}

/* HEAD CDAS - OK */
.page-slider {
  width: 100%;
}
body.head-m .page-slider {
  height: 500px;
}
.page-slider-m {height: 500px;}
body.head-s .page-slider {
  height: 300px;
  border-bottom: 4px solid var(--color-dd);
  margin-bottom: 100px;
}
.page-slider-s {height: 300px;}
body.head-xs .page-slider {
  height: 300px;
  border-bottom: 4px solid var(--color-dd);
}
.page-slider-xs {height: 300px;}

/* HEADING SLIDER TEKST - OK */
/*.heading-slider-main {padding-top: 200px;}*/
.heading-slider-main h1 {
  color: var(--color-fl);
  font-weight: 400;
  text-align: var(--mob-1);
  font-family: 'Roboto', sans-serif;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.heading-slider-main span {
  color: var(--color-fl);
  font-weight: 600;
  text-align: var(--mob-1);
  font-family: 'Nunito', sans-serif;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.heading-slider-main.submain h1 {
  padding-top: 0px;
}
.heading-slider-main p {
  padding-top: 20px;
  color: var(--color-fl);
  font-weight: 400;
  text-align: var(--mob-1);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}


.heading-slider-box {border-bottom: 4px solid var(--color-dd);}
/*.heading-slider {padding-top: 50px; margin-bottom: 50px !important;}*/
.heading-slider h1 {
  color: var(--color-fl);
  font-weight: 600;
  font-size: 4rem;
  text-align: var(--mob-2);
  font-family: 'Roboto', sans-serif;
  padding-top: 100px;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.heading-slider p {
  padding-top: 0px;
  color: var(--color-fl);
  font-weight: 400;
  text-align: center;
  font-size: 1.4rem;
}
/* HEADING MOD TEKST - OK jeszcze nie uzyty*/
.heading-mod h1 {
  color: var(--color-fl);
  font-weight: 700;
  text-align: var(--mob-1);
  font-family: 'Roboto', sans-serif;
  margin-bottom: 25px;
}
.heading-mod h2 {
  color: var(--color-fd);
  font-weight: 700;
  font-size: 3rem;
  text-align: var(--mob-1);
  font-family: 'Roboto', sans-serif;
  margin-bottom: 25px;
}
.heading-mod h3 {
  color: var(--color-fd);
  font-weight: 700;
  text-align: var(--mob-1);
  margin-bottom: 25px;
}
.heading-mod p {
  color: var(--color-fd);
  font-weight: 300;
  text-align: var(--mob-1);
  font-size: 1.2rem;
}
.heading-mod span {
  color: var(--color-dl);
  font-weight: 300;
  text-align: var(--mob-1);
  font-size: 1.2rem;
}
.heading-mod-sub {
  color: var(--color-fd);
  text-align: var(--mob-2);
}
.heading-mod-sub-d {
  color: #fff;
  text-align: var(--mob-2);
}
.heading-mod-sub-d2 {
  color: #fff;
  text-align: var(--mob-1);
}
.heading-mod-sub h3, .heading-mod-sub-d h3, .heading-mod-sub-d2 h3 {
  font-size: 2.8rem;
  font-weight: 700;
}
.heading-mod-sub p, .heading-mod-sub-d p {
  font-size: 1.2rem;
}
.heading-mod-sub.light {color: var(--color-fl)!important;}
.heading-mod-sub.left {text-align: var(--mob-1);}
.heading-mod.cntr h2, .heading-mod-l.cntr h2, .heading-mod.cntr span {text-align: var(--mob-2);}



.txt-mod {  
  color: var(--color-fd);
  text-align: var(--mob-1);
}
.txt-mod h4 {  
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}
.txt-mod p {font-size: 1.2rem; margin-bottom: 50px;}
.txt-mod svg {color: var(--color-dl); margin-bottom: 0px; font-size: 1.4rem;}



.heading-mod.cntr h2, .heading-mod-l.cntr h2, .heading-mod.cntr span {text-align: var(--mob-2);}
.mod-space {padding: 125px 0 !important;}

.heading-mod-l h2 {
  color: #fff;
  font-weight: 400;
  font-size: 2.8rem;
  text-align: var(--mob-1);
  font-family: 'Roboto', sans-serif;
  margin-bottom: 25px;
}
.heading-mod-l p {
  padding-top: 0px;
  color: #fff;
  font-weight: 400;
  text-align: var(--mob-2);
  font-size: 1.2rem;
}
.heading-mod-l span {
  color: #fff;
  font-weight: 300;
  text-align: left;
  font-size: 1.2rem;
}

.heading-mod-d h2 {
  color: var(--color-fd) !important;
  font-weight: 400;
  font-size: 1.8rem;
  text-align: var(--mob-1);
  font-family: 'Roboto', sans-serif;
  margin-bottom: 25px;
}
.heading-mod-l p a {color: #fff;}
.heading-mod-d p {
  padding-top: 0px;
  color: var(--color-fd);
  font-weight: 400;
  text-align: var(--mob-2);
  font-size: 1.2rem;
}
.heading-mod-par h2 {
  color: var(--color-fl) !important;
  font-weight: 800;
  font-size: 3.6rem;
  text-align: var(--mob-2);
  font-family: 'Roboto', sans-serif;
  padding-top: 50px;
}

.heading-mod-d-left h2   {
  color: var(--color-fd) !important;
  font-weight: 400;
  font-size: 1.8rem;
  text-align: var(--mob-1);
  font-family: 'Roboto', sans-serif;
  margin-bottom: 25px;
}

.img-shape-1 img {
  width: 500px;
  height: 500px;
  border-radius: 20px;
-webkit-box-shadow: 8px 13px 50px -12px rgba(122, 183, 255, 1);
-moz-box-shadow: 8px 13px 50px -12px rgba(122, 183, 255, 1);
box-shadow: 8px 13px 50px -12px rgba(122, 183, 255, 1);
}
.img-shape-2 img {
  width: 350px;
  height: 350px;
  border-radius: 20px;
-webkit-box-shadow: 8px 13px 50px -12px rgba(122, 183, 255, 1);
-moz-box-shadow: 8px 13px 50px -12px rgba(122, 183, 255, 1);
box-shadow: 8px 13px 50px -12px rgba(122, 183, 255, 1);
}
.shape-feature {
  border-radius: 0px;
  border: 1px solid #fff;
  padding: 40px 25px;
  color: #fff;
}
.shape-feature img, .price-col img {width: 80px;}
.shape-feature-row {margin-bottom: 30px;}
.shape-feature h3 {
  font-weight: 600;
  font-size: 1.4rem;
  padding-bottom: 10px;
  font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
  text-align: var(--mob-1);
}
.shape-feature p {
  text-align: var(--mob-1);
}

.price-row-big {margin-bottom: 30px;}
.price-col {  
  border-radius: 0px;
  border: 1px solid #fff;
  padding: 40px 25px;
}
.price-row {margin-bottom: 10px;}
.price-row .pricelist-title, .price-row .pricelist-price {font-weight: 400; color: #fff;}



/*Przełącznik języka - OK*/
div.mod-languages a {
  color: var(--color-fd);
  font-size: 1.4rem;
  font-weight: bold;
}
div.mod-languages li {}
div.mod-languages ul li.lang-active {background-color: #fff;}


footer {
  background: #f5f5f5;
  color: #000;
  /*margin-top: 50px;*/
}
footer a {
  color: #ccc;
  text-decoration: none;
}
footer a:hover {color: #fff;}
.footer {margin-bottom: 30px; padding-right: 10px; padding-left: 10px;}
.footer h3 {color: #fff; font-size: 1.2rem; font-weight: 600; padding-bottom: 20px;}
.footer h4 {color: #fff; font-size: 1rem; font-weight: 600; padding-bottom: 20px;}
.footer p, .footer a {color: #fff; font-size: 1rem; font-weight: 400; padding: 0; margin: 0;}
.custom.footer .fs-1 svg {height: 40px; padding-right: 15px;}
.footer h3 svg {color: var(--color-dl);}
.footer .nav, .footer-2-1 .nav, .footer-2-2 .nav, .footer-2-3 .nav, .footer-2-4 .nav {display: block;}
.footer-4-4 img {height: 200px; width: auto; padding-right: 15px;}
#footer-1, #footer-2, #footer-3 {padding: 35px 0}
#footer-1 {background: #002A85;} 
#footer-2 {padding: 100px 0 50px 0}
#footer-3 {font-size: 0.8rem; padding-bottom: 20px;}
#footer-3 a {color: #000; font-weight: bold;}
#footer-3 a:hover, .footer a:hover {color: var(--color-dl);}
#footer-4 {padding: 100px 0 100px 0}

/* MENU SZU - OK PRZENIEŚĆ */
.dj-megamenu-clean li a.dj-up_a > span span.name {
  font-size: 1.2rem;
  font-family: 'Roboto', sans-serif;
  color: #000;
}
.float-panel.fixed .dj-megamenu-clean li a.dj-up_a > span span.name {color: var(--color-dd);}













/* Left & Right columns */
/*.left .moduletable {
  color: #fff;
  padding: 30px 20px 80px 20px;
  border-radius: 5px;
  background: #000 url('../images/tlo-left3.png') bottom left no-repeat;
}*/

.right .moduletable {
  border: 1px dashed #000;
  padding: 15px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
.right .moduletable h3 {font-family: 'Playfair Display', serif;}
.right .moduletable h3::before {
  content: '🍕 Not ';
}
.column {float: left;}
.column .blog-item {
  border: 1px solid #000;
  margin: 0 5px 15px 5px;
}
.column .blog-item .item-content {padding: 0 15px;}
.blog-item a {
  text-decoration: none;
  color: inherit;
}
.blog-item a button {transition: all 0.5s ease 0s;}
.blog-item a:hover button {
  letter-spacing: 1px;
  transition: all 0.5s ease 0s;
}
.right .moduletable, /*.left .moduletable*/ {margin-bottom: 30px;}
.tab-content {min-height: 200px;}
.blog .page-link, #phocagallery .page-link {
  display: inline-block;
  color: #007A39;
}
.blog .page-item.active .page-link, #phocagallery .page-item.active .page-link {
  background-color: #007A39;
  border-color: #007A39;
  color: #fff;
}
.start #main-content .mod-custom {margin-bottom: 150px;}
.blog-item a p.readmore {transition: all 0.5s ease 0s;}
.blog-item a:hover p.readmore {
  letter-spacing: 1px;
  transition: all 0.5s ease 0s;
}
.blog-item img {border-radius: 10px;}
.blog-item h2 {
  font-size: 1.3rem;
  font-weight: bold;
}
/* Features */

/*#main-content .mod-custom {margin-bottom: 30px;}
.fa-stack.small { font-size: 1em; }
i { vertical-align: middle; }*/

/*#dj-megamenu272 a, /*#dj-megamenu278 a*/ /* {
  font-size: 1.2rem !important;*/
  /*font-family: 'Outfit', sans-serif;*/
  /*align-items: center;*/
}
/*#dj-megamenu272 .first a {
padding-left: 10px !important;
align-items: left;
}*/

/* MAIN MENU - CDAS OK */

#dj-megamenu272 li ul.dj-submenu > li > a {
    font-size: 1.2rem;
    line-height: 24px;
    text-decoration: none;
    padding: 12px 20px;
    margin: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    font-family: 'Roboto', sans-serif;
}
#dj-megamenu272 a {color: var(--color-fd);}

/* IMG BOX SZU */
.img-box {
  /*-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);*/
  padding: 60px 20px 20px 20px;
  border-radius: var(--radius-1);;
  background-size: cover;
  position: relative;
  border: var(--border-1) solid transparent;
  min-height: 340px;
}
.img-box h3 {
  color: var(--color-fl);
  text-align: var(--mob-2)}
.img-box p {
  color: var(--color-fl);
  text-align: var(--mob-2);
}
.img-box svg {
  font-size: 2rem;
  color: var(--color-dl);
}
.middle .img-box {background: var(--color-bl);}
.middle .img-box h3 {
  color: var(--color-fd);
  text-align: var(--mob-2)
}
.middle .img-box p {
  color: var(--color-fd);
  text-align: var(--mob-2);
}
.middle .img-box svg {color: var(--color-dd);}
.img-box-1 {background: url('../images/head1.jpg') center bottom no-repeat;}
.img-box-2 {background: url('../images/head1.jpg') center bottom no-repeat;}
.img-box-3 {background: var(--color-bd);}
.img-box-4 {background: url('../images/head1.jpg') center bottom no-repeat;}
.border-box {
  border: var(--border-1) solid var(--color-dl);
  background: none !important;
}

/* BUTTONS SZU */
.but a {
  text-decoration: none;
  transition: all 0.5s ease 0s;
  border-radius: var(--radius-0);
  vertical-align: middle;
  align-items: center;
  margin: 0px!important;
}
.but-s a {
  font-weight: 500;
  padding: 10px 15px;
  font-size: 1rem;
}
.but-m svg {font-size: 1.2rem; padding-right: 10px;}
.but-m a {
  font-weight: 400;
}
.but-d a {
border: var(--border-2) solid #fff;
color: #fff;
background: var(--color-dl);/*
background-color: rgba(207, 5, 255, 1);
background-image: linear-gradient(163deg, rgba(207, 5, 255, 1) 8%, rgba(124, 0, 191, 1) 86%);*/
}
.but-l a {
border: var(--border-1) solid #fff;
color: #fff;
}
.but-space {margin-left: 15px;}
.but-cnt a {
  font-weight: 500;
  padding: 15px 25px;
  font-size: 1rem;
  border: 0px solid var(--color-dd);
  color: #fff;
  border-radius: var(--radius-1);
  text-align: center;
  text-transform: none;
}
.but-cnt svg {
  font-size: 1rem!important;
  color: #000 !important;
  padding: 15px 5px!important;
  background-color: transparent!important;
  margin-bottom: 0px !important;
}


/* List BOX SZU */
.list-box svg {
color: var(--color-dl);
width: 30px;
font-size: 1.2rem;
vertical-align: middle;
}
.list-box h4 svg {
width: 40px;
font-size: 2rem;
}
.wolne {
  color: #fff;
  font-weight: bold;
}
.tab-head {background-color: #0062ff;}
.bryg-mies {
  color: #fff;
  font-weight: bold;
}
@media only screen and (min-width:320px) {
  #productTab.nav-tabs .nav-link, #dane table tr td:first-child {width: 100%;}
  #dane table td {
    display: block;
    text-align: center;
  }
}
@media only screen and (min-width: 1224px) {
  #productTab.nav-tabs .nav-link {width: auto;}
  #dane table td {
    display: table-cell;
    text-align: left;
  }
  #dane table tr td:first-child {width: 30%;}
}


/* Floating menu */
.my-floating-menu {
  position: fixed;
  top: 300px;
  left: 0;
  z-index: 99;
}
.my-floating-menu li a {
  color: #fff;
  text-decoration: none;
}
.my-floating-menu li {
  background: var(--color-dl);
  color: #fff;
  padding: 10px;
  margin-bottom: 20px;
}


/* Messages revamp */
joomla-alert {
  position: absolute;
  width: 40%;
  z-index: 9999999;
  left: 50%;
  margin-left: -20%;
  height: 100px;
}
joomla-alert .alert-wrapper {
  display: flex;
  align-items: center !important;
  height: 100%;
  text-align: center;
  justify-content: center !important;
}

/*CAR STAL*/
.uh1 {margin-top: -200px;}
.heading h3 {font-size: 2.4rem; color: #000; font-weight: 700; padding-bottom: 0!important; padding-bottom: 15px !important;}
.heading h4 {font-size: 2rem; color: #000; font-weight: 700;}
.heading p {padding-top: 30px; color: #fff; font-weight: 300;}
.heading-d h3 {color: #000; font-weight: 700; padding-bottom: 0!important; padding-bottom: 0px !important; text-align: center;}
.heading-d.heading-left h3 {text-align: left !important; font-style: italic;}
.heading-d h4 {font-size: 2rem; color: #000; font-weight: 700;}
.heading-d p {padding-top: 0px; color: #000; font-weight: 300;}
.but-download {border: var(--border-0) solid var(--color-dl);
color: #000;
border: 1px solid var(--color-dl);
padding: 15px 25px;
text-decoration: none;
transition: all 0.5s ease 0s;
vertical-align: middle;
margin: 0px!important;
font-size: 1.2rem;
}
.but-download svg {color: #000; font-size: 1.2rem; padding: 0 10px 0 0 !important; vertical-align: middle;}






/* CDAS ARTYKUŁY - OK */
.sppb-article-info-wrap {
  background-color: var(--color-bl); 
  padding: 20px 15px 30px 15px;
  /*border-top: 4px solid var(--color-dl);*/
  margin-bottom: 50px;
      -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
} 
.sppb-article-info-wrap h3 {padding-bottom: 20px;}
.sppb-article-introtext {
  padding-bottom: 20px;
  color: var(--color-fd);
  }
.sppb-article-info-wrap h3 a {
  text-decoration: none;
  color: var(--color-b);
  font-size: 1.6rem;
}
a.sppb-readmore {margin-top: 50px !important; color: var(--color-dl);}
.com-content-article {max-width: 80%;}
.page-header h1 {color: var(--color-b); margin-top: 50px !important;}
.com-content-article__body {margin-bottom: 100px;}

/* Offer BOX SZU */

.offer-box {
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  padding: 60px 40px;
  border-radius: var(--radius-0);
  background: var(--color-bl);
  border-bottom: 4px solid var(--color-dd);
  /*min-height: 100px !important;*/
}
.offer-box h3 {
  color: #000;
  text-align: var(--mob-2);
  font-size: 1.8rem;
}
.offer-box h3 a {color: #000;}
.offer-box h3 a:hover {color: #000;}
.offer-box p {
  padding-top: 10px;
  color: #000;
  text-align: var(--mob-2);
  font-size: 1rem;
}
.offer-box svg {
  font-size: 3rem;
  color: #0BE164;
  vertical-align: top;
  padding-bottom: 30px;
}
.offer-box-middle {
  background: #0BE164;
}
.offer-box-middle svg {
  color: #000;
}
.offer-box p a {
  margin-top: 15px;
  border: 1px solid var(--color-dl);
  /*background-color: var(--color-dl);*/
    color: #000;
  background-color: #fff;
  padding: 5px 15px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  vertical-align: middle;
  font-size: 0.8rem;
  font-weight: bold;
}
.offer-box a:hover {
  color: #fff;
  background-color: var(--color-dl);
}
.offer-box-small {
  padding: 15px 15px;
  border-radius: var(--radius-0);
  background: #963a3a;
  border-left: 2px solid var(--color-b);
}
.offer-box-small h2 {
  color: #fff;
  text-align: var(--mob-1);
  font-size: 1.4rem;
}
.offer-box-small p {
  padding-top: 10px;
  color: #fff;
  text-align: var(--mob-1);
  font-size: 1rem;
}
.offer-box-m {
  -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  padding: 30px 20px;
  border-radius: var(--radius-0);
  background: var(--color-bl);
  border-bottom: 4px solid var(--color-dd);
}
.offer-box-m h3 {
  color: #000;
  text-align: var(--mob-2);
  font-size: 1.2rem;
}
.offer-box-m h3 a {color: #000;}
.offer-box-m h3 a:hover {color: #000;}

/* Why INBOX SZU */
.room-inbox {
  padding: 30px 10px;
  margin-top: 10px;
  margin-bottom: 0px;
  border-radius: var(--radius-1);;
  border: 5px solid #fff;
  background-color: #E2BD00;
  /*background-color: rgba(159, 235, 255, 1);
  background-image: linear-gradient(169deg, rgba(159, 235, 255, 1) 23%, rgba(27, 147, 193, 1) 88%);*/
  -webkit-box-shadow: 0px 0px 30px -17px rgba(27, 25, 0, 1);
  -moz-box-shadow: 0px 0px 30px -17px rgba(27, 25, 0, 1);
  box-shadow: 0px 0px 30px -17px rgba(27, 25, 0, 1);
}offer-box-m
.room-inbox h4 {
  color: #fff;
  text-align: var(--mob-2);
  font-size: 1.4rem;
}
.room-inbox p {
  padding-top: 20px;
  color: #000;
  text-align: var(--mob-2);
  font-size: 1rem;
}
.room-inbox svg {
  font-size: 2rem;
  color: #fff;
  text-align: var(--mob-2);
  vertical-align: middle;
  padding-bottom: 20px;
}
/* Contact INBOX SZU - OK */
.contact-inbox h1 a, .contact-inbox h2 a, .contact-inbox h3 a, .contact-inbox a {color: #000;}
.contact-inbox {
  padding: 30px 20px;
  margin-top: 10px;
  border-radius: var(--radius-0);;
  border: 1px solid #fff;
  background-color: var(--color-bl);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.contact-inbox h3 {
  color: #000;
  text-align: var(--mob-1);
  font-size: 1.4rem;
}
.contact-inbox p {
  padding-top: 10px;
  color: #000;
  text-align: var(--mob-1);
  font-size: 1rem;
}
.contact-inbox svg {
  font-size: 1.4rem;
  color: var(--color-dl);
  vertical-align: middle;
  padding-bottom: 30px;
}
.contact-inbox-first {margin-top: 0px !important;}
.contact-inbox .sppb-icon-container {width: 50px !important;}
.contact-pos {
  margin: 50px;
}




/* Form BOX SZU - OK */
.form-box-2 {
  background-color: #0f86ff;
  padding: 60px 60px 80px 60px;
  border: 2px solid #fff;
  border-radius: var(--radius-2);
    -webkit-box-shadow: 0px 0px 30px -17px rgba(27, 25, 0, 1);
  -moz-box-shadow: 0px 0px 30px -17px rgba(27, 25, 0, 1);
  box-shadow: 0px 0px 30px -17px rgba(27, 25, 0, 1);
}
.form-box  .sppb-btn-custom {
    letter-spacing: 0px;
    background-color: var(--color-dl);
    color: #fff;
    margin: 0px;
    border: 1px solid var(--color-dd);
    padding: 7px 22px 7px 12px;
}
.sppb-form-builder-field-0, .sppb-form-builder-field-1, .sppb-form-builder-field-2, .sppb-form-builder-field-3,
.sppb-form-builder-field-4, .sppb-form-builder-field-5, .sppb-form-builder-field-6, .sppb-form-builder-field-7 {color: #fff;}
.form-box .sppb-form-check-label, .form-box .sppb-form-check-label a {
  color: var(--color-fl);
  font-size: 0.9rem;
  line-height: 0.9rem;
  margin-bottom: 20px;
  max-width: 60%;
}
.form-builder-checkbox-item label::before, .form-builder-radio-item label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
    width: 16px;
    height: 16px;
    border: 2px solid var(--color-fl);
}
.sppb-addon-form-builder .sppb-form-check-input:checked+label::before {background: var(--color-fd);}

.but-more, #sppb-addon-1698236155960 #btn-1698236155960.sppb-btn-custom {
  border: 2px solid var(--color-dl);
  color: var(--color-dd);
  padding: 25px 35px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  vertical-align: middle;
  font-size: 2.4rem;
}
#sppb-addon-1698236155960 #btn-1698236155960.sppb-btn-custom {
  background-color: var(--color-dl) !important;
  border: 1px solid var(--color-dd);
}
#sppb-addon-1698236155960 .sppb-addon-title {
    display: none;
}
.testimonial-box {
  border: 1px solid var(--color-b);
  color: var(--color-bd);
  padding: 25px 25px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  vertical-align: middle;
  font-size: 1rem;
  background-color: #fff;
}
.testimonial-box .sppb-addon-testimonial-client {color: var(--color-bd);}
.testimonial-box .sppb-addon-testimonial-client-url {color: var(--color-bd);}

.left-head {
  background-color: green;
}
.left-head-bar {
  padding: 35px 35px 35px 0;
  background-color: var(--color-dl);
}
.left-head-pd {/*padding-left: 250px !important; */text-align: right;}
.left-head-pd h4 {font-size: 2rem; color: #fff; font-weight: 700; text-align: right;}
.left-head-pd svg {margin-left: 40px; font-size: 2.6rem;}
.left-head-content {
  /*background-color: #f5f5f5; */
  background-color: rgba(0, 24, 97, 0.05);
  background-image: linear-gradient(113deg, rgba(0, 24, 97, 0.1) 0%, rgba(0, 14, 51, 0.01) 60%);
  padding: 100px 0 100px 0;
}
.zin-1 {z-index: -200;}

.sppb-panel-custom .sppb-panel-heading {background-color: #7ACAFF !important;}
.sppb-panel-custom .sppb-panel-heading.active {background-color: #C3E7FF !important;}
.sppb-panel-custom .sppb-panel-heading .sppb-panel-title {color: #003D65;}
.sppb-panel.sppb-panel-custom {border-color: #6DC0FF !important;}


/*BUTTONS - OK */
/*.but-cta {
  border: 2px solid var(--color-dl);
  color: var(--color-fl);
  padding: 15px 25px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  vertical-align: middle;
  font-size: 1.6rem;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.but-cta:hover {color: #fff; border: 2px solid #fff;}

.but a {
font-size: 1.2rem;
padding: 10px 25px;
border-radius: var(--radius-2);
text-decoration: none;
transition: all 0.5s ease 0s;
}
.kontakt-button a {
border: var(--border-1) solid var(--color-dl);
color: var(--color-fl);
font-weight: bold;
padding: 16px 25px;
background: var(--color-dl);
text-decoration: none;
transition: all 0.5s ease 0s;
border-radius: 4px;
text-align: right;
vertical-align: middle;
align-items: center;
margin: 0px!important;
font-size: 1.2rem;
}
.kontakt-button-top {vertical-align: top;}
.kontakt-button-top a {font-size: 1.2rem; color: #000; text-decoration: none;}
.kontakt-button-top svg {font-size: 1.2rem; color: #000; text-decoration: none; width: 30px; margin-left: 20px;}
.kontakt-button-top span {font-size: 1.2rem; color: #000; text-decoration: none;}
*/

/*CDAS FIX - OK */
/*.sppb-container-inner, .sppb-addon-content p, h2.sppb-addon-title {padding: 0 15px;}
.sppb-row .sppb-col-md-12 {padding: 0;}
/*.sppb-row {width: 100% !important;}*/
.cdas-fix .sppb-row, .cdas-fix .sppb-col-md-12 {
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.cdas-fix .sppb-col-md-9, .cdas-fix .sppb-col-md-8, .cdas-fix .sppb-col-md-7, .cdas-fix .sppb-col-md-6, .cdas-fix .sppb-col-md-4,
.cdas-fix .sppb-col-md-3 {
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.cdas-fix-col .sppb-row, .cdas-fix-col .sppb-col-md-12 {
  margin-right: -5px !important;
  margin-left: -5px !important;
  padding-left: -5px !important;
  padding-right: -5px !important;
}
.cdas-fix-col .sppb-col-md-9, .cdas-fix-col .sppb-col-md-8, .cdas-fix-col .sppb-col-md-7, .cdas-fix-col .sppb-col-md-4,
.cdas-fix-col .sppb-col-md-3 {
  margin-right: -5px !important;
  margin-left: -5px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.pagebuilder-footer .copyright-info {display: none !important;}
/*.sppb-icon-container {font-size: 2rem;}*/




/* CUSTOMY */
.shadow-box {
-webkit-box-shadow: 0px 0px 34px -14px rgba(121, 59, 0, 0.31);
-moz-box-shadow: 0px 0px 34px -14px rgba(121, 59, 0, 0.31);
box-shadow: 0px 0px 34px -14px rgba(121, 59, 0, 0.31);
}
/*.features-box {background-color: #fff;}*/
.feature-inbox {
  padding: 50px 20px;
  margin: 10px 0px;
  border-radius: var(--radius-0);
  background-color: #fff;
height: 300px;
}
.feature-inbox.feat-cnt {height: 200px; border: 1px solid var(--color-dl);}
.feature-inbox h3, .feature-inbox.feat-cnt h3 a {
  color: var(--color-fd);
  text-align: var(--mob-1);
  font-size: 1.6rem;
}
.feature-inbox p, .feature-inbox p a {
  padding-top: 20px;
  color: #000;
  text-align: var(--mob-1);
  font-size: 1rem;
}
.feature-inbox svg {
  font-size: 1.8rem;
  color: var(--color-dl);
  text-align: var(--mob-1);
  vertical-align: middle;
  margin-bottom: 20px;
}

.brt-pricebox {
  border: 1px dashed #000;
  border-radius: var(--radius-1);
  padding: 40px 20px;
}
.brt-pricebox h3 {
  font-size: 1.8rem;
}
.brt-pricebox p {
  font-size: 1.2rem;
  margin: 0px !important;
}
.pricelist-box {margin-bottom: 5px;}
.sppb-addon-pricelist .sppb-addon-title {margin-bottom: 5px;}
.pricelist-box-title h3 {font-size: 1rem; font-weight: bold; margin: 20px 0 10px 0; color: var(--color-dl);}
.py-box {padding: 200px 0;}
.pt-box {padding-top: 200px;}
.pb-box {padding-bottom: 200px;}
.pricelist-included .sppb-addon-wrapper {
  border: 2px dotted #fff; 
  border-radius: var(--radius-1);
  background-color: var(--color-dlg) ;
  margin-bottom: 10px; 
  padding: 20px 10px;
}
.pricelist-included.pricelist-included-light .sppb-addon-wrapper {
  background-color: #f5faf0;
}
.pricelist-included h3 {
    color: #000;
    font-size: 1rem;
    font-weight: 400;
    vertical-align: top;
}
.pricelist-included h4 {
    color: #000;
    font-size: 1.2rem;
    font-weight: 800;
    vertical-align: top;
}
.pricelist-included svg {
    font-size: 1.2rem;
    color: var(--color-dd);
    vertical-align: top;
}
.galeria img {border-radius: var(--radius-1);}
.sppb-addon-clients .sppb-carousel-extended-item img {
    width: auto;
    object-fit: initial;
    height: 50px;
}
.featured-list {padding-left: 15px}
.featured-list h3 {
  color: var(--color-fl);
  font-size: 1.2rem;
}
.featured-list svg {
  color: var(--color-dl);
font-size: 1.2rem;
}
.social-ico svg {font-size: 2rem;}
.left-offerinbox {
  border-right: 1px solid var(--color-bl);
  padding-right: 30px;
}
.right-offerinbox {
  padding-left: 30px;
}



.count-box {
  padding: 10px 10px;
  margin: 10px 0px;
}
.count-box .sppb-animated-number {
  font-size: 3rem;
  font-weight: 400;
  color: var(--color-dl);
}
.count-box .sppb-animated-number-title {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--color-fd);
}
.count-box .sppb-animated-number::before, .count-box .sppb-animated-number::after {font-size: 1rem; margin-right: 15px; margin-lefy: 15px; color: var(--color-fd); text-transform: uppercase; font-weight: bold;}


.oferta-box-row {margin: 30px 0;}
.oferta-box-col {padding: 20px; border: 1px solid #e0e0e0;}
.oferta-box h3 {font-size: 1.2rem; font-weight: bold;}
.oferta-box p {font-size: 1rem;}
.oferta-box img {width: 50px;}
.oferta-box-2 img {width: 200px;}


.why-us-col {background-color: #fff; padding: 20px; margin: 10px; text-align: center; border: 1px solid #e0e0e0;}
.why-us-col h3 {color: #000; padding: 20px 0px;}
.why-us-col p {color: #000;} 
.why-us-col svg {color: #ABC5FF; font-size: 5rem; padding: 20px 0px;} 





.under-offer {background-color: #fff; padding: 50px;}
.under-offer-row {}
.under-offer-inbox {padding: 40px 20px; margin-bottom: 10px !important;}
.under-offer-inbox img {width: 40px; padding-bottom: 10px;}
.under-offer-inbox h3 {text-align: center; font-size: 1.2rem;}
.under-offer-row-2 {padding: 0px; border-top: 1px solid #e0e0e0;}






@media only screen and (min-width:320px) {
  .columns-6-2 {column-count: 2;}
  .columns-4-2 {column-count: 2;}
  .columns-3-1 {column-count: 1;}
  .columns-2-1 {column-count: 1;}
  .step-item .step-icon-next {display: none;}
  .step-item .step-icon-down {display: block;}
  .photo-box-3, .photo-box-4 {margin-bottom: 30px;}
  .photo-box-5, .photo-box-5 .sppb-addon-overlay-image-content {height: 500px;}
  #cookiesBar {
    bottom: 0;
    right: 0;
  }
  .mb-m-20 {margin-bottom: 20px !important;}
  .mrg-y {margin: 50px 0 0px 0;}
   :root {
  --mob-1: left;  /* MOBILE*/
  --mob-2: center;  /* MOBILE ELEMENTS*/
  }
  .my-main {margin: 40px 0 30px 0 !important;}
  .heading-slider-main span {font-size: 3rem;}
  .heading-slider-main h1 {font-size: 1.4rem;}
  .heading-slider-main p {font-size: 1rem;}
  .under-offer-inbox.last, .under-offer-inbox {border: 1px solid #e0e0e0;}
  .count-box {border: 1px solid var(--color-b);}
  .count-box.last {border: 1px solid var(--color-b);}
}
body.start .page-slider {height: 600px;}
.page-slider-start {height: 600px;}
.heading-slider-main h1 {padding-top: 100px;}
/*.shape-feature {height: 150px; margin-bottom: 20px;}*/
.but-m a {
  padding: 12px 15px;
  font-size: 1.1rem;
}


@media only screen and (min-width:360px) {
  .article-tabs .nav.nav-pills {flex-direction: column;}
  #blog-items[data-columns]::before {content: '1 .column.size-1of1';}
}
@media only screen and (min-width:375px) {
}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width: 568px) {
}
@media only screen and (min-width: 600px) {
}
@media only screen and (min-width: 667px) {
}
@media only screen and (min-width: 736px) {
}
@media only screen and (min-width: 768px) {
}


@media only screen and (min-width: 1024px) {
  .columns-6-2 {column-count: 6;}
  .columns-4-2 {column-count: 4;}
  .columns-3-1 {column-count: 3;}
  .columns-2-1 {column-count: 2;}
  .article-tabs .nav.nav-pills {flex-direction: initial;}
  #blog-items[data-columns]::before {content: '2 .column.size-1of2';}
  .heading-slider-main span {font-size: 5rem;}
   :root {
  --mob-1: left;  /* DESKTOP*/
  --mob-2: center;  /* DESKTOP ELEMENTS*/
  }
  .my-main {margin: 100px 0 50px 0 !important;}
  .under-offer-inbox {border-right: 1px solid #e0e0e0; border-left: none; border-top: none; border-bottom: none;}
  .under-offer-inbox.last {border-right: 0px; border-left: none; border-top: none; border-bottom: none;}
  .count-box {border-right: 1px solid var(--color-b); border-left: none; border-top: none; border-bottom: none;}
  .count-box.last {border-right: none; border-left: none; border-top: none; border-bottom: none;}
  body.start .page-slider {height: 900px;}
  .page-slider-start {height: 900px;}
  .heading-slider-main h1 {padding-top: 150px;}
  .but-m a {
  padding: 20px 35px;
  font-size: 1.2rem;
}
}


@media only screen and (min-width: 1224px) {
  .float-panel.fixed {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    z-index: 10;
    transition: all 0.5s ease 0s;
  }
  #blog-items[data-columns]::before {content: '3 .column.size-1of3';}
  #sppb-addon-1689671638025, #sppb-addon-1689671638027, #sppb-addon-1689671638029,
#sppb-addon-1689671638032, #sppb-addon-1689671638034, #sppb-addon-1689671638036
 {height: 300px !important;}
  .mb-m-20 {margin-bottom: 0px;}
  .mrg-y {margin: 150px 0 0px 0;}

  .heading-d h3 {font-size: 3.4rem;}
  .heading-slider-main h1 {font-size: 2rem; margin-top: 30px!important;}
  .heading-slider-main p {font-size: 1.8rem;}
}
@media only screen and (min-width: 1440px)