body{
     padding:0;
     margin:0;
     width:100%;
     height:100%;
     font-family: 'Cabin Condensed', sans-serif !important;
}
 .homeBody{
     background-color: #ddd;
}
 .langli{
     margin-left:10px;
     margin-top: 12px;
}
 .langli img{
     width:15px;
     margin:0;
     padding:0;
     margin-top:-3px;
}
 .langli img:hover{
     opacity:0.8;
     cursor: pointer;
}
 .langli span{
     font-size:15px !important;
}
 .langliprvi{
     padding-left: 40px !important;
}
 .langli a{
     margin:0;
     padding-left:0 !important;
     padding-right:0 !important;
}
 .menutopper{
     width:100%;
     transition: 0.3s;
     margin-bottom: 2px;
}
 .navbar li:hover .mentop1{
     color:#008ecb !important;
     transition: 0.3s;
}
 .navbar li:hover .mentop2{
     color:#008ecb !important;
     transition: 0.3s;
}
 .navbar li:hover .mentop3{
     color:#008ecb !important;
     transition: 0.3s;
}
 .navbar li:hover .mentop4{
     color:#008ecb !important;
     transition: 0.3s;
}
 .navbar li:hover .mentop5{
     color:#008ecb !important;
     transition: 0.3s;
}
 .navbar li:hover{
     color:#008ecb !important;
     transition: 0.3s;
}
 .navbar li .mentop1selected{
     height:7px;
     margin-bottom: 8px;
     cursor: default;
}
 .navbar li .mentop2selected{
     height:7px;
     margin-bottom: 8px;
     cursor: default !important;
}
 .navbar li .mentop3selected{
     height:7px;
     margin-bottom: 8px;
     cursor: default;
}
 .navbar li .mentop4selected{
     height:7px;
     margin-bottom: 8px;
     cursor: default;
}
 .navbar li .mentop5selected{
     height:7px;
     margin-bottom: 8px;
     cursor: default;
}
 .navbar-default .navbar-nav > li > a{
     color:#333;
     font-size: 24px;
}
 .navbar-default .navbar-nav > li > a:hover{
     color:#008ecb;
     transition: 0.5s;
}
 .navbar-brand img{

     margin-top: -10px;

}
 .navbar-brand img.maxer{
     width:400px;
     transition: 0.8s;
     margin-top: 30px;
     margin-left: auto;
     margin-right: auto;
}
 .navbar-default{
     background-color: transparent;
     border:none !important;
}
 .navbar .navbar-nav {
     display: inline-block;
     float: none !important;
     vertical-align: top;
}
 .navbar .navbar-collapse {
     text-align: center;
}
 .navbar-brand{
     height:auto;
     width:100%;
     margin-left: auto;
     margin-right: auto;
}
 .navbar-header{
     width:100%;
}
 .at_pro{
     width:101%;
     position:relative;
     overflow:hidden;
     margin-top: 80px;
     border-top:3px solid #008ecb;
}
 .at_pro h2{
     position:absolute;
     top:60%;
     z-index:9;
     left:0;
     right:0;
     margin:auto;
     text-align:center;
     color:white;
     line-height:30px;
     font-size:30px;
}
 .at_pro h3{
     position:absolute;
     bottom:5%;
     z-index:9;
     left:0;
     right:0;
     margin:auto;
     text-align:center;
     color:white;
     font-size:20px;
     margin-left: 0px;
     line-height:25px;
}
 .at_pro>a{
     width:33.3%;
     height:100%;
     float:left;
     position: relative;
     margin-left:-3px;
     -webkit-transition:all 0.3s ease-in-out;
     transition:all 0.3s ease-in-out;
}
 .at_pro>a:hover{
     text-decoration:none;
}
 .at_pro_bg{
     width:100%;
     height:100%;
     position: absolute;
     top:0;
     left:0;
     -webkit-transform:skew(0deg);
     transform:skew(0deg);
     overflow:hidden;
}
 .at_pro_bg img{
     position:absolute;
     left:50%;
     margin-left: -30px;
     width:60px;
     top:70%;
     -webkit-transform:skew(0deg);
     transform:skew(0deg);
     opacity:0.7;
     -webkit-transition:all 0.5s ease-in-out;
     transition:all 0.5s ease-in-out;
}
 .at_pro_bg1{
     background: linear-gradient(0deg, rgba(0,0,0,0.8), rgba(0,89,171,0)), url(../web/ciscenje1.jpg);
     background-position: center;
     background-size: cover;
     width:100%;
     -webkit-transform: skew(0deg);
     transform: skew(0deg);
}
/*.at_pro_bg2{
     background: linear-gradient(0deg, rgba(0,0,0,0.8), rgba(0,89,171,0)), url(../web/eksterijer.jpg);
     background-size: auto 100%;
     background-position: 85% top;
     width:100%;
     -webkit-transform: skew(0deg);
     transform: skew(0deg);
}
 */
 .at_pro_bg3{
     background: linear-gradient(0deg, rgba(0,0,0,0.8), rgba(0,89,171,0)), url(../web/unajmljivanje1.jpg);
     background-size: cover;
     background-position: center;
     width:100%;
     -webkit-transform: skew(0deg);
     transform: skew(0deg);
}
 .at_pro_bg4{
     background: linear-gradient(0deg, rgba(0,0,0,0.8), rgba(0,89,171,0)), url(../web/iznajmljivanje1.jpg);
     background-size: cover;
     background-position: center;
     width:100%;
}
 .at_pro .at_pro_sel{
     width:50%;
}
 .at_pro .at_pro_other{
     width:25%;
}
 .at_pro_block4{
     width:110%;
     -webkit-transform: skew(0);
     transform: skew(0);
}
 .at_pro_block1:hover .at_pro_bg1{
     background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,142,203,0.2)), url(../web/ciscenje2.jpg);
     background-position: center;
     background-size: cover;
     width:100%;
     transition: all 1s ease-in-out;
     transition:0.5s;
}
/*.at_pro_block2:hover .at_pro_bg2{
     background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,142,203,0.7)), url(../web/eksterijer.jpg);
     background-position: center;
     background-size: auto 100%;
     width:100%;
     -webkit-transform: skew(0deg);
     transform: skew(0deg);
     transition:0.5s;
}
 */
 .at_pro_block3:hover .at_pro_bg3{
     background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,142,203,0.2)), url(../web/unajmljivanje2.jpg);
     background-position: center;
     background-size: cover;
     width:100%;
     transition: all 1s ease-in-out;
     transition:0.5s;
}
 .at_pro_block4:hover .at_pro_bg4{
     background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,142,203,0.2)), url(../web/iznajmljivanje2.jpg);
     background-position: center;
     background-size: cover;
     width:100%;
     transition: all 1s ease-in-out;
     transition:0.5s;
}
 @media screen and (max-width: 991px){
   .navbar-default{
     background-color: #ddd;
   }
   .mobilebar{
     width:100%;
     transition: 0.5s;
     -webkit-transition:0.5s;
   }
   .navbar-brand img.maxer{
      width:100%;
       transition: 0.8s;
       margin-top: 30px;
       margin-left: auto;
       margin-right: auto;
  }
  .halfthedealio{
    width:50%;
    transition: 0.5s;
    -webkit-transition:0.5s;
  }
   .at_pro>a{
       width:80% !important;
       margin-left: 10% !important;
       height:100%;
       margin-top: 20px;
       float:left;
       clear:both;
       position: relative;
       margin-left:-3px;
       -webkit-transition:all 0.3s ease-in-out;
       transition:all 0.3s ease-in-out;
  }

     .at_pro{
         height:auto;
         background:none;
         margin-top:80px;
    }
     .at_pro h2{
         position:absolute;
         top:100px !important;
         z-index:9;
         left:0;
         right:0;
         margin:auto;
         text-align:center;
         color:white;
         line-height:30px;
         font-size:22px;
    }
     .at_pro a{
         width:50%;
         height:300px;
         -webkit-transition:none;
         transition:none;
         padding:50px 0;
         margin-left:0;
    }
     .at_pro_bg{
         -webkit-transform:skew(0);
         transform:skew(0);
    }
     .at_pro_bg img{
         position:absolute;
         left:50%;
         margin-left: -40px;
         width:80px;
         top:10px;
         -webkit-transform:skew(0deg);
         transform:skew(0deg);
         opacity:0.7;
         -webkit-filter: grayscale(100%);
         filter: grayscale(100%);
         -webkit-transition:all 0.5s ease-in-out;
         transition:all 0.5s ease-in-out;
    }
     .at_pro a:hover .at_pro_bg img {
         opacity:0.1;
    }
     .at_pro_text{
         margin-top:0;
    }
     .at_pro_text p{
         width:90%;
    }
}