body {
    font-family: 'Quicksand', sans-serif;
    text-align: left;
}

h1, h2, h3, h4, h5 {
    font-weight: 700;
    letter-spacing: -0.3px;
}

 .b3-text-light { 
   color: #fff !important;
   font-style: normal;
   font-weight: 200 !important;
}

.navbar-nav {
   font-size: 12pt;
}

a { 
   color: #000;
   font-style: normal !important;
   text-decoration: none;
}

.b3-text-black { 
   color: #000 !important;
   font-style: normal;
   font-weight: 200 !important;
}

.sub-hover:hover {
   background-color: #1e7145 !important;
   color: #fff !important;
}

#ciecie-section {
   background: url("/img/home/v1.0/A-75.jpg");
   background-size: cover;
   background-attachment: fixed;
   background-position: center;
   color: #fff;
   overflow: hidden;
   min-height: 75vh;
   display: flex;
   align-items: center;
   position: relative;
}

#ciecie-section::before {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(to bottom, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.2) 100%);
   z-index: 0;
}

#ciecie-section > .container {
   position: relative;
   z-index: 1;
   width: 100%;
}

#ciecie-section h1 {
   font-size: clamp(2rem, 5vw, 3.5rem);
   font-weight: 700;
   text-shadow: 0 2px 10px rgba(0,0,0,0.5);
   letter-spacing: -0.5px;
}

#ciecie-section .figure-caption {
   font-size: 1.2rem;
   opacity: 0.9;
}

#frezowanie-section {
   background: url("/img/home/v1.0/C-75-G.jpg");
   background-size: cover;
   background-attachment: fixed;
   background-position: center;
   color: #fff;
   overflow: hidden;
   min-height: 50vh;
   display: flex;
   align-items: center;
   position: relative;
}

#oklejanie-section {
   background: url("/img/home/v1.0/B-75-B.jpg");
   background-size: cover;
   background-attachment: fixed;
   background-position: center;
   color: #fff;
   overflow: hidden;
   min-height: 50vh;
   display: flex;
   align-items: center;
   position: relative;
}

#lakierowanie-section {
   background: url("/img/home/v1.0/D-75-BL.jpg");
   background-size: cover;
   background-attachment: fixed;
   background-position: center;
   color: #fff;
   overflow: hidden;
   min-height: 45vh;
   display: flex;
   align-items: center;
   position: relative;
}

#about-section {
   background: url("/img/home/v1.0/E-75.jpg");
   background-size: cover;
   background-attachment: fixed;
   background-position: center;
   color: #fff;
   overflow: hidden;
   min-height: 45vh;
   display: flex;
   align-items: center;
   position: relative;
}

#frezowanie-section::before,
#oklejanie-section::before,
#lakierowanie-section::before,
#about-section::before,
#hpl-section::before {
   content: '';
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.5);
   z-index: 0;
}

#frezowanie-section > *,
#oklejanie-section > *,
#lakierowanie-section > *,
#about-section > *,
#hpl-section > * {
   position: relative;
   z-index: 1;
   width: 100%;
}

#hpl-section {
   background: url("/img/home/v1.0/hpl-smal.png");
   background-size: cover;
   background-attachment: fixed;
   color: #fff;
   overflow: hidden;  
}

#title-section,
#title-section-2 {
   background-size: cover;
   background-attachment: fixed;
   background-position: center;
   color: #fff;
   overflow: hidden;
   min-height: 40vh;
   display: flex;
   align-items: center;
   position: relative;
}

#title-section {
   background-image: url("/img/home/v1.0/A-75.jpg");
}

#title-section-2 {
   background-image: url("/img/home/v1.0/D-75-BL.jpg");
}

#title-section::before,
#title-section-2::before {
   content: '';
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.5);
   z-index: 0;
}

#title-section > *,
#title-section-2 > * {
   position: relative;
   z-index: 1;
   width: 100%;
}

.contact-box {
   background: url("/img/home/v1.0/E-97.jpg");
   background-size: cover;
   background-attachment: fixed;
}


#trust-bar {
   background-color: #212529;
   border-top: 4px solid #ffc107;
   position: relative;
   z-index: 10;
   isolation: isolate;
}

.dp-cta-section {
   background-color: #212529;
   border-top: 4px solid #ffc107;
}

.separator {
   min-height: 3px;
}

.separator-2 {
   min-height: 100px;   
}

.dp-text-navy {
   color: #0b2642;
}

.dp-text-navy-x {
   color: #14497d;
}

#mapsource {
   pointer-events: none;
   }


   .b3-modal-content {
      background: rgba(255, 255, 255, 0.93) !important;

  }
  
/* .b3page .pagination>li>a,.b3page .pagination>li>span {
  border: 1px solid #0b2642;
  color: #000;
  cursor: pointer;
}
.pagination>li.active>a {
  background: #0b2642 !important;
  color: #fff;
} */

.collapsed .fa-chevron-down {
   transform: rotate(90deg);
}

.font-75 {
   font-size: .75rem !important;
}

.font-85 {
   font-size: .85rem !important;
}

 .order-btn{
   border: 1px solid var(--bs-blue-900);
   background: none;
   padding: 5px 10px;
   font-size: 16px;
   cursor: pointer;
   margin: 3px;
   transition: 0.5s;
   position: relative;
   overflow: hidden;
   border-radius: 2px;
 }

 .order-btn-sm-np{
   border: 1px solid var(--bs-blue-900);
   background: none;
   padding: 2px 7px;
   font-size: 10px;
   cursor:default !important;
   margin: 3px;
   transition: 0.5s;
   position: relative;
   overflow: hidden;
   border-radius: 2px;
 }


 .order-btn-sm{
   border: 1px solid var(--bs-blue-900);
   background: none;
   padding: 2px 7px;
   font-size: 10px;
   cursor: pointer;
   margin: 3px;
   transition: 0.5s;
   position: relative;
   overflow: hidden;
   border-radius: 2px;
 }

 .order-btn-sm::before{
   content: "";
   position: absolute;
   left: 0;
   width: 0%;
   height: 100%;
   background: var(--bs-blue-900);
   z-index: -1;
   transition: 0.8s;
 }

 .btn1,.btn2{
   color: var(--bs-blue-900);
 }
 .btn3,.btn4{
   color: #fff;
 }
 .btn1:hover,.btn2:hover{
   color: #fff;
 }
 .btn3:hover,.btn4:hover{
   color: #3498db;
 }
 .btn5:hover {
   color: #fff;
   background-color: #0b2642;
 }
 .order-btn::before{
   content: "";
   position: absolute;
   left: 0;
   width: 0%;
   height: 100%;
   background: var(--bs-blue-900);
   z-index: -1;
   transition: 0.8s;
 }
 .btn1::before{
   top: 0;
   border-radius: 0 0 0 0;
 }

 .btn1:hover::before{
   width: 100%;
 }

 .b3-pointer {
   cursor: pointer;
 }
 
 .form-control-sm {
   border-radius: 0px;
 }

 .deg {
   /* transform-origin: 0 10; */
   position: relative;
   top: 0;
   left: 0; 
   transform: rotate(90deg);
   height: 200px; 
 }

 .pt-61 {
   padding-top: 61px !important;
 }

 @media print {
   body {
       -webkit-print-color-adjust: exact;
       font-family: 'Quicksand', sans-serif;
       font-size: 10pt;
       padding-top: 72px;
       padding-bottom: 72px ;
   }
   .hidden-print {
       display: none !important;
   }
   @page {
       margin-top: 0;
       margin-bottom: 0;
   }

}

.forms-form {
   font-size: 8pt;
}

.h-100px {
   min-height:  100px;
}

.h-200px {
   min-height:  200px;
}

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


.w-90px {
   width: 90px;
}

.b3-list-selector:hover {
   border-top: 1px solid #484848;
   border-bottom: 1px solid #484848;
}

.chip { 
	background: #484848 !important;
   margin-bottom: 0px !important;
}

.search-wrapper {
   padding: 4px !important;
}

.b3-content-top-navi {
   text-decoration: underline !important;
   padding-right: 5px;
   padding-left: 5px;
}

.b3-content-top-navi-inactive {
   padding-right: 5px;
   padding-left: 5px;
   color: #14497d !important;



}