html{
     width:100%;
     height:100%;
     padding:0;
     margin:0;
     overflow: hidden;
     position: absolute;
    background: rgb(42,55,144);
}
 body{
     padding:0;
     display:none;
     width:100%;
     height:100%;
     margin:0;
     background-image: url(../img/back.jpg);
     z-index:0;
     background-size: 110%;
     position: absolute;
     font-family:'Inconsolata', sans-serif;
     overflow: hidden;
}

 .buttonclick{
     display:block;
     color:white;
     float:left;
     cursor: pointer;
     text-align: left;
     padding:10px;
     margin-left: 10%;
     clear:both;
     width:80%;
     border-left: 2px solid white;
     padding-left: 30px;
     transition: 0.3s;
     -webkit-transition:0.3s;
}
 .buttonclick:hover{
     padding-left:35px;
     border-left: 2px solid white;
     transition: 0.3s;
     -webkit-transition:0.3s;
}
 .menuholder{
     position:fixed;
     z-index:9999;
     width:300px;
     height:100%;
     top:0;
     left:0;
     background-color: rgba(255,255,255,0);
}
 .menuholder img{
     width:80%;
     margin-left: 10%;
     margin-bottom: 50px;
     margin-top: 20px;
}
 #section1{
     position:absolute;
     float:left;
     clear:both;
     top:0;
     opacity: 1;
}
 #section2{
     position:absolute;
     float:left;
     clear:both;
    top:0;
     opacity:1;
}
 #section3{
     position:absolute;
     float:left;
     clear:both;
     top:0;
     opacity:10;
}
 #section4{
     position:absolute;
     float:left;
     clear:both;
    top:0;
     opacity:1;
}
 #section5{
     position:absolute;
     float:left;
     clear:both;
     top:0;
     opacity:1;
}
 #section2 .imgHolder, #section2 .txtHolder{
     margin-top: 0;
     margin-bottom:0;
}
 .imgHolder{
     background-color: black;
     float:right;
     right:0;
     top:20px;
     height:50%;
     z-index:99;
     position: absolute;
     background-size:cover;
     background-position: top;
}
 .txtHolder{
     background-color: white;
     float:right;
     right:0;
     margin-right:40px;
     height:50%;
     bottom:3%;
     z-index:999;
     position: absolute;
     padding:20px;
     color:#273583;
     text-align: justify;
     hyphens: auto;
     -webkit-hyphens:auto;
     overflow: auto;
     font-size:16px;
     -webkit-box-shadow: 10px 10px 15px 1px rgba(41,41,41,0.62);
-moz-box-shadow: 10px 10px 15px 1px rgba(41,41,41,0.62);
box-shadow: 10px 10px 15px 1px rgba(41,41,41,0.62);
}
 .txtHolder h1{
     font-size:24px;
     margin-left:20px;
     font-weight: 700;
     margin-top: 15px;
     float:left;
}
 .txtHolder p{
     float: left;
     margin-top: 10px;
     clear: both;
}
 .txtHolder hr{
     width:150px;
     border-color:#273583;
     float:left;
     clear: both;
     border-width: 2px;
}
 #onamaimg{
     background-image: url(../img/onama.jpg);
}
 #uslugeimg{
     background-image: url(../img/usluge.jpg);
}
 #linkoviimg{
     background-image: url(../img/kontakt.jpg);
}
 .txtHolder img{
     width:50px;
     float:left;
}
 .txtHolder a{
     float:left;
     clear:both;
}
 .loader{
     position:fixed;
     width:30px;
     height:30px;
     left:50%;
     margin-left:-15px;
     top:50%;
     margin-top:-15px;
}
 .ikonaUsluge{
     width:14%;
     margin-left:1%;
     float:left;
     margin-top:30px;
}
 .ikonaUsluge h3{
     clear:both;
     text-align:center;
     font-size:15px;
     line-height:15px;
     margin-top:10px;
     padding-top:5px;
}
 .ikonaUsluge img{
     width:60%;
     margin-left: 20%;
}
 .rowHolder{
     width:100%;
     float:left;
     max-width:1440px;
     clear: both;
     margin-left: auto;
     margin-right: auto;
     display: block;
}


.topnav {
  overflow: hidden;
  background-color: #273583;
  z-index:999999;
  position: fixed;
  width:100%;
  display:none;
}

.topnav a {
  float: left;
  display: block;
  color: #fff !important;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
 color:white;
    opacity:0.8;
}



.topnav .icon {
  display: none;
}

.mobileOnly{
  display:none;
}



@media screen and (max-width: 991px) {
  .topnav{
    display: block;
  }
  .menuholder{
    display:none;
  }
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .ikonaUsluge{
      width:30%;
      margin-left:2.5%;
      float:left;
      margin-top:30px;
 }
 .ikonaUsluge:nth-child(4){
   clear: both;
 }
 .sectioner{
   overflow-scrolling: touch;
   -webkit-overflow-scrolling: touch;
   -moz-overflow-scrolling: touch;
 }

 .txtHolder{
   bottom:1%;
   height:48% !important;
 }
 .txtHolder img{
   width:30px;
 }
 .txtHolder h1{
   font-size: 18px;
 }


 .ikonaUsluge img{
     width:80%;
     margin-left: 10%;
 }

 b{
   float:left;
 }

 .mobileOnly{
   display:block;
 }
}



@media screen and (max-width: 1200px) {
.ikonaUsluge{
    width:30%;
    margin-left:2.5%;
    float:left;
    margin-top:30px;
}
.ikonaUsluge:nth-child(4){
 clear: both;
}




}


@media screen and (max-width: 768px) {
.ikonaUsluge{
    width:80%;
    margin-left:10%;
    float:left;
    margin-top:30px;
}

.ikonaUsluge img{
    width:80%;
    margin-left: 10%;
}



}