@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,400&display=swap');
*{
  padding: 0;
  margin: auto;
  font-family: 'Poppins', sans-serif;
  --c: #E47C00;
  --g:#00A14B;
}
h2{
  font-weight: 400!important;
  font-size: 40px!important;}
h3, h4, p{
  font-weight: 300!important;
}
#map {
  padding-bottom: 50%;
  margin-bottom: 30px;
  position: relative;
}

#map iframe {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
.container-fluid{
  padding:0;
  margin:auto;
}
.container{
  padding:0;
  margin:auto;
}
.carousel{
height: 10rem !important;
position: relative;
}
.bg-primary{
  background-image:url('images/nav-background.png');
  background-size: cover;
  background-position: center;
background-repeat: no-repeat;
}
.navbar .megamenu{ padding: 1rem; }
.btn-secondary{
  color: #333 !important;
}
.carousel-caption{
  max-width:500px;
  background-color: rgba(232, 245, 221, 0.432);
margin-bottom: 18rem !important;
 left: -15rem !important;
 color:#333 !important;
}
.navbar{
  background-color: #dce8e2!important;
}

.fas{
  display: inline!important;
}
/* ============ header last ============ */
.btn:hover, .btn:focus {
  color: #fff;
  outline: 0;
}

.adressInner a{
  color:#dce8e2!important;
  text-decoration: none!important;
}
.adressInner a:hover{
  color:#b9c0bc!important;
  text-decoration: none!important;
}
.padd{
  align-items: center!important;
  margin:auto;
  padding:0;
}
  
  .header{
    background-size: cover;
    background-color: #f37122;
  }

/*--  megaMenu  --*/
/*--  megaMenu proizvodi--*/

.megamenu .card-header{
  padding: 0.5rem 1rem!important; 
   margin-bottom: 0!important; 
     background-color: rgb(255, 255, 255)!important; 
    border-bottom: 0px!important; 
}
.megamenu .title{
  background-color:var(--g)!important;
  padding-top: 13px!important;
  padding-bottom: 13px!important;
  align-items: center!important;
}
.megamenu a{
  text-decoration: none;
}
/*--  megaMenu proizvodi - end --*/
/*--  megaMenu ALUstolarija --*/

.megamenuAlu a{
  color:rgb(0, 0, 0);
  /*-- text-decoration: underline solid var(--g) 2px; --*/
  
  line-height: 35px;
}
.megamenuAlu a:hover{
  color:var(--g)!important;
}
.megamenuAlu h6{
  color: #dce8e2 !important;
}
.roloVrata{
  background-image:url('images/modern-luxury-house-with-garage\ 1\ \(2\).jpg');

}

.sigurnosnaVrata{
  background-image:url('images/close-up-metal-doorknob-\ 1\ \(2\).jpg');

}
.sigurnosnaVrata h3:after, .roloVrata h3:after{
  width: auto!important;
  background-color: #dce8e2ca;
}




.sigurnosnaVrata h3, .roloVrata h3{
font-size: 1.5rem!important;
  color:#fbfdfc!important;
}

.sigurnosnaVrata, .roloVrata{
  height: auto!important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top:1rem;
  padding-bottom:1rem;
}
.sigurnosnaVrata h5, .roloVrata h5{
  color: var(--c)!important;
}
.sigurnosnaVrata p, .roloVrata p{
  color: #ffffff!important;
}
.roloVrata .card-body, .sigurnosnaVrata .card-body{
background-color: #052c318b!important;
}
/*--  megaMenu ALUstolarija - end  --*/



/*--  megaMenu  -- end --*/

  .back{
    display: flex;
    align-items: center;
    height: 45rem;
    background-color:transparent!important;
  }
 .cta{
  height: 30rem;
  display: flex;
  align-items: center;
 }
 .cta .titleHeroes{
  background-color: #dce8e2;
  padding: 2rem 5rem;
 }


  .heroesTitle{
   background-color:transparent!important;
 
  }
 
  
  .imgHeroes{
    background-image:url('images/Profi centar Vujic stolarija slider 3.jpg');
    padding: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  }

.moto{
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  padding:0rem 2rem;
 
}
 
  .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
  }
  .doors .btn-warning, .oneq .btn-warning{
    color: #ffffff!important;
    background-color: var(--c)!important;
    border-color:var(--c)!important;
   }
   .btn-warning:hover{
    color: #ffffff!important;
    background-color: var(--c)!important;
    border-color:var(--c)!important;
   }

  .btn-warning{
    color: #ffffff!important;
    background-color: var(--g)!important;
    border-color:var(--g)!important;
    font-size: 1rem!important;
    font-weight: 300!important;
    border-radius: 0!important;
    border: 0!important;
    padding: 0.7rem 1.7rem!important;
  }
  .btn-warning:hover{
    color:var(--g)!important;
    background-color: #f4f7f5!important;
    border-color: #fffefd!important;
    border-radius: 0!important;
    border: 0!important;
  }
.navbar-brand{
  width: 200px;
}
  h3{
   font-size: 40px;
   font-weight: 500;
  }  

footer h6{
  color: var(--g)!important;
}
  h2{
  font-size: 70px;
  margin:0px;
  }

  .innerCTA{
    background-image:url('images/family-concept-mother-daughter-looking-window\ 1.jpg');
    padding: 0px;
  background-position: center;
  background-size: cover;
  position: relative;
 
  margin: 10rem auto;

  }
  .innerCTA .heroesTitle{
    padding-left: 30rem;
  }

  .imgCTA{
    align-items: left;
    text-align: left;
    background-image:url('images/garancija.png');
    padding:330px;
  background-position: left;
  background-size: contain;
  z-index: 1;
  position: absolute;
  background-repeat: no-repeat;
  margin-top: -47rem;
  
  }
 
 /* devider */
  .afterBlock{
padding: 1px 0;
margin: 4rem auto;
background-color: rgb(165, 163, 163);
  }

  h3:after{
    content: "";
  display: block;
  width: 25rem;
  height: 1px;
  background: rgb(90, 90, 90);
margin: 1rem 0;
   } 

   /* devider -- end --- */

/* button arrow--- */
    .arrow {
     margin-left: 2.5rem;
    }
  
   

/* button arrow- end-- */


/* ---- carousel ---- */ 
.carousel-caption{
  text-align: left!important;
  align-items: left!important;
  padding-left: 20px;
}
.orangeLetter{
  color:var(--c);
}
.carousel-caption h2{
  font-size: 2.5rem;
}

.carousel-caption p{
  font-size: 1.7rem;
}
/* ---- carousel end ---- */ 
.section-header{
  padding-top: 0.8rem;
  color: white;
  align-items: space-betwen;
  font-size: 1rem!important;
  background-color: #00A14B;
 
}

.alignRight{
  text-align: right!important;
}
/* ---- ABOUT US ---- */ 
.about-us{
  background-image:url('images/Group\ 1401.png');
  padding: 0px;
  margin:auto;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.about-us .container{
  background-color: transparent!important;
}
.jumbotron {
  background-color: transparent!important;
  padding:5rem 0;
}
.about-us .imgHeroes{
  background-image:url('images/Proizvodnja\ ALU\ I\ PVC\ stolarije\ Profi\ centar\ Pozarevac\ Sindjeliceva.png');
  padding: 0px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.jumbotron .arrow{
  color: #00A14B!important;
}

.titleHeroes{
  text-align: left!important;
  align-items: left!important;
 
}
.titleHeroes h2{
  font-weight: 600;
  font-size: 3rem;
}
.firstLead{
  padding-left: 5rem!important;
}
.secondLead{
  padding-right: 5rem!important;
}



/* ============ first lead and second lead padding -- end ============ */
/* ============ button hover effect ============ */
.arrowLi{
 align-items: center!important;
  text-decoration: none;
  list-style-type: none;
  color: var(--g);
  font-size: 16px;
  border: 0.2em solid var(--g);
  border-radius: 0em;
  width: 12em;
  height: 3em;
  text-transform: uppercase;
  font-weight: bold;
  font-family: sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  line-height: 3em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.5s;
  margin: 2rem 0;
}

.arrowLi span {
  position: absolute;
  width: 25%;
  height: 100%;
  background-color: var(--g);
  transform: translateY(150%);
  border-radius:0%;
  left: calc((var(--n) - 1) * 25%);
  transition: 0.5s;
  transition-delay: calc((var(--n) - 1) * 0.1s);
  z-index: -1;
}

.arrowLi:hover {
  color: black;
}

.arrowLi:hover span {
  transform: translateY(0) scale(2);
}
.arrowLi span:nth-child(1) {
  --n: 1;
}

.arrowLi span:nth-child(2) {
  --n: 2;
}

.arrowLi span:nth-child(3) {
  --n: 3;
}

.arrowLi span:nth-child(4) {
  --n: 4;
}
/* ============ button hover effect end ============ */
 /*** services *****/

.servicesLead p{
font-size: 1.3rem!important;
}

.servicesLeft{
  background: url("images/Profi\ Centar\ Pozarevac\ kontakt.jpg");
  background-position:center center;
     background-size: cover;
  
}
.oneq{
 
  background-color: #00A14B;
  height: 500px;
  background: url("images/prateca\ oprema.jpg");
  background-position:center center;
     background-size: cover;
     color:#dce8e2;
    
}
.leftText{
  
  padding: 30px;
}
.windows, .doors{
 
  height:245px;
}


.onet{
  color:#ffffff;
}

.bg{
  height: 450px;
  background: url("images/Profi\ Centar\ Pozarevac\ kontakt.jpg");
  background-position:top center;
     background-size: cover;
     margin: 30px;
}

.aluPvc .doors {
  
  background: url("images/pvc\ i\ alu\ vrata\ VUJIC.jpg");
  background-position:top center;
     background-size: cover;
 
}

.aluPvc .windows {
  margin-top: 10px!important;
  background: url("images/alu\ i\ pvc\ prozori.jpg");
  background-position:top center;
     background-size: cover;
 
}

.allIn{
  padding-bottom:50px;
}
.allOn{
  padding-top:180px;
  padding-bottom: 70px;
  margin-top: -150px;
  background: url("images/white-grey\ 8.jpg");
    background-position:center center;
       background-size: cover;
       color: #dce8e2!important;
}



/*****right nav margin auto *****/

.navbar-nav{
 
  margin:auto;
  }

/***************
   footer
   ***************/
   .row{
    margin: 0px !important;
  }
   #back{
    background: url("images/Profi\ Centar\ Pozarevac\ kontakt.jpg");
    background-position:center center;
       background-size: cover;
}
  
     footer{
      position: relative;
         background-color: transparent;
         color:rgba(182, 179, 179, 0.863);
         margin: auto;
       
     }
     footer a, footer p, footer i {
         color:rgba(239, 233, 233, 0.863);
         font-size: 1 rem;
         font-weight: 300;
       text-decoration: none!important;
     }
    
    footer i{
      margin-right: 0.5rem!important;
    }
     footer a:hover{
      color:var(--g)!important;
      animation: footer 0.7s ease;
  }

    .socialLinks a{
      font-size:1.3rem!important;
    }
     footer h3{
         margin-top:30px ;
     }
  
/*** 0 nama page *****/

.leadOnama{
  background: url("images/family-concept-mother-daughter-looking-window\ 1.jpg");
    background-position:center center;
       background-size: cover;
     
       background-repeat: no-repeat;
       color:#dce8e2;
      padding:5rem 0;
}

#alu-stolarija .leadOnama{
  background: url("images/aluminijumska-stolarija-za-miran-san.jpg")!important;
  background-position:center center!important;
     background-size: cover!important;
     background-attachment: fixed!important;
     background-repeat: no-repeat!important;
     color:#dce8e2!important;
    padding:5rem 0!important;
}
.leadTextOnama{
  padding:1rem;
 
  background-color: rgba(11, 53, 58, 0.372)!important;
max-width: fit-content;

}


/*** 0 nama page - end -  *****/

/*** prozori page nama page  *****/

#prozori .bb, #alu-prozori .bb{
  padding:0rem 0!important;
}
 #prozori .about-us,  #alu-prozori .about-us {
  padding-right: 0rem!important;
}
#alu-garazna-vrata .leadOnama{
  background: url("images/garazna-VRATA-MODELI-Profi-centar-DOO.jpg")!important;
background-position:center center!important;
   background-size: cover!important;
   
   background-repeat: no-repeat!important;
   color:#dce8e2!important;
}
#alu-vrata .leadOnama{
  background: url("images/alu-vrata-stolarija-Pozarevac.jpg" );
background-position:center center!important;
   background-size: cover!important;
   background-attachment: fixed!important;
   background-repeat: no-repeat!important;
   color:#dce8e2!important;
}

#alu-prozori .leadOnama{
  background: url("images/alu-prozori-Profi-Centar-DOO-Pozarevac-stolarija.jpg" );
background-position:center center!important;
   background-size: cover!important;
   background-attachment: fixed!important;
   background-repeat: no-repeat!important;
   color:#dce8e2!important;
}
#prozori .leadOnama{
  background: url("images/prozori-about-us-img.jpg")!important;
  background-position:center center!important;
     background-size: cover!important;
     background-attachment: fixed!important;
     background-repeat: no-repeat!important;
     color:#dce8e2!important;
}
#prozori .secondLead{
  padding-top: 8rem!important;
  padding-bottom: 3rem!important;
}
#vrata .leadOnama{
  background: url("images/Vujic\ Profi\ Centar\ header\ slider\ 1.jpg")!important;
  background-position:center center!important;
     background-size: cover!important;
     background-attachment: fixed!important;
     background-repeat: no-repeat!important;
     color:#dce8e2!important;
}

.categoryDescription{
padding:8rem 0 4rem 0;
}
.secondCategoryDescription{
  padding-top: 1rem!important;
  padding-bottom: 2rem!important;
}
.productList p{
padding-top:0rem!important;
}
.boxWithIcon{
  background: url("images/Group\ 1401.png");
  background-position:center center;
     background-size: cover;
     background-repeat: no-repeat;
    
}
 #pvc-stolarija .imgHeroes, #alu-garazna-vrata .imgHeroes,  #prateca-oprema .imgHeroes, #alu-prozori .imgHeroes{
  background: url("images/prozori.jpg");
  background-position:center center;
     background-size: cover;
     background-repeat: no-repeat;
     color:#dce8e2;
    
}
#vrata .categoryDescription{
  padding: 3rem 0 0rem 0!important;
}
.liButton a{
  text-decoration: none!important;
  color:#00A14B;
}
.liButton a:hover{
  text-decoration: none!important;
  color:#ebedec;
}
#alu-vrata .imgHeroes{
  background: url("images/harmonika\ vrata.jpg");
  background-position:center center;
     background-size: cover;
     background-repeat: no-repeat;
     color:#dce8e2;
    }
    .aluAll .imgHeroes{
      background: url("images/ALU\ I\ PVC\ STOLARIJA\ cta.png")!important;
      background-position:left center!important;
         background-size: cover!important;
         background-repeat: no-repeat!important;
         color:#dce8e2;}
    .aluvratavrata .imgHeroes{
      background: url("images/aluminijumska\ vrata\ Pozarevac.jpg")!important;
      background-position:left center!important;
         background-size: cover!important;
         background-repeat: no-repeat!important;
         color:#dce8e2;}
    .okapnice .imgHeroes{
      background: url("images/Okapnice.jpg")!important;
      background-position:left center!important;
         background-size: cover!important;
         background-repeat: no-repeat!important;
         color:#dce8e2;}
    .roletne .imgHeroes{
      background: url("images/roletne-na-kuci.jpg")!important;
      background-position:left center!important;
         background-size: cover!important;
         background-repeat: no-repeat!important;
         color:#dce8e2;}
    .komarnici .imgHeroes{
      background: url("images/prateca\ oprema.jpg")!important;
      background-position:center center!important;
         background-size: cover!important;
         background-repeat: no-repeat!important;
         color:#dce8e2;}
    .pravljenaGarazna .imgHeroes{
      background: url("images/Pravljena\ ALU\ vrata.jpg")!important;
      background-position:center center!important;
         background-size: cover!important;
         background-repeat: no-repeat!important;
         color:#dce8e2;}
         .whyPVCw .imgHeroes{
          background: url("images/veliki\ izbor\ PVC\ stolarije.png")!important;
          background-position:center center!important;
             background-size: cover!important;
             background-repeat: no-repeat!important;
             color:#dce8e2;}
         .explainWindow  .imgHeroes{
          background: url("images/sigurnosna\ vrata\ alu\ \ i\ pvc\ stolarija.png")!important;
          background-position:center center!important;
             background-size: cover!important;
             background-repeat: no-repeat!important;
             color:#dce8e2;}
    .klizniSistem .imgHeroes{
      background: url("images/klizni-sistem.jpg")!important;
      background-position:center center!important;
         background-size: cover!important;
         background-repeat: no-repeat!important;
         color:#dce8e2;}
        
         .whyAlu .imgHeroes{
          background: url("images/ZASTO\ SU\ ALU\ PROZORI\ DOBRI.png")!important;
          background-position:center center!important;
             background-size: cover!important;
             background-repeat: no-repeat!important;
             color:#dce8e2;}

             .secDoors .imgHeroes{
              background: url("images/sigurnosna\ vrata\ alu\ \ i\ pvc\ stolarija.png")!important;
              background-position:center center!important;
                 background-size: cover!important;
                 background-repeat: no-repeat!important;
                 color:#dce8e2;}
  .deco83 .imgHeroes{
    background: url("images/Thermicco\ 90.jpg")!important;
      background-position:center center!important;
         background-size: cover!important;
         background-repeat: no-repeat!important;
         color:#dce8e2;}

         .krovniProzor .imgHeroes{
          background: url("images/Roto\ krovni\ prozor\ Pozarevac.jpg")!important;
          background-position:center center!important;
             background-size: contain!important;;
             background-repeat: no-repeat!important;
             color:#dce8e2;}
        
         .thermicco .imgHeroes{
          background: url("images/Thermicco\ 90.jpg")!important;
          background-position:center center!important;
             background-size: cover!important;;
             background-repeat: no-repeat!important;
             color:#dce8e2;}
#alu-stolarija .bb, #pvc-stolarija .bb, #prateca-oprema .bb, #alu-vrata .bb,  #alu-garazna-vrata .bb{
  padding:0rem 0!important;
}
 #alu-stolarija  .about-us, #pvc-stolariija .about-us, #prateca-oprema .about-us, 
 #alu-garazna-vrata .about-us, #alu-vrtata .about-us {
  padding-right: 0rem!important;
}

.firstLead{
  padding-top: 2rem;
}
/*** prozori page nama page - end -  *****/

#alu-stolarija .leadOnama{
  background: url("images/Vujic\ Profi\ Centar\ \ header\ slider\ 2.jpg");
  background-position:center center;
     background-size: cover;
     background-repeat: no-repeat;
}

.productList{
padding-top:5rem;
padding-bottom:2rem;
}
.boxWithIcon h3{
font-size: 2.2rem;

}

/*** alu stolarija-  *****/
.productList h2{
  font-size: 2.2rem!important;
  font-weight: 300!important;
  }

  .productListTitle{
    padding-bottom: 1rem;
  }

.prednosti{
  padding-left: 2rem!important;
}

#alu-stolarija .about-us{
  padding-left: 0!important;
}
/*** alu stolarija-end  *****/


/*** prateca oprema  *****/

#prateca-oprema .productList{
  padding-bottom:5rem!important;
}


/*** prateca oprema -- end --  *****/
.contactItems{
  background: url("images/Group\ 1401.png");
  background-position:center center;
     background-size: cover;
     background-repeat: no-repeat;
}
/** kontakt**/

.paddBox{
  padding: 2rem;
}
.paddBox h3::after{
  width: 10rem;
}
 .contactBox .border{
  border:solid 1px rgb(133, 132, 132)!important;
 }
.contactBox a{
  text-decoration:none ;
  color: #333;
}
.contactBox a:hover{

  color: #333;
}

/** kontakt - END **/
  @media(max-width: 1200px){
      h3{
          font-size: 27px!important;
         
        } 
        h3:after{
        width: 23rem;
      margin: 1rem 0;
         }  
       h2{
         font-size: 40px!important;
       }
       
        a{
          font-size: 16px;
      }
      p{
        font-size: 17px;
          line-height: 2rem;
      }
      .carousel-caption{
        display: inline-block!important;
        max-width:auto!important;
        background-color: rgba(232, 245, 221, 0.432);
      margin-bottom: 5rem !important;
      margin-left:10rem;
       left: 0rem !important;
       
      }
      .titleHeroes{
        padding-left: 2rem!important;
      }
      .innerCTA .heroesTitle{
        padding-left: 10rem;
      }

      .innerCTA{
   
      margin: 10rem auto;
    
      }
     
    
      .imgCTA{
        align-items: left;
        text-align: left;
        background-image:url('images/garancija.png');
        padding:330px;
      background-position: left;
      background-size: contain;
      z-index: 1;
      position: absolute;
      background-repeat: no-repeat;
      margin-top: -47rem;
      
      }


      .contactInfo{
        display: none;
      }
    

      .leftText{
  
        padding: 30px;
      }
      .windows, .doors{
       
        height:350px;
      }
      
      .oneq{
 
        background-color: #00A14B;
        height: 350px;
        
      }
      .container-fluid .leadOnama{
        padding-left:0rem!important;
        padding-right:0rem!important;
      }
      .boxWithIcon h3{
        font-size: 2.2rem;
        
        }

  }
  @media(max-width: 992px){
    h3{
        font-size: 30px!important;
      }  
      h3:after{
        width: 17rem;
      margin: 1rem 0;
         }  
     h2{
       font-size: 40px!important;
     }
     
      a{
        font-size: 17px;
    }
    p{
      font-size: 17px;
        line-height: 2rem;
    }
    .contactInfo{
      display: none;
    }
    .firstLead{
      padding-left:0rem!important;
    }
    
    .secondLead{
      padding-right: 0rem!important;
    }
.carousel-caption{
display: inline-block!important;
max-width:auto;
background-color: rgba(232, 245, 221, 0.432);
margin-bottom: 5rem !important;
margin-left:10rem;
left: 0rem !important;
margin-top:10rem!important;
}

.back{

align-items: center;

background-color:transparent!important;
}
.titleHeroes{
display: inline-block!important;
}
.leftText{

padding: 30px;
}
.windows, .doors{
padding:0 1rem!important;
height:350px;
}
.cta .titleHeroes{
  padding: 3rem 3rem!important;
}

.oneq{

background-color: var(--g);;
height: 350px;
padding: 0 1rem;
margin-top: 1rem!important;

}
.aluPvc{
  
  padding:0px!important;

  }
  .prednosti{
    padding-left: 0rem!important;
    padding-top: 1rem!important;
  }
  .boxWithIcon h3{
    font-size: 2rem;
    
    }
}
@media(max-width: 768px){
  h3{
      font-size: 25px!important;
    } 
    h3:after{
      width: 15rem;
    margin: 1rem 0;
       }   
   h2{
     font-size: 35px!important;
   }
   
    a{
      font-size: 16px;
  }
  p{

      line-height: 2rem;
  }
  .sigurnosnaVrata h3, .roloVrata h3{
font-size: 2rem;
    color:#fbfdfc!important;
  }
  .back{
    display:inline-block!important;
    align-items: center;
    height: auto!important;
    background-color:transparent!important;
  }
  
.imgHeight{
   height: 500px!important;
   margin-top: 5rem!important;
   margin-bottom: 2rem!important;
  }
  .columnReverse{
    flex-direction: column-reverse!important;
  }
  .moto{
    padding: 4rem 2rem;
  }
  #back .w-100 {
    width: 50% !important;
    text-align: center;
  }

  .prednostiImg{
    display: block!important;
  }
  .carousel-caption{
    display: inline-block!important;
    max-width:300px;
    background-color: rgba(232, 245, 221, 0.432);
  margin-bottom: 10rem !important;
  margin-left:10rem;
   left: 0rem !important;
  
  }
  .boxWithIcon h3{
    font-size: 2rem!important;
    
    }
    .boxWithIcon .py-5{
padding-top:1rem;
    }
  .aluPvc{
  
    padding:0px!important;
  
    }

    .windows{
     margin-top:3rem!important;
     }
     
    .oneq{
      margin-top:1rem!important;
    }
    footer h6{
      font-size: 1.5rem!important;
      padding-top:1rem!important;
    }
    .innerCTA{
   
      margin: 5rem auto;
    
      }
      .innerCTA .heroesTitle{
        padding-left: 0rem;
      }
    
      .imgCTA{
        align-items: left;
        text-align: left;
        background-image:url('images/garancija.png');
        padding:330px;
      background-position: left;
      background-size: contain;
      z-index: 0;
      position: relative;
      background-repeat: no-repeat;
      margin-top: 0rem;
      
      }
      
      .container-fluid .leadOnama{
        padding-left:0rem!important;
      
      }
      #prozori .secondLead{
        padding-top: 3rem!important;
        
      }
      .titleHeroes{
        padding-left: 0rem!important;
      }
    

}
  @media(max-width: 576px){
    .navbar-brand{
      margin-right:auto!important;
    }
    .titleHeroes{
      padding-left: 0rem!important;
    }
    .boxWithIcon .py-5{
      padding-top:1rem!important;
          }

      h3{
          font-size: 1.2rem!important;
          padding-bottom: 1rem;
          line-height: 2rem;
        }  
        .boxWithIcon h3{
          font-size: 2rem!important;
          
          }
        .sigurnosnaVrata h3, .roloVrata h3{
          font-size: 1.6rem!important;
          margin-top: 0.5rem !important;
          padding-bottom: 0rem !important;
            
            }
          
            

       .onet h3:after, .oneq h3:after {
        width: 10rem!important;
        background-color: #dce8e2!important;
         } 

         h3:after{
          margin-top: 2.5rem!important;
          }
          .sigurnosnaVrata h3:after, .roloVrata h3:after{
            margin-top: 0.5rem !important;
          
             background-color: #dce8e2;
                
                }
       h2{
         font-size: 2rem!important;
        
       }
       footer h6{
        font-size: 1.5rem!important;
        padding-top:1rem!important;
      }
       .header{
          
          padding: 0rem 0 0rem 0 !important;
         
        }
        a{
          font-size:20px;
      }
      p{
          font-size: 1.2rem;  
          line-height: 2rem;
          padding-top:1rem;
      }
     
      .copy, .copy a{
            font-size: 0.9rem!important;
      }
      .back{
        display:inline-block!important;
        align-items: center;
        height: auto!important;
        background-color:transparent!important;
      }

      .imgHeight{
        height: 400px!important;
        margin-bottom: 1rem!important;
       }
      .contactInfo{
        display: none;
      }
.firstLead{
  padding-left:0rem!important;
}
.titleHeroes{
  padding-left: 0rem!important;
}

.secondLead{
  padding-right: 0rem!important;
}

.leftText{
  padding: 20px!important;
}

.innerCTA .heroesTitle{
  padding-left: 0rem;
}

  .carousel-caption{
    display: inline-block!important;
    max-width:350px;
    background-color: rgba(232, 245, 221, 0.432);
  margin-bottom: 12rem !important;
  margin-left:2.5rem!important;
   left: 0rem !important;
   color:#333 !important;
  }
#back .w-100 {
  width: 50% !important;
  text-align: center;
}
#back hr{
  display: none;
}
.megamenuAlu .g-3{
 padding-bottom:50px!important;
 
}



.navbar .container{

  padding-right:auto!important;
  
}
.sales .jumbotron{
  padding: 1rem 0!important;
}
  }
  @media(max-width: 350px){
    h2{
      font-size: 1.7rem!important;
     
    }
    .boxWithIcon .py-5{
      padding-top:1rem!important;
          }
    .boxWithIcon h3{
      font-size: 2rem!important;
      
      }
.sales .jumbotron{
  padding: 1rem 0!important;
}

    .carousel-caption{
      display: inline-block!important;
      max-width:300px;
      background-color: rgba(232, 245, 221, 0.432);
    margin-bottom: 12rem !important;
    margin-left:5rem!important;
     left: 0rem !important;
     color:#333 !important;
    }
footer h6{
  font-size: 1.5rem!important;
  padding-top:1rem!important;
}
.titleHeroes{
  padding-left: 0rem!important;
}
.innerLi{
  padding-left: 0rem!important;
}
.leftText{
  padding: 7px !important;
}

.imgHeight{
  height: 400px!important;
  margin-bottom: 0.5rem!important;
 }
 h3:after{
  margin-top: 2.5rem!important;
  }
.sigurnosnaVrata, .roloVrata{
  height: auto!important;
}
  
}

#map iframe {
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  position: absolute;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:0; width:100% !important;
     margin-top:0; }
     
}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
 
  .carousel-item .w-100{
    width: auto!important;
  }
.col-megamenu, .navbar-nav li{
  text-align: center!important;
  align-items: center;
}
.sv{
  display: none!important;
}
}
/* ============ mobile view .end// ============ */