/*@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,600;0,900;1,100;1,200;1,300;1,600;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

:root {
  --maincolor: #97c5d1;
  --maincolor2: #97c5d1;
  --maindarken: #73a9b7;
}


.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: #53668d;
}


.navbar-brand {
  
    padding-top: 15px;
    padding-bottom: 15px;
}

.brand-text{
  color: 000;

}

.brand-text small{
  font-size: 60%;
}

.navbar-dark .navbar-brand {
    color: #000;
}

.min-300{
	min-height: 800px;
}

#cookie_accept,.sliderhead a
{
  color:#fff!important;
}

#parallax
{
  background: url(../images/s_dark.jpg) 50% 0 no-repeat fixed;
  background-size:cover;
  color:#fff;
  /*min-height:400px;*/
  /* padding-bottom:290px;
  padding-top:290px;*/
  /*text-align:center;*/
}
.s-euban {
    /* margin-top: 30px; */
    padding-top: 30px;
    padding-bottom: 30px;
}
.s-glaz {
  background:url(../images/dark_wood.png) ;
}
.s-belt {
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  background: #70a0ad;
}
.s-belt p{
  margin-bottom: 0;
  margin-top: 0;

}
.s-belt .fa{
  color: #fff;
}  
#parallax h3
{
  font-size:200%;
  font-weight:100;
}

#parallax1
{
  background:#fafafa url(../images/parallax1.jpg) 50% 0 no-repeat fixed;
  /*background: #fafafa;*/
  background-size:cover;
  color:#000;
  min-height:500px;
  padding-bottom:190px;
  padding-top:190px;
  position:relative;
  /*text-align:center;*/
}
.s-header {
  font-weight: 300;
  font-size: 3rem;
  line-height: 35px;
}
.s-header small{
  font-size: 60%;
}


#s-slider
{
  /*background:url(../images/top_bg.jpg) center center no-repeat;*/
  background-size:cover;
  height:800px!important;
}

#search_text
{
  /*! border-bottom-left-radius:100px; */
  /*! border-top-left-radius:100px; */
}

#sn_pogoda
{
  background:#fff;
  border:3px #ededed solid;
  margin-bottom:30px;
  text-align:center;
  width:100%;
}

iframe
{
  min-height:580px;
  width:100%;
}

.a-t-box-desc
{
  font-size:70%;
}

.admn-links
{
  border-top:1px #dfdfdf dotted;
  margin-bottom:30px;
  padding-top:10px;
  text-align: center;
}



.side-bar .admn-links
{
  border-top:0px #dfdfdf dotted;
  margin-top: -10px;
  padding-top:0px;
  padding-bottom: 30px;
}



.admn-links a
{
  padding-right:15px;
}

.adress-top
{
  color:#c1c1c1;
  padding-top:30px;
}

.ajaxloader
{
  margin-top:-50px;
  position:absolute;
  top:15px;
}

.angel-img
{
  bottom:0;
  left:0;
  padding-left:0;
  position:absolute;
  right:0;
  text-align:center;
  width:auto;
  z-index:+1;
}

.art-other-btn-container
{
  bottom:25px;
  display: block;
  position:absolute;
  right: 0px;
  text-align: center;
  /* width:100%; */
  left: 0px;
}

.art-other-col
{
  padding-bottom:35px;
}

.art-other-container
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  background:#fff;
  box-shadow: 0 0 8px 0 #e2e2e282;
  height:100%!important;
  padding:15px 15px 30px;
  position:relative;
  transition:all .35s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* border: 4px solid #e5d5a8; */
}

.art-other-container .art-other-img-box img{
  /* filter: grayscale(1); */
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
}

.art-other-img-box-logo{
  position: absolute;
  top:30px;
  left: 30px;

  /*filter: invert(1);*/

}
.art-other-container:hover .art-other-img-box img{
  filter: grayscale(0) brightness(120%);
    -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
}

.art-other-container:hover
{
  box-shadow: 0 0 16px 0 #c3c3c3;
}

.art-other-container:hover .img-kolisty img
{
  bottom:0;
  height:135%;
  left:0;
  object-fit:cover;
  object-position:50% 50%;
  position:absolute;
  right:0;
  top:0;
  width:135%;
}

.art-other-data
{
  display:inline-block;
  padding-bottom:5px;
  padding-top:5px;
}

.art-other-img-box
{
  margin:-15px -15px 15px;
  max-height:360px;
  overflow:hidden;
}

.art-other-img-box img
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  object-fit:cover;
  object-position:50% 50%;
  transition:all .35s;
  width:100%;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 25px;
  border-top-right-radius: 5px;
}

.art-other-img-box.image-wrapper
{
  width:45%;
}

.art-right img
{
  display:block;
  /*height:120px!important;*/
  margin-bottom:15px!important;
  margin-right:15px!important;
  margin-top:-15px!important;
  max-height:none!important;
  object-fit:cover;
  object-position:50% 50%;
  overflow:hidden;
  position:relative;
  text-align:center;
  width: 100% !important;
}

.art-rightcont
{
  padding-bottom:25px;
}

.art_other
{
  margin-bottom:15px;
  padding-bottom:15px;
  position:relative;
}

.art_other .data
{
  color:#000;
  margin:0 0 10px;
  padding:5px 10px 5px 5px;
}

.art_other .img-t-box
{
  margin:-15px -15px 15px;
}

.art_other .welloon
{
  background:#fff;
  box-shadow:0 0 6px 0 red;
  height:100%;
  padding:15px;
  transition:box-shadow .3s;
}

.b-calendar
{
  border:#efefef 3px solid;
  margin-top:5px;
}

.baner-prawy
{
  display: block;
  height:120px;
  margin-bottom:15px;
  /* padding:15px; */
  width:100%;
  height: 100%;
  border-radius: 5px;
  /* border: 3px solid #444; */
}

/*.baner-prawy .box-h-container
{
 
   height: 100%; 
  transition:box-shadow .3s;
  text-align: center;
  padding: 15px;
  background: #fff;
  box-shadow: #222;
  box-shadow: 0 0 6px 0 #e2e2e2;
}

.box-h-container:hover
{
   transition:box-shadow .3s;
  -moz-box-shadow:0 0 24px -8px rgba(0,0,0,0.17);
  -webkit-box-shadow:0 0 24px -8px rgba(0,0,0,0.17);
  background:#fff;
  box-shadow:0 0 24px -8px rgba(0,0,0,0.17);
}
*/

.box-header.text-center {
    /* color: #000; */

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002938+0,002938+100 */
    /* background: #23397e; */ /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f4f4f4 0%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    /* background: linear-gradient(to right,  #ffffff 0%,#ffffff 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    /*padding: 30px;*/
    margin-top: 15px;
    border-radius: 5px;
    /* box-shadow:0 0 24px -8px rgba(0,0,0,0.17); */
    -moz-transition:all .35s;
    -webkit-transition:all .35s;
    transition:all .35s;
}


.baner-prawy:hover .box-header
{
   transition:all .3s;
   -moz-box-shadow:0 0 24px -8px rgba(0,0,0,0.17);
   -webkit-box-shadow:0 0 24px -8px rgba(0,0,0,0.17);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#125773+0,1cb4ab+100 */
   /* background: #125773; */ /* Old browsers */
   /*! background: -moz-linear-gradient(left,  #23397e 0%, #23397e 100%); */ /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #f6f7f8 0%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
   /* background: linear-gradient(to right,  #23397e 0%,#23397e 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23397e', endColorstr='#23397e',GradientType=1 ); /* IE6-9 */
   color: #fff;
   /* box-shadow:0 0 24px -8px rgba(0,0,0,0.17); */
   box-shadow: 0 0 16px 0 #93939329;
   /* background: #d3c89d; */
}



.baner-prawy h4
{
  font-size:180%;
}


hr {
    margin: 1rem 0;
    color: #aaa;
    background-color: #aaaaaa78;
    border: 0;
    opacity: .25;
}


@keyframes fancy-spin {
    0% {
      transform: rotate(0turn) scale(1);
    }
    
    25% {
      filter: brightness(140%);
    -webkit-filter: brightness(140%);
    -moz-filter: brightness(140%);
    transform:scale(1.1);
    }
    100% {
      transform: rotate(0turn) scale(1);

    }
  }


.baner-prawy img{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
  /* margin-bottom: 15px; */
}
.baner-prawy:hover img
{
  -moz-transition:all .35s;
  animation: fancy-spin 1s;
  /*filter: brightness(155%);
    -webkit-filter: brightness(155%);
    -moz-filter: brightness(155%);*/
  transition:all .35s;
}

.baner-prawy h4
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
}

/*.baner-prawy:hover h4
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
  color: #fff;
}
*/

.baner-prawy:hover,.baner-prawy img
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
  color: #000;
}

.baner-prawy:hover .box-desc-full {
    padding: 27px 15px;
    color: #000000;
    /* border-radius: 8px; */
}



@keyframes fancy-spin {
    0% {
      transform: rotate(0turn) scale(1);
    }
    
    25% {
      filter: brightness(140%);
    -webkit-filter: brightness(140%);
    -moz-filter: brightness(140%);
    transform:scale(1.1);
    }
    100% {
      transform: rotate(0turn) scale(1);

    }
  }


.baner-prawy img{
	-moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
  margin-bottom: 5px;
}
.baner-prawy:hover img
{
  -moz-transition:all .35s;
  animation: fancy-spin 1s;
  filter: brightness(125%);
    -webkit-filter: brightness(125%);
    -moz-filter: brightness(125%);
  transition:all .35s;
}

.baner-prawy h4
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
}

.baner-prawy:hover h4
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
  color: #000000;
}


.baner-prawy:hover,.baner-prawy img
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
}

.bg-danger
{
  background-color:#de3935!important;
  color:#fff;
}

.bg-dark
{
  /* background-color:#fff!important; */
  color:#555;
}

.bg-info
{
  background-color:#f9f9f9!important;
  color:#292929;
}

.blink
{
  animation:blinker 1s linear infinite;
}

.block-box p
{
  margin-bottom:2px!important;
  margin-top:0!important;
}

.box-h
{
  display:inline-flex;
  line-height:80px;
  padding-top:20px;
  vertical-align:middle;
}





.box-h-img 
{
  display: block;
  width: 100%;
  text-align: center;
}

.box-h-img img 
{
  /* display: block; */
  /* width: 70px !important; */
}

.box-ikonka
{
  display:inline-flex;
  margin-right:15px;
  padding-top:0;
  vertical-align:middle;
}

.brand-logo
{
  line-height:30px;
  margin-bottom:35px;
  margin-left:35px;
  margin-right:30px;
}

.brand-text
{
  font-size:130%;
  line-height:20px;
  padding-bottom:20px;
  padding-top:20px;
}

.breadcrumb
{
  background-color:transparent;
  border-bottom:1px #dfdfdf solid;
  border-radius:0;
  list-style:none;
  margin-bottom:20px;
  padding:8px 15px;
  width:100%;
}

.break-15
{
  margin-top:15px;
}

.break-30
{
  margin-top:30px;
}

.break-45
{
  margin-top:45px;
}

.btn-primary
{
  background-color: #000;
  border-color:#eaeaeb;
  border-radius: 5px;
  color: #ffffff;
  font-size:80%;
}

.btn-primary:hover,.btn-primary:active,.btn-primary:visited,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show > .btn-primary.dropdown-toggle
{
  background-color: #000000;
  border-color:#eaeaeb;
  color:#555;
}

.c-arrow
{
  background:#53B11A;
  display:inline-block;
  height:30px;
  padding:10px;
  position:absolute;
  top:45%;
  z-index:99;
}

.carousel
{
  height: auto;
  margin-top: 50px;
  /* border: 10px solid #000000; */
  border-radius: 5px;
  box-shadow: 0px 0px 18px #000000c7;
  margin-bottom: 50px;
}

.carousel .item img,.top-search .input-group
{
  width:100%;
}

.carousel-caption
{
  background-color:rgba(0,0,0,0.31);
  bottom:0;
  display:none;
  height:auto;
  left:0;
  padding:70px 40px 50px;
  text-align:left;
  top:0;
  width:50%;
}

.carousel-indicators
{
  bottom:30px;
  display:none;
}

.carousel-indicators .active
{
  background-color:#53B11A;
  border:1px solid #53B11A;
  height:3px;
  margin:2px;
  width:42px;
}

.carousel-indicators li
{
  background-color:#eee;
  border:1px solid #eee;
  border-radius:0;
  cursor:pointer;
  display:inline-block;
  height:3px;
  margin:2px;
  text-indent:-999px;
  width:42px;
}

.carousel-item
{
  height:inherit;
}

.carousel-item img
{
  height: 720px;
  object-fit:cover;
  object-position:50% 50%;
  width:100%;
  border-radius: 5px;
}

.cena-kursu
{
  display:block;
  padding-bottom:15px;
  padding-top:15px;
  text-align:left;
}

.cena-kursu h3
{
  color:#35b9d2;
}

.cena-kursu small
{
  color:#555;
  font-size:50%;
}

.clear
{
  clear:both;
}

.cmeff
{
  -moz-transition:all 1.3s;
  -webkit-transition:all 1.3s;
  background:rgba(0,0,0,0.6);
  bottom:0;
  color:#fff;
  left:0;
  opacity:0;
  position:absolute;
  right:0;
  top:0;
  transition:all 1.3s;
  border-radius: 5px;
}

.cmeff .lupa
{
  left:50%;
  margin-left:-12px;
  margin-top:30%;
  position:absolute;
}

.cmeff h4
{
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:30%;
}

.container
{
  max-width:1400px;
}

.data
{
  color:#aaa;
}

.data a
{
  color:#171717;
}

.datacal
{
  text-align:center;
}

.datacal .d-data
{
  background:#eaeaeb;
  color:#fff;
  font-size:10px;
}

.datacal .d-godzina
{
  background:#eaeaeb;
  color:#fbfbfb;
  font-size:14px;
}

.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active
{
  background-color:#eaeaeb;
  border-color:#eaeaeb;
  border-radius:0;
  color:#fff;
}

.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover
{
  background-color:#6fa51c;
  border-color:#f8f9fa;
  color:#fff;
}

.datepicker th:hover,.datepicker td:hover
{
  border-radius:0;
}

.div-tel
{
  background:#eaeaeb;
  color:#fff;
  font-size:120%;
  padding:15px;
}

.div-tel p
{
  margin-bottom:0;
}

.dropdown-menu
{
  background: #000;
  margin:0;
  padding:0;
  box-shadow: 0 0 24px -8px rgb(0 0 0 / 17%);
  border: 1px solid rgba(0,0,0,.08);
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 13rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    
    border-radius: 0.25rem;
}

li.nav-item.dropdown {
    background: transparent;

}  

.dropdown-menu .nav-link
{
  display:block;
  font-size:80%;
  padding:3px 15px!important;
}

.dzien
{
  font-size:80%;
  margin-bottom:0;
  padding:0;
}

.extra-padindg-bottom
{
  padding-bottom:40px;
}
.extra-bigpadindg-bottom
{
  padding-bottom:80px;
}

.f-mod
{
  cursor:pointer;
  font-weight:900;
}

.fading-line
{
  background-image:url(../images/dnk.gif);
  background-position:center center;
  background-repeat:no-repeat;
  height:150px;
  left:50%;
  margin:-100px 0 0 -100px;
  position:absolute;
  top:50%;
  width:200px;
}

.form-control
{
  background-clip:padding-box;
  background-color:#fff;
  border:1px solid #eaeaea;
  border-radius:.25rem;
  color:#495057;
  display:block;
  font-size:1rem;
  line-height:1.5;
  padding:.375rem .75rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  width:100%;
}

.goup
{
  background:#000;
  border-radius:5px;
  color:#fff;
  cursor:pointer;
  display:none;
  padding:5px 15px;
  position:fixed;
  right:10px;
  top:60%;
  z-index:99;
}

.grey-wiad
{
  background:#eaeaeb;
  color:rgba(255,255,255,0.8);
  margin-bottom:30px;
  padding:30px 15px 0;
}

.grey-wiad .data,.orange-wiad .data
{
  color:rgba(255,255,255,0.4);
}

.grey-wiad .zajawka,.orange-wiad .zajawka
{
  color:rgba(255,255,255,0.6);
}

.grey-wiad a,.orange-wiad a
{
  color:rgba(255,255,255,0.9);
}

.grey-wiad img,.orange-wiad img
{
  margin-top:-30px;
}

.h3,#komunikaty h3
{
  font-size:1.25rem;
}

.header
{
  position:relative;
}

.header::after
{
  background-color:#e6e6e6;
  content:"";
  display:block;
  height:3px;
  margin:27px 0;
  width:104px;
}

.hiddenbox,.top-slider .carousel-caption,.dropdown-toggle::after
{
  display:none;
}

.hiding
{
  opacity:0;
}

.i-t-box .btn
{
  margin-bottom:15px;
}

.i-t-box img{
  border-radius: 5px;
}

.ico-box
{
  -moz-transition:background .25s ease-out;
  -o-transition:background .25s ease-out;
  -webkit-transition:background .25s ease-out;
  background:#f2f2f2;
  background-image:linear-gradient(toleft,#2757b150%,#207Ed650%);
  background-position:bottom right;
  background-repeat:no-repeat;
  background-size:200% 100%;
  margin-bottom:30px;
  padding:15px;
  text-align:center;
  transition:background .25s ease-out;
}

.ico-box-g
{
  -moz-transition:background .25s ease-out;
  -o-transition:background .25s ease-out;
  -webkit-transition:background .25s ease-out;
  background:#f2f2f2;
  background-image:linear-gradient(toleft,#2757b150%,#47A54B50%);
  background-position:bottom right;
  background-repeat:no-repeat;
  background-size:200% 100%;
  margin-bottom:30px;
  padding:15px;
  text-align:center;
  transition:background .25s ease-out;
}

.img-kolisty.art-other-img-box
{
  border:6px solid #efefef;
  border-radius:100%;
  display:inline-block;
  margin:0 auto 15px!important;
  min-height:unset;
  overflow:hidden;
  padding:35%;
  position:relative;
  text-align:center;
}

.img-kolisty.art-other-img-box img
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  bottom:0;
  height:125%;
  left:0;
  object-fit:cover;
  object-position:50% 50%;
  position:absolute;
  right:0;
  top:0;
  transition:all .35s;
  width:125%;
}

.img-kolisty.img-t-box
{
  border:6px solid #efefef;
  border-radius:100%;
  display:block;
  height:260px;
  margin:0 auto 15px!important;
  overflow:hidden;
  position:relative;
  text-align:center;
  width:260px;
}

.img-kolisty.img-t-box img
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  height:125%;
  object-fit:cover;
  object-position:50% 50%;
  transition:all .35s;
  width:125%;
}

.img-t-box
{
  padding-bottom:15px;
}

.img-t-box .list-social-icons
{
  position:absolute;
}

.input-group-text
{
  -ms-flex-align:center;
  -webkit-box-align:center;
  align-items:center;
  background-color:#efefef;
  border:1px solid #efefef;
  border-radius:.25rem;
  color:#3c3c3c;
  display:flex;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  margin-bottom:0;
  padding:.675rem .75rem;
  text-align:center;
  white-space:nowrap;
}

.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text
{
  /*! border-bottom-right-radius:100px; */
  /*! border-top-right-radius:100px; */
}

.kurs-tech-tag
{
  color:#36b9d2;
  font-size:70%;
}

.latajacybox
{
  position:sticky;
  top:120px;
}

.licontent .submenusite
{
  display:inline;
  font-size:120%;
}

.linkbox
{
  padding:20px;
}

.loader
{
  background-color:#111;
  height:100%;
  position:fixed;
  top:0;
  width:100%;
  z-index:91000!important;
}

.m-header
{
  display:inline-block;
  font-size:270%;
  font-weight:300;
  margin-bottom:80px;
  position:relative;
  width:auto;
}

.m-text
{
  font-size:130%;
  line-height:28px;
}

.mainmenu
{
  background:none;
  border:0 solid;
  margin:0;
  min-height:20px;
  padding:0;
  width:100%;
}

.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus,.navbar-default .navbar-nav>.show>a,.navbar-default .navbar-nav>.show>a:focus,.navbar-default .navbar-nav>.show>a:hover
{
  background:#fff;
  color:#000;
  outline:0;
   background: transparent !important;
}

.mainmenu .collapse ul > li:hover > a,.mainmenu .collapse ul ul > li:hover > a,.navbar-default .navbar-nav .show .dropdown-menu > li > a:focus,.navbar-default .navbar-nav .show .dropdown-menu > li > a:hover,.s-white .welloon
{
  background: transparent !important;
}

.mainmenu .collapse ul ul ul ul,.mainmenu .collapse ul ul ul ul.dropdown-menu
{
  background:#f8f9fa;
}

.mainmenu .collapse ul ul ul,.mainmenu .collapse ul ul ul.dropdown-menu
{
  background:#ebebeb;
}

.mainmenu .collapse ul ul,.mainmenu .collapse ul ul.dropdown-menu
{
  background: #87333f;
  backdrop-filter: blur(17px);
}

.mainmenu a,.navbar-default .navbar-nav > li > a,.mainmenu ul li a,.navbar-expand-lg .navbar-nav .nav-link
{
  color: #000000ed;
  display:block!important;
  font-weight: 400;
}

.maintext b,.maintext strong,.maintext a
{
  color:#202020;
  font-weight:600;
  letter-spacing:.2px;
}

.max-col .data,.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover
{
  color: var(--maincolor);
}

.max-col .media-body
{
  margin-bottom:15px;
  padding:15px;
  position:relative;
}

.max-col h4
{
  border-bottom:1px #efefef solid;
  margin-left:-15px;
  margin-right:-15px;
  padding-bottom:10px;
  padding-left:15px;
}

.media-heading
{
  padding-top:15px;
}

.menu-boczne
{
  /*background:#fafafa;*/
  list-style-type:none;
  padding-left:0;
  width:100%;
  border:1px solid #f0f0f0;
  border-radius: 5px;
}

.menu-boczne > li:last-of-type > label,.menu-boczne > li:last-of-type > a,.menu-boczne > li > ul > li:last-of-type label,.menu-boczne > li > ul > li:last-of-type a
{
  box-shadow:none;
}

.menu-boczne a::after
{
  background:url(../images/cd-icons.svg) no-repeat -48px 0;
  left:36px;
}

.menu-boczne a:hover
{
  text-decoration:none;
}

.menu-boczne input[type=checkbox]
{
  opacity:0;
  position:absolute;
}

.menu-boczne input[type=checkbox]:checked + label + ul,.menu-boczne input[type=checkbox]:checked + label:nth-of-type(n) + ul
{
  display:block;
}

.menu-boczne input[type=checkbox]:checked + label::before
{
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}

.menu-boczne label
{
  cursor:pointer;
  margin-bottom:0;
}

.menu-boczne label,.menu-boczne a
{
  color:#555;
  display:block;
  font-size:1rem;
  padding:18px 18px 18px 34px;
  position:relative;
}

.menu-boczne label::after
{
  background-position:-16px 0;
  left:41px;
}

.menu-boczne label::before
{
  -moz-transform:translateY(-50%) rotate(-90deg);
  -ms-transform:translateY(-50%) rotate(-90deg);
  -o-transform:translateY(-50%) rotate(-90deg);
  -webkit-transform:translateY(-50%) rotate(-90deg);
  background-image:url(../images/cd-icons.svg);
  background-position:0 0;
  background-repeat:no-repeat;
  content:'';
  display:inline-block;
  height:16px;
  position:absolute;
  top:50%;
  transform:translateY(-50%) rotate(-90deg);
  width:16px;
  right: 15px !important;
  left: unset;
}

.menu-boczne li
{
  -moz-transition:background .25s ease-out;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-transition:background .25s ease-out;
  -webkit-transition:background .25s ease-out;
  -webkit-user-select:none;
  background-image:linear-gradient(toleft,#207Ed650%,#2194cc50%);
  background-position:bottom right;
  background-repeat:no-repeat;
  background-size:200% 100%;
  transition:background .25s ease-out;
  user-select:none;
  position: relative;
}

.menu-boczne li > ul > li
{
  border-left:0;
}

.menu-boczne li:hover,.ico-box:hover,.ico-box-g:hover
{
  -moz-transition:background .25s ease-out;
  -o-transition:background .25s ease-out;
  -webkit-transition:background .25s ease-out;
  background-position:bottom left;
  transition:background .25s ease-out;
}

.menu-boczne ul
{
  display:none;
  list-style-type:none;
  padding-left:0;
}

.menu-boczne ul label,.menu-boczne ul a
{
  background: #f9f9f9;
  border:0;
  position: relative;
  width: 100%;
}

.menu-boczne ul label::before
{
  /* right:0; */
}

.menu-boczne ul label:hover,.menu-boczne ul a:hover
{
  /*background:#2194cc;*/
  background: #e0ac60;
  color: #fff;
}

.menu-boczne ul ul label,.menu-boczne ul ul a,.menu-boczne ul ul ul label,.menu-boczne ul ul ul a
{
  padding-left:50px;
}

.menu-boczne ul ul label::before
{
  /* left:54px; */
}

.menu-boczne ul ul ul label::before
{
  left:72px;
}

.menu-boczne.anim label::before
{
  -moz-transition:0 .3s;
  -webkit-transition:0 .3s;
  transition:transform .3s;
}

.menu-boczne .li-current, .menu-boczne .li-current a {
    color: #ffffff;
   
    background: var(--maincolor2);
}

.menu-footerlink
{
  padding-left:15px;
}

.nag-box
{
  padding-bottom:30px;
  font-size: 280%;
}

.nag-box small
{
  font-size:70%;
  padding-bottom:30px;
  color: #bbbbbb;
}

.nav,h1,h2,h3,h4,h5,.media-heading,b,strong,.carousel-caption h2
{
  font-weight: 400;
}

.navbar
{
  box-shadow:0 4px 4px -4px rgba(0,0,0,0.14);
  font-size:16px;
}

.navbar-dark .navbar-toggler
{
  border-color: #70a0ad;
  color:rgba(255,255,255,.5);
}

.navbar-light .navbar-nav .nav-link
{
  color:rgba(0,0,0,1);
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover
{
  color:#eaeaeb;
}

.navbar-nav li.current
{
  /* background:#000; */
  color: #343434e0;
}

.navbar-nav li.current .nav-link,.max-col a,.navbar-toggler .fa
{
  /* color: #000; */
}

.navbar-nav li.current > .nav-link
{
  background: transparent;
  color: var(--maincolor);
}

.navbar-nav:first-child
{
  margin-left:-30px;
}

.navbar-toggler
{
  background-color: #3b606a;
  border:1px solid transparent;
  border-radius:.25rem;
  color:#555;
  font-size:1.25rem;
  line-height:1;
  padding:.25rem .75rem;
}

.no-margin
{
  margin:0;
}

.no-pad
{
  padding:0;
}

.no-touch .menu-boczne ul label:hover,.no-touch
.menu-boczne ul a:hover
{
  background:#eee;
}

.nodisplay
{
  display:none!important;
}

.onas-box
{
  border-left:3px solid #eaeaeb;
  padding-left:30px;
}

.orange-wiad
{
  background:#DB651A;
  color:rgba(255,255,255,0.8);
  margin-bottom:30px;
  padding:30px 15px 0;
}

.p-box
{
  align-items:center;
  border:3px #efefef solid;
  display:flex;
  flex-direction:column;
  height:80%;
  justify-content:center;
  margin-bottom:15px;
  padding:20px;
}

.p-small
{
  font-size:50%;
}

.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus
{
  background-color:#DCE1E7;
  border-color:#DCE1E7;
  color:#fff;
  cursor:default;
  z-index:2;
}

.pagination > li > a,.pagination > li > span
{
  background-color:#fff;
  border:1px solid #ddd;
  color:#b9b9b9;
  float:left;
  line-height:1.428571429;
  margin-left:-1px;
  padding:6px 12px;
  position:relative;
  text-decoration:none;
}

.s-bigtext
{
  font-size:200%;
  padding-bottom:30px;
}

.s-cnt
{
  background:#ededed;
}

.s-footer
{
  /* background:#030303 url(../images/footer_bg.jpg) bottom left no-repeat; */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#432c74+2,87538f+100 */
  /* background: #506288 url(../images/footer_bg.jpg) 50% 35% no-repeat; */ /* Old browsers */
  background: linear-gradient(to right, #0b0b0b 0%, #101010 50%, #000000 100%);
  color:rgba(255,255,255,0.8);
  min-height: 300px;
  background-size: cover;
}

.s-footer a,.ico-box .fa,.ico-box-g .fa
{
  color:rgba(255,255,255,0.8);
}

.s-footer b,.goup .fa,.socialfloat .fa,.submenusite li.aktywny a,.s-triple a
{
  color:#fff;
}

.s-footer h5
{
  color: #fff;
  font-size:110%;
  font-weight:400;
  margin-bottom:5px;
  padding-bottom:5px;
  position:relative;
}

.box-h-lines{
  background: url(../images/wawe.png) center center no-repeat;
  width: 100%;
  height: 100%;
  padding: 30px;
}

.s-footer h5::after
{
  background-color:var(--maincolor);
  content:"";
  display:block;
  height:2px;
  margin:15px 0;
  width:104px;
}

.s-footer hr
{
  border:0;
  border-top:1px solid rgba(255,255,255,0.2);
  border-top-color:currentcolor;
  border-top-style:none;
  border-top-width:0;
  margin-bottom:1rem;
  margin-top:1rem;
}

.s-footer ul
{
  list-style-type:square;
}


.s-footer a:focus, .s-footer a:hover {
    color: var(--maincolor);
}


.s-grey
{
  background: #b5b5b5;
  /* background:url(../images/pt3.png); */
}
.s-grey-bb
{
  /* background: #f1f1f1; */
  background:url(../images/sl_bg.jpg) center center ;
  padding-top: 60px;
  padding-bottom: 60px;
}
.s-grey-img
{
  background: #dc3545;
  /* background:url(../images/pt3.png); */
}
.s-white-minipad
{
  background:#fff;
  padding-top: 15px;
  position: relative;  
}

.s-fin{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#161c26+0,1d2530+100 */
   background: radial-gradient(ellipse at center,  #2a2a2a 0%,#181818 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   color: #898989;
   /*min-height: 634px;*/
}
.s-fin h2{
  color: #fff;
}
.s-fin-h{
  background: #141414;
  color: #eee;
}
.s-fin-h h2{
  color: #fff;
}


.s-info
{
  color:#000;
  font-size:18px;
  line-height:25px;
  padding-bottom:10px;
  padding-top:25px;
}

.s-info .fa
{
  color:#000;
  margin-top:-5px;
}

.s-lightgrey
{
  background:#fafafa;
}

.s-normal
{
  padding-bottom: 90px;
  padding-top: 90px;
  position:relative;
  background-color: #e5e5e5;
}
.s-k-minipad{
  padding-top: 30px;
  padding-bottom: 20px;
  /*background: rgba(0,0,0,.02);*/
  /*background:url(../images/pt3.png) ;*/
  font-weight: 600;
  font-size: 2.2vh;
}

.s-block1{
  background: #fff;
}
.s-k-minipad .fa{
  color: #3aa9e1;
}

.small-pad-bottom{
  padding-bottom: 15px;
}

.s-top
{
  background:#f2f2f2;
}

.s-top .colorek1,.side-bar .colorek1,.s-top .colorek2,.side-bar .colorek2,.sliderhead .colorek-1,.sliderhead .colorek-2
{
  background:#eaeaeb;
}

.s-topcover
{
  height:100%;
  margin-bottom:-50px;
  margin-top:-50px;
  padding-bottom:50px;
  padding-top:50px;
  width:100%;
}

.s-triple
{
  background-color:#eaeaeb;
  color:#fff;
}

.s-white
{
  background: #f3f3f3;
  padding-bottom:260px;
}

.s-white .welloon:hover
{
  -moz-box-shadow:0 0 24px -8px rgba(0,0,0,0.17);
  -webkit-box-shadow:0 0 24px -8px rgba(0,0,0,0.17);
  background:#fff;
  box-shadow:0 0 24px -8px rgba(0,0,0,0.17);
}

.showing
{
  opacity:1;
}

.side-bar .a-t-box
{
  border-bottom:1px solid #efefef;
  min-height:120px;
  padding-bottom:15px;
}

.side-bar .art-right .syl-img-res-art
{
  max-height:94px;
  object-fit:cover;
  object-position:50% 0;
  overflow:hidden;
  width:45%;
  border-radius: 5px;
}

.side-bar ul
{
  list-style-color:green;
  list-style-type:none;
  padding-bottom:15px;
  padding-left:15px;
  padding-top:15px;
}

.side-bar ul li::before
{
  color:#eaeaeb;
  content:"";
  display:inline-block;
  font-weight:700;
  margin-left:-1em;
  width:1em;
}

.sliderhead
{
  color:#fff;
  left:50%;
  line-height:30px;
  position:absolute;
  text-align:center;
  text-shadow:1px 1px 2px rgba(50,50,50,0.1);
  top:320px;
  transform:translate(-50%,-50%);
  width:100%;
  z-index:888;
}

.sliderhead .colorek-3
{
  background:#DB651A;
}

.sliderhead .colorek-4
{
  background:#4C4DAF;
}

.sliderhead .colorek-red
{
  background:#ff2121;
}

.sliderhead h1
{
  font-size:460%;
}

.sliderhead p
{
  font-size:120%;
}

.small-text
{
  color:#555;
  font-weight:300;
}

.smalllist
{
  padding-bottom:10px;
}

.socialfloat
{
  background:#000;
  border-radius:5px;
  display:none;
  font-size:80%;
  margin-right:10px;
  padding:15px;
  position:fixed;
  right:0;
  top:300px;
  width:50px;
  z-index:1999;
}

.startpage .carousel,.carousel .item
{
  height:auto;
}

.startpage .carousel-item img
{
  height:auto;
  object-fit:cover;
  object-position:50% 50%;
  width:100%;
}

.submenusite
{
  list-style-type:none;
  padding-left:0;
}

.submenusite li
{
	position: relative;
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  background:#f5f5f5;
  border-left:3px #f5f5f5 solid;
  display:block;
  margin-bottom:10px;
  padding:8px 15px;
  transition:all .35s;
}

.submenusite li a
{
  display:block;
  text-decoration:none;
}

.submenusite li.aktywny
{
  background:#0FA99F;
  border-left:3px #eaeaeb;
  color:#fff;
}

.submenusite li:hover
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  background:#fafafa;
  border-left: 4px #83c33d solid;
  padding-left:30px;
  transition:all .35s;
}

/*.submenusite li:hover:before{

	position: absolute;
	z-index: +1;
	width: 20px;
	height: 20px;
	background: url(../images/logo_shape_green.svg) center center no-repeat;
	background-size: cover;
	content: "";

  	
	left: 5px;
	top:5px;


}*/

.syl-cookie
{
  -moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);
  -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.25);
  background:#aaa;
  box-shadow:0 0 5px 0 rgba(0,0,0,0.25);
  color:#fff;
  left:0;
  margin:330px;
  padding:60px;
  position:absolute;
  right:0;
  top:10%;
  z-index:999;
}

.syl-cookie a
{
  color:#fff;
  font-weight:700;
}

.syl_effect
{
  overflow:hidden;
  position:relative;
  border-radius: 10px;
}

.syl_effect:hover .cmeff
{
  -moz-transform:scale(1.8);
  -webkit-transform:scale(1.8);
  opacity:0.5;
  transform:scale(1.8);
  
}
.green-belt{
  position: absolute;
  background: rgb(0 0 0);
  color: #fff;
  padding: 20px;
  z-index: +1;
  bottom: 0px;
  width: 100%;
}
.top-search
{
  background:#f8f9fa;
  border:1px #ededed solid;
  padding:15px;
}

.top-search button
{
  border-radius:0;
  cursor:pointer;
}

.top-search input,.top-search-small input
{
  border-radius:0;
  font-size:80%;
}

.top-search-small
{
  margin-bottom:10px;
}

.top-slider
{
   background: #111 url(../images/s_top.jpg) center center no-repeat;
   background-size:cover;
   color:#555;
   min-height: 870px;
   position: relative;
   margin-top: 0px;
}

.s-top-slid{
  color: #fff;
}

.top-slider-bg{
  position: absolute;
  /*background: url(../images/bg_top.jpg) center center no-repeat;*/
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.top-slider-bg a .btn-default,.top-slider-bg .btn-default,.top-slider-bg .btn-default:active,.top-slider-bg .btn-default:visited,.top-slider-bg .btn-default:focus,.s-white a .btn-default,.s-white .btn-default,.s-white .btn-default:active,.s-white .btn-default:visited,.s-white .btn-default:focus
{
  border-color:#efefef;
}

.top-text
{
  color:#fff;
  font-size:220%;
  font-weight:300;
  left:0;
  margin-left:auto;
  margin-right:auto;
  padding-top:320px;
  position:absolute;
  right:0;
  z-index:99999;
}

.btn-default{
  padding: 0.375rem 1.75rem;
}

.top-text h1
{
  font-weight:300;
}

.top-text h1 b
{
  font-weight:900;
}

.top-wiad .media-body
{
  padding-bottom:0;
}

.top-wiad .rshd
{
  background:#F2F2F2;
}

.top-wyd
{
  background:#fff;
  border:3px #ededed solid;
  padding-top:25px;
}

.top-wydhead
{
  background:#eaeaeb;
  color:#fff;
  padding:15px;
}

.top3-txt
{
  font-weight:600;
}

.top3-txt small
{
  font-size:50%;
  font-weight:100;
}

.toppad
{
  padding-top: 94px;
}

.unhidebox
{
  margin-bottom:30px;
  margin-top:15px;
}

.w-databox
{
  background:#eaeaeb;
  border:1px #ededed solid;
  color:#fff;
  font-size:130%;
  margin-bottom:30px;
  padding:15px;
}

.welloon:hover .img-kolisty.img-t-box img
{
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  height:135%;
  object-fit:cover;
  object-position:50% 50%;
  transition:all .35s;
  width:135%;
}

.z-art h3
{
  font-weight:400;
}

.zajawka
{
  color:#555;
}

.ikon{
  width: 30px;
  height: auto;
  float: left;
  margin-left: 15px;

}
.box-color{
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  border-color: #fff;
  border-radius: 5px;
  color: #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27499f+0,00b0ff+50,007dda+100 */
  background: linear-gradient(to right, var(--maincolor) 0%, var(--maincolor) 50%, var(--maindarken) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-size: 80%;
  transition: all .3s ease-in-out;
  border: 0px;
  display: inline-block;
  padding: 8px 15px;
  line-height: 30px;
}

.box-color h3 {
    font-size: 180%;
}

a .btn-default, .btn-default, .btn-default:active, .btn-default:visited, .btn-default:focus {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-color: #fff;
    border-radius: 5px;
    color: #fff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#27499f+0,00b0ff+50,007dda+100 */
    /* background: linear-gradient(to right,  #27499f 0%,#00b0ff 50%,#007dda 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(to right, #0f0f0f 0%, #2e2e2e 50%, #000000 100%);
    font-size: 80%;
    font-size: 70%;
    transition: all .3s ease-in-out;
    border: 0px;
}

a,a:focus,a:hover,.navbar-nav li.current:hover > .nav-link,.art-zajawka,.art-other-link
{
  color: #312c2c;
}

.navbar-nav li.current:hover > .nav-link
{
  color: #;
  color: #c0c0c0;
}


a.boxlink
{
  text-align:#eaeaeb #207ed6 #eaeaeb #eaeaeb #fffefe 80% 3px #207Ed6 solid all .3s ease-in-out all .3s ease-in-out all .3s ease-in-out all .3s ease-in-out 0 center;
}

body
{
  /* background:#fff url(../images/background.jpg) 50% -120% no-repeat; */
  /*background-size:cover;*/
  color: #000000;
  font-family: Poppins,Arial,sans-serif;
  font-size:16px;
  font-weight:300;
  line-height:1.7;
  margin-top: 0;
  padding-top: 0px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

body.b-default
{
  background:linear-gradient(toright,#f5f5f50%,#ffffff51%,#f5f5f5100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f5f5f5',GradientType=1);
}

body.startbody
{
  padding-top:0;
}

header
{
  background:#fff;
  padding-top: 0px;
}

html,body
{
  height:100%;
  width:100%;
}

iframe
{
  min-height:580px;
  width:100%;
}
.s-iframe {
  background: #f3f3f3;
}

img.grayscale,.s-cnt .baner-prawy:hover
{
  -moz-transition:all .3s ease-in-out;
  -o-transition:all .3s ease-in-out;
  -webkit-transition:all .3s ease-in-out;
  transition:all .3s ease-in-out;
}

img.grayscale:focus,img.grayscale:hover,.s_gallery:hover img
{
  -webkit-filter:grayscale(0%);
  filter:none;
}

p
{
  orphans:5;
  widows:5;
}

ul [class*='clspec-']
{
  font-size:140%;
  font-weight:600;
  padding:15px!important;
}

ul [class*='clspec-'] .img-t-box
{
  margin:-15px -15px 15px!important;
}

ul [class*='clspec-']:hover
{
  border-left:3px #fff solid!important;
}

video
{
  height:auto!important;
  width:100%!important;
}

@mediamax-width992px {
  

  #sn_pogoda
  {
    background:#f7f7f7;
    margin-bottom:30px;
    text-align:center;
  }
  
  .adress-top
  {
    display:none;
  }
  
  .art-right img
  {
    bottom:0;
    float:none;
    height:135%;
    left:0;
    margin-left:auto!important;
    margin-right:auto!important;
    object-fit:cover;
    object-position:50% 50%;
    position:relative;
    right:0;
    top:0;
    width:135%;
  }
  
  .c-arrow
  {
    position:absolute;
    top:25%;
  }
  
  .carousel
  {
    height:auto;
    margin-bottom:0;
  }
  
  .carousel .item
  {
    height:auto;
  }
  
  .carousel-caption
  {
    bottom:0;
    left:0;
    padding:30px 40px 50px;
    position:relative!important;
    text-align:left;
    top:0;
    width:100%;
  }
  
  .carousel-caption h2
  {
    margin-top:0;
  }
  
  .carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right
  {
    display:inline-block;
    position:absolute;
    top:25%;
    z-index:5;
  }
  
  .grey-wiad .media-body,.orange-wiad .media-body
  {
    padding:15px;
  }
  
  .media-body
  {
    padding-bottom:30px;
    padding-top:30px;
  }
  
  .nav img.responsive
  {
    margin-left:auto;
    margin-right:auto;
  }
  
  .right-header
  {
    display:inline-block;
    width:100%;
  }
  
  .s-top .colorek1
  {
    margin-top:30px;
  }
  
  .syl-img-adv
  {
    max-width:50%!important;
  }
  
  .text-left
  {
    text-align:center!important;
  }
  
  .top-slider
  {
    background:#fff url(../images/top_bg_mobile.jpg) center center no-repeat;
  }
  
  .top-wyd .media-body
  {
    padding-bottom:30px;
    padding-top:0;
  }
  
  .toppad
  {
    padding-top:60px;
  }
  
  body
  {
    padding-top:30px;
  }
  
  body.startbody
  {
    padding-top:0;
  }
  
  h4.header
  {
    padding-bottom:45px;
  }
}

@mediamax-width 992px {
  .header::after
  {
    background-color:#eaeaeb;
    content:"";
    display:block;
    height:3px;
    margin:15px 45%;
    width:10%;
  }
  
  .nag-box
  {
    margin-top:40px;
  }
  
  .s-footer [class*='col-']
  {
    padding-bottom:50px;
  }
  
  .s-footer h5::after
  {
    background-color:rgba(255,255,255,0.3);
    content:"";
    display:block;
    height:3px;
    margin:15px 45%;
    width:10%;
  }
  
  .s-footer ul
  {
    list-style-type:none;
  }
  
  .s-info [class*=col]
  {
    padding-bottom:5px;
    padding-top:5px;
  }
  
  .s-info ul
  {
    padding-bottom:15px;
    padding-top:15px;
    text-align:center;
  }
  
  .sliderhead
  {
    color:#fff;
    left:50%;
    line-height:30px;
    position:absolute;
    text-align:center;
    text-shadow:1px 1px 2px rgba(50,50,50,0.1);
    top:520px;
    transform:translate(-50%,-50%);
    width:100%;
    z-index:888;
  }
  
  .socialfloat
  {
    background:#35b9d2;
    display:none;
    margin-right:10px;
    padding:15px;
    position:fixed;
    right:0;
    top:120px;
    width:55px;
    z-index:19;
  }
  
  .startpage .carousel
  {
    height:auto;
  }
  
  .startpage .carousel-item img
  {
    height:100%;
    object-fit:cover;
    object-position:50% 50%;
    width:auto;
  }
  
  .startpage .linkbox
  {
    margin-bottom:30px;
    opacity:1;
  }
  
  .syl-cookie
  {
    margin:10px;
    padding:30px;
  }
  
  .top-wyd
  {
    text-align:left;
  }
  
  body,.text-left,.text-right
  {
    text-align:center;
  }


}

@media only screen and min-width 600px {
  .menu-boczne label,.menu-boczne a
  {
    font-size:1em;
    padding:8px;
  }
  
  .menu-boczne label::before,.menu-boczne ul label::before
  {
    right:24px;
  }
  
  .menu-boczne ul label,.menu-boczne ul a
  {
    padding-left:36px;
  }
  
  .menu-boczne ul ul label,.menu-boczne ul ul a
  {
    padding-left:60px;
  }
  
  .menu-boczne ul ul label::before
  {
    left:72px;
  }
  
  .menu-boczne ul ul ul label,.menu-boczne ul ul ul a
  {
    padding-left:154px;
  }
  
  .menu-boczne ul ul ul label::before
  {
    left:96px;
  }
}

@mediamin-width772px {
  .grey-wiad .startlist-imag,.orange-wiad .startlist-imag
  {
    margin-top:-30px;
    max-height:358px;
    overflow:hidden;
  }
  
  .img-t-box
  {
    max-height:280px;
    overflow:hidden;
  }
  
  .startlist-imag
  {
    max-height:82px;
    overflow:hidden;
  }
}

@media only screen and min-width 767px {
  .mainmenu .collapse ul li:hover> ul,.mainmenu .collapse ul ul li:hover> ul,.mainmenu .collapse ul ul ul li:hover ul
  {
    display:block;
  }
  
  .mainmenu .collapse ul ul
  {
    display:none;
    left:0;
    min-width:250px;
    position:absolute;
    top:100%;
  }
  
  .mainmenu .collapse ul ul li,.mainmenu .collapse ul ul ul li
  {
    position:relative;
  }
  
  .mainmenu .collapse ul ul ul
  {
    display:none;
    left:100%;
    min-width:250px;
    position:absolute;
    top:0;
  }
  
  .mainmenu .collapse ul ul ul ul
  {
    display:none;
    min-width:250px;
    position:absolute;
    top:0;
    z-index:1;
  }
}

@media only screen and max-width 767px {
  .mainmenu .dropdown-menu
  {
    text-align:center!important;
  }
  
  .navbar
  {
    padding:8px 15px;
    position:fixed;
    top:0;
    z-index:999999;
  }
  
  .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a
  {
    padding:16px 15px 16px 45px;
  }
  
  .navbar-nav .show .dropdown-menu .dropdown-menu > li > a
  {
    padding:16px 15px 16px 35px;
  }
  
  .top-text
  {
    font-size:200%;
  }
}

@media min-width 992px {
  .navbar-expand-lg .navbar-nav .nav-link
  {
    padding:15px 1.8rem;
  }
  
  .t-vert
  {
    padding-top:30px;
  }
}

@media max-width 992px {

  #parallax1{
  		background-size: cover;
  	    background-attachment: scroll;
  	    color: #fff;
  	    background-position: fixed;
  	    min-height: unset;

  }

  .m-header
  {
    font-size:200%;
  }
  
  .m-header:after
  {
    left:25%;
  }
  
  .navbar-nav:first-child
  {
    margin-left:0;
  }
  
  .s-top-bg
  {
    position:relative;
  }
  
  .sc-logo
  {
    padding-bottom:20px;
    padding-top:20px;
  }
  
  .syl-img-res-art
  {
    margin-bottom:30px;
    width:100%!important;
  }
  
  .text-right
  {
    text-align:center!important;
  }
  
  .top-text
  {
    background:rgba(255,255,255,0.7);
    font-size:130%;
    margin-top:250px;
    padding:30px;
  }
  
  .top-text h1
  {
    font-size:70%;
  }
}

@media max-width 992px {
  .form-inline .input-group
  {
    width:100%;
  }
}

@media (max-width: 991.98px){
  .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;

  }

  .art-other-img-box {
    
    max-height: unset;
    overflow: hidden;
  }

}


.form-inline .input-group {
    width: 100%;
}

.top-header{
  font-weight: 300;
  position: relative;
  margin-bottom: 35px;
}

.top-header::after {
    content: '';
    position: absolute;
    bottom: -15px;
    height: 2px;
    width: 70px;
    background-color: #3aa9e1;
    left: 0;
    margin-left: 0px;
}



.border-between > [class*='col-']:before {
   background: #e3e3e3;
   bottom: 0;
   content: " ";
   left: 0px;
   position: absolute;
   width: 1px;
   top: 0;
}

.border-between > [class*='col-']:first-child:before {
   display: none;
}

.s-dark{
  background: #111 url(../images/s_dark.jpg) top center no-repeat;
  color: #fff;
  background-size: cover;
}

.s-dark-bg{
  color: #fff;
  background: #111 url(../images/mid_bg.jpg) top center no-repeat;
  background-size: contain;
  min-height: 1161px;
}

.h-tel,.h-email{

  font-weight: 300;

}

.h-email{
  color: #3aa9e1;
}

.s-kolka{
  background: #222222;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,2b2b2b+50,131313+100 */
  background: linear-gradient(to right, rgb(87 133 144) 1%, rgb(128 175 188) 50%, rgb(132 180 193) 100%);
  color: #fff;
}

.kolko {
  width: 100%;
  margin: 6px 6px 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
  margin-left: auto;
  margin-right: auto;
  
}

.kolko canvas {
  vertical-align: top;

}

.kolko strong {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  /*margin-top: 20px;*/
  margin-left: 10px;

  
  text-align: center;
  line-height: 40px;
  font-size: 30px;
}

.kolko strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.kolko-tittle{
  padding-top: 30px;

}

.kolko span {
  display: block;
 
  margin-top: 12px;
}

.section-tittle{
  padding-bottom: 50px;
}

.kolko-desc 
{
  line-height: 22px;
  color: #ffffff70;
}

.line-special{
  position: relative;
  margin-top: 6rem;
  margin-bottom: 6rem;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.1);
  height: 2px;
  width: 100%;
}

.line-special-small {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgb(255 255 255 / 5%);
    height: 2px;
    width: 100%;
}

.line-dark{
 
  border-top: 1px solid rgba(0,0,0,.1);
 
}

.line-special::after,.line-special-small::after {
    content: '';
    position: absolute;
    bottom: 0px;
    height: 2px;
    width: 70px;
    background-color: var(--maincolor);
    left: 50%;
    margin-left: -35px;
}

.h-boxes{
  font-weight: 600;
  /* display: table-cell; */
  height: 100%;
  vertical-align: middle;
}

.def-top-bg{
  /*background: url(../images/top_bg.jpg) center center no-repeat;*/
  background-size: cover;
  height: 68px;
  background: #5aadba;
}

@media(max-width: 992px){

  .def-top-bg{
    
    height: 98px;
    background: #5aadba;
    }
}

.s-color{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7bf66+0,e53e35+50,87538f+100 */
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a9eb0+0,19d6cf+100 */
  background: #3aa9e1; /* Old browsers */
  background: -moz-linear-gradient(left, #3a9eb0 0%, #19d6cf 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3a9eb0 0%,#19d6cf 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3a9eb0 0%,#19d6cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a9eb0', endColorstr='#19d6cf',GradientType=1 ); /* IE6-9 */

  color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.s-color h3{
  color: #fff;
  display: inline-block;
    vertical-align: middle;
}

.s-color-2{
  background:url(..images/middle_bg.jpg) 50% 0% no-repeat;
  min-height: 480px;
  background-size: cover;
}

.box-header-horiz{
  color: #fff;
  padding: 20px;
  background:#87538f;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#432c74+2,87538f+100 */
  background: #432c74; /* Old browsers */
  background: -moz-linear-gradient(left, #432c74 2%, #87538f 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #432c74 2%,#87538f 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #432c74 2%,#87538f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#432c74', endColorstr='#87538f',GradientType=1 ); /* IE6-9 */
  border-radius: 1rem;
  padding-bottom: 20px;
  display: table;
  /* vertical-align: middle; */
  width: 100%;
  text-align: left;
  height: 100%;
}

.boxlink{
  color: #000;
  text-decoration: none !important;
}

.box-header-horiz .box-h-img {
  padding-right: 8px;
  /* display: inline-block; */
  vertical-align: middle;
  /*filter: invert(1);*/
}

#parallax1 .btn-default{
  border: 0px !important;

}

.serv-ans{
  padding-top: 30px;
  padding-bottom: 30px;
}

.vid-play{
  position: absolute;
  top:80px;
  left: 50%;
  margin-left: -17px;

  background: #fff;
  /*border:2px #fff solid;*/
  border-radius: 50%;

  width:35px;
  height:35px;
  text-align: center;
  padding-top: 3px;
}

#playerVod{
  position: relative;
  background: #f0f0f0;

  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.video-js {
    /*position: relative !important;*/
    width: 100% !important;
    height: auto !important;
}

.vjs-poster {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.vjs-tech {
    position: relative !important;
    
}

.vid-desc{
  box-shadow: 0 0 6px 0 #e2e2e2;
  padding: 15px;
  margin-bottom: 30px;
  padding-bottom: 40px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}


.menu-boczne  li {
   border-top: 1px solid #efefef;
   text-transform: uppercase;

}

.menu-boczne:first-child{
  border-top: 0;
}


.main-social{
  font-size: 30px;
  padding-top: 20px;
  color: #7a599f;
}

.main-social .fa{
   color: #333;
}

.s-newsletter ul{
  list-style-position: inside;
}

#slider-cnt{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  /*background: rgba(0,0,0,0.3);*/
  width: 100%;
  height: 100%;
}


.particles-js-canvas-el{
  margin-top: -300px;
}

.nav-link{
  position: relative;
}

@media(min-width: 992px){
  ul > li.nav-link::before{
    background-color:#3aa9e1;
    content:"";
    display:block;
    height:1px;
    margin:15px 0;
    width:2px;
    left: 50%;
    position: absolute;
    top: -120px;

    -moz-transition:all .35s;
    -webkit-transition:all .35s;
    transition:all .35s;
  }

   ul > li.nav-link:hover:before{
    
    top: -60px;
    height:50px;
    -moz-transition:all .35s;
    -webkit-transition:all .35s;
    transition:all .35s;
  }
}

.hhead{
  /* color: #3aa9e1; */
  font-size: 280%;
  position: relative;
  font-weight: 600;
  
}

.hhead::after{
  background: var(--maincolor);
  content:"";
  display:block;
  height:3px;
  margin:15px 0;
  width:80px;
  left: 0;
  /*position: absolute;*/
  top: 0px;
}

.hhead-center{
  /*color: #3aa9e1;*/
  font-size: 280%;
  position: relative;
  display: inline-block;margin-bottom: 60px;
}

.hhead-center::after{
  background: var(--maincolor);
  content:"";
  display:block;
  height:3px;
  width:80px;
  margin-left: auto;
  margin-right: auto;
  /*margin-left: 0px;*/
  /*position: absolute;*/
  margin-top: 10px;
  top: 0px;
  margin-bottom: 30px;
  top: 30px;
}

.text-center .hhead::after {
   
    margin-top: 10px;
  /*top: 0px;*/
  margin-bottom: 30px;
  /*top: 30px;*/
   margin-left: auto;
  margin-right: auto;
}

.tel-box{
  color: #fff;
  display: inline-block;
  padding-top: 20px;
  padding: 30px;
  padding-bottom: 15px;
  padding-top: 20px;
  border-radius: 5px;
  background:#3aa9e1;
  margin-top: 30px;
  margin-bottom: 30px;
}

.tel-box:is(h1, h2, h3, h4, h5, h6){
  margin: 0;
  padding: 0;
}

.btm-fald{
  margin-top: -180px;
}

@media(max-width: 992px){


  .syl-cookie {
      padding: 30px;
      margin: 10px;
  }
}


.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background-image: none;
    background: #121212;
}

.btn:hover {
    color: #ffffff;
}

.bg-half {  
 position: absolute;
 top: 0px;
 left: 0; 
 width: 50%; 
 height: 100%;
 background-image: url('../images/half.jpg');
 background-position: 0 0; 
 background-repeat:no-repeat; 
 background-size: cover;
}

.half-lpad{
  /* padding-left: 30px; */
  /* padding-bottom: 35px; */
  background: #ffffff5e;
  padding: 50px;
  -webkit-box-shadow: 3px 3px 23px -20px rgba(66, 68, 90, 0.59);
  -moz-box-shadow: 3px 3px 23px -20px rgba(66, 68, 90, 0.59);
  box-shadow: 3px 3px 23px -20px rgb(147 147 153);
  margin-top: 50px;
  box-shadow: black;
.toptext {
  /* text-shadow: 1px 0px 1px rgba(0,0,0,0.67); */
};
  border-radius: 10px;
  /* color: white; */
}

.green-grad {
    background: #aed055;
    background: -moz-linear-gradient(left, #59acba 0%, #94c7cb 51%, #59acba 100%);
    background: -webkit-linear-gradient(left, #aed055 0%,#d7e8ab 51%,#aed055 100%);
    background: linear-gradient(to right, #aed055 0%,#dae9b1 51%,#aed055 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59acba', endColorstr='#59acba',GradientType=1 );
    color: #fff;
}

h1,h2,h3,h4,h5{
  font-weight: 400;
  /*text-transform: uppercase;*/
  font-family: 'Poppins';
}

.art-other-desc-box a{
  text-decoration: none;
}

.dzien a{
  color: var(--maincolor);
}

a {
  text-decoration: none;
}

.toptext{
 text-shadow: 1px 0px 1px rgb(38 38 38);
}

.toptext h1{
  font-weight: 600;
  font-size: 460%;
  margin-top: 70px;
}

.toptext h3{
  font-weight: 400;
  font-size: 1.3vw;
}
.art-other-desc-box{
  padding: 15px;
  text-align: center;
}

.top-person{
  position: absolute;bottom:0px;max-width: 500px;margin-left: -38px
}
.top-person-ov{
  position: absolute;bottom:0px;max-width: 500px;margin-left: -200px
}

@media(max-width: 1920px){


  
  .toptext h1{
    /*font-weight: 900;*/
    font-size: 260%;
    padding-bottom: 20px;
  }

  .toptext h3{
    font-weight: 300;
    font-size: 1.8vw;
  }
}

@media(max-width: 766px){


  .top-person2{
    position: relative;
    bottom:0px;
    max-width: 100%;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: -90px;
  }

  .top-person{
    position: relative;
    bottom:0px;
    max-width: 100%;
    margin-left:auto;
    margin-right: auto;
    /* margin-top: 120px; */
  }

  .top-person-ov{
    position: absolute;bottom:0px;max-width: 500px;left: 0;right: 0;
  }
  .green-belt{
    position: relative;
  }

  .top-slider-bg {
    position: relative;
    
  }
  .toptext h1{
    font-weight: 600;
    font-size: 5.8vw;
  }

  .toptext h3{
    font-weight: 400;
    font-size: 3.8vw;
  }

  .bg-half {  
   position: relative;
   top: 0px;
   left: 0; 
   width: 100%; 
   height: 100%;
   background-image: url('../images/half.jpg');
   background-position: 0 0; 
   background-repeat:no-repeat; 
   background-size: cover;
   height: 400px;
   margin-top: -80px;
  }

  .toppad{
    /* padding-top: 180px !important; */
  }
  .top-slider{
    min-height: 800px;
  }

  .dropdown-menu {
    position: relative;
   	text-align: center;
   	box-shadow: none;

	}

	.s-k-minipad {
    
    font-size: 1.3vh;
	}
}

@media (max-width: 767px){
	.top-slider{
    min-height: 800px;
  }

  .toppad {
    padding-top: 30px;
    background: #ffffff;
    padding-bottom: 60px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .s-k-minipad {
    
    font-size: 1.6vh;
	}

  .h-boxes{
    text-align: center;

  }

  .box-h-container{
    margin-bottom: 30px;
    margin-top: 30px;
  }



}
.art-other-desc-box h3 {
	font-size: 1.4em;
}

@media (min-width: 3000px){
	.top-slider{
    min-height: 900px;
  }

  .s-k-minipad {
    
    font-size: 1.1vh;
	}

	.toptext h1 {
    font-weight: 600;
    font-size: 4rem;
}
.toptext h3 {
    font-weight: 600;
    font-size: 3rem;
}
}	

.cena-box{
  background: #000;
  color: #fff;
  padding: 15px;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #3aa9e1;
    border-color: #3aa9e1;
}

.form-box{
  padding: 15px;
  box-shadow: 0 0 6px 0 #e2e2e2;
}

.stiky-box{
  position: sticky;
  top: 150px;
  }

 .d-none{
  display: none !important;
 } 

 h3.lines{
  /*position: relative;*/

}
h3.lines:before {
        position: absolute;
        content: "";
        display: block;
        width: 10%;
        height: 1px;
        background: #3aa9e1;
        left: 0px;
        top: 50%;
        position: absolute;
      }
h3.lines:after {
        content: "";
        display: block;
        width: 10%;
        height: 1px;
        background: #3aa9e1;
        right: 0;
        top: 50%;
        position: absolute;
      }

.tel-box{
  position: sticky;
  top:140px;
  padding: 15px;
  background: #fff;
  box-shadow: 0 0 6px 0 #e2e2e2;
  width: 100%;
  padding: 15px 15px 30px;
  color: #000;
  transition: all .35s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;


}      

.top-video-container{
    background: #fff;
    position: 0px;
    border: 0px;
    margin: 0px;
    position: relative;
    margin-bottom: -2px;
}
.wenoying{
    height: 5px;
    width: 100%;
    bottom:5px;
    position: absolute;
    z-index: +1;
    background: #FFF;
}

  
#videoBG {
   /*position:fixed;*/

   /* position: absolute;
    z-index: -1*/
}


@keyframes fancy-spin-low {
    0% {
      transform: rotate(0turn) scale(1);
    }
    
    25% {
      filter: brightness(120%);
    -webkit-filter: brightness(120%);
    -moz-filter: brightness(120%);
    transform:scale(1.1);
    }
    100% {
      transform: rotate(0turn) scale(1);

    }
  }

  @keyframes fancy-blink {
    0% {
      transform: rotate(0turn) scale(1);
    }
    
    25% {
      filter: brightness(120%);
    -webkit-filter: brightness(120%);
    -moz-filter: brightness(120%);
    transform:scale(1.1);
    }
    100% {
      transform: rotate(0turn) scale(1);

    }
  }

/* ---- grid ---- */

.grid {
  padding-top: 50px;
  padding-bottom: 50px;
  
  text-align: center;
  
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-item {
  float: left;
  width: calc(25% - 15px);
  height: auto;
  margin-bottom: 20px;
  background: #000000;
  /* filter: grayscale(100%); */
  border-radius: 5px;
  /* border: 4px solid #d3c89d; */
}

.grid-item:hover {
  -moz-transition:all .35s;
  animation: fancy-spin-low 1s;
  filter: brightness(105%);
    -webkit-filter: brightness(105%);
    -moz-filter: brightness(105%);
  transition:all .35s;
  
}

.grid-item img{
  width: 100%;
  border-radius: 5px;
  box-shadow: 0px 7px 13px #00000069;
}
.grid-item--width2 { width: 220px; }
.grid-item--height2 { height: 220px; }

.filter-box{padding-top: 30px;
padding-bottom: 0px}
.filter-box .btn{
  margin-right: 5px;
  margin-left: 5px;
}


@media(max-width: 767px){
  .grid-item {
      float: left;
      width: calc(50% - 10px);
      height: auto;
      margin-bottom: 20px;
      background: #fff;
      /*margin:5px;*/
  }

  .green-belt{
    position: relative;
    text-align: center;
  }
  


  .half-lpad .hhead{
    text-align: center;

  }

  .hhead::after{
    margin-left: auto;
    margin-right: auto;

  }

}

.kontakt-box{
  background: rgba(255,255,255,0.7);
  border-radius: 5px;
  box-shadow: 0px 0px 7px #cecece59;
  padding: 20px;
}

@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width:100%;
        height: auto;
       
    }
}
@media (max-aspect-ratio: 16/9) {
    #videoBG { 
        width:auto;
        height: 100%;
    }
}
@media (max-width: 767px) {
    #videoBG {
        display: none;
    }
    .top-video-container {
        height: 700px;
        background:#151b25 url(../images/mc.jpg) center center no-repeat;
        background-size: contain;
    }
    .wenoying{
      display: none;
    }

    .kontakt-box{
      text-align: center;
      padding: 15px;
    }

    .kontakt-box .hhead::after {
   
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
   
    }
}

.top-video-container{
    background: #151b25;;
    position: 0px;
    border: 0px;
    margin: 0px;
    position: relative;
    margin-bottom: -2px;
}
.wenoying{
    height: 5px;
    width: 100%;
    bottom:5px;
    position: absolute;
    z-index: +1;
    background: #151b25;
}

.unmute{
  width: 50px;
  padding: 8px;
  background: #111;
  text-align: center;
  position: absolute;
  bottom: 120px;
  margin-left: -25px;
  left: 50%;
  right: auto;
  font-size: 12px;
  color: #fff;
  border-radius: 10%;
  cursor: pointer;
}

#videoBG {
   /*position:fixed;*/

   /* position: absolute;
    z-index: -1*/
}
@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width:100%;
        height: auto;
       
    }
}
@media (max-aspect-ratio: 16/9) {
    #videoBG { 
        width:auto;
        height: 100%;
    }
}
@media (max-width: 767px) {
    #videoBG {
        display: none;
    }
    .top-video-container {
        height: 400px;
        background:#000 url(../images/mc.jpg) center center no-repeat;
        background-size: contain;
    }
    .wenoying{
      display: none;
    }
}

.darkHeader{
  background: #e9e9e9e0;
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
  backdrop-filter: blur(4px);
}
.clearHeader{
  background: #61323c;
  -moz-transition:all .35s;
  -webkit-transition:all .35s;
  transition:all .35s;
  background: linear-gradient(to right, #fdfdfd 0%, #f5f5f5 50%, #fdfdfd 100%);
}
.darkHeader .top-logo-s{
    max-width: 200px;
    -moz-transition:all .35s;
    -webkit-transition:all .35s;
    transition:all .35s;
  }

.clearHeader .top-logo-s{
    max-width: 360px;
    -moz-transition:all .35s;
    -webkit-transition:all .35s;
    transition:all .35s;
  }

@media(max-width: 992px){
  .clearHeader{
     background: #ffffff;
  }

  .clearHeader .top-logo-s,.darkHeader .top-logo-s{
    max-width: 200px;
  }

  .b-default .toppad{
    padding-top: 96px;
  }

  .top-slider{
    min-height: 783px;
  }

 }
 

.forfiter{
  
}

.vomo{
  border-radius: 25px;
  /*filter:hue-rotate(356deg);*/
  filter: saturate(0.9) hue-rotate(346deg);

}

.vomo-container{
  max-height:248px;
  overflow: hidden;
  width:100%;
  /*border: 3px solid #aaaaaa14;*/
  border-radius: 25px;
  /*box-shadow: 0 3px 8px #00000014;*/
  box-shadow: 0 0px 73px #00000036;
  position: relative;
  margin-bottom: 30px;
  cursor:url(../imges/kursor.png),auto;
  vertical-align: middle;
    display: flex;
    text-align: center;
}


.vomo-container::before{
  content: '';
  background: #089fed;
  height: 30px;
  width: 3px;
  position: absolute;
  z-index: +1;
  top:50%;
  margin-top: -15px;
}

.vomo-container .unmute{
  bottom: 10px;
}

.box-desc-full {
    /* position: absolute; */
    display: block;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    bottom: 30px;
    -moz-transition:all .35s;
    -webkit-transition:all .35s;
    transition:all .35s;
}

.box-h-lines-full{
  /* width: 100%; */
  /* height: 100%; */
  overflow: hidden;
  /* border-radius: 8px; */
  width: auto;
  /* border: 4px #d3c89d solid; */
  box-shadow: 0px 0px 9px #00000014;
  border-radius: 5px;
}

.box-desc-full{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+34,0.65+34 */
  /*! background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 34%,rgba(0,0,0,0.65) 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  padding: 27px 15px;
  color: #a7a7a7;
  min-height: 190px;
  border-radius: 8px;
}

.box-desc-full a,.box-desc-full h4{
  color: #000000;
}

.pdb-byer{
  position: relative;
  color: #8e5b47;
  padding-left: 70px;
      display: inline-block;

}

.pdb-byer::before{
  content: '';
  width: 60px;
  height: 2px;
  background: #8e5b47;
  position: absolute;
  left: 0;
  top: 13px;
 
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: var(--maincolor);
}

.img-bg-container{
  background: url(../images/home1.jpg) left center no-repeat;
  background-size: 60%;
  padding-left: 600px;
  padding-top: 20px;
  padding-bottom: 90px;
}

.img-bg-container-1{
  background: url(../images/kon1.jpg) 100% 50% no-repeat;
  background-size: 60%;
  padding-right: 600px;
  padding-top: 20px;
  padding-bottom: 90px;
}

.img-bg-container-2{
  background: url(../images/kon2.jpg) left center no-repeat;
  background-size: 60%;
  padding-left: 600px;
  padding-top: 20px;
  padding-bottom: 90px;
}

.midtext,.kontext{
  margin-top: 80px;
}

@media(max-width: 992px){
  .img-bg-container{
    background: url(../images/home1.jpg) 100% 0% no-repeat;
    background-size: 120%;
    padding-left: 0px;
    padding-top: 50%;
    padding-bottom: 90px;
  }

  .img-bg-container-2{
    background: url(../images/kon2.jpg) 100% 0% no-repeat;
    background-size: 120%;
    padding-left: 0px;
    padding-top: 50%;
    padding-bottom: 90px;
  }
  

  .img-bg-container-1 {
    background: url(../images/kon1.jpg) 100% 0% no-repeat;
    background-size: 120%;
    padding-right: 0px;
    padding-top: 50%;
    padding-bottom: 90px;
  }  

  .hhead {
    /* color: #3aa9e1; */
    font-size: 180%;
    position: relative;
  }

  .hhead-center {
    /* color: #3aa9e1; */
    font-size: 180%;
    position: relative;
    display: inline-block;
    margin-bottom: 60px;
  }
  .s-header {
      font-weight: 300;
      font-size: 2rem;
      line-height: 35px;
  }

}
@media (max-width: 767px) {
  .top-slider {
    background: #3b606a url(../images/m_top_bg.jpg) 50% 0% no-repeat;
    background-size: 100%;
    color: #555;
    min-height: unset;
    position: relative;
    margin-top: 0px;
    /* padding-top: 100%; */
  }

 }

 .box-h-container {
    height: 100%;
}

.s-archtop{
  background: #e7e7e7;
  #color:#000;
  padding-top: 15px;
  padding-bottom: 15px;
}
.oflink{
  display: inline-flex;
  padding: 15px;
}

.oflink img{
  height: 80px;
}

.oflink h2{
  padding-top: 10px;padding-bottom: 0px;padding-left: 15px;
  margin-bottom: 0;
}

@media(max-width: 992px){
  .oflink{
    display: block;
    
  }
  body{
    text-align: center;
  }

  .carousel-item img {
    height: 220px;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
}
}

.toppad{
  text-shadow: none;
}

/*audio*/
.audio-box{
    
    padding-top: 15px;
    padding-bottom: 15px;
    /*box-shadow: 0px 0px 8px #aaaaaa2e;*/
    margin: 15px;
    position: relative;
    display: flex;
  }
  .audio-box-index{
    font-size: 8px;
  }

  .audio-box button{
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: -15px;
  }

 .welloon .audio-box button{
 	top: 5px;
 }

  .welloon .audio-box button{
    position: absolute;
    right: 15px;
    left: unset;
    margin-left: 0px;
    top: 50%;
    margin-top: 4px;
  }

  .wave-container{
    padding-top: 5px;
    padding-bottom: 10px;
    padding-right: 55px;
  }
  .playButton {
      width: 30px;
      height: 30px;
      background-color: #7cb938;
      border: none;
      border-radius: 50%;
      cursor: pointer;
      outline: none;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: background-color 0.3s ease;
  }

  .playButton.play::before {
      content: '';
      display: block;
      border-style: solid;
      border-width: 5px 0 5px 10px;
      border-color: transparent transparent transparent #fff;
      margin-left: 3px;
  }

  .playButton.pause::before {
      content: '';
      display: block;
      width: 7px;
      height: 10px;
      background-color: #fff;
      position: relative;
  }

  .playButton.pause::before,
  .playButton.pause::after {
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: #fff;
  }

  .playButton.pause::before {
      margin-right: 1px;
  }

  .playButton.pause::after {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
  }

  .playButton:hover {
      background-color: #8dce46;
  }

  .audio-box-img{
    margin-right: 15px;

  }
  .audio-box-all{
    
    width: 98%;
  }

  @media(max-width: 767px){
    .welloon .audio-box button {
        position: absolute;
        left: 50%;
        
        margin-left: -15px;
        bottom: -5px;
        top: unset;
    }

    .wave-container {
        
        padding: 0px;
        padding-bottom: 10px;

    }

    .audio-box {
        padding-top: 15px;
        padding-bottom: 15px;
       
        margin: 15px;
        position: relative;
        display: block;
        text-align: center;
    }

  }

  /* Custom volume slider */

 :root {
  --primary-color: rgb(24, 24, 24);
  --primary-background-color: rgb(221, 221, 221);
  --secondary-color: rgb(175, 175, 175);
  --secondary-background-color: rgb(255, 255, 255);
  --highlight-color: #7bb440;
  --box-shadow-color: rgb(201, 201, 201);
  --disabled-button-color: rgb(175, 175, 175);
  --border-radius: 1rem;
}

.controls {
    padding-top: 20px;
}
/* Volume */
.volume {
  display: flex;
  align-items: center;
}
.volume-icon {
  cursor: pointer;
}
.volume-slider {
  margin: 0 1rem;
  cursor: pointer;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  background: transparent;
  width: 100px;
  height: 1px;
}
 
.volume-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 8px;
  width: 8px;
  border: none;
  border-radius: 50%;
  background: var(--highlight-color);
  margin-top: -4px;
}
.volume-slider::-moz-range-thumb {
  -webkit-appearance: none;
  height: 1.5rem;
  width: 1.5rem;
  border: none;
  border-radius: 50%;
  background: var(--highlight-color);
}
.volume-slider::-ms-thumb {
  -webkit-appearance: none;
  height: 1.5rem;
  width: 1.5rem;
  border: none;
  border-radius: 50%;
  background: var(--highlight-color);
}
.volume-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  background-color: var(--secondary-color);
  border-radius: var(--border-radius);
}
.volume-slider::-ms-track {
  background: transparent;
  border-color: transparent;
  color: transparent;
  width: 100%;
  height: 1px;
  background-color: var(--secondary-color);
  border-radius: var(--border-radius);
}
/* Muted/disabled volume slider */
.volume-slider[disabled] {
  cursor: not-allowed;
}
.volume-slider[disabled]::-webkit-slider-thumb {
  background-color: var(--disabled-button-color);
}
.volume-slider[disabled]::-moz-range-thumb {
  background-color: var(--disabled-button-color);
}
.volume-slider[disabled]::-ms-thumb {
  background-color: var(--disabled-button-color);
}
.volume-slider[disabled]::-webkit-slider-runnable-track {
  background-color: var(--disabled-button-color);
}
.volume-slider[disabled]::-ms-track {
  background-color: var(--disabled-button-color);
}

@media(max-width: 767px){
    .volume {
      display: block;
      align-items: center;
    }
    .volume-icon {
      cursor: pointer;
      display: none;
    }
    .volume-slider{
      display: none;
    }

  }

#video-container{
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

 #video-container iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#text{
  position: absolute;
  color: #FFFFFF;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
  #video-container iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  #video-container iframe {
    width: 177.78vh;
  }
}


.badge {
   font-weight: 300;
   border: 1px #f1f1f1 solid;
   margin: 3px;
}

.art-other-keys-container{
  padding-top: 8px;
  padding-bottom: 8px;
}

p.adr-p {
  
  margin-bottom: 0; 
}

p.adr-p-pad {
  padding-left: 30px;
}

.row-eq-height .kontakt-box{
  height: 100%;
}

.welloon .hhead {
    /* color: #3aa9e1; */
    font-size: 200%;
    font-weight: 600;
    position: relative;
}

.bg-green{
  background: var(--maincolor2);
}

.colorek1 .box-header.text-center {
   background: -moz-linear-gradient(left, #4ca4d9 0%, #378db7 100%);
   background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ca4d9', endColorstr='#378db7',GradientType=1 );
}



.colorek1:hover .box-header
{
   transition:all .3s;
   background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 100%);
   background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
 
   box-shadow: 0 0 16px 0 #93939329;
   /* background: #d3c89d; */
}


.fontgrow{
  position: fixed;
  padding: 15px;
  right: 0px;
  z-index: 999;
  top: 290px;
  background: rgba(255,255,255,0.7);
  border-radius: 10px;
}

.instantopen{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.hlarge{
  font-size: 6rem;
  font-weight: 900;
}

.parallax-cover{
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.5);
  padding-top: 180px;
  padding-bottom: 180px;
}

.download_cont{
  background: #fafafa;
  padding: 15px;
}

.top-head{
	position: relative;
}
.top-head::after {
    background: var(--maincolor);
    content: "";
    display: block;
    height: 3px;
    margin: 15px 0;
    width: 80px;
    left: 50%;
    transform: translate(-50%, 0);
    /* top: 0px; */
    position: absolute;
    bottom: -10px;
}

.btn-primary {
    background-color: #00000026;
    border-color: #70a0ad;
    border-radius: 5px;
    color: #ffffff;
    font-size: 80%;
    border: #70a0ad 3px solid;
    padding: 12px 25px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #000000;
    border-color: #70a0ad;
    color: #fff;
}


.menu-boczne {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-boczne li {
  position: relative;
  overflow: hidden;
  padding: 10px 20px;
  background: linear-gradient(90deg, var(--maindarken) 25%, var(--maincolor) 50%, #efefef 50%);
  background-size: 201%;
  background-position: 100% 0;
  transition: background-position 0.5s ease;
  cursor: pointer;
}

.menu-boczne li:hover {
  background-position: 0 0;
}

.menu-boczne li a {
  color: #333; /* Kolor tekstu na szarym tle */
  text-decoration: none;
  transition: color 0.5s ease; /* Płynne przejście koloru tekstu */
}

.menu-boczne li:hover a {
  color: #fff; /* Zmiana koloru tekstu na biały przy najechaniu */
}

.modal-backdrop {
    /* bug fix - no overlay */    
    display: none;    
}

.dnone{
  display: none; 
}

.kontakt-box .btn-primary {
    background-color: #7faeba;
    border-color: #70a0ad;
    border-radius: 5px;
    color: #ffffff;
    font-size: 80%;
    border: #70a0ad 3px solid;
    padding: 12px 25px;
}

@media(max-width: 992px){
  
  .hlarge {
    font-size: 1.5rem;
    font-weight: 900;
  }

  .s-footer h5::after
  {
    background-color:var(--maincolor);
    content:"";
    display:block;
    height:2px;
    margin:15px 0;
    width:104px;
    margin-left: auto;
    margin-right: auto;
    
  }

}