html {

    scroll-behavior: smooth;

    outline: none !important;

}

input:focus{

    outline: none !important;

    box-shadow: none;

}

textarea:focus, 

textarea.form-control:focus, 

input.form-control:focus, 

input[type=text]:focus, 

input[type=password]:focus, 

input[type=email]:focus, 

input[type=number]:focus, 

[type=text].form-control:focus, 

[type=password].form-control:focus, 

[type=email].form-control:focus, 

[type=tel].form-control:focus, 

[contenteditable].form-control:focus {

  box-shadow: inset 0 -1px 0 #ddd;

}





.uk-radio {

    border-radius: 8px !important;



}



.uk-checkbox:checked,

.uk-checkbox:indeterminate,

.uk-radio:checked {

    background-color: #DA251C !important;

}



.checkmark img {

    /* margin-top: -1vh; */

    border-radius: 15px;

    height: 109%;

    width: 109%;

    margin-top: -1px;

    margin-left: -1px;

}



/* Mini nav */

.reklamni:hover>.arrow {

    -ms-transform: rotate(180deg);

    /* IE 9 */

    -webkit-transform: rotate(180deg);

    /* Chrome, Safari, Opera */

    transform: rotate(180deg);

    transition-duration: 1.5s;

}



.gift-shop {

    margin-bottom: 10vh !important;

}



.arrow {

    transition: all 1.5s;

}



.mini-nav {

    background-color: #efefef !important;

}



.mini-nav p {

    padding: 3px 0;

    font-size: small;

    margin: 0 10px;

}



.mini-nav p i {

    margin-right: 5px;

}



.abc {

    margin-top: 0;

}



.f-title {

    margin: 3vh 0 0 !important;

}



input[name="search"] {

    box-shadow: none;

    border: none;

    border-bottom: 1px solid #cccccc;

    outline: none;

    padding: 10px 7px;

    width: 100%;

    font-size: 1rem;

}







.search_div {

    display: flex;

    align-items: center;

    flex-direction: column;

}



.search_form {

    display: flex;

    align-items: center;

    width: 100%;

}

.product-gallery-single{
  position: relative;
}
.product-gallery-single .owl-dots{
  display: none;
}
.product-thumb-arrow#product-thumb-prev{
  left: 0px;
  transform: rotate(90deg);
}
.product-thumb-arrow#product-thumb-next{
  transform: rotate(270deg);
  right: 0px;
}
.product-thumb-arrow{
  position: absolute;
  bottom: 0px;
  border: none;
  background-color: rgb(223, 223, 223);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.product-thumb-arrow img{
  width: 90%;
  height: auto;
}



button.search-product-submit {

    background: transparent;

    box-shadow: none;

    border: none;

    padding: 0;

    margin-left: 1vw;

    font-weight: bold;

    min-width: 40px;

}



button.search-product-submit span svg {

    width: 50px;

    color: #fff;

    background: #2195f2;

    padding: 8px;

    height: 40px;

    border-radius: 34px;

    box-shadow: 0 0 30px #00000029;

}



.search-icon {

    background-color: #94d60a;

    color: #fff;

    padding: 3px 7px;

}



a.header-button:hover {

    background-color: #1e87f0;

}



.form-login {

    width: 35%;

}



.new-user {

    color: #afbec5;

    text-align: center;

    display: block;

}



.new-user:hover {

    color: #1e87f0;

}



.forg-pass {

    padding-top: 12%;

    text-align: center;

    display: block;

    font-size: 0.8em;

}



.form-login .form-group {

    margin-bottom: 3%;

}



.uk-slideshow-items {

    min-height: auto !important;

}



.uk-slidenav svg {

    color: #ffffff !important;

}



a.header-button {

    color: #333;

    font-weight: 500;

}



.uk-dropdown,

.uk-navbar-dropdown {

    top: 60px !important;

}



.uk-navbar-nav>li>a {

    color: #333 !important;

}



/* reklamni materijali nav*/

.product-single input[type='number'] {

    min-height: 25px;

    width: 33%;

    padding: 0;

    margin: 0 0 !important;

    font-weight: bold;

    color: #333333;

    text-align: left;

    position: relative;

    padding-left: 5%;

    background-color: transparent;

    border: 1px solid #15212d29;

}



.product-single input[type=number]::-webkit-inner-spin-button,

.product-single input[type=number]::-webkit-outer-spin-button {

    opacity: 1;

    padding: 7px 2px;

    position: absolute;

    right: 0;

    top: 0;

    height: 45%;

}



.uk-table td {

    vertical-align: middle !important;

}



.categ-title {

    font-weight: bold;

    text-transform: uppercase;

    margin: 0;

    padding: 0;

}



.uk-navbar-dropbar {

    box-shadow: 0 12px 20px 0px #0000000f;

}



.reklamni-menu {

    background-color: transparent !important;

}



.uk-navbar-dropdown-nav>li>a {

    color: #15212d;

}



/* filteri */

.f-title {

    margin: 2.3% 0 9.8%;

}



/* single product template */

 .image-product {

    border: 1px solid transparent;

    width: 100%;

}



.unesi-kolicinu {

    border-radius: 5px !important;

}



/* these styles are for the demo, but are not required for the plugin */

.zoom {

    display: inline-block;

    position: relative;

}



.zoom img {

    display: block;

}



.zoom img::selection {

    background-color: transparent;

}



.contact-mapa {

    width: 100%;

    min-height: 500px;

    display: block;

    background-position: inherit;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    bottom: 25%;

}



.thumb {

    width: 100%;

    /* border: 1px solid #efeded; */

}



.zoomImg {

    /* border: 1px solid #efeded; */

    border: none !important;

}





/* floating contact sidebar */

.close-icon {

    position: absolute;

    right: 7%;

    margin-top: 1%;

} 



 .close-icon:hover {

    color: #1e87f0;

    cursor: pointer;

} 



.contact-sidebar-button {

    position: fixed;

    right: 0;

    bottom: 9vh;

    background-color: #DA251C;

    width: 55px;

    height: 50px;

    border-top-left-radius: 8px;

    border-bottom-left-radius: 8px;

    z-index: 2000;

    -ms-transition: all 500ms ease-in-out;

    -webkit-transition: all 500ms ease-in-out;

    -moz-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

}



.contact-sidebar-button:hover {

    cursor: pointer;

    /* background-color: #a3dc4ac4;*/

}



.contact-sidebar-button img {

    position: absolute;

    top: 30%;

    left: 30%;

    width: 40%;

    height: auto;

    transform: rotate(135deg);

    -ms-transition: all 500ms ease-in-out;

    -webkit-transition: all 500ms ease-in-out;

    -moz-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

}



.c-sidebar {

    width: 390px;

    height: 100vh;

    position: fixed;

    right: -580px;

    top: 0;

    background: #fff;

    -ms-transition: all 500ms ease-in-out;

    -webkit-transition: all 500ms ease-in-out;

    -moz-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

    z-index: 10001;

    box-shadow: none;

    background-image: url('img/c-side-bg.svg');

    background-position: 300px -10px;

    background-repeat: no-repeat;

    overflow: scroll;

}

.c-sidebar-bg{

    background-color: #FAFAFA;

    border-radius: 8px;

}

.c-sidebar-open .c-sidebar {

    right: 0;

    padding: 30px;

    box-shadow: 0 0 40px rgba(0, 0, 57, 0.05);

    border-top-left-radius: 8px;

    border-bottom-left-radius: 8px;

}



.c-sidebar-open .contact-sidebar-button {

    right: 390px;

}



.contact-sidebar-button img.open {

    transform: rotate(0deg);

}



.c-sidebar img {

    /* height: 0.999em; */

    margin-right: 1em;

    /* filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg); */

}





.c-sidebar .btn-blue{

    border: 1px solid #fff !important;

    color: #fff !important;

    background-color: #DA251C;

}



.c-sidebar .btn-blue:hover{

    border: 1px solid transparent !important;

    color: #fff !important;

    background-color: #cc241b;

}



.c-sidebar .cont-icon {

    width: 0.999em;

}



.c-sidebar .product-info{

    border: 1px solid transparent !important;

}



.time {

    margin-left: 3em;

}



.c-map {

    margin-top: 4vh;

    display: block;

}



p.success {

    color: #73AF55;

}



p.error {

    color: #D06079;

}



.alert-with-circle {

    margin: 0 auto;

    width: 30% !important;

    position: absolute;

    top: 45%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

    background-color: #ffff;

    box-shadow: 0 0 30px 7px rgba(193, 205, 214, 0.3607843137254902);

    padding: 2%;

    text-align: center;

    /* min-height: 250px !important; */

    padding-top: 2%;

    

}



.product-list-image {

    /* min-height: 25vh;*/

    overflow: hidden;

}



.product-list-image img {

    width: 100%;

    height: auto;

}



.banner {

    overflow: hidden;

}



.captcha img {

    margin: 0;

    width: 40%;

    height: auto;

    filter: none;

}



.captcha {

    width: 100%;

    margin: 0;

}



.captcha input {

    width: 55%;

}



.color-list{

    display: flex;

    flex-wrap: wrap;

    height: 15px;

    overflow: hidden;

    align-items: flex-start;

}



.color-list-item{



    width: 15px;

    height:15px;

    margin-right: 2px;

    border-radius: 50px;

}



.h_image {

    opacity: 0.3 !important;

}





/* UNIPRINT ------------------------------------------------------------------------------- */



/*

*   Fonts

*/

@font-face {

    src: url("fonts/AvenirLTStd-Book.otf");

    font-family: Avenir;

  }

  

  @font-face {

    font-family: 'uniprint';

    src: url("fonts/uniprint.eot?gn7snz");

    src: url("fonts/uniprint.eot?gn7snz#iefix") format("embedded-opentype"), url("fonts/uniprint.ttf?gn7snz") format("truetype"), url("fonts/uniprint.woff?gn7snz") format("woff"), url("fonts/uniprint.svg?gn7snz#uniprint") format("svg");

    font-weight: normal;

    font-style: normal;

    font-display: block;

  }

  

  [class^="uniprint-icon-"],

  [class*=" uniprint-icon-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'uniprint' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

  }

  

  .uniprint-icon-alati:before {

    content: "\e900";

  }

  

  .uniprint-icon-cart:before {

    content: "\e901";

    color: #000039;

  }

  

  .uniprint-icon-check:before {

    content: "\e902";

  }

  

  .uniprint-icon-email:before {

    content: "\e903";

    color: #DA251C;

  }

  

  .uniprint-icon-kalendari:before {

    content: "\e904";

  }

  

  .uniprint-icon-kancelarija:before {

    content: "\e905";

  }

  

  .uniprint-icon-kape:before {

    content: "\e906";

  }

  

  .uniprint-icon-kisobrani:before {

    content: "\e907";

  }

.uniprint-icon-radnaoprema:before {

    content: "\e917";

}
  

  .uniprint-icon-location:before {

    content: "\e908";

    color: #DA251C;

  }

  

  .uniprint-icon-olovke:before {

    content: "\e909";

  }

  

  .uniprint-icon-phone:before {

    content: "\e90a";

    color: #DA251C;

  }

  

  .uniprint-icon-phone2:before {

    content: "\e90b";

    color: #DA251C;

    font-size: 16rem;

    color: #F0F0F0;

    position: absolute;

    z-index: -1;

    transform: scaleX(-1);

    top: 13px;

    right: -31px;



  }

  

  .uniprint-icon-privesci:before {

    content: "\e90c";

  }

  

  .uniprint-icon-rokovnici:before {

    content: "\e90d";

  }

  

  .uniprint-icon-search:before {

    content: "\e90e";

  }

  

  .uniprint-icon-sminka:before {

    content: "\e90f";

  }

  

  .uniprint-icon-solje:before {

    content: "\e910";

  }

  

  .uniprint-icon-tehnologija:before {

    content: "\e911";

  }

  

  .uniprint-icon-tekstil:before {

    content: "\e912";

  }

  

  .uniprint-icon-torbe:before {

    content: "\e913";

  }

  

  .uniprint-icon-upaljaci:before {

    content: "\e914";

  }

  

  .uniprint-icon-usb:before {

    content: "\e915";

  }

  

  .uniprint-icon-user:before {

      font-size: 3rem;

    content: "\e916";

    color: #000039;

  }



  /* UNIPRINT CUSTOM ICONS */



  @font-face {

    font-family: 'icomoon';

    src:  url('fonts/icomoon.eot?omg6xo');

    src:  url('fonts/icomoon.eot?omg6xo#iefix') format('embedded-opentype'),

      url('fonts/icomoon.ttf?omg6xo') format('truetype'),

      url('fonts/icomoon.woff?omg6xo') format('woff'),

      url('fonts/icomoon.svg?omg6xo#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: block;

  }

  

  [class^="icon-"], [class*=" icon-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'icomoon' !important;

    speak: never;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 0;

  

    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

  }

  

  .icon-arrow:before {

    content: "\e900";

  }

  .icon-close:before {

    content: "\e901";

    font-size: 1.5rem;

  }

  .icon-close:hover{

      color: red;

      cursor: pointer;

  }

  /* UNIPRINT CUSTOM ICONS (END) */



  

  .sidebar-icon-title a{

      color: black;

  }



  .sidebar-icon-title i{

    font-size: 2rem;

}

.badge {

    width: fit-content;

    font-weight: 400 !important;

}

.gg-close{

    font-weight: 400 !important;

    background-color: #fff;

    border-radius: 8px;

    padding: 7px !important;

}



.gg-close::after,

.gg-close::before {

    content: "";

    display: block;

    box-sizing: border-box;

    position: absolute;

    width: 13px !important;

    height: 2px;

    background: #DA251C !important;

    transform: rotate(45deg);

    border-radius: 5px;

    top: 8px;

    left: 1px

}





  /*

  *   General styles

  */

  * {

    padding: 0;

    margin: 0;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    /* font-family: Avenir; */

    font-family: 'Montserrat', sans-serif !important;

  }

 

  .unesi-kolicinu{

      height: calc(1.5em + .75rem + 2px) !important;

      border-radius: 5px !important;

  }

  

  .container-fluid {

    padding-left: 8%;

    padding-right: 8%;

  }

  

  a {

    text-decoration: none;

    outline: none;

    color: #000;

    transition: color .3s;

  }

  

  a:hover, a:focus {

    text-decoration: none;

    outline: none;

    color: #DA251C;

    transition: color .3s;

  }

  

  section {

    padding: 1rem 0;

  }

  

  .sticky-top {

    top: 20px;

  }

  

 h4{

     font-weight: 300;

 }



  /* 

  * Alert

  */

  .alert-svg {

    width: 45px;

    display: block;

    margin: 20px auto 25px;

    } 



     /*

  *   Buttons

  */

 

  .btn {

    min-width: 130px;

    height: 50px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    text-transform: uppercase;

    border: 1px solid;

    border-radius: 8px !important;

    font-size: .9rem;

  }



  .btn-small{

      height: 35px !important;

      font-size: .7rem !important;

      max-width: fit-content;

  }

  

  .btn-blue {

    background: rgb(218,37,28);

    background: linear-gradient(90deg, rgba(218,37,28,1) 0%, rgba(240,48,39,1) 100%);

    box-shadow: 0px 10px 20px rgba(218, 37, 28, .15);

    color: #ffffff !important;

    border-color: #DA251C;

    transition: all 1s;

  }



  .btn-blue:hover{

    background: transparent;

      color: #DA251C !important;

      border-color: #DA251C;

      box-shadow: none;

      transition: all 1s;

  }

  

  /*

  *   Checkbox colors

  */

  .abc-color {

    position: relative;

    padding-left: 2rem;

    margin-bottom: 0;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    display: inline-block;

    margin: .45rem 0;

    width: auto;

    padding-bottom: 0rem;

  }

  

  .abc-color input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0;

  }

  

  /* Create a custom checkbox */

  .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 24px;

    width: 24px;

    border-radius: 15px !important;

    border: 1px solid rgba(226, 226, 226, .4);

  }

  

  /* On mouse-over, add a grey background color */

  .abc-color:hover input ~ .checkmark {

    background-color: transparent;

  }

  

  /* When the checkbox is checked, add a blue background */

  .abc-color input:checked ~ .checkmark {

    background-color: transparent;

  }

  

  /* Create the checkmark/indicator (hidden when not checked) */

  .checkmark:after {

    content: "";

    position: absolute;

    display: none;

  }

  

  /* Show the checkmark when checked */

  .abc-color input:checked ~ .checkmark:after {

    display: block;

  }

  

  /* Style the checkmark/indicator */

  .abc-color .checkmark:after {

    top: -7px;

    left: -7px;

    width: 36px;

    height: 36px;

    position: absolute;

    border: 2px solid rgb(236, 236, 236);

    padding: 5px;

    border-radius: 30px !important;

  }

  

  /*

  *   Card

  */

  .custom-card {

    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.14);

            box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);

    padding: 3rem 2rem;

    border-radius: 8px;

    position: relative;

    margin-bottom: 25px;

    margin-top: 25px;

  }



  .about-card{

      width: 100%;

      margin-top: 0px;

  }

  

  .custom-card h2 {

    text-transform: uppercase;

    margin-bottom: 2rem;

    color: #000039;

    font-size: 1.8rem;

  }

  

  .custom-card form .form-group {

    margin-bottom: .8rem;

  }

  

  .custom-card form .form-group textarea.form-control,

  .custom-card form .form-group input.form-control {

    

    border-bottom: 1px solid #CCCCCC;

    border-radius: 0;

    background-color: transparent;

    font-size: .9rem;

  }



  .form-group input:focus{

      outline: none !important;

  }

  input:focus{

      outline: none !important;

  }

  

  .custom-card form .form-group textarea.form-control::-webkit-input-placeholder,

  .custom-card form .form-group input.form-control::-webkit-input-placeholder {

    color: #111;

  }

  

  .custom-card form .form-group textarea.form-control:-ms-input-placeholder,

  .custom-card form .form-group input.form-control:-ms-input-placeholder {

    color: #111;

  }

  

  .custom-card form .form-group textarea.form-control::-ms-input-placeholder,

  .custom-card form .form-group input.form-control::-ms-input-placeholder {

    color: #111;

  }

  

  .custom-card form .form-group textarea.form-control::placeholder,

  .custom-card form .form-group input.form-control::placeholder {

    color: #111;

  }

  

  .custom-card form button {

    width: 100%;

  }

  

  /*

  *   Breadcrumb

  */

  #breadcrumb {

    padding-bottom: 0;

    padding-top:1rem;

    margin-bottom: -4rem;

  }

  

  #breadcrumb .breadcrumb {

    background-color: transparent;

    padding-left: 0;

  }

  

  #breadcrumb .breadcrumb li.breadcrumb-item {

    font-size: .8rem;

  }

  

  #breadcrumb .breadcrumb li.breadcrumb-item a {

    color: #474747;

  }

  

  #breadcrumb .breadcrumb .breadcrumb-item.active {

    color: #DA251C;

  }

  

  /*

  *   Navigation

  */

  header {

    background-color: #FAFAFA;

    /* padding: 0 0 1.5rem; */

    z-index: 2000;

  }

  

  header .header-top {

    overflow: hidden;

  }

  

  header .header-top .information {

    background-color: rgb(240, 240, 240);

    padding: .4rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: flex-end;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    position: relative;

    z-index: 1;

  }



  .header-top .information .item{

    width: fit-content;

    margin-right: 1.5rem;

    font-size: .7rem;

}

  

  header .header-top .information::before {

    content: "";

    position: absolute;

    right: -20%;

    background-color: rgb(240, 240, 240);

    width: 50%;

    height: 100%;

    z-index: -1;

  }

  

  header .header-top .information:after {

    content: "";

    position: absolute;

    left: -20px;

    background: rgb(240, 240, 240);

    width: 50px;

    height: 100%;

    -webkit-transform: skewX(30deg);

    transform: skewX(30deg);

    z-index: -1;

  }

  

  header .header-top .information .item a {

      font-size: .7rem;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    color: #000039;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

  }

  

  header .header-top .information .item a:hover,

  header .header-top .information .item a:hover i::before {

    color: #DA251C;

  }

  

  header .header-top .information .item a i {

    margin-right: .5rem;

    font-size: 2rem;

  }

  

  header nav.navigation {

    /* padding: 1rem 0; */

  }

  

  header nav.navigation .row {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

  

  header nav.navigation .row form .form-group {

    margin: 0;

  }

  

  header nav.navigation .row form .form-group input {

    position: relative;

    padding: 1.5rem 1rem;

    border: 0;

  }

  

  header nav.navigation .row form .form-group i {

    position: absolute;

    top: 50%;

    right: 4%;

    -webkit-transform: translate(-4%, -50%);

            transform: translate(-4%, -50%);

    font-size: 1.5rem;

    color: #DA251C;

  }

  

  header nav.navigation .row nav.navbar {

    padding: .5rem 0;

  }

  

  header nav.navigation .row nav.navbar ul.navbar-nav {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

  

  header nav.navigation .row nav.navbar ul.navbar-nav li.nav-item:last-child a.nav-link {

    padding-right: 0;

  }

  

  header nav.navigation .row nav.navbar ul.navbar-nav li.nav-item a.nav-link {

    color: #000039;

    padding: .5rem 1rem;

    font-size: .9rem;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    position: relative;

  }



  header nav .mobile-cart{

      padding: 5px;

      padding-left: 16px;

  }

  header nav .menu .kontakt a {

    padding: 10px;

    padding-left: 16px;

    }

  header nav .menu .kontakt .a-icon {

      padding-right: 0px;

  }

  

  

  header nav.navigation .row nav.navbar ul.navbar-nav li.nav-item a.nav-link:hover {

    color: #DA251C;

  }

  

  header nav.navigation .row nav.navbar ul.navbar-nav li.nav-item a.nav-link .product-badge {

    background-color: #DA251C;

    border-radius: 50%;

    position: absolute;

    top: 8px;

    right: -8px;

    width: 25px;

    height: 25px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    color: #ffffff;

    font-size: .9rem;

  }

  

  header nav.navigation .row nav.navbar ul.navbar-nav li.nav-item a.nav-link i {

    font-size: 3rem;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

  }

  

  header nav.navigation .row nav.navbar ul.navbar-nav li.nav-item a.nav-link i:hover::before {

    color: #DA251C;

  }

  

  header .header-bottom .header-category-icons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -webkit-box-orient: horizontal !important;

    -webkit-box-direction: normal !important;

        -ms-flex-direction: row !important;

            flex-direction: row !important;

    list-style: none;

  }

  

  header .header-bottom .header-category-icons li {

    position: static !important;

  }

  

  header .header-bottom .header-category-icons li:hover {

    -webkit-transform: scale(1.2);

            transform: scale(1.2);

  }

  

  header .header-bottom .header-category-icons li:hover .dropdown-menu-product {

    display: block;

    transition: all 4s;

    left: 0;

  }

  

  header .header-bottom .header-category-icons li .dropdown-menu-product {

    display: none;

    position: absolute;

    z-index: 1000;

    left: 0;

  }

  

  header .header-bottom .header-category-icons li .dropdown-menu-product .dropdown-item-product {

    display: block;

    

    font-weight: 400;

    color: #212529;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

    z-index: 4980;

  }

  

  header .header-bottom .header-category-icons li i {

    font-size: 5rem;

  }

  

  /*

  *   Home

  */

  #home {

    position: relative;

    color: #ffffff;

    padding: 0;

  }

  

  #home .overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 57, 0.56);

  }

  

  #home h3 {

    font-size: 2rem;

  }

  

  #home h1 {

    font-size: 4rem;

    font-weight: 700;

    text-transform: uppercase;

  }

  

  #home ul {

    margin: 0;

    padding: 0;

    -webkit-columns: 2;

            columns: 2;

    padding-left: 1.5rem;

  }

  

  #home ul li {

    margin: .5rem 0;

    font-size: 1.25rem;

  }

  

  #home ul li:first-child {

    margin-top: 0;

  }

  

  #home .carousel-inner .carousel-item {

    padding: 4rem 0;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    -webkit-transition-property: opacity;

    transition-property: opacity;

    opacity: 0;

    display: block;

  }

  

  #home .carousel-inner .carousel-item.active {

    opacity: 1;

  }



  .carousel-item h1 {

      color: #fff !important;

  }

  .carousel-item h3 {

    color: #fff !important;

    }

  

  #home .carousel-control {

    opacity: 1;

    filter: alpha(opacity=100);

  }



  .uniprint-icon-search:hover {

    cursor: pointer;

  }

  

  /*

  *   Products

  */

  #h-products .left-sidebar h3 {

    margin-bottom: 2rem;

    padding-bottom: .5rem;

  }

  

  #h-products .left-sidebar .item {

    margin-bottom: 2rem;

  }

  

  #h-products .left-sidebar .item h4 {

    margin-bottom: 1rem;

    font-weight: 300;

  }

  

  #h-products span{

      font-size: .9rem;

  }



  #h-products .left-sidebar .custom-control {

    margin-bottom: .5rem;

    padding-left: 0 !important;

  }

  

  #h-products .left-sidebar .item .custom-control .custom-control-label {

    padding-left: .75rem;

    cursor: pointer;

  }

  

  #h-products .left-sidebar .item .custom-control .custom-control-label::before {

    width: 1.25rem;

    height: 1.25rem;

    top: 0;

    border-radius: 0;

    border: 2px solid #E8E8E8;

  }

  

  #h-products .left-sidebar .item .custom-control .custom-control-label::after {

    width: 1.25rem;

    height: 1.25rem;

    top: 0;

  }

  

  #h-products .left-sidebar .abc-color {

    padding-left: 2rem;

    padding-bottom: 0rem;

  }

  

  #h-products .left-sidebar .checkmark {

    width: 24px;

    height: 24px;

  }

  

  #h-products .left-sidebar .abc-color .checkmark:after {

    width: 36px;

    height: 36px;

  }

  

  #h-products .product-content {

    margin-bottom: 1.5rem;

    background-color: #ffffff;

    border-radius: 8px;

    border: 1px solid #F1F1F1;

    padding: 1rem;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    cursor: pointer;

  }

  

  #h-products .product-content .abc-color {

    padding-left: 1.8rem;

  }

  

  #h-products .product-content .checkmark {

    width: 20px;

    height: 20px;

  }

  

  #h-products .product-content .abc-color .checkmark:after {

    width: 30px;

    height: 30px;

  }

  

  #h-products .product-content:hover {

    -webkit-box-shadow: 0 0 40px rgba(0, 0, 57, 0.05);

            box-shadow: 0 0 40px rgba(0, 0, 57, 0.05);

  }

  

  #h-products .product-content .password {

    font-size: 0.8rem;

    color: #000039;

    margin: 0;

  }

  

  #h-products .product-content .new {

    padding: .5rem 1rem;

    border-radius: 0;

    background-color: #DB0C0C;

    text-align: center;

    text-transform: uppercase;

    color: #ffffff;

    margin: 0;

  }

  

  #h-products .product-content img {

    display: block;

    margin: 0 auto;

  }





  #h-products .stock {

    display: flex;

    align-items: baseline;

    justify-content: flex-end;

    flex-flow: row;

  }

  #h-products .stock img {

    margin:0px 5px 0px 0px !important;

  }

  

  #h-products .product-content h3 {

    font-size: .9rem;

    color: #000039;

    height: 30px;

  }



  #h-products .product-content h6 {

    font-size: .7rem;

    color: #000039;

  }

  

  #h-products .product-content .price {

    margin-top: 1rem;

    font-size: 1rem;

    color: #DA251C;

  }

  

  #h-products .pagination {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  

  #h-products .pagination .page-item .page-link {

    border: 1px solid #E8E8E8;

    color: #484848;

    padding: 1rem 1.5rem;

  }

  

  #h-products .pagination .page-item .page-link:hover {

    border: 1px solid #DA251C;

    color: #DA251C;

    background-color: transparent;

  }

  

  #h-products .pagination .page-arrow .page-link {

    border: none;

    margin-left: 0.5px;

    margin-right: 0.5px;

  }

  

  #h-products .pagination .page-item.active .page-link {

    border: 1px solid #DA251C;

    color: #DA251C;

    background-color: transparent;

  }



  #h-products .custom-card{

      padding: 2.2rem 1.6rem;

  }

  

  /*

  *   About

  */

  #about .about-gallery {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

  

  #about .about-gallery img {

    -ms-flex-preferred-size: 30%;

        flex-basis: 30%;

    -o-object-fit: cover;

       object-fit: cover;

    height: 250px;

    width: 100%;

    margin: .3rem;

  }

  

  /*

  *   Map

  */

  #map {

    height: 250px;

    width: 100%;

    background-image: url("img/map.png");

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    position: absolute;

    margin-top: -0.7rem;

    

  }

  .map-pattern{

      width: 100%;

      height: 100%;

      background-image: url("img/pattern.png");

      opacity: 10%;

  }

  

  /*

  *   Contact

  */

  #contact {

    margin-top: 10rem;

  }

  

  #contact .custom-card {

    padding: 0;

    background-color: #ffffff;

  }

  

  #contact .custom-card .contact-form {

    padding: 3rem 2rem;

    padding-right: 0px;

  }

  

  #contact .custom-card .contact-info {

    padding: 2rem;

    width: 90%;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content;

    margin-top: 6.5rem;

  }

  #contact .custom-card .contact-info h3 {

    

    font-weight: 700;

  }

  

  #contact .custom-card .contact-info ul {

    list-style: none;

    margin: 0;

    padding: 0;

    margin-top: 1rem;

  }

  

  #contact .custom-card .contact-info ul li {

    margin: .5rem 0;

  }

  

  #contact .custom-card .contact-info ul li a {

      font-size: .9rem;

    color: #212529;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

  }

  

  #contact .custom-card .contact-info ul li a:hover i::before, #contact .custom-card .contact-info ul li a:hover {

    color: #DA251C;

  }

  

  #contact .custom-card .contact-info ul li a i {

    font-size: 1.7rem;

    margin-right: .3rem;

  }

  

  /*

  *   Request

  */

  #request .custom-card {

    padding: 0;

  }



  #request .empty-cart {

    height:14rem;

  }

  #request .empty-cart p {

    margin-left: 19px;

    font-size: 1.2rem;

    font-weight: 300;

  }



  #request .request-table .form-control{

      height: calc(1.5em + .6rem + 2px);

      width: 70%;

  }

  

  #request .form-control cartform{

      width: 50%;

  }



  #request .custom-card .request-table {

    padding: 3rem 2rem;



  }

  

  #request .custom-card .request-table table {

    border-color: #E6E6E6;

  }

  

  #request .custom-card .request-table table thead {

    background-color: #F8F8F8 !important;

  }

  

  #request .custom-card .request-table table thead tr th {

    color: #DA251C;

  }

  

  #request .custom-card .request-table table th {

    border: none;

    font-weight: 400;

  }

  

  #request .custom-card .request-table table td {

    border: 3px solid black;

    /* border-top: 1px solid #E6E6E6; */

    vertical-align: middle;

  }

  

  #request .custom-card .request-table table td input.form-control {

    width: 40%;

  }

  

  #request .custom-card .request-form {

    background-color: #F8F8F8;

    padding: 2rem;

    width: 100%;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content;

  }

  

  #request .custom-card .request-form h2 {

    margin-bottom: 3rem;

    margin-top: 1rem;

  }

  

  #request .custom-card .request-form form .form-group {

    margin-bottom: 2rem;

  }

  

  #request .custom-card .request-form form .form-group input.form-control {

    border: 0;

    border-bottom: 1px solid #CCCCCC;

    border-radius: 0;

    background-color: transparent;

    font-size: 1.1rem;

  }

  

  #request .custom-card .request-form form .form-group input.form-control::-webkit-input-placeholder {

    color: #111;

  }

  

  #request .custom-card .request-form form .form-group input.form-control:-ms-input-placeholder {

    color: #111;

  }

  

  #request .custom-card .request-form form .form-group input.form-control::-ms-input-placeholder {

    color: #111;

  }

  

  #request .custom-card .request-form form .form-group input.form-control::placeholder {

    color: #111;

  }

  

  #request .custom-card .request-form form button {

    width: 100%;

  }

  

  /*

  *   Documents

  */

  #documents table {

    border-color: #E6E6E6;

    font-size: .9rem;

  }

  

  #documents table thead {

    background-color: #F8F8F8 !important;

  }

  

  #documents table thead tr th {

    font-weight: bold;

  }

  

  #documents table th,

  #documents table td {

    /* padding: 1.25rem 1.5rem; */

    border: none;

    vertical-align: middle;

  }

  

  #documents table th {

    font-weight: 400;

  }

  

  #documents table td {

    border-top: 1px solid #E6E6E6;

  }

  

  #documents table tr:nth-of-type(even) {

    background-color: #F8F8F8;

  }

  

  #documents table tr:nth-of-type(odd) {

    background-color: transparent;

  }

  

  /*

  *   Products

  */

  #products form {

    width: 100%;

  }

  

  #products form table th,td {

    border: none;

    font-size: .8rem;

  }



  

  

  #products form table td.password {

    color: #9C8AFF;

  }

  

  #products form button {

    border-radius: 0;

  }

  

  #products h2 {

    font-weight: 700;

    margin-bottom: .5rem;

    color: #000039;

  }

  

  #products h4 {

    color: #000039;

    margin-bottom: 2.5rem;

  }

  

  #products .product-colors {

    padding: 0rem 0 1rem;

  }



  #products .card {

    border-radius:8px;

    border:1px solid #F1F1F1 !important;

  }

  

  #products .nav-tabs li.nav-item:first-child a.nav-link {

    padding-left: 0;

  }

  

  #products .nav-tabs li.nav-item a.nav-link {

    border: none;

    text-transform: uppercase;

    font-size: 1.2rem;

    color: #BEBEBE;

  }

  

  #products .nav-tabs li.nav-item a.nav-link.active {

    color: #DA251C;

    border-bottom: 2px solid #DA251C;

  }

  

  #products .tab-content {

    margin-top: 1rem;

  }

  

  #products .product-gallery-single {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  

  #products .product-gallery-single .zoom {

    margin-bottom: 1rem;

  }

  

  #products .product-gallery-single .zoom img {

    border: none !important;

    background-color: #ffffff;

  }

  

  #products .product-gallery-single .thumbnails {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

  

  #products .product-gallery-single .thumbnails a {

    -ms-flex-preferred-size: 32%;

        flex-basis: 32%;

  }

  

  #products .product-gallery-single .thumbnails a img {

    border: 1px solid #E4E4E4;

    background-color: #ffffff;

  }

  

  /*

  *   Footer

  */

  footer {

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 2, 30, 0.91)), to(#000039)), url("img/footer.png");

    background-image: linear-gradient(rgba(2, 2, 30, 0.91), #000039), url("img/footer.png");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    padding: 2rem 0 1rem;

    color: #fff;

  }



  footer h2 {

      color: #fff !important;

      font-weight: 400;

  }

  footer h3{

      color: #fff;

  }

  

  footer .footer-top {

    text-align: center;

    color: #ffffff;

  }

  

  footer .footer-top form .input-group input {

    border-radius: 8px !important;

    height: 50px;

    margin-right: 15px;

  }

  

  footer .footer-top form .input-group input::-webkit-input-placeholder {

    color: #fff;

  }

  

  footer .footer-top form .input-group input:-ms-input-placeholder {

    color: #fff;

  }

  

  footer .footer-top form .input-group input::-ms-input-placeholder {

    color: #fff;

  }

  

  footer .footer-top form .input-group input::placeholder {

    color: #fff;

  }

  

  footer .footer-top form .input-group button.btn-newsletter {

    background-color: #9C8AFF;

    border-color: #9C8AFF;

    color: #ffffff;

    border-radius: 0;

  }

  footer .form-control{

      background-color: rgba(255, 255, 255,.2);

      border: 1px solid transparent !important;

  }

  footer .form-control:focus{

    background-color: rgba(255, 255, 255,.2);

    color: #fff;

    border: 1px solid transparent;

}

  footer h3 {

    margin-bottom: 1rem;

    color: #fff(0, 0, 0);

  }

  

  footer img {

    margin-bottom: 2rem;

  }

  

  footer ul {

    list-style: none;

    margin: 0;

    padding: 0;

  }

  

  footer ul li {

    margin: .2rem 0;

  }

  

  footer ul li a {

    color: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

  }



  footer a{

    font-size: .9rem ;

    color: #fff;

  }



  footer p {

      font-size: .9rem;

      color: #fff;

  }



  

  footer ul li a:hover,

  footer ul li a:hover i::before {

    color: #DA251C !important;

  }

  

  footer ul li a i {

    font-size: 1.7rem;

    margin-right: .3rem;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

  }

  

  footer ul li a i::before {

    color: #ffffff !important;

  }

  

  footer ul.material {

    -webkit-columns: 2;

            columns: 2;

  }

  

  footer ul.material li:first-child {

    margin-top: 0;

  }

  

  footer p.copyright {

    text-align: center;

    color: #fff;

  }



  footer .mini-icon-footer{

      margin: 0;

      margin-right: 5px;

      margin-bottom: 9px;

  }



  .c-sidebar .mini-icon-footer{

    margin: 0;

    margin-right: 5px;

    margin-bottom: 9px;

  }



  .c-sidebar .side-bg{

      width: 50%;

      position: absolute;

      bottom: 25px;

      right: 25px;

      z-index: -1;

  }



  /* DODATNI CUSTOM CSS */



  /* Custom modal style  */

  .filterss .markice-item .markice-title{

      right: -25px !important;

      margin-top: -10px !important;

  }

  .filterss .markice-item .markice-title a{

    color: #fff !important;

}

  .modal-content{

      border-radius: 8px;

      padding: 1rem;

  }

  .modal-content .modal-header{

      border-bottom: none;

  }

  .desktop-none{

    display: none;

}



  .modal-content .modal-footer{

    border-top: none;

    }

  .delete-filters{

      padding: 3px 6px;

      font-size: .7rem;

      font-weight: 400;

      color: rgb(218, 37, 28);

      border-radius: 8px;

      background-color:rgba(218, 37, 28,.1) ;

  }



  #products .owl-carousel .owl-stage {

    display: flex;

   

} 

 #products .owl-carousel .owl-item img {

    width: auto;

    width: auto;

    height: 100px;

}



.upiti-row p{

    margin-bottom: .3rem;

}

.input-mobile{

    display: none;

}

.request-x{

    display: none;

}

  /* Custom modal style (END) */



    .mini-img{

        width: 100%;

        height: 127px;

        background-size: cover;

        background-position: center;

        background-size: contain;

        background-repeat: no-repeat;

    }

    .popuni-polje{

        font-size: .8rem;

        color: #DA251C;

        margin-bottom: 10px;

    }



  /* Request item (cart) */

 

  .request-x{

      border: 1px solid #F1F1F1;

      border-radius: 10px;

      background-color: #F1F1F1;

      padding: 5px;

      position: absolute;

      bottom: 0;

      height: 35px;

  }

  /* Request item END */



  .login-content{

      background-color: #FFF;

  }

  #sticky_desktop{

      z-index: 3000;

      background-color: #FAFAFA;

  }



  /* NEWSLETTER */



  #mc_embed_signup, #mc_embed_signup form{

      background: transparent;

  }

  #mc_embed_signup{

      background: transparent !important;

  }

  #mc_embed_signup form{

      padding: 0 !important;

  }

  #mc_embed_signup .mc-field-group{

      width: 70% !important;

  }

  #mc-embedded-subscribe{

      margin: 0 !important;

      margin-left: 15px !important;

  }

  #mc_embed_signup div.response{

      width: 100% !important;

      padding: 0 !important;

  }

  #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{

      color: #fff !important;

      border-radius: 8px !important;

      background-color: rgba(255,255,255,0.5) !important;

      margin-top: 10px !important;

  }

  /* NEWSLETTER (END) */



  #request .container-fluid{

      padding-left: 8%;

      padding-right: 8%;

  }

  .filter-pills{

      display: none;

  }

  .product-name-mobile{

      display: none;

  }

  .black-b{

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    opacity: 0;

    transition: .5s ease;

    background-color: #000;

    

  }

  #filter_button{

    display: none;

    }

  

  .copyright-mob{

      display: none;

  }

  .services-title{

    display: flex;

    justify-content: center;

    flex-flow: column;

}

  .markice .markice-img {

      width: 25px;

  }

  .markice-item:hover .markice-title{

      visibility: visible;

      opacity: 1;

      transition: all .3s;

  }

  .markice-item .markice-title{

      position: absolute;

      background-color: #FAFAFA;

      border-radius: 8px;

      padding: 5px 7px;

      top: 6px;

      font-size: .8rem !important;

      visibility: hidden;

      opacity: 0;

      transition: all .3s;

  }

  .up-down-arrow{

      margin-bottom: 1rem;

      width: 24px;

      

      transition: all .5s;

  }

  .strelica-home{

    margin-bottom: 1rem;

      width: 24px;

      

      transition: all .5s;

  }

  .down-arrow{

    transform: rotate(180deg);

      transition: all .5s;

  }

  .uniprint-logo img {

      width: 225px;

      margin-left: 13px;

      margin-bottom: -15px;

  }

  .search-top{

      width: 18%;

      display: flex;

      align-items: center;

      justify-content: center;

      min-width: 250px;

  }

  .search-top .form-group{

    display: flex;

      justify-content: flex-end;

      align-items: center;

      position: relative;

  }

  .search-top i {

      position: absolute;

      padding-right: 15px;

  }

  .search-top input{

      position: absolute;

  }

  .cat-pill{

      font-size: .8rem;

      background-color: #f8f8f8;

      border-radius: 30px;

      padding: 5px 10px 5px 10px;

  }

  .clear-filters{

      width: 100%;

      height: 40px;

      border: 1px solid #DA251C;

      border-radius: 8px;

      font-size: .9rem;

      color: #DA251C;

      padding: 5px 20px 5px 20px !important;

      transition: all .5s;

  }

  .clear-filters:hover{

      color: #fff;

      background-color: #DA251C;

      transition: all .5s;

  }

  .services .product-info-active h6{

      margin: 0;

  }

  .home{

      overflow: hidden;

  }

  .banner-text{

      /* padding: 30px 150px 100px 150px; */
      max-width: 800px;
      padding-right: 100px;
      padding-left: 100px;

      /* width: 40%; */

      color: #fff;

  }

  .banner-text span{

      color: #DA251C;

      font-weight: 400;
      margin-bottom: 10px;
      display: inline-block;

  }

  .slider-item{

      width: 100%;

      height: 680px;

      background-size: cover;

      background-position: center;

  }

  .banners .row {

      margin-top: 30px;

  }

  .banner-link{

      width: 100%;

      height: 250px;

      overflow: hidden;

      position: relative;

  }

  .collapse-sec{

      background-color: #FAFAFA;

      position: relative;

      height: 500px;

  }

  .collapse-sec .row{

      height: 500px;

  }

  .faq-img{

    background-image: url('img/banner/faq.png');

    background-size: cover;

    background-position: center;

    clip-path: polygon(0 0, 50% 0, 40% 100%, 0% 100%);

    width: 100%;

    height: 100%;

    position: absolute;

  }

  .collapse-sec h5{

      font-weight: 400 !important;

  }

  .banner-white-block{

      width: fit-content;

      background-color: rgba(255, 255, 255, .45);

      width: 200px;

      height: fit-content;

  }

  .banner-white-block h3{

    color: #000 !important;

}

  .banner-section{

      height: 200px;

  }

  .banner-img{

      width: 100%;

      height: 250px;

      background-size: cover;

      background-position: center;

        transition: all .5s;

        z-index: 5;

  }

  .banner-img:hover{

    transform: scale(1.1);

}

    .banner-title{

        position: absolute;

        z-index: 10;

    }

  .banner-link h3{

      color: #fff;

      padding: 10px 15px 10px 25px;

  }

  .banner-link h5{

      color: #fff;

      background-color: #DA251C;

      padding: 10px 35px 10px 35px;

  }

  .home-card{

      height: 150px;

  }

  .home-card:hover{

      transform: scale(1.2);

  }

  

  .show {

      transition: all .5s;

  }

  .mobile-view{

      display: none;

  }

  #products .nav-item .active{



    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    text-transform: uppercase;

    border: 1px solid;

    border-radius: 8px ;

    font-size: .9rem;

    font-weight: 700;

    background: #ededed;

    color: #000;

    border-color: transparent;

    transition: color 1s;

    padding: 10px 25px 10px 25px;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

  }

  #products .btn-link{

    border: none !important;

  }

  .mobile-download{

      display: none;

  }

  .download-item{

      display: flex;

      flex-flow: column;

      justify-content: center;

      align-items: center;

      text-align: center;

      margin-bottom: 40px;

  }

  .download-item:nth-last-child(1){

      margin-bottom: 0px !important;

  }

  .download-item span{

      font-size: .85rem;

      margin: 5px 0px 20px 0px;

  }

  .download-item h4{

    font-weight: 300;

}

  #h-products .products .product-content h6{

      height: 50px;

      margin-top: 20px;

  }

  .cart-img {

    width: 25%;

    padding-right: 2%;

}

  .mini-icon{

      margin-right: 7px;

  }

  .p-pass{

      display: flex;

      flex-flow: row;

      justify-content: space-between;

      margin-top: 15px;

  }

  .custom-select{

      border-radius: 10px !important;

      border: 1px solid #F1F1F1 !important;

      font-size: .9rem;

  }

  .custom-select:focus{

    box-shadow: none;

}

  label{

      font-size: .9rem;

  }

  .left-sidebar h6{

    margin-bottom: 1rem;

  }

  



  #accordion [id^=heading]{

      cursor: pointer;

  }

  p{

      font-size: .9rem;

  }

  .form-control:focus{

      border: 1px solid transparent !important;

      box-shadow: 0 0 40px rgba(0, 0, 0, 0.04) !important;

  }

  .c-sidebar .form-control , .request-form .form-control{

      margin-bottom: .7rem;

  }

  .form-control{

      border: 1px solid #F1F1F1 !important;

      font-size: .9rem !important;

  }

  .size{

      width: 24%;

  }

  .quantity{

      width: 20%;

  }

  .arrivals{

      width: 17%;

  }

  .price{

      width: 27%;

  }

  .in-list{

      width: 20% !important;

  }

  .quantity-buy{

    width: 20%;

}

  .form-control{

      border-radius: 10px !important;

      padding: 0.375rem .8rem !important;

      height: calc(1.5em + 1.2rem + 2px);

  }



  .sticky-offset {

    top: 100px;

    transition: all 1s;

    }

  h3,h5{

      font-weight: 300 !important;

  }

  h6{

      font-weight: 400;

  }

  .request-table{

    font-size: .9rem;

  }



  .request-table td{

    vertical-align: middle;

  }



  .request-table td p{

    margin-bottom: .4rem;

  }

  .request-table a {

      color: black;

  }

  .request-table a:hover {

    color: #DA251C;

}



  .cat-icon{

    width: 60px;

    }

  .table td, .table th{

      border: none !important;

  }

  .table-striped tbody tr:nth-of-type(odd){

      background-color: rgba(0,0,0,.02);

  }

  .product-info p{

    margin-bottom: 0;

    font-size: .9rem;

  }

  .product-info a{

      font-size: .9rem;

      color: #000;

      transition: all .3s;

  }

  .product-info a:hover{

    color: #DA251C;

    transition: all .3s;

}

  .product-info .table{

      margin-bottom: 0;

  }

  .product-info{

      box-shadow: none;

      transition: all .5s;

      border:1px solid #F1F1F1 !important;

      padding: 2rem;

      border-radius: 8px;

  }

  

  .product-info-active{

    padding: 2rem;

    border-radius: 8px;

    -webkit-box-shadow: 0 0 40px rgba(0, 0, 57, 0.05);

    box-shadow: 0 0 40px rgba(0, 0, 57, 0.05);

    transition: all .5s;

    border: 1px solid transparent !important;

  }



  .red-contact{

    border: 1px solid #DA251C !important;

    background-color: #DA251C;

    color: #fff;

    

    }

    .red-contact .form-control{

        background: #cc241b;

        border: none!important;

        color: #fff;

    }

    .red-contact .form-control::placeholder{

        background-color: transparent;

        color: #fff;

    }

    .red-contact .form-control:focus{

        border: 1px solid #fff !important;

        background-color: transparent !important;

    }

    .red-contact h3{

        color: #fff;

    }



  .product-table{

      font-size: .9rem;

  }



  .tabela-podaci-h{

      font-size: 0.9rem;

  }



  .product-margin{

      margin-right: 10px;

  }



  .about-img{

      border-radius: 8px;

      margin: 0 !important;

      width: 100%;

      height: 250px;

      background-size: cover;

      background-position: center;

  }



 .test-menu{

     width: 500px;

     height: 200px;

     position: absolute;

     color: turquoise;

     display: none;

 }



 .otvori:hover + .test-menu{

     display: block;

 }



 header .header-bottom .header-category-icons li:hover .test-menu {

    display: block;

    transition: all 4s;

    left: 0;

  }



    /* Mobile Menu */



    /* Hamburger menu icon */

    .navbar-toggler{

        padding: 0;

        border: none;

    }

    .navbar-toggler:focus,

    .navbar-toggler:active,

    .navbar-toggler-icon:focus {

        outline: none;

        box-shadow: none;

    }



    /* End icon */



      

      .backBtn {

        background-color: #F0F0F0;

        font-size: 16px;

        text-align: right;

      }

      .backBtn:hover {

        color: #000;

      }

      

      .menu-right .backBtn {

        text-align: left;

      }

      

      .menu {

        border-right: 1px solid #FAFAFA;

        background-color: #FAFAFA;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        top: 0;

        z-index: 10;

        width: 280px;

        min-height: 620px;

        height: 100%;

        overflow: scroll;

      }



      .menu a {

        display: block;

        color: #000;

        padding: 16px;

        text-decoration: none;

        position: relative;

        z-index: 11;

        font-size: .9rem;

      }

      .menu i {

          font-size: 3rem;

      }

      .menu .kontakt {

          position: absolute;

          bottom: 0;

      }

      .top-cart-icon{

          position: relative;

          margin-top: 6px;

          display: none;

      }

      .top-cart-icon .product-badge{

        background-color: #DA251C;

        border-radius: 50%;

        position: absolute;

        top: 3px;

        right: 0px;

        width: 25px;

        height: 25px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        color: #ffffff;

        font-size: .9rem;

      }



      

      .menu .nav-link {

          width: 100%;

      }

      .menu a:hover, .menu a:active {

        background-color: #F0F0F0;

      }

      

      .menu-right {

        right: -280px;

        z-index: 5000;

      }

      .menu-right.right-open {

        right: 0;

      }



      /* ****************** Filter DOC ****************** */



      #filter_button{

          padding:24px 20px;

          background-color: #DA251C;

          color: #fff;

          border-top-left-radius: 8px;

          border-bottom-left-radius: 8px;

          position: fixed;

          right: 0;

          top: 240px;

          z-index: 100;

      }



      .filter-menu{

        border-right: 1px solid #FAFAFA;

        background-color: #FAFAFA;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease;

        position: fixed;

        top: 0;

        z-index: 10;

        width: 280px;

        min-height: 620px;

        height: 100%;

        overflow: scroll;

        padding: 1rem;

        padding-bottom: 250px;

      }

      .filter-menu a {

        display: block;

        color: #000;

        text-decoration: none;

        position: relative;

        z-index: 11;

        font-size: .9rem;

        padding:10px;

        padding-left:  0px ;

      }

      .filter-menu i {

          font-size: 3rem;

      }

      .filter-menu-right {

        right: -280px;

        z-index: 5000;

      }

      .filter-menu-right.filter-right-open {

        right: 0;

      }





  /* Mega Menu */



  .nav-bar{

    width: 100%;

    height: 75px;

    background: #FAFAFA;

    box-sizing: border-box;

    align-items: center;

  }

  

  .nav-bar .main-menu-list{



    list-style: none !important;

    width: 100%;

    height: 100%;

    margin: 0 auto;

    margin-left: 4% !important;

    padding: 0;

    color: #fff;

    position: relative;

    display: flex;

    justify-content: space-between;

  }

  

  .nav-bar ul li{

    float: left;

    text-align: center;

    font-size: 18px;

    border-radius: 10px;

    transition: all 0.4s ease;

  }

  .nav-bar ul .uniprint-logo{

      margin-right: 30px;

      display: flex;

      align-items: center;

  }

  

  .nav-bar ul li:last-child{

    margin-right: 0;

  }

  

  .nav-bar ul li:hover{

    color: #18bc9c;

  }

  

  .nav-bar ul li:hover .mega-menu{

    color: #fff;

  }

  

  .nav-bar ul li .mega-menu p:hover{

     color: #18bc9c;

  }

  

  .header-banner{

    background: #18bc9c;

    width: 100%;

    height: 350px;

  }

  

  .mega-menu{

    position: absolute;

    top: 75px;

    left: 0; 

    right: 0; 

    margin-left: auto; 

    margin-right: auto; 

    width: 100%;

    height: fit-content;

    background: #f5f5f5;

    opacity: 0;

    visibility: hidden;

    transition: all 0.4s ease;

    box-sizing: border-box;

    padding: 40px;

    padding-bottom: 10px;

    z-index: 6000;

    box-shadow: 0 45px 40px rgba(0, 0, 57, 0.05);

    text-align: left;

    border-bottom-left-radius: 8px;

    border-bottom-right-radius: 8px;

  }







  .mobile-logo{

      display: none;

  }

  .mega-menu-items{

      display: grid;

      grid-template-columns: auto auto auto auto;

      grid-template-rows: 30px;

      grid-gap: 0px;

      width: 100%;

      height: 90px;

      margin-right: 10px;

      padding-left:0;

        list-style-type: none;

  }

  .mega-menu-items a{

        font-size: .9rem;

        color: #000;

    }

    .mega-menu-items a:hover{

        color: #DA251C;

    }

  .mega-menu-banner{

      width: 100% !important;

      max-width: 100% !important;

      border-radius: 8px;

  }

  

  .nav-bar ul li:hover .mega-menu{

    opacity: 1;

    visibility: visible;

  }

  

  .inner-mega-menu{

      width: 100%;

    float: left;

    margin-right: 1%;

    display: flex;

    flex-flow: column;

    justify-content: flex-start;

    align-items: flex-start;

  }



  .inner-mega-menu ul li {

      margin-right: 20px;

  }

  

  .main-menu-list li:hover {

    background-color: #f5f5f5;

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

  .inner-mega-menu ul li a{

    color: black;

    text-align: left;

    font-size: .9rem;

    display: flex;

    justify-content: start;

    flex-flow: row;

    flex-wrap: nowrap;

}

.inner-mega-menu ul li a:hover{

    color: #DA251C;

}

.nav-title-materijali {

    font-weight: bold;

    color: #DA251C;

}

  

  .inner-mega-menu:last-child{

    margin-right: 0%;

  }



  .sticky {

    position: fixed;

    top: 0;

    width: 100%;

    background-color: #FAFAFA;

    z-index: 3000;

    left: 0;

  }

  #navigacija{

      z-index: 6000;

      background-color: #FAFAFA;

  }



  /* User Logout-Admin panel  */

  .user-icon{

    position: relative;



  }

  .user-icon:hover .user-options{

      visibility: visible;

      opacity: 1;

  }



   .user-options{

       display: flex;

       justify-content: center;

       align-items: center;

       list-style-type: none;

       flex-flow: column;

    visibility: hidden;

    border-radius: 8px;

    opacity: 0;

    position: absolute;

    padding: 20px 30px 20px 30px;

    background-color: #fff;

    z-index: 6001;

    left: 0; 

    right: 0; 

    margin-left: auto; 

    margin-right: auto; 

    width: 170px;

    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.14);

            box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);

    margin-left: -45px;

  }

  .user-options a{

    color: black;

  }

  .user-options a:hover{

    color: #DA251C;

  }

  .item-mail{

    width: 165px;

}


.desktop {
  display: block !important;
}

.mobile {
  display: none !important;
}


  /* COL CUSTOM */

  

  .col-2-custom{

      padding-left: 0px !important;

  }



  .markice-row{

      height: 30px;

      width: 100%;

  }



  .tabela-podaci-h-mobile{

    display:none;

  }





























  



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

               RESPONSIVE              

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





  @media only screen and (min-width: 320px) and (max-width: 480px) {

    .desktop {
      display: none !important;
    }

    .mobile {
      display: block !important;
    }

    #products form table td {

      text-align:right;

    }

    .tabela-podaci-h-mobile{

      display:block;

    }

    .tabela-podaci-h{

      display:none !important;

    }

    .size, .quantity, .arrivals, .price, .in-list, .quantity-buy{

      width: 100%;

  }

  

    .desktop-none{

        display: block;

    }

      .request-item{

        border: 1px solid #F1F1F1;

        border-radius: 8px;

        padding:0.9rem;

        margin: 1px;

        margin-bottom: 15px;

      }

      .mobile-p-none{

          padding: 0;

      }

      .mobile-none{

          display: none;

      }

      .request-x{

          display: block;

      }

      .input-mobile{

          display: block;

      }

      .naslov-tabele{

          display: none;

      }

    .container-fluid{

        padding-left: 4%;

        padding-right: 4%;

    }

      .nav-link{

          font-size: .8rem;

      }

    .request-item{

        display: flex;

    }

      #h-products .custom-card{

          margin-top: 0;

      }

    .filter-pills{

        display: block;

    }

      #h-products .container-fluid{

          padding-left: 4%;

          padding-right: 4%;

      }

    .d-sm-block{

        display: block !important;

    }

    .product-name-mobile{

        display: block;

    }

    .product-name-desktop{

        display: none;

    }

    #h-products .product-content h3{

        margin-top: 10px;

    }

    #h-products .product-content .color-list{

        margin-top: 10px;

    }

    #h-products .product-content .color-list{

        height: 15px;

        min-height: 15px;

        overflow: hidden;

    }

    .mt-sm-1{

        margin-top: 1rem;

    }

    .mb-sm-1{

        margin-bottom: 1rem !important;

    }

    .mt-sm-0{

        margin-top: 0 !important;

    }

      .br-modela{

          justify-content: center !important;

      }

    .black-b{

        opacity:0;

    }

    .slider-item {
      height: 550px;
    }

    .banner-text{
      display: none;

        z-index: 2000;

    }

      #filter_button{

          display: block;

      }

    #h-products .product-content{

        margin-bottom: 1rem;

    }

      .filters-desktop{

          display: none;

      }

    #h-products .left-sidebar h3{

        margin-bottom: 0;

    }

      .copyright{

          display: none;

      }

      .copyright-mob{

          display: block;

          text-align: center;

      }

    .top-cart-icon{

        display: flex;

    }

      .markice-item{

          position: relative;

      }

      .markice-item .markice-title{

          top: -60px !important;

          position: absolute;

          text-align: center;

      }

    .custom-card{

        padding: 0 !important;

        border: none;

        box-shadow: none;

    }

      .product-info{

          border: none !important;

          padding: 0;

      }

      header nav.navigation{

          padding-top: 1rem !important;

      }

        .upit-submit{

            width: 100% !important;

        }

    header nav.navigation .row form .form-group i{

        right: -10px;

    }

      .uniprint-logo{

          display: none !important;

      }

      .banner-img{

          background-position: right;

      }

    .banner-text{

        margin-top: -30px;

        padding: 10px;

        text-align: center;

        width: 100%;

    }

      .services .services-title{

          display: flex;

          flex-flow: column;

          justify-content: center;

          align-items: center;

          text-align: center;

          margin-bottom: 20px;

      }

    .services .product-info-active{

        margin: 5px;

        margin-top: 25px;

    }

    .banners .row{

          margin-top: 0;

    }

    .banners .col-sm-12{

          margin-top: 30px;

    }

    .collapse-sec .row{

        height: 100%;

    }

    .collapse-sec{

        height: 100%;

        padding: 30px;

    }

    .faq-img{

        display: none;

    }

    .alert-with-circle{

        width: 80% !important;

    }

    .sorting-products{

        flex-flow: column;

    }

    .sorting-products select{

        width: 100% !important;

        margin-top: 15px;

    }



    .tabela-podaci-h .table td, .table th {

        padding: .15rem;

    }

    .tabela-podaci-h .table th:nth-of-type(1) {

        padding-top: .4rem;

    }

    .tabela-podaci-h .table td {

        width: 100%;

        min-width: 80px;

        padding-top: .2rem;

    }

    .tabela-podaci-h .table td:nth-child(1){

        min-width: 100px;

    }



    .mobile-view{

          display: block;

    }



    .breadcrumb{

        margin-bottom: 0;

    }



    #products .desc-big{

        display: none !important;

    }



    #products .spec-big{

        display: none;

    }



    #products .product-gallery-single .zoom .image-product{

        height: 150px;

        width: auto;

    }



    #products .product-gallery-single .zoom{

        height: 150px !important;

        display: flex;

        justify-content: center;

    }



    .mobile-download{

          display: block;

    }



    #documents table{

        display: none;

    }



    #contact{

        margin-top: 6rem;

    }



    #map {

        width: 100%;

        height: 145px;

        background-image: url("img/map-mob.png");

        margin-top: 0;

    }



    .header-top{

          display: none;

    }



    .search-responsive{

          margin-top: 10px;

          margin-bottom: 20px;

          width: 100%;

    }



    .col-2-custom{

          padding-left: 15px !important;

    }



    #products .product-info-active{

        margin-top: 35px;

    }

    

    .upiti-desktop{

        display: block;

    }

    #contact .custom-card .contact-info{

        width: 95%;

        margin: 0;

    }

    #contact .custom-card .contact-form {

        padding-right: 0px;

        padding-left: 0rem;

      }

    .mobile-logo{

        display: block !important;

    }

    .mobile-logo img{

        width: 75% !important;

    }

    #navigacija{

        display: none !important;

      }

    .custom-card {

      padding: 2rem 1rem;

    }

    #breadcrumb .breadcrumb li.breadcrumb-item {

      font-size: .8rem;

    }

    header .header-top .container-fluid {

      padding-left: 15px;

      padding-right: 15px;

    }

    header .header-top .container-fluid .offset-5 {

      margin-left: 0;

    }

    header .header-top .container-fluid .col-md-7 {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 100%;

              flex: 0 0 100%;

      max-width: 100%;

      padding: 0;

    }

    header .header-top .container-fluid .col-md-7 .information {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column;

              font-size: .8rem;

    }

    header .header-top .container-fluid .col-md-7 .information::before, header .header-top .container-fluid .col-md-7 .information::after {

      display: none;

    }

    header .header-top .container-fluid .col-md-7 .information .item {

      margin-bottom: .5rem;

      

    }

    header .header-bottom .header-category-icons {

      display: none;

    }

    #home h3 {

      font-size: 1.25rem;

    }

    #home h1 {

      font-size: 2.5rem;

    }

    #home ul li {

      font-size: 1rem;

    }

    #h-products .offset-9 {

      margin-left: 0;

    }

    #h-products .col-md-3 {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 100%;

              flex: 0 0 100%;

      max-width: 100%;

    }

    #h-products .pagination .page-item .page-link {

      padding: .3rem;

    }

    #products .col-md-8.pl-5 {

      padding-left: 15px !important;

    }



    #products form {

      width: 100%;

    }

    #products form table td input {

      width: 110px !important;

    }

    #request table td input.form-control {

      width: 70% !important;

    }

    #request .request-form {

      position: relative;

      margin-top: 0;

      margin-right: 0;

      width: 100%;

      margin-bottom: 3rem !important;

    }

    footer .offset-4 {

      margin-left: 0;

    }

    footer .col-md-4 {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 100%;

              flex: 0 0 100%;

      max-width: 100%;

    }

    footer .col-md-1 {

      display: none;

    }

    footer .col-md-2,

    footer .col-md-3 {

      margin-bottom: 2rem;

    }

  }



  @media only screen and (max-width: 620px) {

    

    .contact-sidebar-button,

    .c-sidebar {

        display: none;

    }



    .zoom-image-product,

    .image-product,

    .product-text {

        width: 100%;

        padding: 3px;

    }



    .zoom-text {

        width: 100%;

        padding: 0;

    }



    .product-gallery-single {

        width: 100%;

        margin-bottom: 10%;

    }



    .img-product {

        margin: 0 auto !important;

    }



    .list-pr {

        width: 37%;

    } 



    body,

    html {

        overflow-x: hidden;

    }



    .reklamni-materijali{

        overflow: hidden;

    }

    

}



  

  @media only screen and (min-width: 481px) and (max-width: 1024px) {

    

    .black-b{

        opacity:0.6;

    }

    .contact-sidebar-button{

        display: none;

    }

    #filter_button{

        display: block;

    }

    .filters-desktop{

        display: none;

    }

    .top-cart-icon{

        display: flex;

        position: absolute;

        right: 50px;

        margin-top: 0;

    }

    .search-top{

        min-width: 100%;

    }

    header nav.navigation .row form .form-group i{

        right: -10px;

    }

    .uniprint-logo{

        display: none !important;

    }



    .header-top{

          display: none;

    }



    .search-responsive{

        margin: 10px 25px 15px 0px;

    }

    #contact{

        margin-top: 5rem;

    }   

    .slider-item{

        justify-content: center !important;

    }

    .banner-text{

        padding:20px;

        text-align: center;

        font-size: 1.5rem;

        z-index: 2000;

    }

    .faq-img{

        background-position: -370px;

        clip-path: polygon(0 0, 20% 0, 10% 100%, 0% 100%);

    }



    .col-2-custom{

        padding-left: 15px !important;

    }



    #map{

        margin-top: -1rem;

    }



    #contact .custom-card .contact-form {

        padding: 3rem 3rem;

        padding-right: 0px;

        padding-left: 1rem;

      }

    .mobile-logo{

        display: block !important;

    }

    

    #navigacija{

        display: none !important;

      }

    .custom-card {

      padding: 2rem 1rem;

    }

    #breadcrumb .breadcrumb li.breadcrumb-item {

      font-size: 1rem;

    }

    header .header-top .container-fluid {

      padding-left: 15px;

      padding-right: 15px;

    }

    header .header-top .container-fluid .offset-5 {

      margin-left: 0;

    }

    header .header-top .container-fluid .col-md-7 {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 100%;

              flex: 0 0 100%;

      max-width: 100%;

      padding: 0;

    }

    header .header-top .container-fluid .col-md-7 .information {

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column;

    }

    header .header-top .container-fluid .col-md-7 .information::before, header .header-top .container-fluid .col-md-7 .information::after {

      display: none;

    }

    header .header-top .container-fluid .col-md-7 .information .item {

      margin-bottom: .5rem;

    }

    header .navigation .col-md-4,

    header .navigation .col-md-8 {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 50%;

              flex: 0 0 50%;

      max-width: 50%;

    }

    header .header-bottom .header-category-icons {

      display: none;

    }

    #home h3 {

      font-size: 1.25rem;

    }

    #home h1 {

      font-size: 2.5rem;

    }

    #home ul li {

      font-size: 1rem;

    }

    #h-products .offset-9 {

      margin-left: 0;

    }

    #h-products .col-md-2,

    #h-products .col-md-10,

    #h-products .col-md-3 {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 100%;

              flex: 0 0 100%;

      max-width: 100%;

    }

    #h-products .pagination .page-item .page-link {

      padding: 1rem;

    }

    #products .col-md-4,

    #products .col-md-8 {

      max-width: 100%;

      -webkit-box-flex: 0;

          -ms-flex: 0 0 100%;

              flex: 0 0 100%;

    }

    #products .col-md-8.pl-5 {

      padding-left: 15px !important;

    }

    #products .product-gallery-single .thumbnails {

      margin-bottom: 2rem;

    }

    #products form {

      width: 100%;

    }

    #products form table td input {

      width: 110px !important;

    }

    #request .col-md-4,

    #request .col-md-8 {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 100%;

              flex: 0 0 100%;

      max-width: 100%;

    }

    #request table td input.form-control {

      width: 100% !important;

    }

    #request .request-form {

      position: relative;

      margin-top: 0;

      margin-right: 0;

      width: 100%;

      padding: 3rem;

    }

    footer .offset-4 {

      margin-left: 0;

    }

    footer .col-md-3,

    footer .col-md-4 {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 100%;

              flex: 0 0 100%;

      max-width: 100%;

    }

    footer .col-md-1 {

      display: none;

    }

    footer .col-md-2,

    footer .col-md-3 {

      margin-bottom: 2rem;

    }

    .product-info-active{

        margin-top: 35px;

    }

  }



  @media only screen and (min-width: 1023px) and (max-width: 1337px) {

    .product-info-active{

        margin-top: 35px;

    }

    .top-cart-icon{

        display: none;

    }

  }

  

  @media only screen and (min-width: 1025px) and (max-width: 1650px) {

    

    .item-adress{

        width: 195px;

    }

      .search-top{

          display: none !important;

      }

      #search-product2 {

          display: block !important;

      }

    header nav.navigation .row form .form-group i{

        right: -10px;

    }

    .item-tel{

        width: 140px;

    }

    /* Mini menu */

    .information .item a {

        font-size: 0.7rem ;

    }



    .cat-icon{

        width: 60px;

    }

    #h-products .col-md-3 {

      -webkit-box-flex: 0;

          -ms-flex: 0 0 33%;

              flex: 0 0 33%;

      max-width: 33%;

    }

  }



  @media only screen and (min-width: 1280px) and (max-width: 1534px) {

    .slider-item {
      height: 500px;
    }

    #documents table{

	    font-size: .8rem;

    }

    h5{

        font-size:1rem;

    }

    .tabela-podaci-h{

        font-size:.8rem;

    }

    .product-table{

        font-size:.8rem;

    }

    .p-pass{

        margin-top:10px;

    }

    #h-products .col-xl-2{

        flex: 0 0 20%;

        max-width: 20%;

    }

    .nav-title-materijali{

        font-size: 1.4rem;

    }

    .mega-menu-items a{

        font-size: .8rem;

    }

    .mega-menu-items{

        grid-gap: 5px;

        grid-template-columns: auto auto auto;

      grid-template-rows: 30px;

    }

    #h-products .product-content h3{

        font-size: .8rem !important;

    }

    label{

        font-size: .8rem;

    }

    .c-sidebar .side-bg{

        width: 30%;

    }

    .c-sidebar .mini-icon-footer{

        margin-bottom: 2px;

    }

    #h-products .product-content h3{

        height: 33px;

    }

    #h-products .products .product-content h6{

        height: 55px;

    }

      header .header-top .information .item a{

          font-size: 0.5rem !important;

      }

      .header-top .information .item{

          font-size: .5rem;

      }

      .cat-icon{

          width: 45px;

      }

      .nav-bar{

          align-items: center;

      }

    .c-sidebar .product-info{

        padding: .6rem !important;

    }

    

    

    .c-sidebar .product-info a{

        font-size:.7rem;

    }

    .c-sidebar .product-info p{

        font-size:.7rem;

    }

    .c-sidebar .product-info h3{

        font-size:1.2rem;

    }

    .c-sidebar .product-info .form-control{

        font-size:.7rem !important;

        height: calc(1.5em + .8rem + 2px) !important;

        margin-bottom: .4rem;

    }

    .c-sidebar-open .c-sidebar{

        padding:15px;

    }



    .mega-menu-items {

        grid-gap: 0 !important;

        }

    

    .nav-link{

        font-size: .8rem !important;

        padding-left: .8rem !important;

        padding-right: .8rem !important;

    }

    .custom-select, .form-control,a, p{

        font-size:.8rem !important;

    }

    #h-products .pagination .page-item .page-link{

        padding: .5rem 1rem;

    }

    footer .mini-icon-footer{

        margin-bottom: 5px;

    }

    .btn{

        font-size: .8rem;

        height: 40px;

    }

    footer .footer-top form .input-group input{

        height: 40px;

    }

    .request-table{

        font-size: .8rem;

    }

    header nav.navigation .row nav.navbar ul.navbar-nav li.nav-item a.nav-link .product-badge{

        right: 7px;

    }

  }



  @media only screen and (min-width: 1535px) and (max-width: 1650px) {

    .slider-item {
      height: 500px;
    }

    .mega-menu-items{

        grid-template-columns: auto auto auto;

      grid-template-rows: 30px;

    }

    .nav-title-materijali{

        font-size: 1.4rem;

    }

    .mega-menu-items a{

        font-size: .8rem;

    }

    .c-sidebar .product-info .form-control{

        font-size:.7rem !important;

        height: calc(1.5em + .8rem + 2px) !important;

        margin-bottom: .4rem;

    }

      .c-sidebar h3{

          font-size: 1.4rem;

      }

      .c-sidebar-open .c-sidebar{

          padding:15px;

      }

      #h-products .col-xl-2{

        flex: 0 0 20%;

        max-width: 20%;

    }

    .navigation .col-xl-2{

        flex: 0 0 16.666667%;

        max-width: 16.666667%;

    }

    #h-products .product-content h3{

        font-size: .8rem !important;

    }

    
    header .header-top .information .item a{

        font-size: 11px;

    }

    .header-top .offset-xl-2 {
      margin-left: 0;
      max-width: 100%;
      flex: 0 0 100%;
    }

    .header-top .information .item{

        font-size: 11px;

    }

    .c-sidebar .product-info{

        padding: 1rem !important;

    }

    #h-products .left-sidebar .checkmark{

        width: 18px;

        height: 18px;

    }

    #h-products .left-sidebar .abc-color .checkmark:after {

        width: 30px;

        height: 30px;

       }

       #h-products .left-sidebar .abc-color{

        padding-left:1.3rem;

    }

  }



  @media only screen and (min-width: 1025px) and (max-width: 5000px) {

    .navigation .search-top{

        display: none !important;

    }

    .header-top .information{

        justify-content: space-between !important;

    }

  }

  /*# sourceMappingURL=responsive.css.map */



  /*# sourceMappingURL=main.css.map */