body{
 max-width: 2000px;
 margin: 0 auto;
 text-align: justify;
 font-size: 17px;
}
a{
 color: #d72e05; 
}
.t4-footnav table,
.t4-kontakt table{
 max-width: 350px;
 margin: 0 auto;
 text-align: left;
}
.t4-footnav td,
.t4-kontakt td{
 padding: 10px; 
}
h1, h2, h3, h4{
font-weight: 1000;  
}
.glowna .t4-main-body{
  background-color: #ffffff;
  padding-top: 0;
  margin-top: -30px;
}
#t4-header .container{
 padding-top: 10px;
 padding-bottom: 10px;
}
figure.effectck-rollup-bottom figcaption [class*="title"]{
 font-family: var(--heading-font-family);
 text-transform: none;
}
figure.effectck-rollup-bottom:hover figcaption [class*="desc"]{
 font-family: var(--heading-font-family); 
 text-transform: none;
}
.t4-section .header-block{
 padding-top: 0;
 padding-bottom: 0;
}
.kontakt .t4-kontakt{
 margin-top: 30px;
}
.t4-dane p{
 margin-bottom: 0;
 font-size: 20px;
}
.t4-dane{
 padding-top: 5px;
 padding-bottom: 8px;
 background-color: #090909;
 background-size: auto 100%;
 color: #ffffff;
 text-shadow: 0.3px 0.3px 3px #000000;
}
.t4-dane a{
 color: #ffffff; 
}
.navbar-brand.logo-text .site-name{
 font-size: 22px;
 color: #000000;
}
.glowna .t4-kontakt{
 padding-top: 30px;
 padding-bottom: 30px;
}
.glowna .t4-kontakt .custom{
 padding: 10px;
 box-shadow: 0 0 5px #cccccc;
 min-height: 1000px;
}
.t4-oferta .mega-2,
.t4-oferta .mega-3,
.t4-oferta .mega-4{
 max-width: 350px;
 margin: 0 auto;
}
.jd-simple-contact-form{
 margin-bottom: 50px; 
}
.t4-kursy a{
 color: #000000;
}
.t4-banner{
 background: url(../images/tlo.webp) fixed;
 background-size: 100%;
}
.smart .t4-banner{
 background: url(../images/przezroczysty.webp);
 background-color: #f0f0f0;
}
.monitoring .t4-banner{
 background: url(../images/monitoring.webp) fixed;
 background-size: 100%;
}
.alarm .t4-banner{
 background: url(../images/alarm.webp) fixed;
 background-size: 100%;
}
.kontrola .t4-banner{
 background: url(../images/kontrola.webp) fixed;
 background-size: 100%;
}
.ppoz .t4-banner{
 background: url(../images/ppoz2.webp) fixed;
 background-size: 100%;
}
.sieci .t4-banner{
 background: url(../images/sieci2.webp) fixed;
 background-size: 100%;
}
.swiatlowody .t4-banner{
 background: url(../images/swiatlowody.webp) fixed;
 background-size: 100%;
}
.realizacje .t4-banner{
 background: url(../images/realizacje.webp) fixed;
 background-size: 100%;
}
.domofony .t4-banner{
 background: url(../images/domofony.webp) fixed;
 background-size: 100%;
}
.certyfikaty .t4-banner{
 background: url(../images/certyfikaty.webp) fixed;
 background-size: 100%;
}
.kontakt .t4-banner{
 background: url(../images/kontakt.webp) fixed;
 background-size: 100%;
}
.tv .t4-banner{
 background: url(../images/tv.webp) fixed;
 background-size: 100%;
}
.glowna .t4-banner{
 background: url(../images/przezroczysty.webp);
}
.t4-banner h1{
 color: #ffffff;
 text-shadow: 0.3px 0.3px 3px #000000;
 margin-top: 0;
 padding-top: 230px;
 padding-bottom: 230px;
}
.kontakt .t4-belka{
 margin-bottom: 30px;  
}
.form-control, .inputbox{
 max-width: 1000px; 
}
.btn-prima{
 color: #ffffff;
 text-shadow: 0.3px 0.3px 3px #000000;
 background-color: #d72e05;
}
.glowna .t4-belka{
 padding-top: 150px;
 padding-bottom: 150px;
 background: url(../images/onas1.webp) fixed;
 background-size: 100% auto;
}
.t4-navbar{
 font-size: 20px;
 width: 100%;
 text-align: center;
}
.navbar .navbar-toggler i{
 color: #000000;
}
.navbar-nav{
 margin-top: 10px; 
}
.t4-navbar .nav-item{
 margin-right: 5px;
 margin-left: 5px;
}
.dropdown-item{
 text-align: center;
}
.t4-megamenu .nav > .dropdown > .dropdown-toggle .item-caret{
 color: #000000; 
}
.t4-megamenu .navbar-nav > li.show > a,
.t4-megamenu .navbar-nav > li.show > .nav-link {
  color: #000000;
}
.t4-megamenu .navbar-nav > li > a, 
.t4-megamenu .navbar-nav > li > .nav-link{
 color: #000000;
}
.t4-megamenu .navbar-nav > li.active > a, 
.t4-megamenu .navbar-nav > li.active > .nav-link{
 color: #ffffff;
 font-weight: bold;
 text-shadow: 0.3px 0.3px 3px #000000;
 background-color: #ed1d26;
 border-radius: 5px;
}
.t4-megamenu .navbar-nav > li > a:hover,
.t4-megamenu .navbar-nav > li > a:focus,
.t4-megamenu .navbar-nav > li > a:active,
.t4-megamenu .navbar-nav > li > .nav-link:hover,
.t4-megamenu .navbar-nav > li > .nav-link:focus,
.t4-megamenu .navbar-nav > li > .nav-link:active{
 color: #ffffff;
 font-weight: bold;
 text-shadow: 0.3px 0.3px 3px #000000;
 background-color: #ed1d26;
 border-radius: 5px;
}
.t4-megamenu .dropdown-menu li > a:hover, .t4-megamenu .dropdown-menu li > a:focus, .t4-megamenu .dropdown-menu li > a:active,
.t4-megamenu .dropdown-menu li > .nav-link:hover,
.t4-megamenu .dropdown-menu li > .nav-link:focus,
.t4-megamenu .dropdown-menu li > .nav-link:active,
.t4-megamenu .dropdown-menu li .dropdown-item:hover,
.t4-megamenu .dropdown-menu li .dropdown-item:focus,
.t4-megamenu .dropdown-menu li .dropdown-item:active {
 color: #ffffff;
 font-weight: bold;
 text-shadow: 0.3px 0.3px 3px #000000;
 background-color: #ed1d26;
 border-radius: 5px;
}
.t4-megamenu.animate.slide .dropdown > .dropdown-menu{
 background-color: #ffffff; 
 width: 300px;
}
.t4-megamenu .dropdown-menu li > a:hover{
 color: #ffffff;
 font-weight: bold;
 text-shadow: 0.3px 0.3px 3px #000000;
 background-color: #ed1d26;
 border-radius: 5px;
}
.t4-megamenu .dropdown-menu li > a, 
.t4-megamenu .dropdown-menu li > .nav-link,
.t4-megamenu .dropdown-menu li .dropdown-item
.t4-megamenu .navbar-nav > li > a,
.t4-megamenu .navbar-nav > .active > .nav-link{
 color: #000000;
}
.t4-megamenu .dropdown-menu li.active > a{
 color: #000000;
}
.t4-megamenu .dropdown-menu li > a, 
.t4-megamenu .dropdown-menu li > .nav-link, 
.t4-megamenu .dropdown-menu li .dropdown-item{
 text-shadow: none;
 color: #000000;
}
.t4-header{
 border-bottom: 2px solid;
 border-color: #000000;
}
.glowna .t4-belka2{
 background: url(../images/belka.webp);
 background-size: 100% 100%;
 color: #ffffff;
 text-shadow: 0.3px 0.3px 3px #000000;
 padding-top: 50px;
 padding-bottom: 50px;
}
.glowna .t4-belka2 a{
 padding: 10px;
 color: #ed1d26;
 text-shadow: none;
 font-weight: bold;
 background-color: #ffffff;
}
.glowna .t4-oferta{
 padding-top: 50px;
 padding-bottom: 50px;
 background: url(../images/onas2.webp) fixed;
 background-size: 100% auto;
 color: #ffffff;
 text-shadow: 0.3px 0.3px 3px #000000;
}
.glowna .t4-kursy h2{
 color: #ffffff;
 text-shadow: 0.3px 0.3px 3px #000000;
}
.glowna .t4-kursy h3{
 font-size: 22px;
}
.glowna .t4-zapisy{
 background: url(../images/belka.webp);
 background-size: 100% 100%;
 color: #ffffff;
 text-shadow: 0.3px 0.3px 3px #000000;
 padding-top: 50px;
 padding-bottom: 50px;
}
.glowna .t4-zapisy a{
 padding: 10px;
 color: #ed1d26;
 text-shadow: none;
 font-weight: bold;
 background-color: #ffffff;
}
figure.effectck-rollup-bottom figcaption [class*="desc"]{
 margin-top: 30px; 
}
.t4-klienci{
 padding-top: 50px;
 padding-bottom: 50px;
 background: url(../images/tlo.webp) fixed;
 background-size: 100% auto;
 color: #ffffff;
 text-shadow: 0.3px 0.3px 3px #000000;
}
.t4-footnav{
  background-color: #00005a;
  text-align: center;
}
.t4-footnav .container{
  padding-top: 20px;
  padding-bottom: 20px;
}
.t4-palette-dark{
  background: url(../images/belka.webp);
  background-size: 100% 100%;
  color: #ffffff;
  text-shadow: 0.3px 0.3px 3px #000000;
}
.t4-palette-dark .t4-module{
  color: #ffffff;
  text-shadow: 0.3px 0.3px 3px #000000;
}
.t4-palette-dark .t4-module a{
  color: #ffffff;
}
.t4-footer{
  background-color: #090909;
  text-align: center;
  color: #ffffff;
  text-shadow: 0.3px 0.3px 3px #000000;
}
.t4-footer a{
  color: #ffffff;
}
/* Large desktop */
@media (min-width: 1200px) {
.t4-megamenu .dropdown-menu{
  min-width: 20rem;
  }
}
/* Small desktop */
@media (min-width: 980px) and (max-width: 1199px) {
.t4-megamenu .dropdown-menu{
  min-width: 20rem;
  }
 .glowna .t4-kolumny{
  margin: 0 auto
 }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#t4-header{
  min-height: 90px;  
  }
  .navbar-nav{
   margin-top: 30px;
   text-align: center;
   padding-top: 40px;
  }
  .navbar .navbar-toggler{
   margin-top: 23px; 
  }
 .t4-banner{
   background: url(../images/m-tlo.webp)
   background-size: 100% auto;
  }
.glowna .t4-banner{
 background: url(../images/przezroczysty.webp);
}
.t4-banner h1{
 color: #ffffff;
 text-shadow: 0.3px 0.3px 3px #000000;
 margin-top: 0;
 padding-top: 150px;
 padding-bottom: 150px;
}
 .glowna .t4-belka{
 padding-top: 150px;
 padding-bottom: 150px;
 background: url(../images/m-onas1.webp);
 background-size: 100% auto;
}
 .glowna .t4-oferta{
 padding-top: 50px;
 padding-bottom: 50px;
 background: url(../images/m-onas2.webp);
 background-size: auto 100%;
}
 .glowna .t4-kursy{
 padding-top: 50px;
 padding-bottom: 50px;
 background: url(../images/tlo.webp);
 background-size: 100% auto;
}
 .t4-klienci{
   background: url(../images/m-tlo2.webp);
   background-size: auto 100%;
 }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
 h1{
 font-size: 26px;  
 }
 h2{
  font-size: 23px; 
 }
 h3{
  font-size: 22px; 
  }
  #t4-header{
  min-height: 90px;  
  }
  .navbar-nav{
   padding-top: 40px;
   text-align: center;
  }
  .navbar .navbar-toggler{
   margin-top: 23px;
  }
.t4-banner{
   background: url(../images/m-tlo.webp)
   background-size: 100% auto;
  }
.glowna .t4-banner{
 background: url(../images/przezroczysty.webp);
}
.t4-banner h1{
 color: #ffffff;
 text-shadow: 0.3px 0.3px 3px #000000;
 margin-top: 0;
 padding-top: 130px;
 padding-bottom: 130px;
}
.glowna .t4-belka{
 padding-top: 100px;
 padding-bottom: 100px;
 background: url(../images/m-onas1.webp);
 background-size: 100% auto;
}
 .glowna .t4-oferta{
 padding-top: 50px;
 padding-bottom: 50px;
 background: url(../images/m-onas2.webp);
 background-size: auto 100%;
}
 .glowna .t4-kursy{
 padding-top: 50px;
 padding-bottom: 50px;
 background: url(../images/m-tlo.webp);
 background-size: auto 100%;
}
 .t4-klienci{
   background: url(../images/m-tlo2.webp);
   background-size: auto 100%;
  }
 .t4-banner{
 background: url(../images/tlo.webp) fixed;
 background-size: 100%;
}
.smart .t4-banner{
 background: url(../images/przezroczysty.webp);
 background-color: #f0f0f0;
}
.monitoring .t4-banner{
 background: url(../images/m-monitoring.webp);
 background-size: 100% auto;
}
.alarm .t4-banner{
 background: url(../images/m-alarm.webp);
 background-size: 100% auto;
}
.kontrola .t4-banner{
 background: url(../images/m-kontrola.webp);
 background-size: 100% auto;
}
.ppoz .t4-banner{
 background: url(../images/m-ppoz2.webp);
 background-size: 100% auto;
}
.sieci .t4-banner{
 background: url(../images/m-sieci2.webp);
 background-size: 100% auto;
}
.swiatlowody .t4-banner{
 background: url(../images/m-swiatlowody.webp);
 background-size: 100% auto;
}
.realizacje .t4-banner{
 background: url(../images/m-realizacje.webp);
 background-size: 100% auto;
}
.domofony .t4-banner{
 background: url(../images/m-domofony.webp);
 background-size: 100% auto;
}
.certyfikaty .t4-banner{
 background: url(../images/m-certyfikaty.webp);
 background-size: 100% auto;
}
.kontakt .t4-banner{
 background: url(../images/m-kontakt.webp);
 background-size: 100% auto;
}
.tv .t4-banner{
 background: url(../images/m-tv.webp);
 background-size: 100% auto;
}
#t4-banner h1{
 margin-top: 0;
 padding-top: 50px;
 padding-bottom: 50px; 
 color: #ffffff; 
 text-shadow: 0.3px 0.3px 3px #000000;
}
 .glowna .t4-slider{
  background: url(../images/przezroczysty.webp);
  }
}
/* Landscape phones and down */
@media (max-width: 480px) {
 .glowna .t4-belka{
 padding-top: 50px;
 padding-bottom: 50px;
 background: url(../images/m-onas1.webp);
 background-size: 100% auto;
}   
}