@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Roboto:400,500&subset=latin-ext');

*,*:before,*:after{
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

body{
  padding-top: 30px;
  padding-bottom: 10px;
  margin:0;
  font-family: 'Montserrat', sans-serif;
  word-wrap:break-word;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
img{width: 100%;}

.container::after, .row::after, .u-cf {
    content: "";
    display: table;
    clear: both;
}
.row{
  display:block;
  float:left;
  width:100%;
  position:relative;
}
.clearfix {
  clear: both;
  display: block; 
  width: 100%;
}
a {
  text-decoration: none;
  -webkit-transition:all 0.6s ease;
  -moz-transition:all 0.6s ease;
  transition:all 0.6s ease;
}

ul{
  margin:0;
  padding:0 0 0 0px;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #767676;
  margin: 30px 0;
  padding: 0;
  width: 100%;
  float: left;
}
#toggle{
  display: none;
}
.fullbg{background: #f4f4f4;}
.container{border-radius: 0;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);background: #fff;max-width: 1200px;position: relative;width: 100%;margin: 0 auto; box-sizing: border-box;margin-bottom: 20px;}
.main-menu{border-radius: 0px 4px 4px 0px;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); padding: 15px;width: 100%; float: left;}
html, body, a{color:#333;font-size: 13px;line-height: 1.5em;}
.icons{background: #248fd6; padding: 0;margin-left: -1.1%; width: 102.2%;}
.icons div {width: 175px;height: 98px;background-size: contain;background-repeat: no-repeat!important;background-position: center!important;}
.icons a{color: #fff;font-weight: 400;font-size: 12px;}
.icons p{min-height: 36px;}

h1 { margin:15px 0;line-height: 1.3em;}
.side-content {
  float: left;
  width: 25%;
  padding: 25px;
  margin: 15px 0;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
  position: relative;

}
.header-top{-webkit-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.41);
  -moz-box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.41);
  box-shadow: 0px 10px 5px -6px rgba(0,0,0,0.41);
}

.footer h2{display: inline-block;float: left;}
.copy{color: #666c7b;}
.footer {width: 100%;margin-top: 15px;;max-width: 1200px;margin: 0 auto;}
.v{float: right;}

.left-column{width: 25%;float: left;}
.right-column{width:75%;float: left;padding: 15px;}
.slajd{width: auto;text-align: right;}
.main-menu{list-style: none;}
.main-menu li a{line-height: 1.5em; width: 100%; display: block;float: left;padding: 15px 0 15px 15px; border: 1px solid #fff;font-weight: 500;}
.main-menu li a:hover{border:1px solid #b1b0b0; color: #333;}
.arrow {
	margin-right: 15px;
	width: 15px;
	float: right;
	margin-top: 5px;
}
.submenu{display:none;background-color:#f1f1f1;float: left;list-style: none;width: 100%;}
.main-content {
	float: left;
	width: 75%;
	padding: 15px;
}
.partneri{float: left;width: 75%;padding-left: 15px;}
.partneri img{width: 170px;}
.partneri p{font-size: 10px;color: #666c7b;width: 250px;float: left;}
.copyright{padding: 15px;width: 25%; float: left;text-align: right;}
.shadow{-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);width: 100%; float: left;padding-bottom: 15px;}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #1c52bc transparent transparent transparent;
 bottom: -1em;
}
.ribbon:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon:after {
 right: 0;
 border-width: 1em 1em 0 0;
}
.icons a {
  width: 16.66%;
  float: left;
  padding: 8px;
  border-right: 1px solid #166da7;
  text-align: center;
}
.icons a:hover{background: #166da7;}
.icons a:last-child{border-right: none;}
.full-img{width: 33%;float: left;}
.logo {
  text-align: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 120px;
  margin-top: 50px;
}
.proizvod{width: 33.33%; padding: 1em;float: left;border: 1px solid #fff;}
.proizvod:hover{border:1px solid #b1b0b0;}
.proizvod a img{width: 100%;

}
.sidebar-mobile {
display: none;
}

.toggle {
  display: none;
}
.icons-mobile {
  display: none;
}
.gallery a {
  width: 24.25%;
  margin-right: 1%;
  float: left;
  margin-bottom: 1%;
  border: 2px solid #b7b7b7;
   
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}
.gallery a:nth-of-type(4n+4) {
  margin-right: 0%;
}

.mb50{margin-bottom: 20px;}
.proizvod-page img{max-width: 320px;}


@media only screen and (max-width: 900px) {
  .icons-mobile {
    display: block;
  }
  .icons-desktop {
    display: none;
  } 
  .main-menu {
    display: none;
  } 
  .sidebar-mobile {
  display: block;
  }
  .sidebar-desktop {
    display: none;
  }

  .toggle {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 15px;
    top: 25px;
  }
  .right-column, .partneri, .copyright, .left-column{width: 100%;}
  .copyright {
    
    float: left;
    text-align: left;
  }
  .remove{display: none;}
  .logo.left-column{width: 100px;}
  .logo{margin: 7px;height: 60px;}
  .sidebar-mobile{width: auto;float: right;}
  .sidebar-mobile .main-menu{position: absolute;right: 0;top: 74px;width: 300px;background: #000;z-index: 100;}
  .sidebar-mobile .main-menu li a {
    border: 1px solid #000;
    color: #fff;
  }
  .sidebar-mobile .submenu{background: #b1b0b0;}
 
}

@media only screen and (max-width: 550px) {
  .main-content, .side-content{width: 100%;}
 .proizvod{width: 50%;}
 
 
}
@media only screen and (max-width: 450px) {
  .proizvod{width: 100%;}
}

.img-header{height: 150px;}
.swiper-slide img{width: 192px;}

.right-img{position: absolute;right: 0; top: 0;width: 103px;z-index: 100;}