@import url('https://fonts.googleapis.com/css?family=Yantramanav:300,400,500,700,900&display=swap&subset=latin-ext');
@import url('js/bxslider/jquery.bxslider.css');
/* Layout
   ========================================================================== */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font: 100%/1.2 "Yantramanav", sans-serif;¸¸
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: #fff;
  color: #333333;
  margin: 0;
}

.container {
  margin: 0 auto;
  max-width: 80rem;
  width: 90%;
}

/* Header
   ========================================================================== */



/* Section
   ========================================================================== */

section {
  padding: 2rem 0;
}

section:first-of-type { border-top: none; }

@media (min-width: 40rem) {
  section { padding: 4rem 0; }
}

/* Mobile First Grid
   ========================================================================== */

.column { margin-bottom: 1.5rem; float: none;}

@media (min-width: 30rem) {
  .column.tab-products { width: 50%; }
  .column.tab{width:50%;}
  .column.tab {
    float: left;
    margin: 0 0 1.5rem 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


@media (min-width: 40rem) {
  .column {
    float: left;
    margin: 0 0 1.5rem 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .column.full { width: 100%; }
  .column.two-thirds { width: 66.7%; }
  .column.half { width: 50%; }
  .column.third{ width: 33.3%; }
  .column.product-item { width: 31.5%;margin-left: 15px; }
  .column.fourth { width: 25%; }
  .column.flow-opposite { float: right; }
  .column.news-item, .column.gal-item{width: 50%;}
  .column.tab-products { width: 50%; }
  .column.w-75{width: 75%;}
  
}

@media (min-width: 60rem) {
  .column.tab{width:20%;margin:15px;}
  .column.news-item, .column.gal-item{width: 25%;}
  .column.tab-products { width: 25%; }
}

/* Typography
   ========================================================================== */

h1, h2, h3, h4, h5 {
  font-weight: 400;
  margin: 0;
}

h1 {
  font-size: 1.3rem;
  line-height: 1.3em;
  margin-bottom: 1.5rem;
}
h2{
  margin-bottom: 1.3rem;
}

@media (min-width: 40rem) {
  h1 { font-size: 1.5rem; }
}

h3 {
  font-size: 1.2rem;
  margin-bottom: .5rem;
}

p {
  color: #333333;
  margin: 1rem auto;
  max-width: 30rem;
}

blockquote { margin: 0; }

blockquote p {
  color: #bbb;
  font-style: italic;
  margin-bottom: 1.5rem;
}

cite { color: #bbb; }


/* Lists
   ========================================================================== */

ul {
  margin: 0;
  text-align: left;
}

@media (min-width: 40rem) {
  ul { display: inline-block; }
}

/* Links
   ========================================================================== */

a {
  color: #497bad;
  text-decoration: none;
}

a:hover { text-decoration: none; }
.none{display: none;}
/* Buttons
   ========================================================================== */
button{font-family: "Yantramanav", sans-serif;color: #222;}
.button {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #497bad;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.7rem 1.5rem;
  vertical-align: middle;
  white-space: nowrap;
}

.button:hover {
  background: #5183b6;
  text-decoration: none;
}

@media (min-width: 40rem) {
  .button {
    display: inline-block;
    font-size: 0.9rem;
  }
}

/* Elements
   ========================================================================== */

hr {
  border: 0;
  border-top: 1px solid #ddd;
  margin: 2rem auto;
  width: 3rem;
}

@media (min-width: 40rem) {
  hr { margin: 2.5rem auto; }
}

img {
  display: block;
  height: auto;
  margin: 0 auto 1rem auto;
  width: 100%;
  max-width: 100%;
}

/* Utilities
   ========================================================================== */
.fright{float: right;}
.mhide{display: none;}
 @media (min-width: 40rem) {
  .mhide{display: block;}
}
.remove-padding { padding: 0; }
.remove-border { border: none; }

/* Clearfix by Nicolas Gallagher
   ========================================================================== */

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* Main Style for webpage
   ========================================================================== */

/* NAVIGATION
   ========================================================================== */
   .menumargin{margin-top: 15px;}
  .topnav {
   overflow: hidden;
   background-color: #fff;
   
  }

  .topnav a {
   float: left;
   display: block;
   color: #333;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   font-size: 21px;
   text-transform: uppercase;
  }

  .topnav a:hover, .mslc {
   background-color: #2f3190;
   color: #fff;
  }
  .topnav a.logo:hover {
   background-color:transparent!important;
  }

  .topnav .icon {
   display: none;
  }

  @media screen and (max-width: 850px) {
    .topnav a.logo{display: block;}
   .topnav a{display: none;}
   .topnav a.icon {
     float: right;
     display: block;
     font-size: 26px;
     color: #ec1c24;
   }
  }

  @media screen and (max-width: 850px) {
   .topnav.responsive {position: relative;}
   .topnav.responsive .icon {
     position: absolute;
     right: 0;
     top: 0;
   }
   .topnav.responsive a {
     float: none;
     display: block;
     text-align: left;
   }
  }
/* FONTS
   ========================================================================== */

  .section-title{font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1600 - 300)));}
  .tabs-bar button {font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));}
  .tab h2, .tab-products h2{font-size: 18px;margin-bottom: 15px;}
  .news-item h2, .gal-item h2{font-size: 18px;}
  .tab div{padding: 1rem; /*border: 1px solid #2f3190;*/; background: #fff;min-height: 180px;}
  .tab-products div{padding: 15px;background: #fff;}
  span.sifra{font-size: 14px;color: #666;}
/* OTHER
   ========================================================================== */

  .header{  
    -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
          position: relative;
          z-index: 100;
  }
  .logo img{max-width: 190px;margin: 0;}
  .bg-blue{background: #2f3190; color: #fff;}
  .bx-wrapper .bx-viewport{box-shadow: none;}
  .bx-wrapper img{margin: 0;}
  .animation{border-bottom: 12px solid #2f3190;padding: 0;}
  .tabs-bar button{float:left;background: none;border:none;padding: 5px 10px; margin-right: 2px;text-transform: uppercase;}
  @media (min-width: 40rem) {
    .tabs-bar button{padding: 15px 30px;}
  }
  .tabs-bar button:active, .tabs-bar button:focus, .tabs-bar button:focus-within{background: #eaeaea; color: #222;}
  .tabs{width: 100%;background: #eaeaea;padding-top: 15px;}
  .tab img, .tab-products img, .product-item img{width: 50%;}
  @media (min-width: 40rem) {
    .tab img, .tab-products img, .product-item img{width: 100%;}
  }
  .section-title{color: #2f3190; text-transform: uppercase;margin-bottom: 15px;text-align: center;}
  .bg-blue .section-title{color: #fff;}
  .news-item, .gal-item{float: left;}
  .news-item img, .gal-item img{width: 35%;float: left;margin-right: 1rem;border: 1px solid #fff;}

  
  @media (min-width: 40rem) {
    .news-item img, .gal-item img{width: 100%;}
    .news-item p{margin-bottom: 15px;display: block;color:#eee;font-weight: 300;}
    section.novosti .news-item p{color: #333333;}
    .gal-item p{margin-bottom: 15px;display: block;font-weight: 300;}
  }

  .rm-button{background: #3e40b3;padding: 5px 10px;color: #eee;float: left;font-size: 13px;}
  .rm-button:hover{background: #e21e25;text-decoration: none;}
  
  .padd10perc{padding: 10%;margin-bottom: 0;}
  .gal-item{position: relative;}
  .gal-item .rm-button{display:none;position: absolute;top: 25%; left: 25%;padding: 2rem}
  .gal-item:hover .rm-button{display: block;;}
  .gal-item:hover{cursor: pointer;text-decoration: none;}

  .leftnav{background: #2f3190;padding: 2rem 0;float: left;width: 100%;}
  .leftnav ul{list-style: none;width: 100%;float: left;padding-left: 15px;padding-right: 15px;}
  .leftnav ul li ul{display: none;position: relative;padding-left: 0;}
  .leftnav ul li a{font-size: 20px;padding: 0.5rem; display: block;float: left;width: 100%;color: #fff;text-transform: uppercase;}
  .leftnav ul li ul li a{font-size: 18px;padding-left: 15px;text-transform: none;}

  .custom-form {background: #eaeaea;padding: 2rem;float: left;margin-bottom: 15px;}
  .custom-form input, .custom-form label, .custom-form textarea{width: 100%; float: left;}
  .custom-form input{margin-bottom: 15px;padding: 1rem;}
  .in-btn{padding: 0; display: inline-block;background: #2f3190; color: #fff;border: none;margin-top: 15px;}
  .custom-form textarea{margin-top: 15px; margin-bottom: 15px;}

  .products-listing{width: 100%;float: left;}
  .product-item{padding: 1rem;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
  }
  .product-item:hover{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  }
  .product-details ul li span{font-weight: 800;}
  .product-item span{color: #333;}
  .product-gal img{max-width: 100%;width: auto;}
  .product-gal a:not(:first-child){width: 25%;float: left;margin-right: 15px;}
  .img-full {
    width: 100%;
    /* height: 900px; */
    height: calc(100vh - 97px);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .ui-widget.ui-widget-content{border: none;}
  .ui-tabs .ui-tabs-panel{background: #eaeaea;padding: 1em 0em;}
  .ui-widget-header{background: none;}
  .ui-tabs .ui-tabs-nav{padding: 0;}
  .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-radius: 0;border: none;}
  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background:#eaeaea;border: 1px solid #eaeaea; border-radius: 0; }
  .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{text-transform: uppercase;font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));font-family: "Yantramanav", sans-serif;color: #222;}
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{border: 0;}
  .ui-widget{font-family: "Yantramanav", sans-serif;}

  .cookie-container .center p{
    padding: 10px 20px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    color: #fff;
  }
  .cookie-container {
  background: rgba(0,0,0,0.8);
  bottom: 0;
  display: block;
  padding: 10px 0 0 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.28);
}