@font-face {
     font-family: "sansHair";
     src: url("../fonts/Corporative Sans Hair.otf");
 }
 
 @font-face {
     font-family: "sansMedium";
     src: url("../fonts/Corporative Sans Medium.otf");
 }
 
 @font-face {
     font-family: "sansRegular";
     src: url("../fonts/Corporative Sans Regular.otf");
 }
 
 @font-face {
     font-family: "sansBlack";
     src: url("../fonts/Corporative Sans Black.otf");
 }
 
 @font-face {
     font-family: "sansBold";
     src: url("../fonts/Corporative Sans Bold.otf");
 }
 
 @font-face {
     font-family: "sansLight";
     src: url("../fonts/Corporative Sans Light.otf");
 }

@import url(//fonts.googleapis.com/css?family=Lato);

* { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before, *:after { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media and (max-device-height: 414px) {

.podaci1 p {
    margin-left: 0;
    margin-top: 0;
    padding-bottom: 10%;
    font-size: 7pt;
    position: relative;
    z-index: 1;
    padding-top: 3%;
}
}
/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  { 
     html{
          width: 100%;
          margin-left: auto;
          margin-right: auto;
      }
      body{
           width: 100%;
          margin-left: auto;
          margin-right: auto;
          padding-left: 1px;
          padding-right: 1px;
      }
    
    .row{
        width: 100%;
    }
      #z1,
        #z2,
        #z3,
        #z4,
        #z5,
        #z6,
        #z7,
        #z8,
        #z9,
        #z10,
        #z11,
        #z12,
        #z13,
        #z14,
        #z15,
        #z16,
        #z17,
        #z18,
        #z19,
        #z20,
        #z21,
        #z22,
        #z23,
        #z24,
        #z25,
        #z26,
        #z27,
        #z28,
        #z29,
        #z30,
        #z31,
        #z32,
        #z33,
        #z34,
        #z35,
        #z36,
        #z37,
        #z38,
        #z39,
        #z40,
        #z41,
        #z42,
        #z43,
        #z44,
        #z45,
        #z46,
        #z47,
        #z48,
        #z49,
        #z50,
        #z51,
        #z52 {
            height: 60vh;
            display: none;
        }
        #z1 img,
        #z2 img,
        #z3 img,
        #z4 img,
        #z5 img,
        #z6 img,
        #z7 img,
        #z8 img,
        #z9 img,
        #z10 img,
        #z11 img,
        #z12 img,
        #z13 img,
        #z14 img,
        #z15 img,
        #z16 img,
        #z17 img,
        #z18 img,
        #z19 img,
        #z20 img,
        #z21 img,
        #z22 img,
        #z23 img,
        #z24 img,
        #z25 img,
        #z26 img,
        #z27 img,
        #z28 img,
        #z29 img,
        #z30 img,
        #z31 img,
        #z32 img,
        #z33 img,
        #z34 img,
        #z35 img,
        #z36 img,
        #z37 img,
        #z38 img,
        #z39 img,
        #z40 img,
        #z41 img,
        #z42 img,
        #z43 img,
        #z44 img,
        #z45 img,
        #z46 img,
        #z47 img,
        #z48 img,
        #z49 img,
        #z50 img,
        #z51 img,
        #z52 img {
            min-width: 140%;
        }
    
         
        .navbar-inverse .navbar-toggle {
            background-color: black;
            
            position: fixed;
            margin-bottom: -40px;
            overflow: visible;
            
        }
      
      .navbar-collapse collapse in{
          margin-bottom: 5%;
          width: 100%;
          padding-left: 5%;
          
          
      }
        
      .navbar-toggle{
          margin-left: 5%;
      }
   
      
      #Navigacija2{
          margin-top: 10%;
          position: fixed;
          width:100%;
          z-index: 2;
          margin-left: auto;
          margin-right: auto;
         
          
         
      }
      #Navigacija2 li{
          font-size: 13pt;
      }
     #Navigacija1{
         width: 100%;
         
    }
    #myCarousel{
       margin-bottom: 10%;
        position: relative;
        z-index: -1;
    }
      
        
      #iH5{
         
          padding-left: 18%;
          background-color: white;
         
          position: fixed;
          padding-bottom: 10%;
          width: 100%;
         padding-top: 4%;
          margin-bottom: 4%;
          margin-top: -3%;
          
      }
      
      #iH5 > a{
          margin-left: 15%; 
          font-family: 'Lato', sans-serif;
          letter-spacing: 2px;
          color: black;
          padding-bottom: 4%;
          padding-top: 4%;
      }
    .jezik{
        font-weight: 800;
    }
      
      #h1naslov{
          letter-spacing: 2pt;
          
      }
      #zadnjiTDuProizvodima img{
         margin-left: auto !important;
        margin-right: auto !important;
      }
      
    #zadnjiTDuProizvodima{
        padding-bottom: 5%;
    }
      
     
        .navbar-inverse {
            background-color: transparent;
            
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
        }
        td {
            display: block;
            vertical-align: middle;
        }
        .carousel-inner {
            height: 100vh;
            position: relative;
            width: 100%;
            overflow: hidden;
        }
      
      hr{
          margin-bottom: 10% !important; 
      }
        .h1,
        h1 {
            font-size: 13pt;
            font-family: "sansBold";
        }
        .h2,
        h2 {
            font-size: 12pt;
            font-family: "sansBold";
        }
        .h3,
        h3 {
            font-size: 12pt;
            font-family: "sansHair";
        }
    a{
        color: #666666;
    }
        .carousel-caption {
            letter-spacing: normal;
           
        }
        element.style {}
        .carousel-indicators li {
            display: none;
        }
        .nasa-prica {
           padding-left: 2% !important;
            width: 100%;
            border-right-style: solid;
            border-right-color: #9999CC;
            margin-bottom: 7%;
            padding-right: 1%;
            
        }
      .nasaPrica1{
          margin-top: -10%;
          padding-bottom: 10%;
          padding-left: 5%;
      }
    .usluge1{
       margin-top: -10%;
    }
    .preuzimanja1{
        margin-top: -10%;
          padding-bottom: 10%;
          padding-left: 5%;
    }
    .reference1 img{
       margin-top: -14%;
    }
        #alinkovi{
           
            margin-bottom: 7%;
            color: #99c;
           letter-spacing: 1.3px;
            text-decoration: none;
            font-weight: 500;
            font-size: 11pt !important;
            
        }
    #kolUlaznaVrataLink{
         padding-left: 0 !important;
            float: left !important;
        margin-top: 15%;
            margin-bottom: 7%;
            color:  #99c;
        font-size: 11pt;
        letter-spacing: 1.3px;
        font-weight: 500;
            
    }
      
      #usluge-col-12{
          display: flex;
          flex-flow: column;
          
          
      }
     #usluge-col-12 img{
       
         margin-left: auto;
         margin-right: auto;
          
      }
      #slika2{
          order: 2;
       
         margin-left: 20%;
          
      }
     
        .nasa-prica p {
            font-family: 'Lato', sans-serif;
            font-size: 11pt;
           
        }
        .nav>li {
            position: relative;
            display: block;
            background-color: white;
        }
        .img-responsive {
         
          vertical-align: middle;
           margin-left: auto;
         margin-right: auto;
        }
        
        hr {
           
            border: 0;
            border-top: 1px solid transparent;
            margin-left: 0;
            margin-right: 0;
            width: 90%;
           
            
        }
      
    
      #USLUGE{
          margin-bottom: 5% !important;
          padding-top: 0;
         
      }
      
      #PROIZVODI{
          margin-top: 10%;
          padding-top: 0;
    
      }
      
      #REFERENCE{
          margin-top: 15%;
          margin-bottom:10% !important;
      }
      
        .carousel,
        .item,
        .active {
            height: 100vh;
        }
        #foterImg {
           
        }
        footer {
            background-color: black;
            color: #666;
            width: 100%;
            text-align: center;
           
        }
        ul {
            list-style: none;
        }
        #desno {
            padding-right: 2% !important;
            width: 100%;
           
            float: right;
            border-right-style: none;
            text-align: right;
            padding-left: 5%;
            
        }
    
            #desno a{
                float: right;
        
        }
      
      .preuzimanja{
          padding-left: 2% !important;
          border-right-style: solid;
            border-right-color: #9999CC;
          
          
      }
      
      #preuzimanjeimg{
          
         padding-left: 0 !important;
          padding-right: 0 !important;
          padding-top: 5%;
      }
      
      #elegancija{
          color: transparent;
      }
        .backToTop {
            display: none;
            text-decoration: none;
            text-align: left;
            border-style: solid;
            border-width: thin;
            border-color: transparent;
            background-color: transparent;
            color: white;
            border-radius: 4px;
            position: fixed;
            bottom: 0;
            right: 0;
            width: 40px;
            height: 40px;
            z-index: 100;
            white-space: 5px;
            padding-left: 0px;
        }
        .backToTop:hover {
            text-decoration: none;
            background-color: transparent;
            display: none;
        }
        .backToTop:active {
            text-decoration: none;
            background-color: transparent;
        }
      .backToTop img{
          display: none;
      }
        #odaberite1 {
            display: none;
        }
        #iskustvo {
            display: none;
        }
      
        .kvalitet-b {
            display: none;
        }
        .kvalitet-t {
            display: none;
        }
        .proizvod {
           
        }
        #p-content {
            color: aliceblue;
            position: relative;
            
            padding: 5%;
          
      }
      #u-content{
          margin-top: 20%;
           border-left-style: solid;
            border-left-color: #9999CC;
            float: right;
            border-right-style: none;
            text-align: right;
            padding-left: 5%;
          padding-right: 3%;
      }
       #r-content{
    
           border-left-style: solid;
            border-left-color: #9999CC;
            float: right;
            border-right-style: none;
            text-align: right;
            padding-left: 5%;
          padding-right: 3%;
           order: 1;
    }
      
      .container > slika2{
          display: flex;
      }
       .container > slika3{
          display: flex;
      }
      
      #proizvodSlika{
          height: 35%;
          position: absolute;
          margin-top: 5%;
          margin-bottom: 1%;
          width: 99vw !important;
          margin-left: auto;
          margin-right: auto;
          padding: 1px;
          
      }
        #redVrata {
           
            background-color: black;
            width: 100%;
            text-align: center;
            margin: auto 0;
            vertical-align: middle;
            
        }
    
    .linkVrata{
        color: #cccccc;
        font-family: 'Lato', sans-serif;
        text-align: left;
    }
      
       
      #proizvodiTabela img{
          margin-top: 5%;
          margin-left: auto;
          margin-right: auto;
          
      }
      
      
      #proizvodiTabela table{
          padding: 0;
          margin-top: 3%;
          width: 100%;
          margin-left: 0 !important;
          
      }
      
      
        #we-belive {
           
            
        }
      
      #btnFooter{
          margin: 2%;
      }
          
      #we-belive> img{
          
          position: absolute;
          margin-bottom: 20%;
      }
        #vjerujemo {
            text-align: center;
            color: white;
            position: relative;
            font-size: 88%;
            margin-top: 15%;
            padding: 1%;
            
            
           
        }
        .reference-b {
            display: none;
        }
        .reference-t {
            display: none;
        }
        .scrole {
            display: none;
           
        }
        #linkLogo {
            display: none;
        }
        #UV {
           padding-left: 4%;
           
            
            
        }
    #UV img{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        
    }
    #UV .col-lg-3{
        display: inline-flex;
        width: 49%;
        margin-right: auto;
        margin-left: auto;
    }
    #UV .row:nth-child(1){
        padding-left:5%; 
    }
      
      #ulaznavrataP{
          margin-top: 10%;
       
            width: 100%;
            border-right-style: solid;
            border-right-color: #9999CC;
            margin-bottom: 7%;
            height: 40vh; 
          padding-top: 5%;
      }
      
      
      #kontactNaslov{
          margin-top: 3%;
          margin-bottom: 3%;
          color: #666666;
         font-size: 1.3em;
      }
      .footer-list{
          text-align: center;
          margin-bottom: 3%;
          width: 100%;
      }
      /*----------------
    #footerlist1 a{
        color: #666666;
         font-size: 1.3em;
    }
      ________________*/
     
      #footerlist1{
          display: none;
      }
      
    #footerlist2 li{
        padding-left: 0 !important;
    }
     #footerlist3 li{
        color: #666666;
         
    }
      
      .contactForma{
        margin-left: 10% !important;
          
      }
      .contactForma input{
          margin-bottom: 2% !important;
         
          margin-left: auto;
          margin-right: auto;
      }
       .contactForma .button{
          background-color: #cccccc;
            border-radius: 5px;
           height: 35px;
           margin-bottom: 10% !important;
           color: black;
      }
     
      
      #contactForm{
          color: #666666;
        margin-left: auto;
          margin-right: auto;
         margin-top: 10%;
          vertical-align: middle;
          
         width: 100%;
      }
    #map{
        width: 100% !important;
    }
      
      .coppyright >img{
         
          padding-bottom: 5%;
          margin-bottom: 5%;
          margin-left: auto;
          margin-right: auto;
          
      }
      .coppyright p{
          text-align: center !important;
          font-size: 70% !important;
          color: #666666;
      }
    
     /* ----- loading ----- */
    
     
    #loaderText{
        font-size: 10pt;
        position: absolute;
        right: 10%;
        left: 10%;
        z-index: 1;
        padding-top: 10%;
        padding-bottom: 20%;
        text-align: center;
    }
    
     #loader h1 {
 
       color: rgba(0, 0, 0, 1);
            font-family: "sansBold";
              margin-bottom: -7.9%;
            letter-spacing: 2pt;
       
         font-size: 22pt;
     }
     #loader h1:before {
          content: attr(data-text);
            position: absolute;
            overflow: hidden;
            max-width: 20vw;
            white-space: nowrap;
            color: #fff;
            animation: loading 15s linear;
       letter-spacing: 2pt;
        
     }
    
    
    #loader{
       display:none;
        
            text-align: center;
            background-color: white;
   margin-top: -80px;
            
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 999;
     }
    
    
        /*-------- jezici ---------*/
     
      #h3Debeli{
        
         margin-top: -16%;
         display: none;
         
     }
     
     #odaberiteD{
         margin-top: -8%;
         display: none;
     }
     
     #kval-jezici{
        margin-top: 47%; 
         display: none;
     }
     
     #proizvod-jezici td{
         padding-left: 4.2vw;
         text-align: center;
     }
     #proizvod-jeziciE {
        
         width: 90%;
         margin-left: 2%;
         margin-right: 2%;
         background-color: black;
         width: 100%;
         text-align: center;
         margin: auto 0;
         vertical-align: middle;
     }
     #proizvod-jeziciD {
         margin-left: 0;
         margin-right: 0;
         background-color: black;
         width: 100%;
         text-align: center;
         vertical-align: middle;
         margin-top: -5%;
        
     }
     
     #eleganz{
         padding-top: 8.9%;
         margin-right: 20%;
         display: none;
     }
    
     
     .modern1{
        margin-top: 40%;
         display: none;
       
     }
     .modern2{
        margin-top:-17%;
         display: none;
     }
     #choose1{
         margin-top: 8.3%;
         display: none;
     }
     .quality{
         margin-top: 1%;
        display: none;
     }
     #quality2{
         margin-left: 25%;
        margin-right: -4%;
         display: none;
     }
     #choose3{
         padding-right: 5%;
            margin-top: -8%;
         display: none;
     }
     #elegance{
         margin-left: 2%;
         margin-top: -5%;
         display: none;
     }
     
     #modern{
        margin-top: 46%;
         margin-right: 25%;
         display: none;
     }
    
   
      
    
    /*-----------------clanci----------------*/
   
    #coverTxtD  {
         padding-left: 9%;
        padding-right: 9%;
     }
    
    #coverTxt .h3Clanci {
        margin-left: 2%;
       padding-left: 1%;
        margin-right: 2%;
        margin-top: -12%;
        padding-top: 0;
        padding-right: 2%;
      
     }
   
    #coverTxt .h2Clanci {
       margin-right:2%;
       
     }
     #coverTxtD  .h3Clanci {
         margin-top: -12.5%;
     }
    
     #coverTxtE {
         display: inline;
     }
    #coverTxtE h2Clanci{
        float: left;
    }
    #coverTxtE h3Clanci{
        float: right;
    }
    /*______*/
    
    #coverTxt {
     margin-left: 0.2%;
    padding: 2%;
    }
    
    /*_______*/
    .h2Clanci{
        color: #999999;
         font-family: "sansHair";
         font-size: 2.5em;
         border-right: none;
        width: 50%;
        margin-left: 1.5%;
        
    }
    
     .h3Clanci {
         color: #999999;
         opacity: 0.5;
         font-family: "sansBlack";
         font-size: 2.5em;
         border-right: none;
         text-align: right;
        margin-right: 1%;
         
        
     }
    
    
    .pricaSlika{
       display: none;
    }
    
     .naslovi-clanaka {
         font-family: "sansBold";
         font-weight: 800;
         margin-left: 6%;
         font-size: 2em;
         letter-spacing: 4pt;
         color: black;
     }
    #cover2{
        padding-left: 5%;
       
    }
    .porodica{
      
        padding: 1%;
        
    }
    .porodica p{
       font-size: 1em;
        margin-right: 5%;
        padding-left: 5% !important;
    }
    .porodica h1{
      
        margin-left: 1%;
    }
    
    #uslugeCoverTxt .h2Clanci{
        padding-left: 8%;
        
    }
    #uslugeCoverTxt .h3Clanci{
        padding-right: 8%;
       
    }
    #uslugeCoverTxtD{
        display: inline;
    }
    
    .uslugenaslov1{
        font-size: 2.5em;
    }
    .uslugenaslov2{
        font-size: 2.5em;
    }
    .experience{
        margin-right: 9% !important;
    }
    
    /*-------------------MATERIJALI----------------*/
    .table-responsive{
         display:flex;
      flex-wrap: wrap;
    }
    
    #tabelaMaterijalaAluminij{
     
    }
    
    #tabelaMaterijalaAluminij tr{
      
      flex-grow: 1;
      width: 100%;
      overflow: hidden;
      display: inline;
      margin-left: 1%;
        margin-right: 1%;
        margin-top: 1%;
      
    }
   
    #tabelaMaterijalaAluminij td{
        width: 15%;
        height: 25%;
        display: inline-block;
        padding-left: 1%;
        padding-right: 1%;
        margin-top: 1%;
    }
    
    .stakloTabela td{
        padding-top: 3%;
        margin: auto 0;
        vertical-align: top;
    }
    
    #ikona{
    padding-left: 4%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    background-color: rgba(0, 0, 0, .9);
    position: fixed;
    top: 80px;
    right: 1px;
    bottom: 0;
    z-index: 1;
      
       
    
    }
    #ikona2{
        display: none;
    }
      #ikona3{
        display: none;
    }
    .sidebarProzori{
        right: 0;
        position: fixed;
        background-color: rgba(0, 0, 0, .9);
        text-align: center;
        font-family: 'Lato',sans-serif;
        letter-spacing: 2px;
        margin-top: 17%;
        padding: 1%;
        line-height: 1.7;
        z-index: 1;
        display: none;  
       
        
    }
      #sidebar{
          display: none;
         
      }
   
    #slideLiTop{
        border-bottom:  3px solid;
        padding: 2%;
        
    }
    #tehnickiPodaci{
        margin-top: 15%;
        padding-top: 15%;
    }
     #tehnickiPodaci h1{
         margin-left: 4%;
    }
    .horizontalnavVrata{
    display: inline-flex;
    list-style: none;
    text-decoration: none;
    text-align: left;
    border-style: solid;
    border-width: thin;
    border-color: transparent;
    background-color: rgba(0, 0, 0, .8);
    color: white;
    border-radius: 2px;
    position: fixed;
    bottom: 0;
    left: 1px;
    z-index: 11100;
    width: 96%;
    margin-right: 2%;
    margin-left: 1px;
    padding-left: 0;
    }
      .horizontalnavVrata li {
    
     border-right: 1px solid;
    border-color: gainsboro;     
        display: inline;
         font-size: 9pt; 
          text-align: center;
         width: 100%;
          float: left;
          padding:2%;
          margin: auto 0;
          vertical-align: middle;
          line-height: 1;
    }
     .horizontalnavVrata li:last-child {
         border-right: 0;
    }
    .horizontalnavVrata a {
    
      
        text-align: left;
        padding-right: 3%;
        vertical-align: middle;
        
    }
    
    #tehnickiPodaci p{
        padding-left: 4%;
        
    }
    
    
    /*--------------tehnicki podaci----------*/
    
    .podaci1{
        margin-bottom: 20%;
        padding-bottom: 5%;
        
    }
    .podaci1 p{
        margin-left: 44%;
        margin-top: -72%; 
        font-size: 12pt;         
        position: relative;
        z-index: 1;
        font-weight: 500;
        padding-bottom: 10%;
        padding-top: 3%;
        
    }
    .podaci1 img{
       
        margin-top: 1%;
        margin-bottom: 0;
    }
    
    #dugme1{
        width: 20%;
        float: right;
        margin-top: -25%;
        margin-right: 4%;
        position: relative;
        z-index: 1;
        margin-bottom: 1%;
    }
    
    
    .podaci2 img{
        margin-left: 4%;
        
        height: 50%;
    }
    
    .podaci2 p{
        margin-left: 4%;
        margin-right: 35%;
        margin-top: -70%;
        padding-bottom: 30%;
        font-size: 12pt;
    }
    .podaci2{
        margin-top: 10%;
        margin-bottom: 10%;
    }
    
    #dugme3{
        width: 20%;
        float: left;
        margin-top: -18% !important;
        position: relative;
        z-index: initial;
        margin-left: 8%;
        margin-bottom: 15%;
       
    }
    
    .podaci3 p{
         margin-left: 44%;
        
        font-size: 12pt;
        padding-bottom: 20%;      
        margin-bottom: 5%;
        
    }
    
    .podaci3 img{
        height: 100%;
        
    }
    
    #dugme4{
        width: 20%;
        float: left;
        margin-top: -15%;
        position: relative;
        z-index: initial;
        margin-left: 8%;
        margin-bottom: 15%
    }
    
    #dugme5{
        width: 20%;
        float: right;
        position: relative;
        z-index: initial;
        margin-right: 4%;
        margin-top: -15%;
        margin-bottom: 15%;
       
    }
    
    
    /*------------ rukohvati----------*/
    
    #tabelaVrata{
        margin-top: 30%;
       
         display:flex;
      flex-wrap: wrap;
        margin-left: 2%;
        z-index: -25;
        
        
    }
    #tabelaVrata table{
        margin-top: 20%;
        margin-bottom: 20%;
    }
    
     #tabelaVrata tr{
      
      flex-grow: 1;
      width: 100%;
      overflow: hidden;
   
      margin-left: 1%;
        margin-right: 1%;
        margin-top: 1%;
      
    }
   
    #tabelaVrata td{
        width: 40%;
        height: 35%;
      
        padding-left: 3%;
        padding-right: 3%;
        margin-top: 1%;
        margin-left:4%;
        margin-right:4%;
    }
    #tabelaVrata h4{
        text-align: center;
        font-size: 12pt;
    }
    #tabelaVrata h5{
        text-align: center;
        font-size: 11pt;
    }
    
    #tabelaVrata p{
        font-size: 13pt;
    }
    
     #tabelaVrata .col-lg-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaVrata .col-sm-5{
         padding-left: 9% !important;
    }
    #tabelaVrata .col-sm-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaVrata .col-lg-5{
         padding-left: 9% !important;
    }
       #tabelaRucki{
        margin-top: 30%;
       
         display:flex;
      flex-wrap: wrap;
        margin-left: 2%;
        z-index: -25;
        
        
    }
    #tabelaRucki table{
        margin-top: 20%;
        margin-bottom: 20%;
    }
    
     #tabelaRucki tr{
      
      flex-grow: 1;
      width: 100%;
      overflow: hidden;
   
      margin-left: 1%;
        margin-right: 1%;
        margin-top: 1%;
      
    }
   
    #tabelaRucki td{
        width: 40%;
        height: 35%;
      
        padding-left: 3%;
        padding-right: 3%;
        margin-top: 1%;
        margin-left:4%;
        margin-right:4%;
    }
    #tabelaRucki h4{
        text-align: center;
        font-size: 12pt;
    }
    #tabelaRucki h5{
        text-align: center;
        font-size: 11pt;
    }
    
    #tabelaRucki p{
        font-size: 13pt;
    }
    
     #tabelaRucki .col-lg-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaRucki .col-sm-5{
         padding-left: 9% !important;
    }
    #tabelaRucki .col-sm-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaRucki .col-lg-5{
         padding-left: 9% !important;
    }
    
    
   /*------------- prozori ------------*/
    
    .prozori{
        margin-top: 20%;
        padding-left: 8% !important;
        z-index: -1;
        padding-right: 5%;
    }
    .prviRed{
        margin-top: 20%;
    }
    .prozori h1{
        margin-left: auto;
        margin-right: auto;
       
    }
    
    .prozori a{
         color: #99c;
        letter-spacing: 1.3px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 13pt;
       
        
    }
    .prozori p{
        font-size: 13pt;
         margin-left: auto;
        margin-right: auto;
    }
    .prozori img{
        width: 80%;
        margin-bottom: 7%;
        padding: 5%;
    }
    .prviRed p{
        
        margin-top: -25%;
      
        
    }
   
    
    .prozoriClanci {
    display:-webkit-flex;
   align-items: left;
   justify-content: left;
   flex-direction: column;
   flex-wrap: wrap;
   flex-flow: column wrap;
   align-content:center;
        padding: 4%;
        margin: 4%;
    }
    
    .prozoriClanci h1 {
        margin-left: -1%;
    }
    
    #prozor-dugme{
        display: inline-flex;
        width: 60%;
    }
     #prozor-dugme img{
       
        width: 30%;
         height: 30%;
         margin-right: 2%;
         margin-left: 2%;
    }

    .prozoriClanci a {
        color: #cccccc;
    }
    
    
    /*-------- VRATA --------*/
      .vratacontainer{
          padding: 2% !important;
      }
    
    .vratacontainer3 p{
       padding: 2%; 
    }
    .vratacontainer2 p{
       padding: 2%; 
    }
    
    /*------ PREUZIMANJA --------*/
    
    .vratacontainerdown{
      
        padding:3%;
        padding-left: 7%;
        
    }
    
    .vratacontainerdown a{
        text-decoration: underline;
    }
     .test1{
        margin-top: -70px;
        padding-bottom: 10px;
    }
       .test1 img {
        width: 120px;
        height: 45px;
    }
    #jedan{
        width: 20%;
    }
     
    
}



  


@media only screen and (max-device-width:575px) {
    textarea{
       
    }
     .test1{
        margin-top: -70px;
        padding-bottom: 10px;
         
    }
   .test1 img {
        width: 120px;
        height: 45px;
    }
    #jedan{
        width: 20%;
    }
    
    
}
@media only screen and (max-device-width:736px)and (max-device-height:320px) {
    
    .test1 img {
        width: 120px;
        height: 45px;
    }
    
    ikona{
        top:70px;
    }
    
     .sidebarProzori{
        right: 30px;
        position: fixed;
        background-color: rgba(0, 0, 0, .9);
        text-align: center;
        font-family: 'Lato',sans-serif;
        letter-spacing: 2px;
        margin-top: 10%;
        padding: 1%;
        line-height: 1.7;
        z-index: 1;
        display: none;  
        width: 100%;
        font-size: 7pt;
    }
    
}
@media (max-width: 767px){

      html{
          width: 100%;
          margin-left: auto;
          margin-right: auto;
      }
      body{
           width: 100%;
          margin-left: auto;
          margin-right: auto;
          padding-left: 1px;
          padding-right: 1px;
      }
    
    .row{
        width: 100%;
    }
    
    #preuzimanjaNaslov{
        font-size: 13pt;
        padding-top: 5%;
    }
      #z1,
        #z2,
        #z3,
        #z4,
        #z5,
        #z6,
        #z7,
        #z8,
        #z9,
        #z10,
        #z11,
        #z12,
        #z13,
        #z14,
        #z15,
        #z16,
        #z17,
        #z18,
        #z19,
        #z20,
        #z21,
        #z22,
        #z23,
        #z24,
        #z25,
        #z26,
        #z27,
        #z28,
        #z29,
        #z30,
        #z31,
        #z32,
        #z33,
        #z34,
        #z35,
        #z36,
        #z37,
        #z38,
        #z39,
        #z40,
        #z41,
        #z42,
        #z43,
        #z44,
        #z45,
        #z46,
        #z47,
        #z48,
        #z49,
        #z50,
        #z51,
        #z52 {
            height: 60vh;
            display: none;
            text-align: left;
            background-color: lightgray;
            font-size: 7pt;
            border-bottom: 1px solid;
            border-top: 1px solid;
            align-content: center;
            border-left: 1px solid darkgray;
            border-right: 1px solid darkgray;
        }
        #z1 img,
        #z2 img,
        #z3 img,
        #z4 img,
        #z5 img,
        #z6 img,
        #z7 img,
        #z8 img,
        #z9 img,
        #z10 img,
        #z11 img,
        #z12 img,
        #z13 img,
        #z14 img,
        #z15 img,
        #z16 img,
        #z17 img,
        #z18 img,
        #z19 img,
        #z20 img,
        #z21 img,
        #z22 img,
        #z23 img,
        #z24 img,
        #z25 img,
        #z26 img,
        #z27 img,
        #z28 img,
        #z29 img,
        #z30 img,
        #z31 img,
        #z32 img,
        #z33 img,
        #z34 img,
        #z35 img,
        #z36 img,
        #z37 img,
        #z38 img,
        #z39 img,
        #z40 img,
        #z41 img,
        #z42 img,
        #z43 img,
        #z44 img,
        #z45 img,
        #z46 img,
        #z47 img,
        #z48 img,
        #z49 img,
        #z50 img,
        #z51 img,
        #z52 img {
            min-width: 220%;
          margin-left: 50%;
           margin-right: -50%;
           margin-top: 15%;
          
        }
    
   .karakteristike-vrata {
        font-size: 2pt !important;
        margin-top: -5%;
        padding-bottom: 15%;
       padding-left: 15%;
    }
      .karakteristike-vrata p{
           font-size: 8pt !important;
    }
    .vrataTabela h4{
        font-size: 8pt !important;
    }
      .vrataTabela h5{
        font-size: 7pt !important;
    } 
     .vrataTabela p{
        font-size: 5pt !important;
    }
    #vrataaa{
        margin-left: 90% !important;
    }
    
       .vrataTabela img{
          width: 100%; 
    }
    
        .vrataTabela {
          width: 100%;
            padding-left: 0 !important;
            padding-right: 0 !important;
    }
        .navbar-inverse .navbar-toggle {
            background-color: black;
           
            position: fixed;
            margin-bottom: -40px;
            overflow: visible;
            z-index: 20;
        }
      
      .navbar-collapse collapse in{
          margin-bottom: 5%;
          width: 100%;
          padding-left: 5%;
          
          
      }
        
      .navbar-toggle{
          margin-left: 5%;
      }
   
      
      #Navigacija2{
          margin-top: 10%;
          position: fixed;
          width:100%;
          z-index: 2;
          margin-left: auto;
          margin-right: auto;
         
          
         
      }
     #Navigacija1{
         width: 40%;
         
    }
    .test1{
        margin-top: -70px;
        padding-bottom: 15px;
    }
   
    #jedan{
        width: 20%;
    }
    #myCarousel{
       margin-bottom: 10%;
        position: relative;
        z-index: -1;
    }
      
      #iH5{
         
          padding-left: 18%;
          background-color: white;
         
          position: fixed;
          padding-bottom: 10%;
          width: 100%;
         padding-top: 4%;
          margin-bottom: 4%;
          margin-top: -3%;
          
      }
      
      #iH5 > a{
          margin-left: 15%; 
          font-family: 'Lato', sans-serif;
          letter-spacing: 2px;
          color: black;
          padding-bottom: 4%;
          padding-top: 4%;
      }
    .jezik{
        font-weight: 800;
    }
      
      #h1naslov{
       letter-spacing: 2pt;
      }
      #zadnjiTDuProizvodima img{
         margin-left: auto !important;
        margin-right: auto !important;
       
      }
      
    #zadnjiTDuProizvodima{
        padding-bottom: 5%;
    }
        .navbar-inverse {
            background-color: transparent;
           
            background-repeat: no-repeat;
            background-position: center;
            position: absolute;
            background-size: 100px 30px;
        }
        td {
            display: block;
            vertical-align: middle;
        }
        .carousel-inner {
            height: 100vh;
            position: relative;
            width: 100%;
            overflow: hidden;
        }
      
      hr{
          margin-bottom: 10% !important; 
      }
        .h1,
        h1 {
            font-size: 13pt;
            font-family: "sansBold";
        }
        .h2,
        h2 {
            font-size: 12pt;
            font-family: "sansBold";
        }
        .h3,
        h3 {
            font-size: 12pt;
            font-family: "sansHair";
        }
    a{
        color: #666666;
    }
        .carousel-caption {
            letter-spacing: normal;
           
        }
        element.style {}
        .carousel-indicators li {
            display: none;
        }
        .nasa-prica {
           padding-left: 2% !important;
            width: 100%;
            border-right-style: solid;
            border-right-color: #9999CC;
            margin-bottom: 7%;
            padding-right: 1%;
            
        }
      .nasaPrica1{
          margin-top: -10%;
          padding-bottom: 10%;
          padding-left: 5%;
      }
    .usluge1{
        margin-top: -10%;
    }
    .preuzimanja1{
        margin-top: -10%;
          padding-bottom: 10%;
          padding-left: 5%;
    }
    .reference1 img{
        margin-top: -15%;
        padding-left: 5%;
        margin-bottom: 50%;
         
    }
   
        #alinkovi{
            margin-left: 0 !important;
            margin-bottom: 7%;
            color: #99c;
           letter-spacing: 1.3px;
            text-decoration: none;
            font-weight: 500;
            font-size: 11pt !important;
            
        }
    #kolUlaznaVrataLink{
         padding-left: 0 !important;
            float: left !important;
        margin-top: 15%;
            margin-bottom: 7%;
            color:  #99c;
        font-size: 11pt;
        letter-spacing: 1.3px;
        font-weight: 500;
            
    }
      
      #usluge-col-12{
         display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
    display: flex;
    flex-flow: row-reverse wrap;
    flex-direction: column-reverse;
          
      }
     #usluge-col-12 img{
       
         margin-left: auto;
         margin-right: auto;
         display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
    display: flex;
    flex-flow: row-reverse wrap;
          
      }
      #slika2{
          order: 2;
        
         margin-left: 20%;
          
      }
     
        .nasa-prica p {
            font-family: 'Lato', sans-serif;
            font-size: 11pt;
           
        }
        .nav>li {
            position: relative;
            display: block;
            background-color: white;
        }
        .img-responsive {
         
          vertical-align: middle;
           margin-left: auto;
         margin-right: auto;
        }
       
        hr {
           
            border: 0;
            border-top: 1px solid transparent;
            margin-left: 0;
            margin-right: 0;
            width: 90%;
           
            
        }
      
    
      #USLUGE{
          margin-bottom: 5% !important;
          padding-top: 0;
         
      }
      
      #PROIZVODI{
          margin-top: 10%;
          padding-top: 0;
    
      }
      
      #REFERENCE{
          margin-top: 15%;
          margin-bottom:10% !important;
      }
      
        .carousel,
        .item,
        .active {
            height: 100vh;
        }
        #foterImg {
           
        }
        footer {
            background-color: black;
            color: #666;
            width: 100%;
           
        }
        ul {
            list-style: none;
        }
        #desno {
            padding-right: 2% !important;
            width: 100%;
           
            float: right;
            border-right-style: none;
            text-align: right;
            padding-left: 5%;
            
        }
    
            #desno a{
                float: right;
        
        }
      
      .preuzimanja{
          margin-top: -3%;
          padding-left: 2% !important;
          border-right-style: solid;
            border-right-color: #9999CC;
          
          
      }
      
      #preuzimanjeimg{
          
         padding-left: 0 !important;
          padding-right: 0 !important;
          padding-top: 5%;
      }
      
      #elegancija{
          color: transparent;
      }
        .backToTop {
            display: none;
            text-decoration: none;
            text-align: left;
            border-style: solid;
            border-width: thin;
            border-color: transparent;
            background-color: transparent;
            color: white;
            border-radius: 4px;
            position: fixed;
            bottom: 0;
            right: 0;
            width: 40px;
            height: 40px;
            z-index: 100;
            white-space: 5px;
            padding-left: 0px;
        }
        .backToTop:hover {
            text-decoration: none;
            background-color: transparent;
            display: none;
        }
        .backToTop:active {
            text-decoration: none;
            background-color: transparent;
        }
      .backToTop img{
          display: none;
      }
        #odaberite1 {
            display: none;
        }
        #iskustvo {
            display: none;
        }
      
        .kvalitet-b {
            display: none;
        }
        .kvalitet-t {
            display: none;
        }
        .proizvod {
           
        }
        #p-content {
            color: aliceblue;
            position: relative;
            
            padding: 5%;
          
      }
      #u-content{
          margin-top: 10%;
           border-left-style: solid;
            border-left-color: #9999CC;
            float: right;
            border-right-style: none;
            text-align: right;
            padding-left: 5%;
          padding-right: 3%;
           order: 1;
          margin-bottom: 10%;
      }
     #r-content{
    
           border-left-style: solid;
            border-left-color: #9999CC;
            float: right;
            border-right-style: none;
            text-align: right;
            padding-left: 5%;
          padding-right: 3%;
          margin-bottom: 20%;
         margin-top: 20%;
         
    }
      .container > slika2{
          display: flex;
      }
     .container > slika3{
          display: flex;
      }
      
      #proizvodSlika{
          height: 40%;
          position: absolute;
          margin-top: 5%;
          margin-bottom: 1%;
          width: 99vw !important;
          margin-left: auto;
          margin-right: auto;
          padding: 1px;
          
      }
        #redVrata {
           
            background-color: black;
            width: 100%;
            text-align: center;
            margin: auto 0;
            vertical-align: middle;
            
        }
    
    .linkVrata{
        color: #cccccc;
        font-family: 'Lato', sans-serif;
        text-align: left;
        font-size: 10px;
    }
      
       
      #proizvodiTabela img{
          margin-top: 5%;
          margin-left: auto;
          margin-right: auto;
          
      }
      
      
      #proizvodiTabela table{
          padding: 0;
          margin-top: 3%;
          width: 100%;
          margin-left: 0 !important;
          
      }
      
      
        #we-belive {
           
           margin-bottom: 25%; 
        }
      
      #btnFooter{
          margin: 2%;
      }
          
      #we-belive> img{
          
          position: absolute;
          margin-bottom: 20%;
      }
        #vjerujemo {
            text-align: center;
            color: white;
            position: relative;
            font-size: 88%;
            margin-top: 15%;
            padding: 1%;
            
            
           
        }
        .reference-b {
            display: none;
        }
        .reference-t {
            display: none;
        }
        .scrole {
            display: none;
           
        }
        #linkLogo {
            display: none;
        }
        #UV {
           padding-left: 4%;
           margin-top: -20%;
            
            
        }
    #UV img{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 30%;
        
    }
    #UV .col-lg-3{
        display: inline-flex;
        width: 49%;
        margin-right: auto;
        margin-left: auto;
    }
    #UV .row:nth-child(1){
        padding-left:5%; 
    }
      
      #ulaznavrataP{
          margin-top: 10%;
       
            width: 100%;
            border-right-style: solid;
            border-right-color: #9999CC;
            margin-bottom: 7%;
            height: 40vh; 
          padding-top: 5%;
      }
      
      
      #kontactNaslov{
          margin-top: 3%;
          margin-bottom: 3%;
          color: #666666;
          font-size: 1.3em;
         
      }
      .footer-list{
          text-align: center;
          margin-bottom: 3%;
          width: 100%;
          color: #666;
      }
    /*----------------
    #footerlist1 a{
        color: #666666;
         font-size: 1.3em;
    }
    
    ----------------*/
    #footerlist1{
        display: none;
    }
    #footerlist2 li{
        padding-left: 0 !important;
        color: #666;
    }
     #footerlist3 li{
        color: #666666;
        
    }
    form{
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
      
      .contactForma{
         margin-left: auto !important;
         
          
      }
    .contactForma td{
        max-width: 95%;
    }
      .contactForma input{
          margin-bottom: 2% !important;
         max-width: 90%;
          margin-right: auto;
          margin-left: auto;
      }
       .contactForma .button{
          background-color: #cccccc;
            border-radius: 5px;
           height: 35px;
           margin-bottom: 10% !important;
           color: black;
      }
    textarea{
        max-width:90%;
        margin-bottom: 1%;
        margin-left: auto;
        margin-right: auto;
    }
      
      #contactForm{
          color: #666666;
        
         margin-top: 10%;
          vertical-align: middle;
          
         
      }
    #map{
        width: 100% !important;
    }
      
      .coppyright >img{
         
          padding-bottom: 5%;
          margin-bottom: 5%;
          margin-left: 25%;
          margin-right: 25%;
          
      }
      .coppyright p{
          text-align: center !important;
          font-size: 70% !important;
          color: #666666;
      }
    .coppyright{
        max-width: 98%;
    }
    
     /* ----- loading ----- */   
    #loaderText{
        font-size: 13pt;
        position: absolute;
        right:10%;
        left: 10%;
        z-index: 1;
        text-align: center;
         letter-spacing: 2pt;
    } 
     #loader h1 {
       color: rgba(0, 0, 0, 1);
       font-family: "sansBold";
       margin-bottom: -20%;
       letter-spacing: 2pt; 
       font-size: 13pt;
    padding-right: 1%;
    }
     #loader h1:before {
          content: attr(data-text);
            position: absolute;
            overflow: hidden;
            max-width: 30vw;
            white-space: nowrap;
            color: #fff;
            animation: loading 15s linear;
            letter-spacing: 2pt;
            font-size: 13pt;
        
     }
    #loader{
    display:none;
           text-align: center;
            background-color: white;
            margin-top: -23%;    
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 999;
        letter-spacing: 2pt;
            font-size: 13pt;
        margin-bottom: -10%
     }
    
        /*-------- jezici ---------*/
     
      #h3Debeli{
        
         margin-top: -16%;
         display: none;
         
     }
     
     #odaberiteD{
         margin-top: -8%;
         display: none;
     }
     
     #kval-jezici{
        margin-top: 47%; 
         display: none;
     }
     
     #proizvod-jezici td{
         padding-left: 4.2vw;
         text-align: center;
     }
     #proizvod-jeziciE {
        
         width: 90%;
         margin-left: 2%;
         margin-right: 2%;
         background-color: black;
         width: 100vw;
         text-align: center;
         margin: auto 0;
         vertical-align: middle;
     }
     #proizvod-jeziciD {
         margin-left: 0;
         margin-right: 0;
         background-color: black;
         width: 100vw;
         text-align: center;
         vertical-align: middle;
         margin-top: -5%;
        
     }
     
     #eleganz{
         padding-top: 8.9%;
         margin-right: 20%;
         display: none;
     }
    
     
     .modern1{
        margin-top: 40%;
         display: none;
       
     }
     .modern2{
        margin-top:-17%;
         display: none;
     }
     #choose1{
         margin-top: 8.3%;
         display: none;
     }
     .quality{
         margin-top: 1%;
        display: none;
     }
     #quality2{
         margin-left: 25%;
        margin-right: -4%;
         display: none;
     }
     #choose3{
         padding-right: 5%;
            margin-top: -8%;
         display: none;
     }
     #elegance{
         margin-left: 2%;
         margin-top: -5%;
         display: none;
     }
     
     #modern{
        margin-top: 46%;
         margin-right: 25%;
         display: none;
     }
    
    /*-----------------tehnicki podaci----------------*/
      
     
    
    /*-----------------clanci----------------*/
   
    #coverTxtD  {
         padding-left: 9%;
        padding-right: 9%;
     }
    
    #coverTxt .h3Clanci {
        margin-left: 2%;
       padding-left: 1%;
        margin-right: 2%;
        margin-top: -12%;
        padding-top: 0;
        padding-right: 2%;
      
     }
   
    #coverTxt .h2Clanci {
       margin-right:2%;
       
     }
     #coverTxtD  .h3Clanci {
         margin-top: -12.5%;
     }
    
     #coverTxtE {
         display: inline;
     }
    #coverTxtE h2Clanci{
        float: left;
    }
    #coverTxtE h3Clanci{
        float: right;
    }
    /*______*/
    
    #coverTxt {
     margin-left: 0.2%;
    padding: 2%;
    }
    
    /*_______*/
    .h2Clanci{
        color: #999999;
         font-family: "sansHair";
         font-size: 2.5em;
         border-right: none;
        width: 50%;
        margin-left: 1.5%;
        
    }
    
     .h3Clanci {
         color: #999999;
         opacity: 0.5;
         font-family: "sansBlack";
         font-size: 2.5em;
         border-right: none;
         text-align: right;
        margin-right: 1%;
         
        
     }
    
    
    .pricaSlika{
       display: none;
    }
    
     .naslovi-clanaka {
         font-family: "sansBold";
         font-weight: 800;
         margin-left: 6%;
         font-size: 2em;
         letter-spacing: 4pt;
         color: black;
     }
    #cover2{
        padding-left: 5%;
       
    }
    .porodica{
       
        padding: 1%;
        
    }
    .porodica p{
       font-size: 1em;
        margin-right: 5%;
        padding-left: 5% !important;
    }
    .porodica h1{
      
        margin-left: 1%;
    }
    
    #uslugeCoverTxt .h2Clanci{
        padding-left: 8%;
        
    }
    #uslugeCoverTxt .h3Clanci{
        padding-right: 8%;
       
    }
    #uslugeCoverTxtD{
        display: inline;
    }
    
    .uslugenaslov1{
        font-size: 2.5em;
    }
    .uslugenaslov2{
        font-size: 2.5em;
    }
    .experience{
        margin-right: 9% !important;
    }
    
    /*-------------------MATERIJALI----------------*/
    #materijalig1 h1{
        padding: 2%;
    }
    #materijalig1 p{
        padding: 2%;
    }
    .table-responsive{
         display:flex;
      flex-wrap: wrap;
    }
    
    #tabelaMaterijalaAluminij p{
     font-size: 8pt;
    }
    
    #tabelaMaterijalaAluminij tr{
      
      flex-grow: 1;
      width: 100%;
      overflow: hidden;
      display: inline;

      
    }
   
    #tabelaMaterijalaAluminij td{
        width: 21%;
        height: 25%;
        display: inline-block;
        padding-left: 1%;
        padding-right: 1%;
        margin-top: 1%;
    }
    
    .stakloTabela td{
        padding-top: 3%;
        margin: auto 0;
        vertical-align: top;
        width: 27% !important;
    }
    
    #ikona{
    padding-left: 4%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    background-color: rgba(0, 0, 0, .9);
    position: fixed;
    top: 80px;
    right: 1px;
    bottom: 0;
    z-index: 1;
    height: 60px;
    }
    #ikona2{
        display: none;
    }
    .sidebarProzori{
        right: 0;
        position: fixed;
        background-color: rgba(0, 0, 0, .9);
        text-align: center;
        font-family: 'Lato',sans-serif;
        letter-spacing: 2px;
        margin-top: 20%;
        padding: 1%;
        line-height: 1.7;
        z-index: 1;
        display: none;  
        width: 100%;
        font-size: 7pt;
    }
    
   
    #slideLiTop{
        border-bottom:  3px solid;
        padding: 2%;
        
    }
    #tehnickiPodaci{
        margin-top: 15%;
        padding-top: 15%;
    }
     #tehnickiPodaci h1{
         margin-left: 4%;
         margin-top:-20%;
    }
    .horizontalnavVrata{
    display: inline-flex;
    list-style: none;
    text-decoration: none;
    text-align: left;
    border-style: solid;
    border-width: thin;
    border-color: transparent;
    background-color: rgba(0, 0, 0, .8);
    color: white;
    border-radius: 2px;
    position: fixed;
    bottom: 0;
    left: 1px;
    z-index: 11100;
    width: 98%;
    margin-right: 1%;
    margin-left: 1%;
    padding-left: 0;
    }
      .horizontalnavVrata li {
    
     border-right: 1px solid;
    border-color: gainsboro;     
        display: inline;
         font-size: 9pt; 
          text-align: center;
         
          float: left;
          padding:2%;
          margin: auto 0;
          vertical-align: middle;
          line-height: 1;
    }
     .horizontalnavVrata li:last-child {
         border-right: 0;
    }
    .horizontalnavVrata a {
    
      
        text-align: left;
        padding-right: 3%;
        vertical-align: middle;
        
    }
      /*--------------tehnicki podaci----------*/
    
    #tehnickiPodaci p{
        padding-left: 4%;
        font-size: 7pt;
      
    }

    
    .podaci1{
       
    }
   
    .podaci1 p{
        margin-left: 44%;
         margin-top: -40%;
        padding-bottom: 10%;
        font-size: 7pt;         
        position: relative;
        z-index: 1;
        padding-top: 3%;
        
    }
    .podaci1 img{
      
        margin-top: 1%;
        margin-bottom: 0;
    }
    
    #dugme1{
        width: 20%;
        float: right;
        
        margin-right: 4%;
        position: relative;
        z-index: 1;
        margin-bottom: 1%;
        
    }
    
    
    .podaci2 img{
        margin-left: 2%;
          

    }
    
    .podaci2 p{
        margin-left: 1%;
        margin-right: 35%;
        margin-top: -35%;
        padding-bottom: 35%;
        padding-right: 10%;
    }
    .podaci2{
       margin-top: -5%;
    
       
    }
    
    #dugme3{
        width: 20%;
        float: left;
       margin-bottom: 10%;
        position: relative;
        z-index: initial;
        margin-left: 8%;
       
       
    }
    .podaci3{
       
    }
    
    .podaci3 p{
         margin-left: 40%;
       margin-top: -35%;
        margin-bottom: 5%;
        padding-bottom: 10%;
        
    }
    
    .podaci3 img{
   
        
    }
    
    #dugme4{
        width: 20%;
        float: left;
       margin-top: -25%;
        position: relative;
        z-index: initial;
        margin-left: 8%;
        padding-bottom: 15%;
       
    }
    
    #dugme5{
        width: 20%;
        float: right;
        position: relative;
        z-index: initial;
        margin-right: 4%;
       
        margin-bottom: 15%;
       
    }
    
    
    /*------------ rukohvati----------*/
    
    #tabelaVrata{
        margin-top: 30%;
       
         display:flex;
      flex-wrap: wrap;
        margin-left: 2%;
        z-index: -25;
        
        
    }
    #tabelaVrata table{
      
        margin-bottom: 20%;
    }
    
     #tabelaVrata hr{
    margin: 0;
    }
    
     #tabelaVrata tr{
      
      flex-grow: 1;
      width: 100%;
      overflow: hidden;
   
      margin-left: 1%;
        margin-right: 1%;
        margin-top: 1%;
      
    }
      #tr1,
      #tr2,
      #tr3,
      #tr4,
      #tr5,
      #tr6,
      #tr7,
      #tr8,
      #tr9,
      #tr10,
      #tr11,
      #tr12,
      #tr13 {
       
        display: inline-flex;
    }
    
    #tabelaVrata td{
        width: 30%;
        height: 35%;
        margin-top: 1%;
        
    }
    #tabelaVrata h4{
        text-align: center;
        font-size: 12pt;
    }
    #tabelaVrata h5{
        text-align: center;
        font-size: 11pt;
    }
    
    #tabelaVrata p{
        font-size: 13pt;
    }
    .vrataNaslov{
        margin-top: -10%;
    }
    
     #tabelaVrata .col-lg-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaVrata .col-sm-5{
         padding-left: 9% !important;
    }
    #tabelaVrata .col-sm-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaVrata .col-lg-5{
         padding-left: 9% !important;
    }
    
     #tabelaRucki{
        margin-top: 30%;
       
         display:flex;
      flex-wrap: wrap;
        margin-left: 2%;
        z-index: -25;
        
        
    }
    #tabelaRucki table{
        margin-top: 20%;
        margin-bottom: 20%;
    }
    
     #tabelaRucki tr{
      
      flex-grow: 1;
      width: 100%;
      overflow: hidden;
   display: inline-block;
      margin-left: 1%;
        margin-right: 1%;
        margin-top: 1%;
      
    }
   
    #tabelaRucki td{
        width: 40%;
        height: 35%;
      display: inline-block;
        padding-left: 3%;
        padding-right: 3%;
        margin-top: 1%;
        margin-left:4%;
        margin-right:4%;
    }
    #tabelaRucki h4{
        text-align: center;
        font-size: 12pt;
    }
    #tabelaRucki h5{
        text-align: center;
        font-size: 11pt;
    }
    
    #tabelaRucki p{
        font-size: 13pt;
    }
    
     #tabelaVrata .col-lg-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaRucki .col-sm-5{
         padding-left: 9% !important;
    }
    #tabelaRucki .col-sm-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaRucki .col-lg-5{
         padding-left: 9% !important;
    }
    
   /*------------- prozori ------------*/
    
    .prozori{
        margin-top: 20%;
        padding-left: 8% !important;
        z-index: -1;
        padding-right: 5%;
    }
    .prviRed{
        margin-top: 20%;
    }
    
     .prviRed2 p{
        font-size: 10pt !important;
         margin-top: -8%;
         padding-bottom: 8%;
    }
    .prozori h1{
        margin-left: auto;
        margin-right: auto;
       
    }
    
    .prozori a{
         color: #99c;
        letter-spacing: 1.3px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 13pt;
       
        
    }
    .prozori p{
        font-size: 13pt;
         margin-left: auto;
        margin-right: auto;
    }
    .prozori img{
        width: 80%;
        margin-bottom: 7%;
        padding: 5%;
    }
    .prviRed p{
        font-size: 10pt;
        margin-top: -25%;
      
        
    }
    #prozori-detalj{
        margin-bottom: 5%;
    }
    
    .prozoriClanci {
    display:-webkit-flex;
   align-items: left;
   justify-content: left;
   flex-direction: column;
   flex-wrap: wrap;
   flex-flow: column wrap;
   align-content:center;
        padding: 4%;
        margin: 4%;
    }
    
    .prozoriClanci h1 {
        margin-left: -1%;
    }
    
    #prozor-dugme{
        display: inline-flex;
        width: 60%;
        margin-left: 5%;
    }
     #prozor-dugme img{
       
        width: 30%;
         height: 30%;
         margin-right: 2%;
         margin-left: 2%;
    }

    .prozoriClanci a {
        color: #cccccc;
        padding-left: 2%;
    }
    
    
    /*-------- VRATA --------*/
     .vratacontainer{
          padding: 2% !important;
      }
     .vratacontainer3{
          padding: 2% !important;
      }
    
    .vratacontainer3 p{
       padding:2% !important; 
    }
    .vratacontainer2 p{
       padding: 2% !important; 
    }
    .vratacontainer2 {
        padding: 2%;
    }
    .vratacontainer4 {
        padding: 2%;
    }
    .close1{
       display: none;
    }
    .model{
        padding-left: 15%;
    }
    
    .sSistemiParagraf{
        margin-bottom: -13%;
    }
    
    /*------ PREUZIMANJA --------*/
    
    .vratacontainerdown{
      
        padding:3%;
        padding-left: 7%;
        
    }
    
    .vratacontainerdown a{
        text-decoration: underline;
    }
    .refNaslov{
        padding: 3%;
    }
    .referenceP{
        padding: 3%;
    }
    
    
}


 @font-face {
     font-family: "sansHair";
     src: url("../fonts/Corporative Sans Hair.otf");
 }
 
 @font-face {
     font-family: "sansMedium";
     src: url("../fonts/Corporative Sans Medium.otf");
 }
 
 @font-face {
     font-family: "sansRegular";
     src: url("../fonts/Corporative Sans Regular.otf");
 }
 
 @font-face {
     font-family: "sansBlack";
     src: url("../fonts/Corporative Sans Black.otf");
 }
 
 @font-face {
     font-family: "sansBold";
     src: url("../fonts/Corporative Sans Bold.otf");
 }
 
 @font-face {
     font-family: "sansLight";
     src: url("../fonts/Corporative Sans Light.otf");
 }

/*----------------------------------------- IZMEDJUUU --------------------------------------------------------------*/

@media only screen and (min-device-width:1100px)and (max-device-width:1280px){
   
     #Navigacija2 img{
        width: 85%;
    }
    
    #iH5{
        width: 9% !important;
        padding-left: 2%;
    }
     #iH5 a{
       padding-left: 5%;
         padding-right: 5%;
    }
    #jedan{
        width: 100%;
    }
    
  
    
    /* ---------------------------------- */

.prozorclanakN{
         margin-top: -5%;
     }
     
     .usluge1 img {
        
     }
     .referenceP {
         font-family: 'Lato', sans-serif;
         font-size: 12.8pt;
         font-weight: bold;
         padding: 120px;
     }
     #z1,
     #z2,
     #z3,
     #z4,
     #z5,
     #z6,
     #z7,
     #z8,
     #z9,
     #z10,
     #z11,
     #z12,
     #z13,
     #z14,
     #z15,
     #z16,
     #z17,
     #z18,
     #z19,
     #z20,
     #z21,
     #z22,
     #z23,
     #z24,
     #z25,
     #z26,
     #z27,
     #z28,
     #z29,
     #z30,
     #z31,
     #z32,
     #z33,
     #z34,
     #z35,
     #z36,
     #z37,
     #z38,
     #z39,
     #z40,
     #z41,
     #z42,
     #z43,
     #z44,
     #z45,
     #z46,
     #z47,
     #z48,
     #z49,
     #z50,
     #z51,
     #z52 {
         height: 60vh;
         display: none;
         background-color: rgba(0, 0, 0, .1);
     }
     #z1 img,
     #z2 img,
     #z3 img,
     #z4 img,
     #z5 img,
     #z6 img,
     #z7 img,
     #z8 img,
     #z9 img,
     #z10 img,
     #z11 img,
     #z12 img,
     #z13 img,
     #z14 img,
     #z15 img,
     #z16 img,
     #z17 img,
     #z18 img,
     #z19 img,
     #z20 img,
     #z21 img,
     #z22 img,
     #z23 img,
     #z24 img,
     #z25 img,
     #z26 img,
     #z27 img,
     #z28 img,
     #z29 img,
     #z30 img,
     #z31 img,
     #z32 img,
     #z33 img,
     #z34 img,
     #z35 img,
     #z36 img,
     #z37 img,
     #z38 img,
     #z39 img,
     #z40 img,
     #z41 img,
     #z42 img,
     #z43 img,
     #z44 img,
     #z45 img,
     #z46 img,
     #z47 img,
     #z48 img,
     #z49 img,
     #z50 img,
     #z51 img,
     #z52 img {
         min-width: 140%;
     }
    #UV img{
        width: 99%;
        margin-left: auto;
        margin-right: auto;
        
    }
    #UV .col-lg-3{
      
        margin-right: auto;
        margin-left: auto;
    }
    #UV .row:nth-child(1){
       
    }
      
      #ulaznavrataP{
          margin-top: 5%;
            width: 100%;
            border-right-style: solid;
            border-right-color: #9999CC;
            margin-bottom: 7%;
            height: 30vh; 
          padding: 5%;
      }
      
     #map {
         width: 98.5%;
         height: 400px;
     }
     #fd01a {
         display: none;
     }
     #expand-jump-1 {
         margin-left: 25%;
         margin-top: -70px;
     }
     .vratacontainerdown {
         margin-left: 100px;
         padding-right: 100px;
         width: 40%;
     }
     .sSistemiParagraf {
         text-align: center;
         padding-right: 10%;
         margin-top: -50px;
     }
     .sSistemi {
         border: 1px solid;
         border-color: rgba(153, 153, 153, 0.44);
         padding-bottom: 70px;
         margin-right: 20px;
     }
     .prviRed h5 {
         font-family: 'Lato', sans-serif;
         font-size: 13pt;
     }
     .prviRed a>p {
         color: #333333;
     }
      .prviRed2 a>p {
         color: #333333;
     }
     .porodica h1 {
         padding-left: 15px;
         padding-bottom: 25px;
     }
     #podaci11 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #dugme1 {
         margin-left: 50%;
         margin-top: -10px;
         margin-bottom: -10px;
     }
     #podaci12 {
         float: right;
         margin-bottom: 30px;
     }
     #podaci14 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #podaci15 {
         padding-top: 70px;
     }
     #podaci16 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #dugme3 {
         margin-top: -200px;
         margin-left: 680px;
     }
     #podaci17 {
         float: right;
         padding-top: 100px;
     }
     #podaci18 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #dugme4 {
         padding-top: 250px;
         margin-left: 80px;
     }
     #podaci19 {
         padding-top: 100px;
     }
     #podaci20 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #dugme5 {
         margin-left: 680px;
         margin-top: -30px;
     }
     .miBrinemo {
         margin-top: -30px;
         margin-left: -5px;
     }
     .vratacontainer {
         margin-left: 200px;
         padding-right: 100px;
         width: 70%;
     }
     .vratacontainer3 {
         margin-left: 200px;
         padding-right: 100px;
         width: 70%;
     }
     .preuzimanja1 {
         margin-top: -115px;
         padding-bottom: 120px;
         padding-left: 5%;
     }
     .podaci14 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     .nasaPrica1 {
         margin-top: -10%;
         padding-bottom: 150px;
         padding-left: 5%;
     }
     .usluge1 {
         margin-top:-10% ;
         padding-bottom: 120px;
        padding-left: 5%;
        margin-bottom: 10%;
         
     }
    #referenceImgPro{
     
        margin-top: -20%;
    }
     .reference1 {
        margin-top: -10%;
         padding-bottom: 150px;
         padding-left: 5%;
    }
    
     #l1 {
         width: 100%;
         height: 100% -webkit-transition: all 0.3s 0.3s ease-out;
     }
     .katalog1 {
         float: right;
     }
     .katalog2 {
         float: right;
         margin-right: -70px;
         padding-top: 50px;
     }
     .vratacontainer {
         border-left: solid 3px;
         border-left-color: #9999cc;
     }
     vratacontainer2 {
         border: none;
         text-align: right;
         margin-left: 0;
     }
     .vratacontainer3 {
         padding: 5px;
         border-right: solid 3px;
         border-right-color: #9999cc;
     }
     .vratacontainer4 {
         border: none;
         text-align: left;
     }
     .vratacontainer h1,
     .vratacontainer2 h1,
     .vratacontainer3 h1,
     .vratacontainer4 h1 {
         padding: 15px;
     }
     .vratacontainer p,
     .vratacontainer2 p,
     .vratacontainer3 p,
     .vratacontainer3 p {
         padding: 25px;
     }
     .prviRed2 {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
         border-collapse: separate;
         border-spacing: 5px;
         text-align: center;
     }
     .prviRed2 td {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
     }
     .prviRed2 p {
         margin-top: 10px;
        color: #333333;
     }
     .prviRed2>a>p{
    color: #333333; }
     #ikona {
         height: 15%;
         padding-left: 100px;
         padding-top: 3px;
         padding-bottom: 3px;
         padding-right: 3px;
         background-color: rgba(0, 0, 0, .5);
         position: fixed;
         top: 100px;
         left: 1px;
         bottom: 0;
         z-index: 1;
     }
     #ikona3 {
         height: 100px;
         padding-left: 100px;
         padding-top: 3px;
         padding-bottom: 3px;
         padding-right: 3px;
         background-color: rgba(0, 0, 0, .5);
         position: fixed;
         top: 100px;
         left: 1px;
         bottom: 0;
         z-index: 1;
     }
     #ikona2 {
         padding-top: 30px;
         position: fixed;
         top: 100px;
         color: white;
         font-size: 12pt;
         text-align: left;
         padding-left: 3px;
         z-index: 1;
     }
     #ikona23 {
         padding-top: 30px;
         position: fixed;
         top: 100px;
         color: white;
         font-size: 12pt;
         text-align: left;
         padding-left: 3px;
         z-index: 1;
     }
     #sidebar {
         padding-top: 10px;
         width: 16%;
         display: none;
         z-index: 1;
     }
     #sidebar a {
         color: #fff;
         text-decoration: none;
         font-family: 'Lato', sans-serif;
         font-size: 1em;
     }
     #sidebar a:hover {
         font-weight: bold;
     }
     #sidebar li {
         border-bottom: 3px solid;
         padding: 10px;
     }
     #sidebar3 {
         padding-top: 10px;
         width: 16%;
         display: none;
         z-index: 1;
     }
     #sidebar3 a {
         color: #fff;
         text-decoration: none;
         font-family: 'Lato', sans-serif;
         font-size: 1em;
     }
     #sidebar3 a:hover {
         font-weight: bold;
     }
     #sidebar3 li {
         border-bottom: 3px solid;
         padding: 10px;
     }
     .sidebarProzori {
         /*    margin-top: -92vh; */
         list-style: none;
         opacity: 0.8;
         position: fixed;
         top: 210px;
         bottom: 0;
     }
     .horizontalnavVrata {
         list-style: none;
         text-decoration: none;
         text-align: center;
         border-style: solid;
         border-width: thin;
         border-color: transparent;
         background-color: rgba(0, 0, 0, .8);
         color: white;
         border-radius: 4px;
         position: fixed;
         bottom: 0;
         left: 15%;
         z-index: 100;
         white-space: 5px;
         padding-top: 10px;
         padding-bottom: 10px;
         width:70%;
     }
     .horizontalnavVrata li {
         float: right;
         width:25%;
     }
     .horizontalnavVrata li a {
         text-decoration: none;
         font-size: 8pt;
         display: block;
         color: white;
         text-align: center;
         padding-right: 2.5%;
         padding-left: 2%;
         border-right: 1px solid;
         border-color: gainsboro;
     }
     .horizontalnavVrataModeli {
         list-style: none;
         text-decoration: none;
         text-align: center;
         border-style: solid;
         border-width: thin;
         border-color: transparent;
         background-color: rgba(0, 0, 0, .8);
         color: white;
         border-radius: 4px;
         white-space: 5px;
         padding-top: 10px;
         padding-bottom: 30px;
         padding-left: 30%;
     }
     .horizontalnavVrataModeli li {
         float: left;
     }
     .horizontalnavVrataModeli li a {
         text-decoration: none;
         font-size: 12pt;
         display: block;
         color: white;
         text-align: center;
         padding-right: 2.5%;
         padding-left: 2%;
         border-right: 1px solid;
         border-color: gainsboro;
     }
    .refNaslov{
        padding-left: 5%;
    }
     #slideLiTop {
         background-color: black;
         text-align: center;
         font-size: 8pt;
     }
     #loaderText {}
     .naslovi-clanaka {
         font-family: "sansMedium";
         color: #9999cc;
         font-weight: 800;
     }
     #loader h1 {
         color: rgba(0, 0, 0, 1);
         font-family: "sansBold";
         margin-bottom: -22px;
         letter-spacing: 4pt;
     }
     #loader h1:before {
         content: attr(data-text);
         position: absolute;
         overflow: hidden;
         max-width: 50%;
         white-space: nowrap;
         color: #fff;
         animation: loading 15s linear;
     }
     @keyframes loading {
         0% {
             max-width: 0;
         }
     }
     textarea {
         color: white;
     }
     #cover2 {
         padding-left: 20px;
     }
     .karakteristike-vrata>p {
         margin-left: 37%;
         text-align: left;
         font-size: 13px;
     }
     .donji-paragraf-vrata {
         width: 80%;
         margin-left: 5%;
         margin-bottom: -50px;
     }
     .donji-paragraf-vrata>p {
         font-size: 10px;
     }
     .row {
         margin-right: 0;
     }
     #loader {
         text-align: center;
         background-color: white;
         margin-top: -80px;
         width: 100%;
         height: 100%;
         position: fixed;
         z-index: 999;
     }
     #cover {
         margin-left: 0;
         margin-right: 0;
         padding-left: 1px;
         padding-right: 1px;
         width: 100%;
     }
     #coverTxt {
         display: inline;
     }
     #coverTxt h2 {
         padding-top: 0;
         padding-left: 0px;
         ;
     }
     #coverTxt h3 {
         text-align: left;
         margin-top: -90px;
         ;
         padding-left: 400px;
     }
     #article {
         margin-left: 0;
         margin-right: 0;
         padding-left: 100px;
         padding-right: 100px;
         width: 100%;
     }
     .prviRed {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
         border-collapse: separate;
         border-spacing: 5px;
         text-align: center;
     }
     .prviRed td {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
     }
     .prviRed p {
         margin-top: -56px;
     }
     /*Odavdje je djelomicno responsive*/
     .vertical-line {
         float: left;
         padding-top: 5%;
     }
     #desno {
         border-right-style: solid;
         border-right-color: #9999CC;
         border-left-style: solid;
         border-left-color: transparent;
         padding-right: 2%;
     }
     .col-lg-3 h1 {
         padding-top: 5%;
     }
     .col-lg-12 {
         padding-top: 30px;
     }
     .our-story: scrol {
         float: right;
     }
     .nasa-prica {
         border-left-style: solid;
         border-left-color: #9999CC;
         padding-left: 5px;
     }
     h1 {
         font-family: "sansBold";
         font-size: 32pt;
         letter-spacing: 4pt;
     }
     h2 {
         color: #999999;
         font-family: "sansHair";
         font-size: 54pt;
         border-right: none;
     }
     h3 {
         color: #999999;
         opacity: 0.5;
         font-family: "sansBlack";
         font-size: 54pt;
         border-right: none;
     }
     p {
         font-family: 'Lato', sans-serif;
         font-size: 12pt;
     }
     a {
         font-family: 'Lato', sans-serif;
         letter-spacing: 2px;
         color: #9999cc;
         text-decoration: underline;
         padding-left: 15px;
     }
    .test1{
        display: none;
    }
     .coppyright {
         text-align: center;
         position: static;
         bottom: 0;
     }
     .footer-list {
    
         list-style: none;
         color: #999999;
         letter-spacing: 1pt;
         font-size: 10pt !important;
        
     }
    .footer-list li{
       font-size: 10pt !important;
   padding-left: 0% !IMPORTANT;
    }
     footer {
         background-color: black;
         width: 100%;
          font-size: 10pt;
     }
     footer .row{
     
         margin-top: -22%;
    }
    
    #footerlist1{
      
        float: left;
        margin-right: 3%;
    }
    #footerlist2{
     
        float: left;
         margin-right: 3%; 

    }
    #footerlist3{
         margin-right: 3%;
        float: left;
        
    }
    #contactForm{
        width: 20%;
        float: left;
    }
     input {
         color: white;
         background-color: transparent;
         border-bottom-style: solid;
         border-bottom-color: #999999;
         border-left-color: transparent;
         border-top-color: transparent;
         border-right-color: transparent;
         width: 140px;
         
     }
     textarea {
         background-color: transparent;
         border-bottom-style: solid;
         border-bottom-color: #999999;
         width: 160px;
           
     }
     .button {
         border-top-color: grey;
         border-left-color: grey;
         border-right-color: grey;
         border-bottom-color: grey;
         background-color: grey;
        width: 140px;
         height: 40px;
         color: white;
     }
     .preuzimanja {
         border-left-style: solid;
         border-left-color: #9999CC;
         padding-left: 5px;
        
     }
     .preuzimanja h1 {
         font-family: "sansBold";
         font-size: 34pt;
         letter-spacing: 4pt;
     }
     #elegancija {}
     #we-belive {
         width: 100%;
         margin-bottom: 10%;
     }
     #we-belive h1 {
         position: relative;
         font-family: "sansBold";
         color: white;
         font-size: 26pt;
         margin-top: -250px;
         padding-bottom: 160px;
         text-align: center;
     }
     #PROIZVODI {
         width: 90%;
     }
     #p-content {
         padding-left: 7%;
         margin-top: -390px;
         color: white;
     }
     #spec-tekst1 h2 {
         text-align: right;
     }
     #spec-tekst1 {
         margin-top: -200px;
     }
     #spec-tekst2 {
         padding-right: 90px;
         margin-top: -1px;
     }
     #u-content {
         border-right: 4px solid;
         border-right-color: #9999cc;
          
        
     }
    
     #r-content {
         border-right: 4px solid;
         border-right-color: #9999cc;
          width: 35%;
         margin-top: -40%;
         margin-left: 65%;
        
     }
     #u-content p,
     #u-content h1 {
         padding-right: 20px;
     }
     .kvalitet-b {}
     .kvalitet-t {
         text-align: right;
         padding-right: 40px;
     }
     .reference-b {}
     .reference-t {
         text-align: right;
         padding-right: 30px;
     }
     #proizvodiTabela {
       margin-top: -20%;
         padding-left: 5%;
       
     }
     #proizvodiTabela p {
         text-align: left;
         vertical-align: top;
         padding-left: 50px;
         
     }
     .linkVrata {
         padding-left: 0px;
         text-align: left;
         font-family: 'Lato', sans-serif;
         font-size: 13px;
         color: #CCCCCC;
         text-decoration: none;
     }
     .prozoriClanci{
         padding-left: 10px;
     }
     .linkVrata:hover .linkVrata:active {
         color: #9999cc;
         opacity: 0.3;
         text-decoration: none;
         border-bottom-style: solid;
         border-bottom-width: thick;
         border-bottom-color: #9999cc;
     }
     #preuzimanjeimg {
      
         width: 100%;
       
     }
     #theDors {
         position: relative;
         margin: 0 auto;
     }
     #redVrata td {
         padding-left: 25px;
         text-align: left;
     }
     #redVrata {
         margin-top: 30px;
         margin-left: 20%;
     }
   
     .backToTop {
         opacity: 0.5;
         text-decoration: none;
         text-align: left;
         border-style: solid;
         border-width: thin;
         border-color: transparent;
         background-color: transparent;
         color: white;
         border-radius: 4px;
         font-size: 22pt;
         margin: 4px;
         position: fixed;
         bottom: 0;
         right: 0;
         width: 40px;
         height: 40px;
         z-index: 100;
         white-space: 5px;
     }
     .backToTop:hover {
         text-decoration: none;
         background-color: transparent;
     }
     .backToTop:active {
         text-decoration: none;
         background-color: transparent;
     }
     .scrole {
         text-decoration: none;
         text-align: center;
         background-color: transparent;
         color: white;
         border-radius: 4px;
         font-size: 28pt;
         margin: 4px;
         position: relative;
         bottom: 0;
         right: 0;
         left: 48%;
         top: -115px;
         width: 40px;
         height: 40px;
         z-index: 100;
     }
     .footer-list a {
         text-decoration: none;
         color: #999999;
         font-weight: lighter;
         padding-left: 0 !important;
     }
 
     #iH5 {
         text-align: right;
         padding-right: 2%;
         margin-top: -20px;
         float: right;
         font-family: "sansHair";
         width: 10%;
     }
     #iH5 a {
         text-decoration: none;
         color: gray;
         font-family: "sansHair";
     }
     #iH5 a:active {
         font-weight: 50;
     }
     #iH5 a:hover {
         font-family: "sansBold";
     }
     .jezik {
         font-family: "sansBold" !important;
     }
     .nav .navbar-nav a {
         text-decoration: none;
     }
     #kolUlaznaVrataLink {
         padding-left: 0;
    }
     #kontactNaslov {
         font-size: 10pt;
         font-weight: bold;
     }
     #linkLogo:hover {
         border-bottom: none;
     }
     #tabelaVrata {
         width: 90%;
         padding: 110px;
     }
     .vrataTabela {
         padding: 6px;
         border-style: solid;
         border-color: rgba(153, 153, 153, 0.44);
         border-width: thin;
         text-align: center;
     }
     .vrataTabela h5 {
         font-family: 'Lato', sans-serif;
     }
     .vrataTabela h4 {
         font-family: 'Lato', sans-serif;
     }
     .vrataTabela h5 {
         color: #333333;
     }
     .vrataTabela h4 {
         color: #CCCCCC;
     }
     #tehnickiPodaci {
         padding-left: 200px;
     }
     #tabelaMaterijalaAluminij td {
         padding: 2px;
     }
     #sideLi {
         background-color: gray;
     }
     #submenu1 li {
         background-color: gray;
     }
     #submenu2 li {
         background-color: gray;
     }
     #submenu3 li {
         background-color: gray;
     }
     #submenu4 li {
         background-color: gray;
     }
     #submenu5 li {
         background-color: gray;
     }
     #submenu6 li {
         background-color: gray;
     }
     #submenu7 li {
         background-color: gray;
     }
     #Navigacija1 {
         width: 100%;
         margin-top: -40px;
     }
     #Navigacija2 {
         width: 100%;
         margin-top: 30px;
           
     }
     .nav>li {
         width: 13%;
         position: relative;
         display: block;
         background-color: white;
     }
     #preuzimanjaNaslov {
         font-size: 32pt;
     }
     .contactForma {
       width: 20%;
         padding: 5%;
         margin-left: 20%;
     }
    .contactForma table{
       width: 20%;
        padding: 5%;
     }
     #navSpan:hover,
     #navSpan:focus {
         padding-bottom: 10px;
         border-bottom: 3px solid #666666;
     }
     /*-------- jezici ---------*/
     #h3Debeli {
         margin-top: -16%;
     }
     #odaberite1 {}
     #kval-jezici {
         margin-top: 47%;
     }
     #proizvod-jezici td {
         padding-left: 4.2%;
         text-align: center;
     }
     #proizvod-jezici {
         margin-top: 30px;
         width: 90%;
         margin-left: 2%;
         margin-right: 2%;
         ;
     }
     #eleganz {
         padding-top: 4.2%;
         margin-right: 20%;
     }
     .modern1 {
         margin-top: 40%;
     }
     .modern2 {
         margin-top: -17%;
     }
     #choose1 {
         margin-top: 8.3%;
     }
     .quality {
         margin-top: 1%;
     }
     #quality2 {
         margin-left: 25%;
         margin-right: -4%;
     }
     #choose3 {
         padding-right: 5%;
         margin-top: -8%;
     }
     #elegance {
         margin-left: 2%;
         margin-top: -5%;
     }
     #modern {
         margin-top: 46%;
         margin-right: 25%;
     }
     #tabelaRucki {
         width: 90%;
         padding: 110px;
     }

}


 /*________________________________________________*/




@media only screen and (min-device-width:1001px)and (max-device-width:1200px){

    .refNaslov{
        padding-left: 5%;
    }
    .test1{
        display: none;
    }
    .prozori {
        padding: 1%;
        padding-left:10%;
    }
    .stakloTabela tr{
        display: inline-flex;
    }
    .vratacontainerdown{
        width: 100%;
    }
    
        .podaci1{
      
        margin-top: 15%;
    }
    .podaci1 p{
        margin-left: 54%;
        margin-top: -65%; 
        font-size: 13pt;         
        position: relative;
        z-index: 1;
        font-weight: 500;
        padding-bottom: 20%;
        padding-top: 3%;
        
    }
    .podaci1 img{
       
        margin-top: 1%;
        margin-bottom: 5%;
    }
    
    #dugme1{
        width: 20%;
        float: right;
        margin-top: -15%;
        margin-right: 4%;
        position: relative;
        z-index: 1;
        margin-bottom: 15%;
    }
    
    
    .podaci2 img{
       
        margin-top: -20%;
        height: 50%;
        margin-right: 10%;
    }
    
    .podaci2 p{
     
        padding-right: 10%;
      
    margin-top: 5%;
        padding-bottom: 15%;
        font-size: 13pt; 
        width: 70%;
        
    }
    .podaci2{
     
    }
    
    #dugme3{
        width: 20%;
    
        margin-top: -7%;
        position: relative;
        z-index: initial;
        margin-left: 78%;
        margin-bottom: 25%;
       
    }
    
    .podaci3 p{
       
      
        font-size: 12pt;
        padding-bottom: 20%;      
        margin-bottom: 5%;
        
    }
    
    .podaci3 img{
    height: 100%;
        
    }
    
    #dugme4{
        width: 20%;
        float: left;
        margin-top: -10%;
        position: relative;
        z-index: initial;
        margin-left: 8%;
        margin-bottom: 15%
    }
    
    #dugme5{
        width: 20%;
        float: right;
        position: relative;
        z-index: initial;
        margin-right: 4%;
      
       
    }
    
    
    
    
    
  
    
    /* ---------------------------------*/
   
    #Navigacija2 img{
        width: 85%;
    }
    
    #iH5{
        width: 9% !important;
        padding-left: 2%;
    }
     #iH5 a{
       padding-left: 5%;
         padding-right: 5%;
    }
    
    .nasa-prica{
     width: 35%;
    }
    
    .post{
        display:grid;
    }
    #slika1 {
        width: 65%;
        margin-left: 35%;
        margin-top: -25%;
    }
     #slika2 {
        width: 65%;
        margin-right: 35%;
       margin-bottom: 20%;
       
    }
    
    
    /* ---------------------------------- */

.prozorclanakN{
         margin-top: 5%;
    width:90%;
    padding: 2%;
    
     display:-webkit-flex;
   align-items: left;
   justify-content: left;
   flex-direction: column;
   flex-wrap: wrap;
   flex-flow: column wrap;
   align-content:center;
      
    
     }
    
    .prozoriClanci .col-lg-5{
        width:90%;
    }
    .prozoriClanci .col-sm-5{
        width:90%;
    }
    .prozoriClanci .col-sm-7{
        width:90%;
    }
    #tabelaVrata .col-lg-5{
        width:90%;
    }
    #tabelaVrata .col-sm-5{
        width:90%;
    }
    #tabelaVrata .col-sm-7{
        width:90%;
    }
    #prozor-dugme{
        display: inline-flex;
        width: 60%;
    }
     .reference1 img {
         float: right;
     }
     .usluge1 img {
         float: right;
     }
     .referenceP {
         font-family: 'Lato' sans-serif;
         font-size: 12.8pt;
         font-weight: bold;
         padding: 120px;
     }
     #z1,
     #z2,
     #z3,
     #z4,
     #z5,
     #z6,
     #z7,
     #z8,
     #z9,
     #z10,
     #z11,
     #z12,
     #z13,
     #z14,
     #z15,
     #z16,
     #z17,
     #z18,
     #z19,
     #z20,
     #z21,
     #z22,
     #z23,
     #z24,
     #z25,
     #z26,
     #z27,
     #z28,
     #z29,
     #z30,
     #z31,
     #z32,
     #z33,
     #z34,
     #z35,
     #z36,
     #z37,
     #z38,
     #z39,
     #z40,
     #z41,
     #z42,
     #z43,
     #z44,
     #z45,
     #z46,
     #z47,
     #z48,
     #z49,
     #z50,
     #z51,
     #z52 {
         height: 60vh;
         display: none;
         background-color: rgba(0, 0, 0, .1);
     }
     #z1 img,
     #z2 img,
     #z3 img,
     #z4 img,
     #z5 img,
     #z6 img,
     #z7 img,
     #z8 img,
     #z9 img,
     #z10 img,
     #z11 img,
     #z12 img,
     #z13 img,
     #z14 img,
     #z15 img,
     #z16 img,
     #z17 img,
     #z18 img,
     #z19 img,
     #z20 img,
     #z21 img,
     #z22 img,
     #z23 img,
     #z24 img,
     #z25 img,
     #z26 img,
     #z27 img,
     #z28 img,
     #z29 img,
     #z30 img,
     #z31 img,
     #z32 img,
     #z33 img,
     #z34 img,
     #z35 img,
     #z36 img,
     #z37 img,
     #z38 img,
     #z39 img,
     #z40 img,
     #z41 img,
     #z42 img,
     #z43 img,
     #z44 img,
     #z45 img,
     #z46 img,
     #z47 img,
     #z48 img,
     #z49 img,
     #z50 img,
     #z51 img,
     #z52 img {
         min-width: 140%;
     }
    #UV img{
        width: 99%;
        margin-left: auto;
        margin-right: auto;
        
    }
    #UV .col-lg-3{
        display: inline-flex;
        width: 24%;
        margin-right: auto;
        margin-left: auto;
    }
   
      #ulaznavrataP{
          margin-top: 5%;
       
            width: 100%;
            border-right-style: solid;
            border-right-color: #9999CC;
            margin-bottom: 7%;
            height: 30vh; 
          padding-top: 5%;
      }
      
     #map {
         width: 98.5%;
         height: 400px;
     }
     #fd01a {
         display: none;
     }
     #expand-jump-1 {
         margin-left: 25%;
         margin-top: -70px;
     }
     .vratacontainerdown {
         margin-left: 100px;
         
         width: 70%;
     }
     .sSistemiParagraf {
       
          padding-right: 59%;
   margin-top: -6%;
    text-align: center;
     }
     .sSistemi {
         border: 1px solid;
         border-color: rgba(153, 153, 153, 0.44);
         padding-bottom: 70px;
         margin-right: 20px;
     }
     .prviRed h5 {
         font-family: 'Lato', sans-serif;
         font-size: 13pt;
     }
     .prviRed a>p {
         color: #333333;
     }
     .porodica h1 {
         padding-left: 15px;
         padding-bottom: 25px;
     }
     #podaci11 {
         margin-left: 15%;
         width: 60%;
     }
     #dugme1 {
         
     }
     #podaci12 {
         float: right;
         margin-bottom: 30px;
     }
     #podaci14 {
        margin-bottom: 20%;
         padding-right: 50px;
     }
     #podaci15 {
         padding-top: 70px;
     }
     #podaci16 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #dugme3 {
        
     }
     #podaci17 {
       margin-right: 15%; 
     }
     #podaci18 {
         margin-left: 40px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #dugme4 {
        
         margin-left: 80px;
     }
     #podaci19 {
       margin-top: -26%; 
     }
     #podaci20 {
       margin-right: 20%;
         margin-top: 17%;
        
     }
     #dugme5 {
         margin-left: 680px;
       
     }
     .miBrinemo {
         margin-top: -30px;
         margin-left: -5px;
     }
     .vratacontainer {
         margin-left: 200px;
         padding-right: 100px;
         width: 70%;
     }
     .vratacontainer3 {
         margin-left: 200px;
         padding-right: 100px;
         width: 70%;
     }
     .preuzimanja1 {
         margin-top: -115px;
         padding-bottom: 120px;
         padding-left: 5%;
     }
     .podaci14 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     .nasaPrica1 {
         margin-top: -10%;
         padding-bottom: 150px;
         padding-left: 5%;
     }
     .usluge1 {
         margin-top:10%; ;
         padding-bottom: 120px;
        
        margin-bottom: 10%;
         
     }
    #referenceImgPro{
        width: 60%;
        margin-top: -20%;
    }
     .reference1 {
        margin-top: 5%;
         padding-bottom: 150px;
        
         margin-left: 16%;
     }
    
     #l1 {
         width: 100%;
         height: 100% -webkit-transition: all 0.3s 0.3s ease-out;
     }
     .katalog1 {
         float: right;
     }
     .katalog2 {
         float: right;
         margin-right: -70px;
         padding-top: 50px;
     }
     .vratacontainer {
         border-left: solid 3px;
         border-left-color: #9999cc;
     }
     vratacontainer2 {
         border: none;
         text-align: right;
         margin-left: 0;
     }
     .vratacontainer3 {
         padding: 5px;
         border-right: solid 3px;
         border-right-color: #9999cc;
     }
     .vratacontainer4 {
         border: none;
         text-align: left;
     }
     .vratacontainer h1,
     .vratacontainer2 h1,
     .vratacontainer3 h1,
     .vratacontainer4 h1 {
         padding: 15px;
     }
     .vratacontainer p,
     .vratacontainer2 p,
     .vratacontainer3 p,
     .vratacontainer3 p {
         padding: 25px;
     }
     .prviRed2 {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
         border-collapse: separate;
         border-spacing: 5px;
         text-align: center;
     }
     .prviRed2 td {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
     }
     .prviRed2 p {
         margin-top: 10px;
     }
     #ikona {
         height: 100px;
         padding-left: 100px;
         padding-top: 3px;
         padding-bottom: 3px;
         padding-right: 3px;
         background-color: rgba(0, 0, 0, .5);
         position: fixed;
         top: 100px;
         left: 1px;
         bottom: 0;
         z-index: 1;
     }
     #ikona3 {
         height: 100px;
         padding-left: 100px;
         padding-top: 3px;
         padding-bottom: 3px;
         padding-right: 3px;
         background-color: rgba(0, 0, 0, .5);
         position: fixed;
         top: 100px;
         left: 1px;
         bottom: 0;
         z-index: 1;
     }
     #ikona2 {
         padding-top: 30px;
         position: fixed;
         top: 100px;
         color: white;
         font-size: 12pt;
         text-align: left;
         padding-left: 3px;
         z-index: 1;
     }
     #ikona23 {
         padding-top: 30px;
         position: fixed;
         top: 100px;
         color: white;
         font-size: 12pt;
         text-align: left;
         padding-left: 3px;
         z-index: 1;
     }
     #sidebar {
         padding-top: 10px;
         width: 16%;
         display: none;
         z-index: 1;
     }
     #sidebar a {
         color: #fff;
         text-decoration: none;
         font-family: 'Lato', sans-serif;
         font-size: 1em;
     }
     #sidebar a:hover {
         font-weight: bold;
     }
     #sidebar li {
         border-bottom: 3px solid;
         padding: 10px;
     }
     #sidebar3 {
         padding-top: 10px;
         width: 16%;
         display: none;
         z-index: 1;
     }
     #sidebar3 a {
         color: #fff;
         text-decoration: none;
         font-family: 'Lato', sans-serif;
         font-size: 1em;
     }
     #sidebar3 a:hover {
         font-weight: bold;
     }
     #sidebar3 li {
         border-bottom: 3px solid;
         padding: 10px;
     }
     .sidebarProzori {
         /*    margin-top: -92vh; */
         list-style: none;
         opacity: 0.8;
         position: fixed;
         top: 210px;
         bottom: 0;
     }
     .horizontalnavVrata {
         list-style: none;
         text-decoration: none;
         text-align: center;
         border-style: solid;
         border-width: thin;
         border-color: transparent;
         background-color: rgba(0, 0, 0, .8);
         color: white;
         border-radius: 4px;
         position: fixed;
         bottom: 0;
         left: 15%;
         z-index: 100;
         white-space: 5px;
         padding-top: 10px;
         padding-bottom: 10px;
         width:70%;
     }
     .horizontalnavVrata li {
         float: right;
         width:25%;
     }
     .horizontalnavVrata li a {
         text-decoration: none;
         font-size: 12px;
         display: block;
         color: white;
         text-align: center;
         padding-right: 2.5%;
         padding-left: 2%;
         border-right: 1px solid;
         border-color: gainsboro;
     }
     .horizontalnavVrataModeli {
         list-style: none;
         text-decoration: none;
         text-align: center;
         border-style: solid;
         border-width: thin;
         border-color: transparent;
         background-color: rgba(0, 0, 0, .8);
         color: white;
         border-radius: 4px;
         white-space: 5px;
         padding-top: 10px;
         padding-bottom: 30px;
         padding-left: 30%;
     }
     .horizontalnavVrataModeli li {
         float: left;
     }
     .horizontalnavVrataModeli li a {
         text-decoration: none;
         font-size: 12pt;
         display: block;
         color: white;
         text-align: center;
         padding-right: 2.5%;
         padding-left: 2%;
         border-right: 1px solid;
         border-color: gainsboro;
     }
     #slideLiTop {
         background-color: black;
         text-align: center;
         font-size: 8pt;
     }
     #loaderText {}
     .naslovi-clanaka {
         font-family: "sansMedium";
         color: #9999cc;
         font-weight: 800;
     }
     #loader h1 {
         color: rgba(0, 0, 0, 1);
         font-family: "sansBold";
         margin-bottom: -22px;
         letter-spacing: 4pt;
     }
     #loader h1:before {
         content: attr(data-text);
         position: absolute;
         overflow: hidden;
         max-width: 50%;
         white-space: nowrap;
         color: #fff;
         animation: loading 15s linear;
     }
     @keyframes loading {
         0% {
             max-width: 0;
         }
     }
     textarea {
         color: white;
     }
     #cover2 {
         padding-left: 20px;
     }
     .karakteristike-vrata>p {
         margin-left: 37%;
         text-align: left;
         font-size: 13px;
     }
     .donji-paragraf-vrata {
         width: 80%;
         margin-left: 5%;
         margin-bottom: -50px;
     }
     .donji-paragraf-vrata>p {
         font-size: 10px;
     }
     .row {
         margin-right: 0;
     }
     #loader {
         text-align: center;
         background-color: white;
         margin-top: -80px;
         width: 100%;
         height: 100%;
         position: fixed;
         z-index: 999;
     }
     #cover {
         margin-left: 0;
         margin-right: 0;
         padding-left: 1px;
         padding-right: 1px;
         width: 100%;
     }
     #coverTxt {
         display: inline;
     }
     #coverTxt h2 {
         padding-top: 0;
         padding-left: 0px;
         ;
     }
     #coverTxt h3 {
         text-align: left;
         margin-top: -90px;
         ;
         padding-left: 400px;
     }
     #article {
         margin-left: 0;
         margin-right: 0;
         padding-left: 100px;
         padding-right: 100px;
         width: 100%;
     }
     .prviRed {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
         border-collapse: separate;
         border-spacing: 5px;
         text-align: center;
     }
     .prviRed td {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
     }
     .prviRed p {
         margin-top: -56px;
     }
     /*Odavdje je djelomicno responsive*/
     .vertical-line {
         float: left;
         padding-top: 5%;
     }
     #desno {
         border-right-style: solid;
         border-right-color: #9999CC;
         border-left-style: solid;
         border-left-color: transparent;
         padding-right: 2%;
     }
     .col-lg-3 h1 {
         padding-top: 5%;
     }
     .col-lg-12 {
         padding-top: 30px;
     }
     .our-story: scrol {
         float: right;
     }
     .nasa-prica {
         border-left-style: solid;
         border-left-color: #9999CC;
         padding-left: 5px;
     }
     h1 {
         font-family: "sansBold";
         font-size: 32pt;
         letter-spacing: 4pt;
     }
     h2 {
         color: #999999;
         font-family: "sansHair";
         font-size: 54pt;
         border-right: none;
     }
     h3 {
         color: #999999;
         opacity: 0.5;
         font-family: "sansBlack";
         font-size: 54pt;
         border-right: none;
     }
     p {
         font-family: 'Lato', sans-serif;
         font-size: 12pt;
     }
     a {
         font-family: 'Lato', sans-serif;
         letter-spacing: 2px;
         color: #9999cc;
         text-decoration: underline;
         padding-left: 15px;
     }
     .coppyright {
         text-align: center;
         position: static;
         bottom: 0;
         width: 99%;
     }
     .footer-list {
    
         list-style: none;
         color: #999999;
         letter-spacing: 1pt;
         font-size: 10pt !important;
        
     }
    .footer-list li{
       font-size: 10pt !important;
   padding-left: 0% !IMPORTANT;
    }
     footer {
         background-color: black;
         width: 100%;
          font-size: 10pt;
     }
     footer .row{
     
         margin-top: -22%;
    }
    
    #footerlist1{
      
        float: left;
        margin-right: 3%;
    }
    #footerlist2{
     
        float: left;
         margin-right: 3%; 

    }
    #footerlist3{
         margin-right: 3%;
        float: left;
        
    }
    #contactForm{
        width: 20%;
        float: left;
    }
     input {
         color: white;
         background-color: transparent;
         border-bottom-style: solid;
         border-bottom-color: #999999;
         border-left-color: transparent;
         border-top-color: transparent;
         border-right-color: transparent;
         width: 140px;
         
     }
     textarea {
         background-color: transparent;
         border-bottom-style: solid;
         border-bottom-color: #999999;
         width: 160px;
           
     }
     .button {
         border-top-color: grey;
         border-left-color: grey;
         border-right-color: grey;
         border-bottom-color: grey;
         background-color: grey;
        width: 140px;
         height: 40px;
         color: white;
     }
     .preuzimanja {
         border-left-style: solid;
         border-left-color: #9999CC;
         padding-left: 5px;
         width: 35%;
     }
     .preuzimanja h1 {
         font-family: "sansBold";
         font-size: 34pt;
         letter-spacing: 4pt;
     }
     #elegancija {}
     #we-belive {
         width: 100%;
         margin-bottom: 10%;
     }
     #we-belive h1 {
         position: relative;
         font-family: "sansBold";
         color: white;
         font-size: 26pt;
         margin-top: -250px;
         padding-bottom: 160px;
         text-align: center;
     }
     #PROIZVODI {
         width: 80%;
     }
     #p-content {
       
         margin-top: -330px;
         color: white;
     }
    #p-content h1, #p-content p{
        padding-left: 3%;
     
        
    }
     #spec-tekst1 h2 {
         text-align: right;
     }
     #spec-tekst1 {
         margin-top: -200px;
     }
     #spec-tekst2 {
         padding-right: 90px;
         margin-top: -1px;
     }
     #u-content {
         border-right: 4px solid;
         border-right-color: #9999cc;
          width: 35%;
         margin-top: -63%;
         margin-left: 65%;
        
     }
    
     #r-content {
         border-right: 4px solid;
         border-right-color: #9999cc;
          width: 35%;
         margin-top: -40%;
         margin-left: 65%;
        
     }
     #u-content p,
     #u-content h1 {
         padding-right: 20px;
     }
     .kvalitet-b {}
     .kvalitet-t {
         text-align: right;
         padding-right: 40px;
     }
     .reference-b {}
     .reference-t {
         text-align: right;
         padding-right: 30px;
     }
     #proizvodiTabela {
       margin-top: -2%;
       
     }
     #proizvodiTabela p {
         text-align: left;
         vertical-align: top;
         padding-left: 50px;
         
     }
     .linkVrata {
         padding-left: 0px;
         text-align: left;
         font-family: 'Lato', sans-serif;
         font-size: 9px;
         color: #CCCCCC;
         text-decoration: none;
     }
     .prozoriClanci{
         padding-left: 10px;
     }
     .linkVrata:hover .linkVrata:active {
         color: #9999cc;
         opacity: 0.3;
         text-decoration: none;
         border-bottom-style: solid;
         border-bottom-width: thick;
         border-bottom-color: #9999cc;
     }
     #preuzimanjeimg {
         padding-left:40%;
         width: 100%;
         margin-top: -35%;
     }
     #theDors {
         position: relative;
         margin: 0 auto;
     }
     #redVrata td {
         padding-left: 25px;
         text-align: left;
     }
     #redVrata {
         margin-top: 30px;
         margin-left: 45px;
     }
     .backToTop {
         opacity: 0.5;
         text-decoration: none;
         text-align: left;
         border-style: solid;
         border-width: thin;
         border-color: transparent;
         background-color: transparent;
         color: white;
         border-radius: 4px;
         font-size: 22pt;
         margin: 4px;
         position: fixed;
         bottom: 0;
         right: 0;
         width: 40px;
         height: 40px;
         z-index: 100;
         white-space: 5px;
     }
     .backToTop:hover {
         text-decoration: none;
         background-color: transparent;
     }
     .backToTop:active {
         text-decoration: none;
         background-color: transparent;
     }
     .scrole {
         text-decoration: none;
         text-align: center;
         background-color: transparent;
         color: white;
         border-radius: 4px;
         font-size: 28pt;
         margin: 4px;
         position: relative;
         bottom: 0;
         right: 0;
         left: 48%;
         top: -115px;
         width: 40px;
         height: 40px;
         z-index: 100;
     }
     .footer-list a {
         text-decoration: none;
         color: #999999;
         font-weight: lighter;
         padding-left: 0 !important;
     }
 
     #iH5 {
         text-align: right;
         padding-right: 2%;
         margin-top: -20px;
         float: right;
         font-family: "sansHair";
         width: 10%;
     }
     #iH5 a {
         text-decoration: none;
         color: gray;
         font-family: "sansHair";
     }
     #iH5 a:active {
         font-weight: 50;
     }
     #iH5 a:hover {
         font-family: "sansBold";
     }
     .jezik {
         font-family: "sansBold" !important;
     }
     .nav .navbar-nav a {
         text-decoration: none;
     }
     #kolUlaznaVrataLink {}
     #kontactNaslov {
         font-size: 10pt;
         font-weight: bold;
     }
     #linkLogo:hover {
         border-bottom: none;
     }
     #tabelaVrata {
         width: 90%;
         padding: 110px;
     }
     .vrataTabela {
         padding: 6px;
         border-style: solid;
         border-color: rgba(153, 153, 153, 0.44);
         border-width: thin;
         text-align: center;
     }
     .vrataTabela h5 {
         font-family: 'Lato', sans-serif;
     }
     .vrataTabela h4 {
         font-family: 'Lato', sans-serif;
     }
     .vrataTabela h5 {
         color: #333333;
     }
     .vrataTabela h4 {
         color: #CCCCCC;
     }
     #tehnickiPodaci {
         padding-left: 200px;
     }
     #tabelaMaterijalaAluminij td {
         padding: 2px;
     }
     #sideLi {
         background-color: gray;
     }
     #submenu1 li {
         background-color: gray;
     }
     #submenu2 li {
         background-color: gray;
     }
     #submenu3 li {
         background-color: gray;
     }
     #submenu4 li {
         background-color: gray;
     }
     #submenu5 li {
         background-color: gray;
     }
     #submenu6 li {
         background-color: gray;
     }
     #submenu7 li {
         background-color: gray;
     }
     #Navigacija1 {
         width: 100%;
         margin-top: -40px;
     }
     #Navigacija2 {
         width: 100%;
         margin-top: 30px;
     }
     .nav>li {
         width: 13%;
         position: relative;
         display: block;
         background-color: white;
     }
     #preuzimanjaNaslov {
         font-size: 32pt;
     }
     .contactForma {
       width: 20%;
         padding: 5%;
         margin-left: 20%;
     }
    .contactForma table{
       width: 20%;
        padding: 5%;
     }
     #navSpan:hover,
     #navSpan:focus {
         padding-bottom: 10px;
         border-bottom: 3px solid #666666;
     }
     /*-------- jezici ---------*/
     #h3Debeli {
         margin-top: -16%;
     }
     #odaberite1 {}
     #kval-jezici {
         margin-top: 47%;
     }
     #proizvod-jezici td {
         padding-left: 4.2%;
         text-align: center;
     }
     #proizvod-jezici {
         margin-top: 30px;
         width: 90%;
         margin-left: 2%;
         margin-right: 2%;
         ;
     }
     #eleganz {
         padding-top: 4.2%;
         margin-right: 20%;
     }
     .modern1 {
         margin-top: 40%;
     }
     .modern2 {
         margin-top: -17%;
     }
     #choose1 {
         margin-top: 8.3%;
     }
     .quality {
         margin-top: 1%;
     }
     #quality2 {
         margin-left: 25%;
         margin-right: -4%;
     }
     #choose3 {
         padding-right: 5%;
         margin-top: -8%;
     }
     #elegance {
         margin-left: 2%;
         margin-top: -5%;
     }
     #modern {
         margin-top: 46%;
         margin-right: 25%;
     }
     #tabelaRucki {
         width: 90%;
         padding: 110px;
     }
 }









/*----------------------------------------- THE END IZMEDJUUU --------------------------------------------------------------*/
@media only screen and (min-device-width:768px)and (max-device-width:1024px){
#materijalig1{

}
    .refNaslov{
        padding-left: 5%;
    }
    
    #vjerujemo{
        font-size: 12pt;
    }
    #zadnjiTDuProizvodima img{
        margin-left: auto !important;
        margin-right: auto !important;
       
        
    }
    #iH5{
      font-size: 8pt; 
        margin-top: -19px;
    }
   
     #proizvodSlika{
          margin-top: 5%;
          width: 99%;
    }
    .preuzimanja{
       
        margin-bottom: 10%;
    }
    #ulaznavrataP{
        height: 25vh;
    }
}

@media only screen and (min-device-width:600px)and (max-device-width:960px){
 #iH5{
     padding-left: 20%;  
    }
    #Navigacija2{
        margin-top: 6%;
    }
    
    #zadnjiTDuProizvodima img{
       padding-left: 0 !important;
          padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    #proizvodSlika{
       
        padding: 0;
        margin: 0;
    }
    
   
    #h1naslov{
        font-size:15pt; 
    }
    #vjerujemo{
        font-size: 15pt;
    }
}
@media only screen and (min-device-width:415px)  and (max-device-width:736px){
    #proizvodiTabela td{
        margin-right: 2%;
    }
    #proizvodSlika{
        
    }
     #zadnjiTDuProizvodima img{
       padding-left: 0 !important;
          padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .sidebarProzori{
       
        
         right: 13%;
        position: fixed;
        background-color: rgba(0, 0, 0, .9);
        text-align: center;
        font-family: 'Lato',sans-serif;
        letter-spacing: 2px;
        padding: 1%;
        line-height: 0.9;
        z-index: 1;
        display: none;  
        width: 87%;
        font-size: 7pt;
        margin-top: 0;
       
    }
    #ikona{
        top:70px;
        height: 15%;
         
    }
    /*---- teh podaci -----*/
    
    podaci1 p{
        background-color: aqua !important;
    }
    
}

/* ----------------- iPads -------------------- */

@media only screen and (min-device-width:737px)and (max-device-width:1020px){
    
    html{
          width: 100%;
          margin-left: auto;
          margin-right: auto;
      }
      body{
           width: 100%;
          margin-left: auto;
          margin-right: auto;
          padding-left: 1px;
          padding-right: 1px;
      }
    
    .row{
        width: 100%;
    }
    
    #map{
        width: 80%;
      
    }
    
     .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
   
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
       
    
      #z1,
        #z2,
        #z3,
        #z4,
        #z5,
        #z6,
        #z7,
        #z8,
        #z9,
        #z10,
        #z11,
        #z12,
        #z13,
        #z14,
        #z15,
        #z16,
        #z17,
        #z18,
        #z19,
        #z20,
        #z21,
        #z22,
        #z23,
        #z24,
        #z25,
        #z26,
        #z27,
        #z28,
        #z29,
        #z30,
        #z31,
        #z32,
        #z33,
        #z34,
        #z35,
        #z36,
        #z37,
        #z38,
        #z39,
        #z40,
        #z41,
        #z42,
        #z43,
        #z44,
        #z45,
        #z46,
        #z47,
        #z48,
        #z49,
        #z50,
        #z51,
        #z52 {
             height: 60vh;
            display: none;
            text-align: left;
            background-color: lightgray;
            font-size: 7pt;
            border-bottom: 1px solid;
            border-top: 1px solid;
            align-content: center;
        }
        #z1 img,
        #z2 img,
        #z3 img,
        #z4 img,
        #z5 img,
        #z6 img,
        #z7 img,
        #z8 img,
        #z9 img,
        #z10 img,
        #z11 img,
        #z12 img,
        #z13 img,
        #z14 img,
        #z15 img,
        #z16 img,
        #z17 img,
        #z18 img,
        #z19 img,
        #z20 img,
        #z21 img,
        #z22 img,
        #z23 img,
        #z24 img,
        #z25 img,
        #z26 img,
        #z27 img,
        #z28 img,
        #z29 img,
        #z30 img,
        #z31 img,
        #z32 img,
        #z33 img,
        #z34 img,
        #z35 img,
        #z36 img,
        #z37 img,
        #z38 img,
        #z39 img,
        #z40 img,
        #z41 img,
        #z42 img,
        #z43 img,
        #z44 img,
        #z45 img,
        #z46 img,
        #z47 img,
        #z48 img,
        #z49 img,
        #z50 img,
        #z51 img,
        #z52 img {
            min-width: 200%;
          margin-left: 50%;
           margin-right: -50%;
           margin-top: 5%;
        }
    
     .karakteristike-vrata {
        font-size: 2pt !important;
        margin-top: -5%;
        padding-bottom: 15%;
    }
      .karakteristike-vrata p{
           font-size: 12pt !important;
    }
    .vrataTabela h4{
        font-size: 8pt !important;
    }
      .vrataTabela h5{
        font-size: 7pt !important;
    } 
     .vrataTabela p{
        font-size: 5pt !important;
    }
    #vrataaa{
        margin-left: 33% !important;
    }
    
       .vrataTabela img{
          width: 100%; 
    }
    
        .vrataTabela {
          width: 100%;
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-left: 0 !important;
            margin-right:0 !important;
    }
    
    
         
        .navbar-inverse .navbar-toggle {
            background-color: black;
            position: fixed;
            margin-bottom: -40px;
            overflow: visible;
            z-index: 20;
        }
      
      .navbar-collapse collapse in{
          margin-bottom: 5%;
          width: 100%;
          padding-left: 5%;
          
          
      }
        
      .navbar-toggle{
          margin-left: 5%;
    }
      
      #Navigacija2{
          margin-top: 7%;
          position: fixed;
          width:100%;
          z-index: 2;
          margin-left: auto;
          margin-right: auto;
         
          
         
      }
     #Navigacija2 li{
     
         font-size: 17pt;
    }
     #Navigacija1{
         width: 100%;
         
    }
    #myCarousel{
       margin-bottom: 10%;
        position: relative;
        z-index: -1;
    }
      
      #iH5{
         padding-left: 23%;
          background-color: white;
         
          position: fixed;
          padding-bottom: 10%;
          width: 100%;
         padding-top: 4%;
          margin-bottom: 4%;
          margin-top: -2%;
      }
      
      #iH5 > a{
         margin-left: 15%;
          font-family: 'Lato', sans-serif;
          letter-spacing: 2px;
          color: black;
          padding-bottom: 6%;
          padding-top:%;
          margin-top: -8%;
      }
    .jezik{
        font-weight: 800;
    }
    .test1{
       margin-top: -70px;
       padding-bottom: 10px; 
    }
    .test1 img {
        width: 30%;
        
    }
      #zadnjiTDuProizvodima img{
        margin-left: auto !important;
          margin-right: auto !important;
      }
      
    #zadnjiTDuProizvodima{
        padding-bottom: 5%;
    }
        .navbar-inverse {
            background-color: transparent;
           
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100px 35px;
            position: absolute;
           
        }
        td {
            display: block;
            vertical-align: middle;
        }
        .carousel-inner {
            height: 100vh;
            position: relative;
            width: 100%;
            overflow: hidden;
        }
      
      hr{
          margin-bottom: 10% !important; 
      }
    
    p{
        font-size: 13pt;
    }
        .h1,
        h1 {
            font-size: 20pt;
            font-family: "sansBold";
        }
        .h2,
        h2 {
            font-size: 12pt;
            font-family: "sansBold";
        }
        .h3,
        h3 {
            font-size: 12pt;
            font-family: "sansHair";
        }
    a{
        color: #666666;
    }
        .carousel-caption {
            letter-spacing: normal;
           
           
        }
        element.style {}
        .carousel-indicators li {
            display: none;
        }
        .nasa-prica {
           padding-left: 2% !important;
            width: 100%;
            border-right-style: solid;
            border-right-color: #9999CC;
            margin-bottom: 7%;
            padding-right: 1%;
           
            
        }
      .nasaPrica1{
          margin-top: -8%;
          padding-bottom: 10%;
          padding-right: 15%;
      }
    .usluge1{
        margin-top: -8%;
    }
    .preuzimanja1{
        margin-top: -10%;
          padding-bottom: 10%;
          padding-left: 5%;
    }
    .reference1 img{
        margin-top: -14%;
        padding-left: 5%;
         margin-bottom: 20%;
       
         
    }
     #r-content{
       
           border-left-style: solid;
            border-left-color: #9999CC;
            float: right;
            border-right-style: none;
            text-align: right;
            padding-left: 5%;
          padding-right: 3%;
          order: 1;
          margin-bottom: 10%;
         margin-top: 5%;
    }
        #alinkovi{
            
            margin-bottom: 7%;
            color: #99c;
           letter-spacing: 1.3px;
            text-decoration: none;
            font-weight: 500;
            font-size: 13pt !important;
            
        }
    #kolUlaznaVrataLink{
        
            float: left !important;
        margin-top: 15%;
            margin-bottom: 7%;
            color:  #99c;
        font-size: 13pt;
        letter-spacing: 1.3px;
        font-weight: 500;
            
    }
      
      #usluge-col-12{
    display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
    display: flex;
    flex-flow: row-reverse wrap;
    flex-direction: column-reverse;
          
          
      }
     #usluge-col-12 img{
        
         margin-left: auto;
         margin-right: auto;
        display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
    display: flex;
    flex-flow: row-reverse wrap;
      }
      #slika2{
          order: 2;
        
         margin-left: 20%;
          
      }
      #desno > p > a{
          margin-left: -4%;
      }
        .nasa-prica p {
            font-family: 'Lato', sans-serif;
           
        }
       
        .nav>li {
            position: relative;
            display: block;
            background-color: white;
        }
        .img-responsive {
         
          vertical-align: middle;
           margin-left: auto;
         margin-right: auto;
        }
        .contactForma {
            width: 80%;
        }
        hr {
           
            border: 0;
            border-top: 1px solid transparent;
            margin-left: 0;
            margin-right: 0;
            width: 90%;
           
            
        }
      
    
      #USLUGE{
          margin-bottom: 5% !important;
          padding-top: 0;
         
      }
      
      #PROIZVODI{
          margin-top: 10%;
          padding-top: 0;
    
      }
      
      #REFERENCE{
          margin-top: 15%;
          margin-bottom:10% !important;
      }
      
        .carousel,
        .item,
        .active {
            height: 100vh;
        }
        #foterImg {
           
        }
        footer {
            background-color: black;
            color: #666;
            width: 100%;
            text-align: center;
           
        }
        ul {
            list-style: none;
        }
        #desno {
            padding-right: 2% !important;
            width: 100%;
           
            float: right;
            border-right-style: none;
            text-align: right;
            padding-left: 5%;
            
        }
    
            #desno a{
                float: right;
        
        }
      
      .preuzimanja{
          padding-left: 2%;
          border-right-style: solid;
            border-right-color: #9999CC;
          
          
      }
       .preuzimanja a{
           margin-left: 0 !important;
    }
      #preuzimanjeimg{
          
         padding-left: 0 !important;
          padding-right: 0 !important;
          padding-top: 5%;
      }
      
      #elegancija{
          color: transparent;
      }
        .backToTop {
            display: none;
            text-decoration: none;
            text-align: left;
            border-style: solid;
            border-width: thin;
            border-color: transparent;
            background-color: transparent;
            color: white;
            border-radius: 4px;
            position: fixed;
            bottom: 0;
            right: 0;
            width: 40px;
            height: 40px;
            z-index: 100;
            white-space: 5px;
            padding-left: 0px;
        }
        .backToTop:hover {
            text-decoration: none;
            background-color: transparent;
            display: none;
        }
        .backToTop:active {
            text-decoration: none;
            background-color: transparent;
        }
      .backToTop img{
          display: none;
      }
        #odaberite1 {
            display: none;
        }
        #iskustvo {
            display: none;
        }
      
        .kvalitet-b {
            display: none;
        }
        .kvalitet-t {
            display: none;
        }
        .proizvod {
           
        }
        #p-content {
            color: aliceblue;
            position: relative;
            margin-top: -40%;
            padding: 5%;
          
      }
      #u-content{
          margin-top: 5%;
           border-left-style: solid;
            border-left-color: #9999CC;
            float: right;
            border-right-style: none;
            text-align: right;
            padding-left: 5%;
          padding-right: 3%;
          order: 1;
          margin-bottom: 10%;
      }
      
      .container > slika2{
          display: flex;
      }
      
      #proizvodSlika{
         
          position: relative;
          margin-top: 5%;
          margin-bottom: 1%;
          width: 100% !important;
          margin-left: auto;
          margin-right: auto;
          padding: 1px;
          
      }
        #redVrata {
           
            background-color: black;
            width: 100%;
            text-align: center;
            margin: auto 0;
            vertical-align: middle;
            
        }
    
    .linkVrata{
        color: #cccccc;
        font-family: 'Lato', sans-serif;
        text-align: left;
        font-size: 15pt;
    }
      
       
      #proizvodiTabela img{
          margin-top: 5%;
          margin-left:auto;
          margin-right: auto;
          
      }
    
    
    
  
    #proizvodiTabela td{
      
    }
     #proizvodiTabela a{
 font-size:8pt; 
        
}
    
    
      #proizvodiTabela table{
          padding: 0;
          margin-top: 3%;
          width: 100%;
          margin-left: 0 !important;
        
          
      }
   
    #proizvodiTabela{
        width: 100%;
     
       
    }
      
      
        #we-belive {
         
        }
      
      #btnFooter{
          margin: 2%;
      }
          
      #we-belive> img{
          
          position: relative;
          margin-bottom: 15%;
      }
        #vjerujemo {
            text-align: center;
            color: white;
            position: relative;
            font-size: 20pt;
            margin-top: -35%;
            padding: 1%;
            
            
            
           
        }
        .reference-b {
            display: none;
        }
        .reference-t {
            display: none;
        }
        .scrole {
            display: none;
           
        }
        #linkLogo {
            display: none;
        }
        #UV {
           padding-left: 4%;
           
            
            
        }
    #UV img{
       
        margin-left: auto;
        margin-right: auto;
        
    }
    #UV .col-lg-3{
        display: inline-block;
        width: 24%;
        margin-right: auto;
        margin-left: auto;
    }
   
      
      #ulaznavrataP{
          margin-top: 10%;
            width: 100%;
            border-right-style: solid;
            border-right-color: #9999CC;
            margin-bottom: 7%;
            height: 30vh; 
          padding-top: 5%;
      }
      
      
      #kontactNaslov{
          margin-top: 3%;
          margin-bottom: 3%;
          color: #666666;
          font-size: 1.3em;
          text-decoration: underline;
      }
      .footer-list{
          text-align: center;
          margin-bottom: 3%;
          width: 100%;
      }
    /*------------------
    #footerlist1 a{
        color: #666666;
         font-size: 1.3em;
    }
    
    -------------------*/
    #footerlist1{
        display: none;
    }
    
    #footerlist2 li{
        padding-left: 0 !important;
    }
     #footerlist3 li{
        color: #666666;
         font-size: 1.3em;
    }
      
      .contactForma{
   width: 50%;
          margin-left: 35%;
      }
    
      .contactForma input{
          margin-bottom: 2% !important;
         
      }
       .contactForma .button{
          background-color: #cccccc;
            border-radius: 5px;
           height: 35px;
           margin-bottom: 10% !important;
           color: black;
      }
  
      
      #contactForm{
          color: #666666;
         font-size: 1.3em;
         margin-top: 10%;
          vertical-align: middle;
          text-align: center;
          text-decoration: underline;
         margin-left: auto;
          margin-right: auto;
         
      }
    #map{
        width: 100% !important;
    }
      
      .coppyright >img{
         
          padding-bottom: 5%;
          margin-bottom: 5%;
          margin-left: auto;
          margin-right: auto;
          
      }
      .coppyright p{
          text-align: center !important;
          font-size: 70% !important;
          color: #666666;
      }
    
     /* ----- loading ----- */
    
    #loaderText{
        font-size: 10pt;
        position: absolute;
        right: 10%;
        left: 10%;
        z-index: 1;
        padding-top: 10%;
        padding-bottom: 20%;
        text-align: center;
        padding-right: 1.5%;
    }
    
     #loader h1 {
 
       color: rgba(0, 0, 0, 1);
            font-family: "sansBold";
              margin-bottom: -7.5%;
            letter-spacing: 2pt;
         padding-right: 1%;
         font-size: 22pt;
     }
     #loader h1:before {
          content: attr(data-text);
            position: absolute;
            overflow: hidden;
            max-width: 30%;
            white-space: nowrap;
            color: #fff;
            animation: loading 15s linear;
       letter-spacing: 2pt;
        
       
     }
    #h1naslov{
    
    }
    
    #loader{
       
        
            text-align: center;
            background-color: white;
   margin-top: -10%;
         font-size: 22pt;  
            
            width: 100%;
            height: 100%;
            position: fixed;
            z-index: 999;
     }
    
    
        /*-------- jezici ---------*/
     
      #h3Debeli{
        
         margin-top: -16%;
         display: none;
         
     }
     
     #odaberiteD{
         margin-top: -8%;
         display: none;
     }
     
     #kval-jezici{
        margin-top: 47%; 
         display: none;
     }
     
     #proizvod-jezici td{
         padding-left: 4.2%;
         text-align: center;
     }
     #proizvod-jeziciE {
        
         width: 90%;
         margin-left: 2%;
         margin-right: 2%;
         background-color: black;
         width: 100%;
         text-align: center;
         margin: auto 0;
         vertical-align: middle;
     }
     #proizvod-jeziciD {
         margin-left: 0;
         margin-right: 0;
         background-color: black;
         width: 100%;
         text-align: center;
         vertical-align: middle;
         margin-top: -5%;
        
     }
     
     #eleganz{
         padding-top: 8.9%;
         margin-right: 20%;
         display: none;
     }
    
     
     .modern1{
        margin-top: 40%;
         display: none;
       
     }
     .modern2{
        margin-top:-17%;
         display: none;
     }
     #choose1{
         margin-top: 8.3%;
         display: none;
     }
     .quality{
         margin-top: 1%;
        display: none;
     }
     #quality2{
         margin-left: 25%;
        margin-right: -4%;
         display: none;
     }
     #choose3{
         padding-right: 5%;
            margin-top: -8%;
         display: none;
     }
     #elegance{
         margin-left: 2%;
         margin-top: -5%;
         display: none;
     }
     
     #modern{
        margin-top: 46%;
         margin-right: 25%;
         display: none;
     }
    
   
      
    
    /*-----------------clanci----------------*/
   
    #coverTxtD  {
         padding-left: 9%;
        padding-right: 9%;
     }
    
    #coverTxt .h3Clanci {
        margin-left: 2%;
       padding-left: 1%;
        margin-right: 2%;
        margin-top: -12%;
        padding-top: 0;
        padding-right: 2%;
      
     }
   
    #coverTxt .h2Clanci {
       margin-right:2%;
       
     }
     #coverTxtD  .h3Clanci {
         margin-top: -12.5%;
     }
    
     #coverTxtE {
         display: inline;
     }
    #coverTxtE h2Clanci{
        float: left;
    }
    #coverTxtE h3Clanci{
        float: right;
    }
    /*______*/
    
    #coverTxt {
     margin-left: 0.2%;
    padding: 2%;
    }
    
    /*_______*/
    .h2Clanci{
        color: #999999;
         font-family: "sansHair";
         font-size: 2.5em;
         border-right: none;
        width: 50%;
        margin-left: 1.5%;
        
    }
    
     .h3Clanci {
         color: #999999;
         opacity: 0.5;
         font-family: "sansBlack";
         font-size: 2.5em;
         border-right: none;
         text-align: right;
        margin-right: 1%;
         
        
     }
    
    
    .pricaSlika{
      display: none;
    }
    
     .naslovi-clanaka {
         font-family: "sansBold";
         font-weight: 800;
         margin-left: 6%;
         font-size: 2em;
         letter-spacing: 4pt;
         color: black;
     }
    #cover2{
        padding-left: 5%;
       
    }
    .porodica{
      
        padding: 1%;
        
    }
    .porodica p{
       font-size: 17pt;
        margin-right: 5%;
        padding-left: 5% !important;
    }
    .porodica h1{
      
        margin-left: 1%;
    }
    
    #uslugeCoverTxt .h2Clanci{
        padding-left: 8%;
        
    }
    #uslugeCoverTxt .h3Clanci{
        padding-right: 8%;
       
    }
    #uslugeCoverTxtD{
        display: inline;
    }
    
    .uslugenaslov1{
        font-size: 2.5em;
    }
    .uslugenaslov2{
        font-size: 2.5em;
    }
    .experience{
        margin-right: 9% !important;
    }
    
    /*-------------------MATERIJALI----------------*/
    .table-responsive{
         display:flex;
      flex-wrap: wrap;
    }
    
    #tabelaMaterijalaAluminij{
     
    }
    
    #tabelaMaterijalaAluminij tr{
      
      flex-grow: 1;
      width: 100%;
      overflow: hidden;
      display: inline;
      margin-left: 1%;
        margin-right: 1%;
        margin-top: 1%;
      
    }
   
    #tabelaMaterijalaAluminij td{
        width: 15%;
        height: 25%;
        display: inline-block;
        padding-left: 1%;
        padding-right: 1%;
        margin-top: 1%;
    }
    
    .stakloTabela td{
        padding-top: 3%;
        margin: auto 0;
        vertical-align: top;
    }
    
    #ikona{
    padding-left: 4%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 3px;
    background-color: rgba(0, 0, 0, .9);
    position: fixed;
    top: 85px;
    right: 1px;
    bottom: 0;
    z-index: 1;
   height: 10%;
    
    }
    #ikona2{
        display: none;
    }
     #ikona3{
        display: none;
    }
    .sidebarProzori{
        right: 13%;
        position: fixed;
        background-color: rgba(0, 0, 0, .9);
        text-align: center;
        font-family: 'Lato',sans-serif;
        letter-spacing: 2px;
        padding: 1%;
        line-height: 1;
        z-index: 1;
        display: none;  
        width: 87%;
        font-size: 10pt;
        
    }
    #sidebar{
        display: none;
      
    }
   
    #slideLiTop{
        border-bottom:  3px solid;
        padding: 2%;
        
    }
    #tehnickiPodaci{
        margin-top: 15%;
        padding-top: 15%;
        
    }
     #tehnickiPodaci h1{
         margin-left: 4%;
    }
    .horizontalnavVrata{
    display: inline-flex;
    list-style: none;
    text-decoration: none;
    text-align: left;
    border-style: solid;
    border-width: thin;
    border-color: transparent;
    background-color: rgba(0, 0, 0, .8);
    color: white;
    border-radius: 2px;
    position: fixed;
    bottom: 0;
    left: 1px;
    z-index: 11100;
    width: 96%;
    margin-right: 2%;
    margin-left: 1px;
    padding-left: 0;
    }
      .horizontalnavVrata li {
    
     border-right: 1px solid;
    border-color: gainsboro;     
        display: inline;
      
          text-align: center;
         
          float: left;
          padding:2%;
          margin: auto 0;
          vertical-align: middle;
          line-height: 1;
          width: 100%;
    }
     .horizontalnavVrata li:last-child {
         border-right: 0;
    }
    .horizontalnavVrata a {
    
      margin-left: 10%;
        text-align: left;
        padding-right: 3%;
        vertical-align: middle;
      
        
    }
    
    #tehnickiPodaci p{
        padding-left: 4%;
        
    }
    
    
    /*--------------tehnicki podaci----------*/
    
    .podaci1{
        margin-bottom: 20%;
        margin-top: 10%;
        
    }
    .podaci1 p{
        margin-left: 44%;
        margin-top: -52%; 
        font-size: 13pt;         
        position: relative;
        z-index: 1;
        font-weight: 500;
        padding-bottom: 10%;
        padding-top: 3%;
        
    }
    .podaci1 img{
        height: 40vh;
        margin-top: 1%;
        margin-bottom: 5%;
    }
    
    #dugme1{
        width: 20%;
        float: right;
        margin-top: -15%;
        margin-right: 4%;
        position: relative;
        z-index: 1;
        margin-bottom: 1%;
    }
    
    
    .podaci2 img{
        margin-left: 4%;
        
        height: 50%;
    }
    
    .podaci2 p{
        margin-left: 4%;
        margin-right: 35%;
        margin-top: -30%;
        padding-bottom: 15%;
        font-size: 13pt;
    }
    .podaci2{
        margin-bottom: 10%;
    }
    
    #dugme3{
        width: 20%;
        float: left;
        margin-top: -20%;
        position: relative;
        z-index: initial;
        margin-left: 8%;
        margin-bottom: 15%;
       
    }
    
    .podaci3 p{
         margin-left: 44%;
        margin-top: -30%; 
        font-size: 12pt;
        padding-bottom: 20%;      
        margin-bottom: 5%;
        
    }
    
    .podaci3 img{
        height: 100%;
        
    }
    
    #dugme4{
        width: 20%;
        float: left;
        margin-top: -15%;
        position: relative;
        z-index: initial;
        margin-left: 8%;
        margin-bottom: 15%
    }
    
    #dugme5{
        width: 20%;
        float: right;
        position: relative;
        z-index: initial;
        margin-right: 4%;
        margin-top: -15%;
        margin-bottom: 15%;
       
    }
    
    
    /*------------ rukohvati----------*/
    
    #tabelaVrata{
        margin-top: 30%;
       
         display:flex;
      flex-wrap: wrap;
        margin-left: 2%;
        z-index: -25;
        
        
    }
    #tabelaVrata table{
        margin-top: 20%;
        margin-bottom: 20%;
    }
    
     #tabelaVrata tr{
      
      flex-grow: 1;
      width: 100%;
      overflow: hidden;
   
      margin-left: 1%;
        margin-right: 1%;
        margin-top: 1%;
      
    }
   
    #tabelaVrata td{
        width: 40%;
        height: 35%;
      
        padding-left: 3%;
        padding-right: 3%;
        margin-top: 1%;
        margin-left:4%;
        margin-right:4%;
    }
    #tabelaVrata h4{
        text-align: center;
        font-size: 12pt;
    }
    #tabelaVrata h5{
        text-align: center;
        font-size: 11pt;
    }
    
    #tabelaVrata p{
        font-size: 13pt;
    }
    
     #tabelaVrata .col-lg-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaVrata .col-sm-5{
         padding-left: 9% !important;
         width: 100%;
    }
    #tabelaVrata .col-sm-7{
    
         padding-left: 11% !important;
         width: 100%;
    }
     #tabelaVrata .col-lg-5{
         padding-left: 9% !important;
    }
    
     #tabelaRucki{
        margin-top: 30%;
       
         display:flex;
      flex-wrap: wrap;
        margin-left: 2%;
        z-index: -25;
        
        
    }
    #tabelaRucki table{
        margin-top: 20%;
        margin-bottom: 20%;
    }
    
     #tabelaRucki tr{
      
      flex-grow: 1;
      width: 100%;
      overflow: hidden;
   
      margin-left: 1%;
        margin-right: 1%;
        margin-top: 1%;
      
    }
   
    #tabelaRucki td{
        width: 40%;
        height: 35%;
      display: inline-flex;
        padding-left: 3%;
        padding-right: 3%;
        margin-top: 1%;
        margin-left:4%;
        margin-right:4%;
    }
    #tabelaRucki h4{
        text-align: center;
        font-size: 12pt;
    }
    #tabelaRucki h5{
        text-align: center;
        font-size: 11pt;
    }
    
    #tabelaRucki p{
        font-size: 13pt;
    }
    
     #tabelaRucki .col-lg-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaRucki .col-sm-5{
         padding-left: 9% !important;
    }
    #tabelaRucki .col-sm-7{
    
         padding-left: 9% !important;
         
    }
     #tabelaRucki .col-lg-5{
         padding-left: 9% !important;
    }
    
   /*------------- prozori ------------*/
    
    .prozori{
        margin-top: 20%;
        padding-left: 8% !important;
        z-index: -1;
        padding-right: 5%;
    }
    .prviRed{
        margin-top: 20%;
    }
    .prozori h1{
        margin-left: auto;
        margin-right: auto;
       
    }
    
     .prviRed2 p{
      margin-top: -10%;
         padding-bottom: 10%;
         
    }
    .prviRed2{
        margin-left: auto;
        margin-right: auto;
    }
    .prozori a{
         color: #99c;
        letter-spacing: 1.3px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 13pt;
       
        
    }
    .prozori p{
        font-size: 13pt;
         margin-left: auto;
        margin-right: auto;
    }
    .prozori img{
        width: 80%;
        margin-bottom: 7%;
        padding: 5%;
    }
    .prviRed p{
        
        margin-top: -25%;
      
        
    }
    #prozori-detalj{
        margin-bottom: 10%;
    }
    
    .prozoriClanci {
    display:-webkit-flex;
   align-items: left;
   justify-content: left;
   flex-direction: column;
   flex-wrap: wrap;
   flex-flow: column wrap;
   align-content:center;
        padding: 4%;
        margin: 4%;
    }
     .prozoriClanci .col-sm-7{
         width: 100%;    
    }
    .prozoriClanci h1 {
        margin-left: -1%;
    }
    
    #prozor-dugme{
        display: inline-flex;
        width: 60%;
        margin-left: 5%;
    }
     #prozor-dugme img{
       
        width: 30%;
         height: 30%;
         margin-right: 2%;
         margin-left: 2%;
    }

    .prozoriClanci a {
        color: #cccccc;
        padding-left: 2%;
    }
    .sSistemiParagraf {
         text-align: center;
         padding-right: 40%;
         margin-top: -50px;
     }
     .sSistemi {
         border: 1px solid;
         border-color: rgba(153, 153, 153, 0.44);
         padding-bottom: 70px;
        margin-left: 0;
    }
    
    
    /*-------- VRATA --------*/
    
    
    .vratacontainer3 p{
       padding: 2%; 
    }
    .vratacontainer2 p{
       padding: 2%; 
    }
    
      #tr1,
      #tr2,
      #tr3,
      #tr4,
      #tr5,
      #tr6,
      #tr7,
      #tr8,
      #tr9,
      #tr10,
      #tr11,
      #tr12,
      #tr13 {
       
        display: inline-flex;
    }
    
    
    
    
    /*------ PREUZIMANJA --------*/
    
    .vratacontainerdown{
      
        padding:3%;
        padding-left: 7%;
        
    }
    
    .vratacontainerdown a{
        text-decoration: underline;
    }
    
    
}





/* ---------------- iPad Pro ------------------ */


/* -------------------------------------------*/


/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media 
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

}

/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 

}

/* Landscape */
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 

}


/* -------------------------------------- */


/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

}

/* Portrait */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 601px) 
  and (device-height: 906px) 
  and (-webkit-min-device-pixel-ratio: 1.331) 
  and (-webkit-max-device-pixel-ratio: 1.332) 
  and (orientation: landscape) {

}



/*-------------------------------------- */





 @font-face {
     font-family: "sansHair";
     src: url("../fonts/Corporative Sans Hair.otf");
 }
 
 @font-face {
     font-family: "sansMedium";
     src: url("../fonts/Corporative Sans Medium.otf");
 }
 
 @font-face {
     font-family: "sansRegular";
     src: url("../fonts/Corporative Sans Regular.otf");
 }
 
 @font-face {
     font-family: "sansBlack";
     src: url("../fonts/Corporative Sans Black.otf");
 }
 
 @font-face {
     font-family: "sansBold";
     src: url("../fonts/Corporative Sans Bold.otf");
 }
 
 @font-face {
     font-family: "sansLight";
     src: url("../fonts/Corporative Sans Light.otf");
 }
 
 @media screen and (min-width:1290px) {
     .navbar-inverse .navbar-nav>li>a {
         letter-spacing: 2px;
         font-family: 'Lato', sans-serif;
         font-size: .9em;
         color: #666666;
         text-align: -webkit-center;
     }
 }
 
 @media screen and (min-device-width:1290px) and (max-device-width: 1990px) {
      .close1 {
         margin-top: -3%;
         border: 1px solid rgba(0, 0, 0, 0);
         color: white !important;
         border-radius: 4px;
         background-color: rgba(0, 0, 0, .5);
         width: 4.8%;
         margin-left: 100.5%;
         
     }
    .close1 :hover{
        color: darkgray;
           cursor: pointer;
    }
     #materijalig1 {
         width: 70%;
     }
     #materijalig1>.col-lg-9>.container {
         width: 140%;
     }
     .prozorclanakN {
         margin-top: -5%;
     }
     .reference1 img {
         float: right;
     }
     .usluge1 img {
         float: right;
     }
     .referenceP {
         font-family: 'Lato' sans-serif;
         font-size: 12.8pt;
         font-weight: bold;
         padding: 120px;
     }
     #z1,
     #z2,
     #z3,
     #z4,
     #z5,
     #z6,
     #z7,
     #z8,
     #z9,
     #z10,
     #z11,
     #z12,
     #z13,
     #z14,
     #z15,
     #z16,
     #z17,
     #z18,
     #z19,
     #z20,
     #z21,
     #z22,
     #z23,
     #z24,
     #z25,
     #z26,
     #z27,
     #z28,
     #z29,
     #z30,
     #z31,
     #z32,
     #z33,
     #z34,
     #z35,
     #z36,
     #z37,
     #z38,
     #z39,
     #z40,
     #z41,
     #z42,
     #z43,
     #z44,
     #z45,
     #z46,
     #z47,
     #z48,
     #z49,
     #z50,
     #z51,
     #z52 {
         height: 60vh;
         display: none;
         background-color: rgba(0, 0, 0, .1);
         border: 1px solid gray;
     }
     #z1 img,
     #z2 img,
     #z3 img,
     #z4 img,
     #z5 img,
     #z6 img,
     #z7 img,
     #z8 img,
     #z9 img,
     #z10 img,
     #z11 img,
     #z12 img,
     #z13 img,
     #z14 img,
     #z15 img,
     #z16 img,
     #z17 img,
     #z18 img,
     #z19 img,
     #z20 img,
     #z21 img,
     #z22 img,
     #z23 img,
     #z24 img,
     #z25 img,
     #z26 img,
     #z27 img,
     #z28 img,
     #z29 img,
     #z30 img,
     #z31 img,
     #z32 img,
     #z33 img,
     #z34 img,
     #z35 img,
     #z36 img,
     #z37 img,
     #z38 img,
     #z39 img,
     #z40 img,
     #z41 img,
     #z42 img,
     #z43 img,
     #z44 img,
     #z45 img,
     #z46 img,
     #z47 img,
     #z48 img,
     #z49 img,
     #z50 img,
     #z51 img,
     #z52 img {
         min-width: 140%;
     }
     #fd01a {
         display: none;
     }
     #expand-jump-1 {
         margin-left: 25%;
         margin-top: -70px;
     }
     .naziv{
         color: black;
         font-weight: bolder;
     }
     .vratacontainerdown {
         margin-left: 100px;
         padding-right: 100px;
         width: 90%;
     }
     .sSistemiParagraf {
      
    text-align: center;
    padding-right: 10%;
    margin-top: -50px;

     }
     .sSistemi {
         border: 1px solid;
         border-color: rgba(153, 153, 153, 0.44);
         padding-bottom: 70px;
         margin-right: 20px;
     }
     .prviRed h5 {
         font-family: 'Lato', sans-serif;
         font-size: 13pt;
     }
     .prviRed a>p {
         color: #cccccc;
     }
     .porodica h1 {
         padding-left: 15px;
         padding-bottom: 25px;
     }
     #podaci11 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #dugme1 {
         margin-left: 50%;
         margin-top: -10px;
         margin-bottom: -10px;
     }
     #podaci12 {
         float: right;
         margin-bottom: 30px;
     }
     #podaci14 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #podaci15 {
         padding-top: 70px;
     }
     #podaci16 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #dugme3 {
         margin-top: -200px;
         margin-left: 680px;
     }
     #podaci17 {
         float: right;
         padding-top: 100px;
     }
     #podaci18 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #dugme4 {
         padding-top: 250px;
         margin-left: 80px;
     }
     #podaci19 {
         padding-top: 100px;
     }
     #podaci20 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     #dugme5 {
         margin-left: 680px;
         margin-top: -30px;
     }
     .miBrinemo {
         margin-top: -30px;
         margin-left: -5px;
     }
     .vratacontainer {
         margin-left: 200px;
         padding-right: 100px;
         width: 70%;
     }
     .vratacontainer3 {
         margin-left: 200px;
         padding-right: 100px;
         width: 70%;
     }
     .preuzimanja1 {
         margin-top: -115px;
         padding-bottom: 120px;
         padding-left: 5%;
     }
     .podaci14 {
         margin-left: 350px;
         margin-top: -250px;
         padding-right: 30px;
     }
     .nasaPrica1 {
         margin-top: -130px;
         padding-bottom: 150px;
         padding-left: 1%;
     }
     .usluge1 {
         margin-top: -130px;
         padding-bottom: 120px;
         padding-right: 3%;
     }
     .reference1 {
         margin-top: -150px;
         padding-bottom: 150px;
         float: right;
     }
     #slika1 {
         padding-left: 60px;
     }
     #l1 {
         width: 100%;
         height: 100%;
     }
     .katalog1 {
         float: right;
     }
     .katalog2 {
         float: right;
         margin-right: -70px;
         padding-top: 50px;
     }
     .vratacontainer {
         border-left: solid 3px;
         border-left-color: #9999cc;
     }
     vratacontainer2 {
         border: none;
         text-align: right;
         margin-left: 0;
     }
     .vratacontainer3 {
         padding: 5px;
         border-right: solid 3px;
         border-right-color: #9999cc;
     }
     .vratacontainer4 {
         border: none;
         text-align: left;
     }
     .vratacontainer h1,
     .vratacontainer2 h1,
     .vratacontainer3 h1,
     .vratacontainer4 h1 {
         padding: 15px;
     }
     .vratacontainer p,
     .vratacontainer2 p,
     .vratacontainer3 p,
     .vratacontainer3 p {
         padding: 25px;
     }
     .prviRed2 {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
         border-collapse: separate;
         border-spacing: 5px;
         text-align: center;
     }
     .prviRed2 td {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
     }
     .prviRed2 p {
         margin-top: 10px;
         color: #cccccc;
     }
      .prviRed2 a {
     color: #cccccc;
 }
     #ikona {
         height: 100px;
         padding-left: 100px;
         padding-top: 3px;
         padding-bottom: 3px;
         padding-right: 3px;
         background-color: rgba(0, 0, 0, .5);
         position: fixed;
         top: 100px;
         left: 1px;
         bottom: 0;
         z-index: 1;
     }
     #ikona3 {
         height: 100px;
         padding-left: 100px;
         padding-top: 3px;
         padding-bottom: 3px;
         padding-right: 3px;
         background-color: rgba(0, 0, 0, .5);
         position: fixed;
         top: 100px;
         left: 1px;
         bottom: 0;
         z-index: 1;
     }
     #ikona2 {
         padding-top: 30px;
         position: fixed;
         top: 100px;
         color: white;
         font-size: 1em;
         text-align: left;
         padding-left: 3px;
         z-index: 1;
     }
     #ikona23 {
         padding-top: 30px;
         position: fixed;
         top: 100px;
         color: white;
         font-size: 1em;
         text-align: left;
         padding-left: 3px;
         z-index: 1;
     }
     #sidebar {
         padding-top: 10px;
         width: 16%;
         display: none;
         z-index: 1;
     }
     #sidebar a {
         color: #fff;
         text-decoration: none;
         font-family: 'Lato', sans-serif;
         font-size: 1em;
     }
     #sidebar a:hover {
         font-weight: bold;
     }
     #sidebar li {
         border-bottom: 3px solid;
         padding: 10px;
     }
     #sidebar3 {
         padding-top: 10px;
         width: 16%;
         display: none;
         z-index: 1;
     }
     #sidebar3 a {
         color: #fff;
         text-decoration: none;
         font-family: 'Lato', sans-serif;
         font-size: 1em;
     }
     #sidebar3 a:hover {
         font-weight: bold;
     }
     #sidebar3 li {
         border-bottom: 3px solid;
         padding: 10px;
     }
     .sidebarProzori {
         /*    margin-top: -92vh; */
         list-style: none;
         opacity: 0.8;
         position: fixed;
         top: 210px;
         bottom: 0;
     }
      .horizontalnavVrata {
     list-style: none;
     text-decoration: none;
     text-align: center;
     border-style: solid;
     border-width: thin;
     border-color: transparent;
     background-color: rgba(0, 0, 0, .8);
     color: white;
     border-radius: 4px;
     position: fixed;
     bottom: 0;
     left: 15%;
     z-index: 100;
     white-space: 5px;
     padding-bottom: 10px;
     padding-top: 10px;
     margin-bottom: -3px;
     width: 70%;
     display: table;
 }
 
 .horizontalnavVrata li {
     width: 100% vertical-align: middle;
     float: left;

     border-right: 1px solid;
     border-color: gainsboro;
     display: table-cell;
     width:25%;
     
 }
      .horizontalnavVrata li a {
     text-decoration: none;
     font-size: 12px;
     letter-spacing:0px;
     color: white;
     text-align: center;
    
 }

     .horizontalnavVrataModeli {
         list-style: none;
         text-decoration: none;
         text-align: center;
         border-style: solid;
         border-width: thin;
         border-color: transparent;
         background-color: rgba(0, 0, 0, .8);
         color: white;
         border-radius: 4px;
         padding-top: 10px;
         padding-bottom: 30px;
         padding-left: 30%;
     }
     .horizontalnavVrataModeli li {
         float: left;
     }
     .horizontalnavVrataModeli li a {
         text-decoration: none;
         font-size: 12pt;
         display: block;
         color: white;
         text-align: center;
         padding-right: 2.5%;
         padding-left: 2%;
         border-right: 1px solid;
         border-color: gainsboro;
     }
     #slideLiTop {
         background-color: black;
         text-align: center;
         font-size: 8pt;
     }
     #loaderText {}
     .naslovi-clanaka {
         font-family: "sansMedium";
         color: #9999cc;
         font-weight: 800;
     }
     #loader h1 {
         color: rgba(0, 0, 0, 1);
         font-family: "sansBold";
         margin-bottom: -41px;
         letter-spacing: 4pt;
     }
     #loader h1:before {
         content: attr(data-text);
         position: absolute;
         overflow: hidden;
         max-width: 100%;
         white-space: nowrap;
         color: #fff;
         animation: loading 7s linear;
     }
     @keyframes loading {
         0% {
             max-width: 0
         }
     }
     textarea {
         color: white;
     }
     #cover2 {
         padding-left: 20px;
     }
     .karakteristike-vrata>p {
         margin-left: 37%;
         text-align: left;
         font-size: 13px;
     }
     .donji-paragraf-vrata {
         width: 80%;
         margin-left: 5%;
         margin-bottom: -50px;
     }
     .donji-paragraf-vrata>p {
         font-size: 10px;
     }
     .row {
         margin-right: 0;
     }
     #loader {
         background-image: url(../img/loading.png);
         text-align: center;
         background-color: white;
         margin-top: -80px;
         width: 100%;
         height: 100%;
         position: fixed;
         z-index: 999;
     }
     
        #loader {
            background-image: url(../img/loading.png);
             -webkit-animation-delay: 5s; /* Safari 4.0 - 8.0 */
    animation-delay: 5s;
        }
        .test2{
            margin-top: 300px;
            align-content: center;
        }
        .l1{
            margin: auto;
        }
     #cover {
         margin-left: 0;
         margin-right: 0;
         padding-left: 1px;
         padding-right: 1px;
         width: 100%;
     }
     #coverTxt {
         display: inline;
     }
     #coverTxt h2 {
         padding-top: 0;
         padding-left: 0px;
         ;
     }
     #coverTxt h3 {
         text-align: left;
         margin-top: -90px;
         ;
         padding-left: 400px;
     }
     #article {
         margin-left: 0;
         margin-right: 0;
         padding-left: 100px;
         padding-right: 100px;
         width: 100%;
     }
     .prviRed {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
         border-collapse: separate;
         border-spacing: 5px;
         text-align: center;
     }
     .prviRed td {
         border-style: solid;
         border-color: transparent;
         border-width: thick;
     }
     .prviRed p {
         margin-top: -56px;
     }
     /*Odavdje je djelomicno responsive*/
     .vertical-line {
         float: left;
         padding-top: 5%;
     }
     #desno {
         border-right-style: solid;
         border-right-color: #9999CC;
         border-left-style: solid;
         border-left-color: transparent;
         padding-right: 2%;
     }
     .col-lg-3 h1 {
         padding-top: 5%;
     }
     #ulaznavrataP{
         padding-left: 5%;
     }
     #footer{
         margin-top: 5%;
     }
     .col-lg-12 {
         padding-top: 30px;
     }
     .our-story: scrol {
         float: right;
     }
     .nasa-prica {
         border-left-style: solid;
         border-left-color: #9999CC;
         padding-left: 5px;
     }
     h1 {
         font-family: "sansBold";
         font-size: 32pt;
         letter-spacing: 4pt;
     }
     h2 {
         color: #999999;
         font-family: "sansHair";
         font-size: 54pt;
         border-right: none;
     }
     h3 {
         color: #999999;
         opacity: 0.5;
         font-family: "sansBlack";
         font-size: 54pt;
         border-right: none;
     }
     p {
         font-family: 'Lato', sans-serif;
         font-size: 12pt;
     }
     a {
         font-family: 'Lato', sans-serif;
         letter-spacing: 2px;
         color: #9999cc;
         text-decoration: underline;
         padding-left: 15px;
     }
     .coppyright {
         text-align: center;
         position: static;
         bottom: 0;
     }
     .footer-list {
         margin-top: -280px;
         list-style: none;
         color: #999999;
         letter-spacing: 1pt;
         
     }
     footer {
         background-color: rgba(0, 0, 0, .9);
     }
     input {
         color: white;
         background-color: transparent;
         border-bottom-style: solid;
         border-bottom-color: #999999;
         border-left-color: transparent;
         border-top-color: transparent;
         border-right-color: transparent;
     }
     textarea {
         background-color: transparent;
         border-bottom-style: solid;
         border-bottom-color: #999999;
     }
     .button {
         border-top-color: grey;
         border-left-color: grey;
         border-right-color: grey;
         border-bottom-color: grey;
         background-color: grey;
         width: 150px;
         height: 40px;
         color: white;
     }
     .preuzimanja {
         border-left-style: solid;
         border-left-color: #9999CC;
         padding-left: 5px;
     }
     .preuzimanja h1 {
         font-family: "sansBold";
         font-size: 34pt;
         letter-spacing: 4pt;
     }
     #elegancija {}
     #we-belive {
         width: 100%;
         padding-bottom: 10%;
     }
     #we-belive h1 {
         position: relative;
         font-family: "sansBold";
         color: white;
         font-size: 36px;
         margin-top: -300px;
         padding-bottom: 160px;
         text-align: center;
     }
     #PROIZVODI {
         width: 100%;
     }
     #p-content {
         padding-left: 70px;
         margin-top: -400px;
         color: white;
     }
     #spec-tekst1 h2 {
         text-align: right;
     }
     #spec-tekst1 {
         margin-top: -200px;
     }
     #spec-tekst2 {
         padding-right: 90px;
         margin-top: -1px;
     }
     #u-content {
         border-right: 4px solid;
         border-right-color: #9999cc;
     }
     #u-content p,
     #u-content h1 {
         padding-right: 20px;
     }
     #r-content {
         border-right: 4px solid;
         border-right-color: #9999cc;
     }
     #r-content p,
     #r-content h1 {
         padding-right: 20px;
     }
     .kvalitet-b {}
     .kvalitet-t {
         text-align: right;
         padding-right: 40px;
     }
     .reference-b {}
     .reference-t {
         text-align: right;
         padding-right: 30px;
     }
     #proizvodiTabela {
         margin-top: -300px;
         padding-left: 50px;
     }
     #proizvodiTabela p {
         text-align: left;
         vertical-align: top;
         padding-left: 50px;
     }
     .refNaslov{
         padding-left: 5%;
     }
     .test1{
         display: none;
     }
     .linkVrata {
         padding-left: 0px;
         text-align: left;
         font-family: 'Lato', sans-serif;
         font-size: .85em;
         color: #CCCCCC;
         text-decoration: none;
     }
     .prozoriClanci {
         padding-left: 10px;
         padding-top: 1%;
     }
     .prozoriClanci h1 {
         margin-top: -1%;
     }
     .linkVrata:hover .linkVrata:active {
         color: #9999cc;
         opacity: 0.3;
         text-decoration: none;
         border-bottom-style: solid;
         border-bottom-width: thick;
         border-bottom-color: #9999cc;
     }
     #preuzimanjeimg {
         padding-left: 74px;
     }
     #theDors {
         position: relative;
         margin: 0 auto;
     }
     #redVrata td {
         padding-left: 25px;
         text-align: left;
     }
     #redVrata {
         margin-top: 30px;
         margin-left: 45px;
     }
     .backToTop {
         opacity: 0.5;
         text-decoration: none;
         text-align: left;
         border-style: solid;
         border-width: thin;
         border-color: transparent;
         background-color: transparent;
         color: white;
         border-radius: 4px;
         font-size: 22pt;
         margin: 4px;
         position: fixed;
         bottom: 0;
         right: 0;
         width: 40px;
         height: 40px;
         z-index: 100;
     }
     .backToTop:hover {
         text-decoration: none;
         background-color: transparent;
     }
     .backToTop:active {
         text-decoration: none;
         background-color: transparent;
     }
     .scrole {
         text-decoration: none;
         text-align: center;
         background-color: transparent;
         color: white;
         border-radius: 4px;
         font-size: 28pt;
         margin: 4px;
         position: relative;
         bottom: 0;
         right: 0;
         left: 48%;
         top: -115px;
         width: 40px;
         height: 40px;
         z-index: 100;
     }
     .footer-list a {
         text-decoration: none;
         color: #999999;
         font-weight: lighter;
         padding-left: 0px;
     }
     #iH5 {
         text-align: right;
         padding-right: 2%;
         margin-top: -20px;
         float: right;
         font-family: "sansHair";
         width: 10%;
     }
     #iH5 a {
         text-decoration: none;
         color: gray;
         font-family: "sansHair";
     }
     #iH5 a:active {
         font-weight: 50;
     }
     #iH5 a:hover {
         font-family: "sansBold";
     }
     .jezik {
         font-family: "sansBold" !important;
     }
     .nav .navbar-nav a {
         text-decoration: none;
     }
     #kolUlaznaVrataLink {
         padding-left: 0px;
     }
     #kontactNaslov {
         font-size: 12pt;
         font-weight: bold;
     }
     #linkLogo:hover {
         border-bottom: none;
     }
     #tabelaVrata {
         width: 90%;
         padding: 110px;
     }
     .vrataTabela {
         padding: 6px;
         border-style: solid;
         border-color: rgba(153, 153, 153, 0.44);
         border-width: thin;
         text-align: center;
     }
     .vrataTabela h5 {
         font-family: 'Lato', sans-serif;
     }
     .vrataTabela h4 {
         font-family: 'Lato', sans-serif;
     }
     .vrataTabela h5 {
         color: #333333;
     }
     .vrataTabela h4 {
         color: #CCCCCC;
     }
     #tehnickiPodaci {
         padding-left: 200px;
     }
     #tabelaMaterijalaAluminij td {
         padding: 2px;
     }
     #sideLi {
         background-color: gray;
     }
     #submenu1 li {
         background-color: gray;
     }
     #submenu2 li {
         background-color: gray;
     }
     #submenu3 li {
         background-color: gray;
     }
     #submenu4 li {
         background-color: gray;
     }
     #submenu5 li {
         background-color: gray;
     }
     #submenu6 li {
         background-color: gray;
     }
     #submenu7 li {
         background-color: gray;
     }
     #Navigacija1 {
         width: 100%;
         margin-top: -40px;
     }
     #Navigacija2 {
         width: 100%;
         margin-top: 30px;
     }
     .nav>li {
         width: 13%;
         position: relative;
         display: block;
         background-color: white;
     }
     #preuzimanjaNaslov {
         font-size: 32pt;
     }
     .contactForma {
         width: 350px;
     }
     #navSpan:hover,
     #navSpan:focus {
         padding-bottom: 10px;
         border-bottom: 3px solid #666666;
     }
     /*-------- jezici ---------*/
     #h3Debeli {
         margin-top: -16%;
     }
     #odaberite1 {}
     #kval-jezici {
         margin-top: 47%;
     }
     #proizvod-jezici td {
         padding-left: 4.2%;
         text-align: center;
     }
     #proizvod-jezici {
         margin-top: 30px;
         width: 90%;
         margin-left: 2%;
         margin-right: 2%;
         ;
     }
     #eleganz {
         padding-top: 4.2%;
         margin-right: 20%;
     }
     .modern1 {
         margin-top: 40%;
     }
     .modern2 {
         margin-top: -17%;
     }
     #choose1 {
         margin-top: 8.3%;
     }
     .quality {
         margin-top: 1%;
     }
     #quality2 {
         margin-left: 25%;
         margin-right: -4%;
     }
     #choose3 {
         padding-right: 5%;
         margin-top: -8%;
     }
     #elegance {
         margin-left: 2%;
         margin-top: -5%;
     }
     #modern {
         margin-top: 46%;
         margin-right: 25%;
     }
     #tabelaRucki {
         width: 90%;
         padding: 110px;
     }
 }
 /* ----------- Non-Retina Screens ----------- */
 
 @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {}
 /* ----------- Retina Screens ----------- */
 
 @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {}

@media screen and (min-width:1500px) {
  .refNaslov{
        padding-left: 15%:
    }
     .karakteristike-vrata {
         padding-left: 100px;
     }
     .velika_slika_u_prozorima {
         padding-top: 50px;
     }
     .close1 {
         margin-top: -3%;
         border: 1px solid rgba(0, 0, 0, 0);
         color: white !important;
         border-radius: 4px;
         background-color: rgba(0, 0, 0, .5);
         width: 4.8%;
         margin-left: 100.5%;
        
     }
    .close1 :hover{
        color: darkgray;
       cursor: pointer;
    }
 
 
 .model {
     color: darkgray;
     font-size: 2em;
 }
 
 .test1 {
     display: none;
 }
 
 #foterImg {
     height: 60%;
     width: 100%;
 }
 
 #footerlist1 a {
     padding-left: 0px;
 }
 
 footer .row {
     margin-top: 0%;
 }
 
 .navbar-inverse .navbar-nav>li>a {
     letter-spacing: 2px;
     font-family: 'Lato', sans-serif;
     font-size: 1em;
     color: #666666;
     text-align: -webkit-center;
 }
 
 .reference1 img {
     float: right;
 }
 
 .usluge1 img {
     float: right;
 }
 
 .prozoriClanci {
     padding-left: 10px;
     padding-top: 50px;
 }
 
 .prozorclanakN {
     margin-top: -5%;
 }
 
 #z1,
 #z2,
 #z3,
 #z4,
 #z5,
 #z6,
 #z7,
 #z8,
 #z9,
 #z10,
 #z11,
 #z12,
 #z13,
 #z14,
 #z15,
 #z16,
 #z17,
 #z18,
 #z19,
 #z20,
 #z21,
 #z22,
 #z23,
 #z24,
 #z25,
 #z26,
 #z27,
 #z28,
 #z29,
 #z30,
 #z31,
 #z32,
 #z33,
 #z34,
 #z35,
 #z36,
 #z37,
 #z38,
 #z39,
 #z40,
 #z41,
 #z42,
 #z43,
 #z44,
 #z45,
 #z46,
 #z47,
 #z48,
 #z49,
 #z50,
 #z51,
 #z52 {
     height: 60%;
     display: none;
     background-color: rgba(0, 0, 0, .1);
     border: 1px solid gray;
 }
 
 #z1 img,
 #z2 img,
 #z3 img,
 #z4 img,
 #z5 img,
 #z6 img,
 #z7 img,
 #z8 img,
 #z9 img,
 #z10 img,
 #z11 img,
 #z12 img,
 #z13 img,
 #z14 img,
 #z15 img,
 #z16 img,
 #z17 img,
 #z18 img,
 #z19 img,
 #z20 img,
 #z21 img,
 #z22 img,
 #z23 img,
 #z24 img,
 #z25 img,
 #z26 img,
 #z27 img,
 #z28 img,
 #z29 img,
 #z30 img,
 #z31 img,
 #z32 img,
 #z33 img,
 #z34 img,
 #z35 img,
 #z36 img,
 #z37 img,
 #z38 img,
 #z39 img,
 #z40 img,
 #z41 img,
 #z42 img,
 #z43 img,
 #z44 img,
 #z45 img,
 #z46 img,
 #z47 img,
 #z48 img,
 #z49 img,
 #z50 img,
 #z51 img,
 #z52 img {
     min-width: 140%;
 }
 
 #map {
     width: 98.5%;
     height: 400px;
 }
 
 .vratacontainerdown {
     margin-left: 100px;
     padding-right: 100px;
     width: 90%;
 }
 
 .sSistemiParagraf {
     text-align: center;
     padding-right: 50%;
     margin-top: -50px;
 }
 
 .sSistemi {
     border: 1px solid;
     border-color: rgba(153, 153, 153, 0.44);
     padding-bottom: 70px;
 }
 
 .prviRed h5 {
     font-family: 'Lato', sans-serif;
     font-size: 13pt;
 }
 
 .prviRed a>p {
     color: #cccccc;
 }
 
  .prviRed2 a {
     color: #cccccc;
 }
 
 #podaci11 {
     margin-left: 350px;
     margin-top: -250px;
     padding-right: 30px;
 }
 
 #dugme1 {
     margin-left: 50%;
     margin-top: -10px;
     margin-bottom: -10px;
 }
 
 #podaci12 {
     float: right;
     margin-bottom: 30px;
 }
 
 #podaci14 {
     margin-left: 350px;
     margin-top: -250px;
     padding-right: 30px;
 }
 
 #podaci15 {
     padding-top: 70px;
 }
 
 #podaci16 {
     margin-left: 350px;
     margin-top: -250px;
     padding-right: 30px;
 }
 
 #dugme3 {
     margin-top: -200px;
     margin-left: 680px;
 }
 
 #podaci17 {
     float: right;
     padding-top: 100px;
 }
 
 #podaci18 {
     margin-left: 350px;
     margin-top: -250px;
     padding-right: 30px;
 }
 
 #dugme4 {
     padding-top: 250px;
     margin-left: 80px;
 }
 
 #podaci19 {
     padding-top: 100px;
 }
 
 #podaci20 {
     margin-left: 350px;
     margin-top: -250px;
     padding-right: 30px;
 }
 
 #dugme5 {
     margin-left: 680px;
     margin-top: -30px;
 }
 
 .preuzimanja1 {
     margin-top: -115px;
     padding-bottom: 120px;
     padding-left: 5%;
 }
 
 .usluge1 {
     margin-top: -130px;
     padding-bottom: 150px;
     padding-right: 3%;
 }
 
 .reference1 {
     margin-top: -150px;
     padding-bottom: 150px;
 }
 
 .nasaPrica1 {
     margin-top: -130px;
     padding-bottom: 150px;
     padding-left: 1%;
 }
 
 #slika1 {
     padding-left: 60px;
 }
 
 #preuzimanjeimg {
     padding-left: 74px
 }
 
 #vjerujemo {
     margin: 0 auto;
 }
 
 #ikona {
     height: 100px;
     padding-left: 100px;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-right: 3px;
     background-color: rgba(0, 0, 0, .5);
     position: fixed;
     top: 100px;
     left: 1px;
     bottom: 0;
 }
 
 #ikona3 {
     height: 100px;
     padding-left: 100px;
     padding-top: 3px;
     padding-bottom: 3px;
     padding-right: 3px;
     background-color: rgba(0, 0, 0, .5);
     position: fixed;
     top: 100px;
     left: 1px;
     bottom: 0;
 }
 
 #ikona2 {
     padding-top: 30px;
     padding-left: 5px;
     position: fixed;
     top: 100px;
     color: white;
     font-size: 10pt;
     text-align: left;
 }
 
 #ikona23 {
     padding-top: 30px;
     padding-left: 5px;
     position: fixed;
     top: 100px;
     color: white;
     font-size: 10pt;
     text-align: left;
 }
 
 #sidebar {
     width: 16%;
     display: none;
     z-index: 1;
 }
 
 #sidebar a {
     color: #fff;
     text-decoration: none;
     font-family: 'Lato', sans-serif;
     font-size: 1.3em;
     letter-spacing: 2px;
 }
 
 #sidebar a:hover {
     font-weight: bold;
 }
 
 #sidebar li {
     border-bottom: 3px solid;
     padding: 10px;
     line-height: 2;
 }
 
 #sidebar3 {
     width: 16%;
     display: none;
     z-index: 1;
 }
 
 #sidebar3 a {
     color: #fff;
     text-decoration: none;
     font-family: 'Lato', sans-serif;
     font-size: 1.3em;
     letter-spacing: 2px;
 }
 
 #sidebar3 a:hover {
     font-weight: bold;
 }
 
 #sidebar3 li {
     border-bottom: 3px solid;
     padding: 10px;
     line-height: 2;
 }
 
 .sidebarProzori {
     /*    margin-top: -92%; */
     list-style: none;
     opacity: 0.8;
     position: fixed;
     top: 210px;
     bottom: 0;
 }
 

 
 .nav .navbar-nav a {
     text-decoration: none;
 }
 
 #Navigacija1 {
     width: 100%;
     margin-top: -40px;
 }
 
 #Navigacija2 {
     width: 100%;
     margin-top: 30px;
 }
 
 .horizontalnavVrata li {
     width: 150% vertical-align: middle;
   display: table-cell;
  border-right:1px solid;
  border-color:white;

  float:left;
  width:25%;
    
 }
 
  .horizontalnavVrata li a {
  text-align:center;
    border:none;
 
    
 }
 .horizontalnavVrata {
    list-style: none;
    text-decoration: none;
    text-align: center;
    border-style: solid;
    border-width: thin;
    border-color: transparent;
    background-color: rgba(0, 0, 0, .8);
    color: white;
    border-radius: 4px;
    position: fixed;
    bottom: 0;
    left: 15%;
    z-index: 100;
    white-space: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: -3px;
    width: 70%;
    display: table;
}
 
 .horizontalnavVrataModeli {
     list-style: none;
     text-decoration: none;
     text-align: center;
     border-style: solid;
     border-width: thin;
     border-color: transparent;
     background-color: rgba(0, 0, 0, .8);
     color: white;
     border-radius: 4px;
     padding-top: 10px;
     padding-bottom: 30px;
     padding-left: 30%;
 }
 
 .horizontalnavVrataModeli li {
     float: left;
 }
 
 .horizontalnavVrataModeli li a {
     text-decoration: none;
     font-size: 12pt;
     display: block;
     color: white;
     text-align: center;
     padding-right: 2.5%;
     padding-left: 2%;
     border-right: 1px solid;
     border-color: gainsboro;
 }
 
 #slideLiTop {
     background-color: black;
     text-align: left;
     font-size: 8pt;
 }
 
 #slideLiTop a {
     padding-left: 0px;
 }
 
 #loader {
     background-image: url(../img/loading.png);
        -webkit-animation-delay: 5s; /* Safari 4.0 - 8.0 */
    animation-delay: 5s;
 }
 
 .test2 {
     margin-top: 300px;
     align-content: center;
 }
 
 .l1 {
     margin: auto;
 }
 
 textarea {
     color: white;
 }
 
 #loader h1 {
     color: rgba(0, 0, 0, 1);
     font-family: "sansBold";
     margin-bottom: -40px;
     letter-spacing: 4pt;
 }
 
 #loader h1:before {
     content: attr(data-text);
     position: absolute;
     overflow: hidden;
     max-width: 70%;
     white-space: nowrap;
     color: #fff;
     animation: loading 7s linear;
 }
 
 @keyframes loading {
     0% {
         max-width: 0;
     }
 }
 
 #prozori-kontejner {
     width: 90%;
     margin-left: 15%;
     margin-right: 15%;
     margin-top: 5%;
 }
 
 #prozori-detalj {}
 
 .prozor-paragraf {
     font-size: 20px;
 }
 
 .prozori-naslov {
     color: lightgrey;
     margin: auto 0;
     font-size: 23px;
     width: 60%;
     margin-top: 25px;
     margin-left: 40px;
 }
 
 #prozori-detalj {
     float: left;
     margin-top: 50px;
 }
 
 .prozor-paragraf {
     margin-left: 40px;
     margin-top: 10px;
     font-size: 15px;
 }
 
 .preuzmite-katalog {
     font-size: 15px;
     margin-left: 40px;
 }
 
 #prozor-dugme> img {
     margin: auto 0;
     margin-bottom: 20px;
     float: right;
 }
 
 #prozori-kontejner {
     margin-left: 15%;
     width: 85%;
 }
 
 #footer {
     margin-top: -140px;
 }
 
 #iskustvo {}
 
 #odaberite1 {}
 
 .row {
     margin-right: 0;
 }
 
 #cover {
     margin-left: 0;
     margin-right: 0;
     padding-left: 1px;
     padding-right: 1px;
     width: 100%;
 }
 
 #coverTxt {
     display: inline;
 }
 
 #coverTxt h2 {
     padding-top: 0;
     padding-left: 0px;
     ;
 }
 
 #coverTxt h3 {
     text-align: left;
     margin-top: -90px;
     ;
     padding-left: 400px;
 }
 
 #article {
     margin-left: 0;
     margin-right: 0;
     padding-left: 100px;
     padding-right: 100px;
     width: 100%;
 }
 
 .prviRed {
     border-style: solid;
     border-color: transparent;
     border-width: thick;
     border-collapse: separate;
     border-spacing: 5px;
     text-align: center;
 }
 
 .prviRed td {
     border-style: solid;
     border-color: transparent;
     border-width: thick;
 }
 
 .prviRed p {
     margin-top: -56px;
 }
 
 #loader {
     text-align: center;
     background-color: white;
     margin-top: -80px;
     width: 100%;
     height: 100%;
     position: fixed;
     z-index: 999;
 }
 /*Odavdje je djelomicno responsive*/
 
 .vertical-line {
     float: left;
     padding-top: 5%;
 }
 
 #desno {
     border-right-style: solid;
     border-right-color: #9999CC;
     border-left-style: solid;
     border-left-color: transparent;
     padding-right: 2%;
 }
 
 .col-lg-3 h1 {
     padding-top: 5%;
 }
 
 .col-lg-12 {
     padding-top: 30px;
 }
 
 .nasa-prica {
     border-left-style: solid;
     border-left-color: #9999CC;
     padding-left: 5px;
 }
 
 h1 {
     font-family: "sansBold";
     font-size: 32pt;
     letter-spacing: 4pt;
 }
 
 h2 {
     color: #999999;
     font-family: "sansHair";
     font-size: 54pt;
     border-right: none;
 }
 
 h3 {
     color: #999999;
     opacity: 0.5;
     font-family: "sansBlack";
     font-size: 54pt;
     border-right: none;
 }
 
 p {
     font-family: 'Lato', sans-serif;
     font-size: 12pt;
     letter-spacing: 1.5px;
 }
 
 a {
     font-family: 'Lato'sans-serif;
     color: #9999cc;
     letter-spacing: 2px;
     text-decoration: none;
     padding-left: 15px;
 }
 
 .coppyright {
     position: relative;
     background-color: rgba(0, 0, 0, .9);
     text-align: center;
 }
 
 .coppyright p {
     margin-bottom: 0px;
     ;
 }
 
 .footer-list {
     margin-top: -200px;
     list-style: none;
     color: #999999;
     letter-spacing: 1pt;
     font-weight: lighter;
 }
 
 footer {
     background-color: rgba(0, 0, 0, .9);
 }
 
 input {
     color: white;
     background-color: transparent;
     border-bottom-style: solid;
     border-bottom-color: #999999;
     border-left-color: transparent;
     border-top-color: transparent;
     border-right-color: transparent;
 }
 
 textarea {
     background-color: transparent;
     border-bottom-style: solid;
     border-bottom-color: #999999;
 }
 
 .button {
     border-top-color: grey;
     border-left-color: grey;
     border-right-color: grey;
     border-bottom-color: grey;
     background-color: grey;
     width: 150px;
     height: 40px;
     color: white;
 }
 
 .preuzimanja {
     border-left-style: solid;
     border-left-color: #9999CC;
     padding-left: 5px;
 }
 
 .preuzimanja h1 {
     font-family: "sansBold";
     font-size: 34pt;
     letter-spacing: 4pt;
 }
 
 #elegancija {}
 
 #we-belive {
     width: 100%;
    
 }
 
 #we-belive h1 {
     position: relative;
     font-family: "sansBold";
     color: white;
     font-size: 36pt;
     margin-top: -360px;
     padding-bottom: 300px;
     text-align: center;
 }
 
 #PROIZVODI {
     width: 100%;
 }
 
 #p-content {
     padding-left: 70px;
     margin-top: -385px;
     color: white;
 }
 
 #spec-tekst1 h2 {
     text-align: right;
 }
 
 #spec-tekst1 {
     margin-top: -200px;
 }
 
 #spec-tekst2 {
     padding-right: 90px;
     margin-top: -1px;
 }
 
 #u-content {
     border-right: 4px solid;
     border-right-color: #9999cc;
 }
 
 #u-content p,
 #u-content h1 {
     padding-right: 20px;
 }
 
 #r-content {
     border-right: 4px solid;
     border-right-color: #9999cc;
 }
 
 #r-content p,
 #r-content h1 {
     padding-right: 20px;
 }
 
 .kvalitet-b {}
 
 .kvalitet-t {
     text-align: right;
     padding-right: 30px;
 }
 
 .reference1 {
     margin-top: -150px;
     padding-bottom: 150px;
 }
 
 .reference-b {}
 
 .reference-t {
     text-align: right;
     padding-right: 30px;
 }
 
 #proizvodiTabela {
     margin-top: -320px;
     padding-top: 60px;
     padding-left: 4%;
 }
 
 #proizvodiTabela p {
     text-align: center;
     vertical-align: top;
     padding-left: 5px;
 }
 
 .linkVrata {
     padding-left: 0px;
     text-align: left;
     font-family: 'Lato', sans-serif;
     font-size: 12px;
     line-height: 1.42857143;
     color: #CCCCCC;
     text-decoration: none;
 }
    .refNaslov{
        padding-left: 5%:
    }
 .linkVrata:hover .linkVrata:active {
     color: #9999cc;
     opacity: 0.3;
     text-decoration: none;
     border-bottom-style: solid;
     border-bottom-width: thick;
     border-bottom-color: #9999cc;
 }
 
 #theDors {
     position: relative;
     margin: 0 auto;
 }
 
 #redVrata td {
     padding-left: 30px;
     text-align: left;
 }
 
 #alinkovi {
     font-weight: bold;
 }
 
 #redVrata {
     margin-top: 50px;
     padding-left: 5px;
 }
 
 .backToTop {
     opacity: 0.5;
     text-decoration: none;
     text-align: left;
     border-style: solid;
     border-width: thin;
     border-color: transparent;
     background-color: transparent;
     color: white;
     border-radius: 4px;
     font-size: 22pt;
     margin: 4px;
     position: fixed;
     bottom: 0;
     right: 0;
     width: 40px;
     height: 40px;
     z-index: 100;
 }
 
 .backToTop:hover {
     text-decoration: none;
     background-color: transparent;
 }
 
 .backToTop:active {
     text-decoration: none;
     background-color: transparent;
 }
 
 .scrole {
     text-decoration: none;
     text-align: center;
     background-color: transparent;
     color: white;
     border-radius: 4px;
     font-size: 28pt;
     margin: 4px;
     position: relative;
     bottom: 0;
     right: 0;
     left: 48%;
     top: -115px;
     width: 40px;
     height: 40px;
     z-index: 100;
 }
 
 .footer-list a {
     text-decoration: none;
     color: #999999;
     font-weight: lighter;
 }
 
 #iH5 {
     text-align: right;
     padding-right: 2%;
     margin-top: -20px;
     float: right;
     font-family: "sansLight";
     width: 10%;
 }
 
 #iH5 a {
     text-decoration: none;
     color: gray;
     font-family: "sansLight";
 }
 
 #iH5 a:active {
     font-weight: 50;
 }
 
 #iH5 a:hover {
     font-family: "sansBold";
 }
 
 .jezik {
     font-family: "sansBold" !important;
 }
 
 .nav .navbar-nav a {
     text-decoration: none;
 }
 
 #kolUlaznaVrataLink {
     font-weight: bold;
     padding-left: 0px;
 }
 
 #kontactNaslov {
     font-size: 12pt;
     font-weight: bold;
 }
 
 #linkLogo:hover {
     border-bottom: none;
 }
 
 #tabelaVrata {
     width: 90%;
     padding-top: 10px;
     padding-left: 100px;
 }
 
 .vrataTabela {
     padding: 6px;
     border-style: solid;
     border-color: rgba(153, 153, 153, 0.44);
     border-width: thin;
     text-align: center;
 }
 
 .vrataTabela h5 {
     font-family: 'Lato', sans-serif;
     font-size: 13pt;
 }
 
 .vrataTabela h5 {
     color: #333333;
 }
 
 .vrataTabela h4 {
     color: #CCCCCC;
 }
 
 .donji-paragraf-vrata>p {
     font-size: 13px;
 }
 
 .miBrinemo {
     margin-top: -30px;
     margin-left: -5px;
 }
 
 .vratacontainer {
     margin-left: 200px;
     padding-right: 100px;
     width: 70%;
 }
 
 .vratacontainer3 {
     margin-left: 200px;
     padding-right: 100px;
     width: 70%;
 }
 
 .vrataTabela h4 {
     font-family: 'Lato', sans-serif;
 }
 
 #tehnickiPodaci {
     padding-left: 200px;
 }
 
 #tabelaMaterijalaAluminij td {
     padding: 2px;
 }
 
 #sideLi {
     background-color: gray;
 }
 
 #submenu1 li {
     background-color: gray;
 }
 
 #submenu2 li {
     background-color: gray;
 }
 
 #submenu3 li {
     background-color: gray;
 }
 
 #submenu4 li {
     background-color: gray;
 }
 
 #submenu5 li {
     background-color: gray;
 }
 
 #submenu6 li {
     background-color: gray;
 }
 
 #submenu7 li {
     background-color: gray;
 }
 
 #Navigacija1 {}
 
 #Navigacija2 {
     width: 96%;
     margin-top: 30px;
 }
 
 .nav>li {
     width: 13%;
     position: relative;
     display: block;
     background-color: white;
 }
 
 #preuzimanjaNaslov {
     font-size: 32pt;
 }
 
 .contactForma {
     width: 350px;
 }
 
 #navSpan:hover,
 #navSpan:focus {
     padding-bottom: 10px;
     border-bottom: 3px solid #666666;
 }
 
 .naslovi-clanaka {
     font-family: "sansMedium";
     color: #9999cc;
     font-weight: 800;
 }
 
 #tabelaRucki {
     width: 90%;
     padding: 110px;
 }
}