/*.event-list .solar-energy-expo .details a.btn-arrow {display:none;} ukrycie WIĘCEJ w targach*/
.solar-energy-expo .btn-arrow, .rema-days-2025 .btn-arrow, .warsaw-pack-2025 .btn-arrow, .enex-2025 .btn-arrow, .warsaw-industry-week-2025 .btn-arrow, .trako-2025 .btn-arrow, .hvac-2025 .btn-arrow, .tekday-wroclaw-2025 .btn-arrow, .battery-forum-2025 .btn-arrow, .mspo-2025 .btn-arrow, .energetab-2025 .btn-arrow, .festiwal-marketingu-2025 .btn-arrow, .tekday-gdansk-2025 .btn-arrow, .evertiq-warszawa-2025 .btn-arrow, .energetics-2025 .btn-arrow {
  display: none;
}



a.clear {border-radius: 50px;}

.btn-arrow-light {
    line-height: 1.4;
    padding-right: 20px;
    font-weight: 300;
    color: #1d1d1b !important;
    background-image: url("../img/btn-arrow.svg");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: right 4px;
}

.btn-ask-light {
    line-height: 1.4;
    padding-right: 20px;
    font-weight: 300;
    color: #1d1d1b !important;
    background-image: url("../img/btn-ask.svg");
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: right 4px;
}


.btn-main {
    background-color:#d71920;
    border-radius:30px;
    color:#ffffff;
    font-weight:700;
    margin-top:30px;
    padding: 10px 20px;
    text-align:center;

}


.btn-main:hover {
    background-color:#be151b;
    color:#ffffff;
    transition: max-height 0.5s ease-out;
}


.btn-arrow-light:hover {
    opacity: 0.6;
}

.btn-ask-light:hover {
    opacity: 0.6;
}

.triangle {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 12px solid #d71920;
	margin:0 auto;
}



/*SZKOLENIA*/
.on-line::before,
.on-line .inner::before,
.on-line .buttons .url {
    background-color: #00c3d5;
}

.on-line .day {color:#00c3d5;}


/*PRACA*/
    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #e9e9e9;
    }

	#content .static button.wrk {
    color: #e30613;
	}

	#content .static button.wrk:hover {
    color: #f3c3c7;
	}

/*WYPRZEDAŻ DODATKOWY TEKST*/
#wyprzedaz-magazynu .promo-block .col-md-8 p::after {
content: 'Oferta ważna do wyczerpania zapasów. Przed złożeniem zamówienia zapytaj o aktualne stany magazynowe.'; display: block; margin-top:20px; font-weight: 700;
}

/*MIESIĄCE BRANŻOWE*/
        .btn-mb {
            background:#85509b;
            border: #85509b;
            transform: scale(.66,.66);
            opacity: 0.7;
        }   
        
        .btn-mb:hover {
            background:#6b427c;
            border: #6b427c;
            transform: scale(.66,.66);
            opacity: 1;
        }




      @keyframes growing {
        0% {
            transform: scale(.66,.66);
        }
        11% {
            transform: scale(.69,.69);
        }
        22% {
            transform: scale(.72,.72);
        }
        33% {
            transform: scale(.75,.75);
        }
        44% {
            transform: scale(.78,.78);
        }
        55% {
            transform: scale(.81,.81);
        }
        66% {
            transform: scale(.78,.78);
        }
        77% {
            transform: scale(.75,.75);
        }
        88% {
            transform: scale(.72,.72);
        }
        99% {
            transform: scale(.69,.69);
        }
      }

      .btn-mb {
        animation: growing 1300ms infinite;
      }

	  .col-form-label {
		font-weight: 600;
		}

/*ASTATICON*/

	  #formbuilder_5_automatyka .custom-control.custom-checkbox {
		  margin-bottom: 0px;
	  }


	  #formbuilder_5_automatyka .custom-control-label {
		  line-height: 1.7em;
	  }


	  #formbuilder_5_energetyka .custom-control.custom-checkbox {
		  margin-bottom: 0px;
	  }
	  #formbuilder_5_energetyka .custom-control-label {
		  line-height: 1.7em;	  
	  }


	  #formbuilder_5_tasmy .custom-control.custom-checkbox {
		  margin-bottom: 0px;
	  }
	  #formbuilder_5_tasmy .custom-control-label {
		  line-height: 1.7em;	  
	  }


	  #formbuilder_5_emc .custom-control.custom-checkbox {
		  margin-bottom: 0px;
	  }
	  #formbuilder_5_emc .custom-control-label {
		  line-height: 1.7em;	  
	  }


	  #formbuilder_5_nowoczesny .custom-control.custom-checkbox {
		  margin-bottom: 0px;
	  }
	  #formbuilder_5_nowoczesny .custom-control-label {
		  line-height: 1.7em;	  
	  }


	  #formbuilder_5_automatyka .custom-control-label::before {display: none;}
	  #formbuilder_5_energetyka .custom-control-label::before {display: none;}
	  #formbuilder_5_tasmy .custom-control-label::before {display: none;}
	  #formbuilder_5_emc .custom-control-label::before {display: none;}
	  #formbuilder_5_nowoczesny .custom-control-label::before {display: none;}

	  #formbuilder_7_astaticon1 .custom-control {
		display: inline-block !important;
		padding-right: 50px;
	  }

	  #formbuilder_7_astaticon1 .custom-control.custom-checkbox  {
		  margin-bottom: 0px;
	  }
	  #formbuilder_7_astaticon1 .custom-control-label {
		  line-height: 1.7em;	  
	  }

	  #formbuilder_7_przedzial .custom-control.custom-checkbox  {
		  margin-bottom: 0px;
	  }
	  #formbuilder_7_przedzial .custom-control-label {
		  line-height: 1.7em;	  
	  }

	  #formbuilder_7_polecenie .custom-control.custom-checkbox  {
		  margin-bottom: 0px;
	  }
	  #formbuilder_7_polecenie .custom-control-label {
		  line-height: 1.7em;	  
	  }

    .form-builder-rec3-available .form-builder-wrapper .custom-control-label::before, .form-builder-wrapper .custom-control-label::after {top: -0rem !important;}



/*WIELKOŚĆ W-... STEROWALNA*/

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .w-xs-100 {
    width: 100% !important;
  }

  .w-xs-75 {
    width: 75% !important;
  }

  .w-xs-50 {
    width: 50% !important;
  }

  .w-xs-25 {
    width: 25% !important;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .w-sm-100 {
    width: 100% !important;
  }

  .w-sm-75 {
    width: 75% !important;
  }

  .w-sm-50 {
    width: 50% !important;
  }

  .w-sm-25 {
    width: 25% !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

  .w-md-100 {
    width: 100% !important;
  }

  .w-md-75 {
    width: 75% !important;
  }

  .w-md-50 {
    width: 50% !important;
  }

  .w-md-25 {
    width: 25% !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

  .w-lg-100 {
    width: 100% !important;
  }

  .w-lg-75 {
    width: 75% !important;
  }

  .w-lg-50 {
    width: 50% !important;
  }

  .w-lg-25 {
    width: 25% !important;
  }


}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .w-xl-100 {
    width: 100% !important;
  }

  .w-xl-75 {
    width: 75% !important;
  }

  .w-xl-50 {
    width: 50% !important;
  }

  .w-xl-25 {
    width: 25% !important;
  }

}



.car-col-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.car-col-1 {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.car-col-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.car-col-4 {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
}

.car-col-5 {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
}

.car-col-6 {
  -webkit-column-count: 6;
  -moz-column-count: 6;
  column-count: 6;
}

/*Logo świąteczne*/
@media (min-width: 1200px) { 
  #header .additional .item img {
      height: 34px;
  }
  
  #header .additional .item strong {
      font-size: 16px;
  }
}

/*REKLAMACJE*/

#formbuilder_9_powod .custom-control {
  font-size: 1.1em;
}

#formbuilder_9_powod .custom-control-label {
  padding-top: 6px;
}

/*CZERWONY NAPISZ WIADOMOŚĆ NA PRODUKTACH}*/

.buttons .btn-primary {
  border-radius: 50px;
}

.buttons .btn-secondary {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .buttons {
    padding: 15px;
  }

  .question-box h3 {
    margin-bottom: 10px;
  }
}


/*SLIDER BACKGROUND*/

.greyBackground {
  background-color: #878787 !important;
}

.redBackground {
  background-color: #e20613 !important;
}

.darkBlueBackground {
  background-color: #25327b !important;
}

.lightGreenBackground {
  background-color: #80b34e !important;
}

.orangeBackground {
  background-color: #f58220 !important;
}

nav#desktop-menu.sticky {
  box-shadow: 0px 0px 20px #999;
}

header#header {
  box-shadow: 0px 0px 20px #999;
}




/*FORMULARZ WIĘKSZY BUTTON*/

#formbuilder_9_send .btn-primary .btn {
  padding: 12px 20px;
  font-size: 16px;
  }



  /*Cień pod zapytaj o produkt*/
  .question-box {
    padding: 0;
    box-shadow: none;
    }


  /*Film  na główną*/
  .full-screen-video-container video {
    width: 100%;
    }


  /*Consent Manager / Cookies*/

  .cmpboxtxt, .cmpprpsdescr {
    font-size:11px !important;
    }

  svg.cmpexternallinkicon, svg.cmpicon, svg.cmpicosvgfill, svg.cmppurposeicon {
    display: none !important;  
  }
  
  /*TOOLTIP*/
.tooltipAttr {
  position: relative;
}
.tooltipAttr .tooltiptext {
  visibility: hidden;
  width: 250px;
  background-color: #f6f6f6;
  color: #000;
  text-align: left;
  border-radius: 6px;
  border: 1px solid #555;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 85%;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 11px;
  line-height: 13px;
}

.tooltipAttr .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.fa-question:hover + .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/*Buttony zaokrąglone*/

.btn-primary, .btn-secondary {
  border-radius: 50px;
  background: linear-gradient(#e30613, #c00d0d);
  border: 0;
  transition: .5s;
}

.btn-primary:hover, .btn-secondary:hover {
  background: linear-gradient(#cb0512, #9e0b0b);
  transition: .5s;
}

.btn {
  border-radius: 50px;
  text-transform: uppercase;
}

.buttons a.url {
  border-radius: 50px;
  background: linear-gradient(#e30613, #c00d0d);
  transition: .5s;
}

.buttons a.url:hover {
  background: linear-gradient(#cb0512, #9e0b0b);
  transition: .5s;
}

.generate-pdf:hover {
  background-color: #004786;
}

.addProductToCompareDetList {
  text-transform: uppercase;
  width: 100%;
}

.addProductToCompareDetList:hover {
  background-color: #f6f6f6;
}

.btn-details {
  text-transform: uppercase;
}

.rounded-1 {
  border-radius: 1.25rem;
}


/*------RODO PRACA W ASTAT-----*/

.rodo-work {
  color:#a0a0a0;
  text-align: justify;
  line-height: 16px;
  font-size:10px;
}

/* ------------------ omnibus ------------ */
.buttons .btn-offerQu {
  background-color: #ff7101;
  border-color: #ff7101;
  text-transform: none;
  font-size: 14px;
  width:92%;
  margin-bottom: -5px;
}

.buttons .btn-offerQu:hover {
  background-color: #ff7101;
  border-color: #ff7101;
}
.offerQu .far {
  font-size: 18px;
  vertical-align: -2px;
  margin-right: 10px;
}


/*---- porównywarka -------*/

.po-content {
  z-index: 9999; 
}


/*---- hover do karuzeli w aktualnościach  -------*/
.item-zoom:hover{transform: scale(1.2) translateZ(0);}
    
.carousel-item-zoom:hover .item-zoom:not(:hover){transform: scale(.8);}

.item-zoom{transition: all .5s ease;}

.carousel-item-zoom{transition: all .5s ease; padding: 40px 0px;}




/*---- USŁUGI -------*/


.container_foto {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0;
  overflow: hidden;
}

.container_foto article {
  padding: 10%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  transition: all 0.5s ease;
}

.container_foto h2 {
  color: #fff;
  font-weight: 100;
  transition: 0.5s;
}

.container_foto img {
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  transition: all 4s ease;
}

.przesuniecie {
  background: linear-gradient(rgb(0, 100, 162), rgb(0, 70, 135));
  position: absolute;
  width: 100%;
  height: 220px;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  transform: translate(0px, 300px);
  transition: all 0.2s ease-in-out;
}

.container_foto article a {
  transition: .5s;
}

.btn-contra {
  color:white;
  border-radius: 50px;
  border: solid 1px white;
}

/*hovers*/

.container_foto:hover {
  cursor: pointer;
}

.container_foto:hover img {
  opacity: 0.1;
  transform: scale(1.5);
}

.container_foto:hover article {
  transform: translate(2px, -250px);
  font-size: 14px;
}

.container_foto:hover article a {
  opacity: 0;
  transition: .5s;
}

.container_foto:hover h2 {
  font-size: 14px;
  transition: 0.5s;
}

.container_foto:hover .przesuniecie {
  transform: translate(0px, 0px);
  opacity: 1;
}

.btn-contra:hover{
  color:white;
  background: #f6f6f63c;
}