:root {
    --theme-color: #58af1a; 
    --theme-color-lighter: #97c938; 
    --theme-color-darker: #248e22;
    --alt-color: #393147; 
    --alt-color-lighter: #d9d1e7; 
    --alt-color-lighter2: #514a5c;
    --dark-color: #222;
    --light-color: #f7f6fa;
    
    --order-btn: #0AA707; /*Add to cart, Checkout*/
    --order-btn-darker: #248e22; /*Zamena za tamnije zelenu - hover*/
    
    --order-btn-alt: #f1971a; /*Open checkout*/
    --order-btn-alt-darker: #e47604; /*Zamena za tamniju narandžastu - hover*/

    --checkout-heading: #23527c; /*Zamena za teget*/
    --swiper-btn-color: #4fa530; /*Zamena za zelenu*/
    --aliceblue: #f5f7f5; /*Zamena za svetlo plavu checkout*/
    --red: #c9103d; /*Zamena za crvenu*/
}
html, body{ min-height: 100vh; overflow: auto; scroll-behavior: smooth; }
body { background: #fff url(''); color: #454d58; font-family: 'Poppins', Helvetica, Arial, sans-serif; font-weight: 400;  font-size: 15px; line-height: 23px; font-display: swap; transition: all 0.5s;}
a { color: #4a4a48;} a:hover {text-decoration: underline;} a:focus {text-decoration: none;}
h1 { font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-weight:700; font-size: 34px; }
h2 { font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-weight:700; font-size: 30px; }
h3 { font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-weight:700; font-size: 26px; }  
h4 { font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-weight:700; font-size: 22px; }

/* For background */
.border { padding: 0 0 0px 0; } 
.bg-color { }
.bg-noise:after { content: ''; position: absolute; background: #f5f2eb /*url(/img/bg/noise.png)*/; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.5; z-index: -2;}
.bg-color1 { background: #f8fcff; } 
.bg-color2 { background: #f1eae3; } 
.bg-color3 { background: #eceff1; }  
.bg-color4 { background: #e0f7fa; } 
.bg-color5 { background: #e8f5e9; } 
.bg-color6 { background: #fff9c4; } 
.bg-color7 { background: #fff3e0; } 
.bg-color8 { background: #f3e5f5; } 
.bg-color9 { background: #e8eaf6; } 

/*
.flex-justify-center { justify-content: center!important; } 
.flex-justify-content-between { -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important;}
.flex-items-center { align-items: center; }
.align-self-center { -ms-flex-item-align: center!important; align-self: center!important;}

.flex-start { display: flex; align-items: center; justify-content: flex-start; }
.flex-center {display: flex; align-items: center; justify-content: center; }
.flex-end { display: flex; align-items: center; justify-content: flex-end; }
*/


/* HEADER */
header { position: relative; z-index: 1; background:#fff; z-index: 9; }
header .logo img { width: auto; height: 50px;}

header #search.navbar-form { padding: 0; margin:0; }
header #search .form-control { padding: 12px 13px; }
header #search .btn-default { border-radius: 2px; height: unset; padding: 12px 13px; }

header .navbar-header .shopping-cart { position: absolute; right: 70px; top: 12px;} /*mob*/
header .navbar-header .bi-cart3 {  font-size: 19px; z-index: 2 } /*mob*/
header .navbar-header .badge {background-color: #fff; font-size: 11px; color: #222; z-index: 1; border: 1px solid #d9d9d9; position: absolute; right: -10px; top: -5px; padding: 3px 6px; } /*mob*/

header .top { position: relative; background: var(--theme-color-lighter);}
header .top .content { padding-top: 6px; padding-bottom: 6px; }
header .top a { color: #fff;}
header .top .right { text-align: right; }

header .middle {position: relative; padding: 20px 0; background: rgba(244 240 240 / 50%)}
header .middle .badge { background-color: #fff; color: #333; font-size: 11px; padding: 2px 6px 3px 5px; position: absolute; right: 2px; top: 5px;} /*desktop*/
header .profile .users-naziv {font-size: 13px; padding-left: 5px; text-align: center; line-height: 20px;}
header .menu-cart ul { list-style: none; padding: 0; display: flex; justify-content: flex-end; align-items: center; height: 100%;  margin: 0; }
header .menu-cart ul li { display: flex; align-items: center;  justify-content: center; flex-direction: column; box-sizing: border-box; position: relative;}
header .menu-cart ul li svg { height: 32px; width: 32px; -o-object-fit: contain; object-fit: contain; -o-object-position: center;  object-position: center;}
header .menu-cart ul li .img-circle {width:32px; height:32px; border: 2px solid #e9e9e9;}
header .menu-cart ul li a { display: flex; padding: 10px ;}
header .menu-cart ul li ul.user-menu-dropdown { display: none;  position: absolute; left: -67px; top: 60px; height: auto; z-index: 9999; min-width: 120px; border: 1px solid #e2e7ea; box-shadow: 0 1px 8px 0 rgba(118,118,118,.3); background: #fff; border-radius: 4px;}
header .menu-cart ul li ul.user-menu-dropdown .vrh {background-color: #fff; top: -7px; right: 12%; border-top-left-radius: 4px; width: 12px; height: 12px; border-top: 1px solid #d4dbe0; border-left: 1px solid #d4dbe0; border-bottom-color: transparent; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); position: absolute; z-index: 9999; }
header .menu-cart ul li ul.user-menu-dropdown.wide { width: 340px;  }
header .menu-cart ul li ul.user-menu-dropdown .overflow {  padding: 2px; } 
header .menu-cart ul li ul.user-menu-dropdown .overflow li { margin-bottom: 11px; padding-bottom: 11px; border-bottom:1px solid #f5f5f5}
header .menu-cart ul li ul.user-menu-dropdown .overflow li:last-child, header .menu-cart ul li ul.user-menu-dropdown .overflow li:first-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom:0; }

header .bottom { position: relative;padding: 10px 0px;  border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; background: #fff; transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s;}

header.navbar-fixed-top, header .navbar-fixed-top {position: fixed; top: -80px; right: 0;left: 0;z-index: 9999; width: 100%;}
header.navbar-fixed-top.show, header .navbar-fixed-top.show { top: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}



/* FOOTER */

/* gradient   footer { background: url(/img/patterns/sand.png),linear-gradient(0deg, #071d55 30%, #030d26 100%); background-blend-mode: multiply; color: rgba(255,255,255,0.7); }    */
footer { background:var(--alt-color); color:#fff }
footer a, footer a:hover {color:#fff  }

footer ul { margin: 0;padding: 0; }
footer ul li { list-style: none; line-height: 32px; }
footer ul li a{ color: #fff; position: relative; text-decoration: none; }
footer ul li a:hover { color: var(--theme-color); text-decoration: none; }
footer ul li a:before{ content: ""; position: absolute; background-color: var(--theme-color); width: 100%; height: 1px; bottom: -2px; left: 0;  visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
footer ul li a:hover:before{visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}

footer .logo {margin: 0 0 20px 0; height: 50px; min-height: 45px; width: auto;}
footer .credit-cards {  }
footer .visa {height: 35px;width: auto; background: #fff; border-radius: 6px; padding: 5px 10px;}
footer .intesa-margin {margin: 0 50px;}

footer .footer-banner { background-color: #ea672d; background-image: url(/img/footer-levo.png), url(/img/footer-desno.png); background-position: right center, left center; background-repeat: no-repeat, no-repeat; padding:50px; margin: 75px 0 45px 0;}
footer .footer-banner a {color:#fff}

footer .top { background: #f9f9f9; padding: 0; }

footer .middle { background: # url('') no-repeat top center; padding: 70px 0 0 0;  }
footer .middle a { text-decoration: none; }
footer .middle p.title { font-size: 18px; font-weight: 700; padding-bottom: 13px; margin-bottom: 20px; display: inline-block;  position: relative; }
footer .middle p.title::before { content: ""; position: absolute; width: 50%; bottom: -5px; left: 0; border-bottom: 2px solid #ccc;} 

footer .bottom { font-size: 12px; color:#fff; padding: 0 0 70px ; }
footer .bottom hr { margin-bottom:30px; }
footer .bottom a { color:#fff; }
footer .bottom .right { text-align: right; padding-top: 4px;}

@media only screen and (max-width: 767px) {
    footer .logo { margin: 25px 0;}
}
















/* Cookie notification new */
.cookie-notification {background:#fff; margin: 20px auto; padding: 25px; position:fixed; z-index: 9999; color: #000; border: 1px solid #c4c4c4; box-shadow: 0 4px 70px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); overflow: auto;
    border-radius: 0.5rem;  box-sizing: border-box;  width: 750px; max-width: 98%; max-height: 95%; position: fixed; top: 50%; left: 50%;transform: translate(-50%,-50%); }
.cookie-notification a {color: #000}
.c-header {  font-size: 1.8em; font-weight: bold; display: flex; margin-bottom: 4px; margin-top: 15px; text-transform: uppercase; }
.c-header img { height: 40px; width: 40px; margin-left: -8px; margin-right: 8px;}
a.c-button {  box-sizing: border-box;  -moz-box-sizing: border-box;  display: inline;  color: #fff; background-color: var(--theme-color);  text-decoration: none; font-weight: 700; padding: 15px 20px; margin: 10px 10px 0 0;  border-radius: 3px;  text-align: center;  width: auto;  float: left;  box-shadow: 0 -3px 0 var(--theme-color) inset;}
a.c-button:hover {background-color: var(--alt-color);}
@media only screen and (max-width: 767px) {
    .cookie-notification {background:#fff;width: 95%;}
    .c-header {  font-size: 14px; }
}




/* Advanced search */
#search-advanced {position: relative;}
.navbar-form.search {position: relative;}
.advanced-search { width: 99%; margin: 0 auto;}
.advanced-search .icon {position: absolute; left: 20px; top: 6px; z-index: 1; }
.advanced-search .input input {  width: 100%; border: 1px solid #f1f1f1; padding: 10px 30px 10px 40px; color: #333;}
.advanced-search .input input:focus { outline: none; border: 1px solid #b9b9b9;}
.advanced-search input::placeholder { color: #ccc; opacity: 1; } /* placegolder color */
.advanced-search input::-ms-input-placeholder { color: #ccc;}
.advanced-search input::-ms-input-placeholder { color: #ccc;}
.advanced-search .button {position: absolute; right: 25px; top: 8px;}
.advanced-search .button input { background: transparent; border-color: transparent; font-weight: 700; color: #5e5e5e;}
.advanced-search .tt-menu { width:100%; background: #fff; border: 1px solid #f1f1f1;  border-radius: 2px;}
.advanced-search .tt-menu img { width:40px; margin-right: 15px; }
.advanced-search .tt-menu h3 { color: #000; padding: 8px 20px ; font-size: 18px; margin: 10px 0;}
.advanced-search .tt-menu .tt-suggestion { color: #000; padding: 8px 20px ; }
.advanced-search .tt-menu .tt-suggestion:hover { text-decoration: none; outline: 0; background-color: #eaeaea;  }
.advanced-search .tt-menu .tt-suggestion .tt-highlight { background: #fcf884; }
.advanced-search .tt-menu .tt-dataset-search {}	
.advanced-search .tt-menu .tt-dataset-brand {}	
.advanced-search .tt-menu .tt-dataset-category {}	
.advanced-search .tt-menu .tt-dataset-product {}		
.advanced-search .tt-menu .tt-dataset-news {}
@media only screen and (max-width: 767px) {
    .advanced-search .icon { top: 22px; }
    .advanced-search .button { top: 18px; }
}



/* Search pop up */
.search-box { position: fixed; top: 0; left: 0;width: 100%; height: 100%; border: 15px solid #ccc; background-color: rgba(255, 255, 255, 0.96); z-index: 9999; }
.search-box > .container { display: table; vertical-align: middle; text-align: center; height: 100%;}
.search-box .hide-search-box { z-index: 1; cursor: pointer; position: absolute; right: 15px; top: 15px; width: 50px; height: 50px; font-size: 48px; }
.search-box #search { display: table-cell; vertical-align: middle; text-align: center;}
.search-box .input {position: relative;  width: 100%;  border: 3px solid #484848;  max-width: 450px;  margin: 0 auto;  padding: 15px 30px;  border-radius: 30px;  color: #484848;}
.search-box .input input { border: 0; width: 100%; background: transparent;}
.search-box .input input:focus { outline: none; border: 0px solid #b9b9b9;}
.search-box .input input::placeholder { color: #ccc; opacity: 1; } /* placegolder color */
.search-box .input input::-ms-input-placeholder { color: #ccc;}
.search-box .input input::-ms-input-placeholder { color: #ccc;}
.search-box .input .button {position: absolute; right: 25px; top: 15px;}
.search-box .input .button input { background: transparent; border-color: transparent; font-weight: 700; color: var(--theme-color);}
@media only screen and (max-width: 767px) {
    .search-box > .container { width: 90% };
}







/*Zlatko fix vertical menu - categories*/
#vertical-menu .active a.list-group-item {background:#f5f2f2;}
#vertical-menu .navbar-collapse { padding-right: 0px; padding-left: 0px;}
#vertical-menu .list-group-item:last-child {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
#vertical-menu .list-group-item:first-child {border-top-right-radius: 0px;border-top-left-radius: 0;}
#vertical-menu .list-group-item {border: 1px solid transparent; padding: 5px 20px 5px 15px;}

#vertical-menu ul.list-group li .icon-right {position: absolute; top: 0; right: 0; padding: 6px 10px; z-index: 1;}
#vertical-menu ul.list-group li .icon-right:hover {  }
#vertical-menu ul li {list-style-type:none; padding-bottom: 0px; position: relative; overflow: hidden; z-index: 0;} 
#vertical-menu ul ul {padding-left: 0;}
#vertical-menu ul ul > li a.list-group-item::before {content: ''; background-size: 7px; background-repeat: no-repeat; width: 8px; height: 9px; display: inline-block; margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' fill='%23777777' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='603 234 400 400' style='enable-background:new 603 234 400 400;' xml:space='preserve'%3E%3Cpath d='M686.3,600.7c0,13.5,8.1,25.6,20.6,30.8c12.5,5.2,26.8,2.3,36.3-7.2l166.7-166.7c13-13,13-34.1,0-47.1L743.2,243.8 c-9.5-9.5-23.9-12.4-36.3-7.2c-12.5,5.2-20.6,17.3-20.6,30.8V600.7z'/%3E%3C/svg%3E%0A"); }






/* Social icons */
.social-circle .bi-meta, .social-icons .bi-meta  {color: #4267b2;}
.social-circle .bi-instagram, .social-icons .bi-instagram {color: #d6267c;}
.social-circle .bi-linkedin, .social-icons .bi-linkedin {color: #0066a1;}
.social-circle .bi-youtube, .social-icons .bi-youtube  {color: #e00d0d;}
.social-circle .bi-twitter-x, .social-icons .bi-twitter-x {color: #000;}
.social-circle .bi-pinterest, .social-icons .bi-pinterest {color: #e52f48;}
.social-circle .bi-whatsapp, .social-icons .bi-whatsapp {color: #3ca035;}
.social-circle .bi-tiktok, .social-icons .bi-tiktok {color: #000;}
.social-circle { padding: 0; margin: 25px 0 0; }
.social-circle li {display: inline-block; margin-right: 6px; font-size: 32px;}
.social-circle li a:hover i { moz-transform: rotate(360deg);moz-transition: all 0.2s;ms--transform: rotate(360deg);ms-transition: all 0.2s;o-transition: all 0.2s;transform: rotate(360deg);transition: all 0.2s;webkit-transform: rotate(360deg);webkit-transition: all 0.2s; }

.social-icons { display: flex; justify-content: flex-end;}
.social-icons li {  margin-right: 5px;  opacity: 1;}
.social-icons li:last-child {  margin-right: 0px;}
.social-icons a {  height: 40px;  width: 40px;  border: 1px solid #c5c5c5;  border-radius: 50%;  display: grid;  grid-gap: 36px;  place-items: center; transition: all .11s ease-out;}
.social-icons a > i {  color: #fff; line-height: 1;}
.social-icons li:hover a { text-decoration: none;  background: #fff; moz-transform: rotate(360deg);moz-transition: all 0.2s;ms--transform: rotate(360deg);ms-transition: all 0.2s;o-transition: all 0.2s;transform: rotate(360deg);transition: all 0.2s;webkit-transform: rotate(360deg);webkit-transition: all 0.2s;}
.social-icons li:hover a > i {  color: var(--theme-color);}
.social-icons li:hover a:hover:before {  visibility: hidden;}
@media only screen and (max-width: 767px) {
    ul.social-icons  { justify-content: flex-start;  margin-top: 30px;}
}





/* TESTIMONIALS - COMMENTS */
.swiperTestimonials {}
.swiperTestimonials .content {padding-left: 50px; text-align: left;}
.swiperTestimonials .content:before { content: '"'; font-size: 100px; position: absolute; left: 0; top: 21px; color: #d2be92;}
.swiperTestimonials .name { text-align: right; font-style: italic; color: #969081; }
.swiperTestimonials .swiper-slide-prev {transform: scale(0.8); opacity: 0.5;}
.swiperTestimonials .swiper-slide-active { transform: scale(1); opacity: 1; }
.swiperTestimonials .swiper-slide-next { transform: scale(0.8);opacity: 0.5;}




/* GALLERY */
.gallery-container { position: relative; box-sizing: border-box; }
.gallery-container .gallery-item { border: 1px solid #f0f8fe; width: calc(20% - 16px); margin-bottom: 20px; box-sizing: border-box; overflow: hidden; border-radius: 4px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); cursor: pointer;}
.gallery-container .gallery-item img { width: 100%; height: auto; display: block; transition: transform 0.3s ease;}
.gallery-container .gallery-item:hover img { transform: scale(1.1);}
.gallery-container .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); opacity: 0; transition: opacity 0.3s ease; display: flex;  align-items: center;  justify-content: center;}
.gallery-container .gallery-item:hover .overlay { opacity: 1;}
.gallery-container .overlay-text { color: #fff; letter-spacing: 1px;}
@media only screen and (max-width: 767px) {
    .gallery-container .gallery-item { border: 1px solid #f0f8fe; width: calc(50% - 15px);  box-sizing: border-box; }
}

.masonry-grid { position: relative; box-sizing: border-box;}
.masonry-grid .grid-item { border: 1px solid #f0f8fe; width: calc(25% - 15px); margin-bottom: 15px; box-sizing: border-box; }
.masonry-grid .grid-item img { display: block; max-width: 100%; height: auto; transition: transform 0.3s ease; padding: 15px}
.masonry-grid .grid-item:hover img { transform: scale(1.05);}
.masonry-grid .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center;}
.masonry-grid .grid-item:hover .overlay { opacity: 1;}
.masonry-grid .overlay-text {  color: #fff;  }
.masonry-grid .grid-item .visible-text {  color: var(--theme-color); font-size:18px; text-align:center; padding-bottom:20px }

@media only screen and (max-width: 767px) {
    .masonry-grid .grid-item { border: 1px solid #f0f8fe; width: calc(50% - 15px);  box-sizing: border-box; }
}



/* NEWS ONE - VIEW */
.news-one .main-img { width:100% }
.news-one .main-content  { /*text-align: justify;*/ font-size: 16px; line-height: 1.725em; }
.news-one .main-content a { color: var(--theme-color);  border-bottom: 2.5px solid var(--theme-color); }
.news-one .category-bar {background: #222 url(/img/patterns/sand.png); color: #fff; padding: 40px; font-weight: 700; text-transform: uppercase; font-size: 25px; letter-spacing: 2px;}
.news-one .main-content .gallery .col-md-2 { margin-bottom:15px;}
.news-one .main-content .img-circle {width: 45px; height: 45px; border: 2px solid #e9e9e9; }
.news-one .summary { background: #f9f7f7; padding: 15px; border-radius: 10px;}
.news-one .summary .color { color: #878787;}
.news-one .summary ul {margin: 0; padding: 0}
.news-one .summary ul li {display: inline-block;padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; color: #000;}
.news-one .summary ul li:last-child {border-right: 0px }

.newsNextPrevious a {padding: 5px 10px;background: #e8e8e8;}



/* NEWS CATEGORY */
.news-category .heading {margin: 25px 0;}
.news-category h1 { margin: 0 40px 30px 0; float: left; text-transform: uppercase; color: #000;}
.news-category .heading ul.subcategory li { display:inline-block; color:#000; margin-right:20px;margin-top:10px}
.news-category .heading ul.subcategory li a {color:#24a2d0;}



/* ONE NEWS */
.tag-category a {padding: 1px 10px; background: #ce6635; color: #fff; display: inline-block; font-size: 9px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px;}
.main-img-description {padding: 10px 0 0; font-size: 13px; color: #7b89b1;} 
.main-img-description .bi {font-size: 22px; margin-left: 7px;} 
.sidebar-banner-top {text-align:center; margin-bottom:20px}
.video-box { background: #f3b258; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #000; font-size: 20px; opacity: .9; position: absolute; top: 15px; left: 30px; text-align: center; width: 46px; height: 46px; z-index: 9999;}
.video-box .bi { margin-top: 13px; color:#fff;}
.video-box .bi-play { margin-left: 4px;}
.sidebar a h3 { color: #e84903; margin-top: 0; }
.sidebar .photo { }

.one-news img { aspect-ratio:2/1 }
.one-news .featured { background-color: #eaeaea;padding: 15px 0; }
.one-news a h4 { margin-top: 10px; color: #545454; font-size: 18px;line-height: 25px; }
.one-news .description { color: #666; }
.one-news .description p { margin-top: 10px; }
.one-news .description a { color: var(--theme-color); }


/* NEWS template: short2 */
.news-template-short2 {margin-bottom:15px;}
.news-template-short2 .news-category-badge {text-transform: uppercase; font-size: 13px;}
.news-template-short2 .time-ago {color: #afaaaa;}
.news-template-short2 .imgdiv {background: #f1f1f1; line-height: 0; overflow: hidden; width: 100%; max-height: 240px; margin-bottom: 15px;}
.news-template-short2 img {width:100%;height:auto;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition:  all .5s ease-in-out; opacity: 1.0; filter: alpha(opacity=100);}
.news-template-short2 img:hover {opacity: 1; filter: alpha(opacity=100); transform:scale(1.2);}
.news-template-short2 h4 {font-size: 19px; font-weight: 700; line-height: 1.2em; color: #292929;}


/* NEWS template: short4 */
.news-template-short4 {margin-bottom:15px;}
.news-template-short4 .imgdiv {background: #F44336; line-height: 0; overflow: hidden; width: 100%; max-height: 240px; margin-bottom: 15px;}
.news-template-short4 img {width:100%;height:auto;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition:  all .5s ease-in-out; opacity: 1.0; filter: alpha(opacity=100);}
.news-template-short4 img:hover {opacity: 1; filter: alpha(opacity=100); transform:scale(1.2);}
.news-template-short4 h4 {font-size: 20px; font-weight: 700; line-height: 1.2em; color: #292929;}


/* NEWS CTEGORY SMALL template: short5 */
.news-template-short5 {margin:20px -15px;}


/* NEWS CTEGORY SMALL template: short6 */
.news-template-short6 {margin-bottom:45px;}
.news-template-short6 h4 {font-size: 36px;font-weight: 700; color:#000; }


/* NEWS template: short7 */
.news-template-short7 .bg { background: #f8f8f8; margin-bottom:15px; }
.news-template-short7 .news-category-badge {position: absolute; background: #fff; padding: 5px; display: none;}
.news-template-short7 .holder {padding: 25px;}
.news-template-short7 .holder a {color: #000; font-weight: 700; text-transform: uppercase;  }
.news-template-short7 .author { float: right; color: #b5b4b4;}
.news-template-short7 .time-ago { float: left; color: #b5b4b4;}
.news-template-short7 h4 { margin-top: 15px; color: #000; text-transform: uppercase; }



/* NEWS CATEGORY template: short3 */
.news-template-short3 {margin-bottom:25px;}
.news-template-short3 .news-category-badge {text-transform: uppercase; font-size: 13px;}
.news-template-short3 .time-ago {color: #afaaaa;}
.news-template-short3 .imgdiv {background: #ccc; line-height: 0; overflow: hidden; width: 100%; max-height: 240px; margin-bottom: 15px;}
.news-template-short3 img {width:100%;height:auto;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition:  all .5s ease-in-out; opacity: 1.0; filter: alpha(opacity=100);}
.news-template-short3 img:hover {opacity: 1; filter: alpha(opacity=100); transform:scale(1.2);}
.news-template-short3 h4 {font-size: 22px; font-weight: 700;  margin-top: 0;}
.news-template-short3 .author {font-weight: 700; margin-bottom: 8px;}





/* BRAND */
.productbrand h1 { margin: -6px 0 18px 0; }
.productbrand .sidebar .logo { max-height:75px; max-width:80%; }
.productbrand .description {  }
.brands-preview {margin-bottom:40px;}
.brands-preview h3 {text-align:center; color:#8b251d;}
.brendovi .service-box h3 {text-align: center; font-size: 16px;}
.brendovi .service-box { border: 1px solid #eaeaea; padding: 15px;  display: flex; justify-content: center; align-items: center; flex-direction: column;}
.brendovi footer {margin-top: 50px}
.swiperProductBrand img {height: 50px; filter: grayscale(1); opacity: 0.4; transition: all .1s ease-in;}
.swiperProductBrand img:hover {filter: grayscale(0); opacity: 1;}





/* PRODUCT CATEGORY */
.category h1 { margin: -6px 0 18px 0; }
.one-category .cat-title { font-size: 16px; margin-top: 10px}
.homepage .category .product-holder {border-radius: 3px; border: 1px solid #e8e8e8;}
.productcategory-holder { margin-bottom: 40px; }
.category .cat-title {padding: 5px 15px;  font-weight: 700;background: #fff;}

.category-preview .category-title {font-size: 22px; font-weight: 700; color: #1e1f29; margin-bottom: 26px; background: #fbf8f8; padding: 15px 0; text-align: center;} 
.category-preview .first-column .news-template-md12 .col-md-12 {margin-bottom:20px}








/* PRODUCT SHORT PREVIEW GRID */
.one-product { text-align: left;}
.one-product ul { margin: 5px 0px 5px 0px;padding: 0;}
.one-product ul li { border-right: 1px dotted #ccc;display: inline-block;margin-right: 7px;padding-right: 7px; }
.one-product ul li:last-child { border-right: 1px dotted #fff; margin-right: 0; padding-right: 0; }
.one-product .product-img { overflow: hidden; border: 0px solid #eaeaea;}

.one-product img { transition: all .3s ease-in-out; aspect-ratio: 1 / 1; /*mix-blend-mode: multiply;*/}
.one-product img:hover { opacity: 1; filter: alpha(opacity=100);  }

.one-product .price { color: var(--theme-color);font-size: 14px;font-weight: 700; }
.one-product .price-old { color: #444444;font-size: 13px;font-weight: 400;text-decoration: line-through;  margin-right: 5px;}

.one-product .promo-text { margin:10px 0;}
.one-product .product-holder { z-index: 0; padding:10px; position: relative;  width: 100%; -webkit-transition: all .25s; -moz-transition: all .25s; -o-transition: all .25s; transition: all .25s; }
.one-product .product-title { height: 50px; overflow: hidden;}
.one-product .product-holder a { font-size: 16px; font-weight: 700; text-overflow: ellipsis; /*word-break: break-all;*/ -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.one-product .product-holder a:hover { text-decoration: none; }
.one-product .product-holder.featured {  }
.one-product .product-holder p { margin: 8px 0 10px; }

.one-product .product-holder:hover { transform: scale(1.03);}
.one-product .product-holder:hover .short-add-to-cart-btn { opacity: 1; }

.one-product .discount-percent { position: absolute;right: 0px;top: 0px; }
.one-product .follow-featured { color: #ffffff; font-size: 23px; line-height: 30px; width: 30px; text-align: left; position: absolute; top: 9px;left: 13px; text-shadow: 0px 1px 1px rgba(152, 152, 152, 0.75);  }
.one-product .follow-featured label { cursor: pointer; }
.one-product input[type='checkbox'].icon-checkbox { display: none;  }
.one-product input[type='checkbox'].icon-checkbox + label .unchecked { display: inline; }
.one-product input[type='checkbox'].icon-checkbox + label .checked { display: none; }
.one-product input[type='checkbox']:checked.icon-checkbox { display: none; }
.one-product input[type='checkbox']:checked.icon-checkbox + label .unchecked { display: none; }
.one-product input[type='checkbox']:checked.icon-checkbox + label .checked { display: inline; }
.one-product.category img {transform: none; }
.one-product.category img:hover { transform: none; opacity: .8; transition: opacity .4s ease-out; -moz-transition: opacity .4s ease-out; -webkit-transition: opacity .4s ease-out; -o-transition: opacity .4s ease-out;}
.one-product .productcategory-holder img { aspect-ratio: 2/1;}
.homepage .one-product.category img { aspect-ratio: 2/1;}
.one-product.category h2 { font-size: 16px}

.currency {font-size: 13px;}
.unit-of-measure {font-size: 13px;}
.price-vat-desc {font-size: 13px;}

.product-flags { position: absolute; width: 65px; right: 7px; top: 8px; font-weight: 700;text-transform: uppercase; text-align: center; font-size: 11px; z-index: 1}

/*
/////// trakica
.exp-on-new { position: absolute; width: 140px; padding: 8px; background: var(--theme-color); color: #fff; font-size: 12px; right: -35px; top: 16px;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-weight: 700; text-transform: uppercase; text-align: center; z-index: 99;}
.exp-on-action { position: absolute; width: 140px; padding: 8px; background: var(--theme-color); color: #fff; font-size: 12px; right: -35px; top: 16px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-weight: 700; text-transform: uppercase; text-align: center; z-index: 99;}
.exp-on-discount { position: absolute; width: 140px; padding: 8px; background: var(--theme-color); color: #fff; font-size: 12px; right: -35px; top: 16px;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-weight: 700; text-transform: uppercase; text-align: center; z-index: 99;}


////// kruzic
.exp-on-new { position: absolute; padding: 2px 10px; background: #089ddf; color: #fff; font-size: 12px; right: 4px; top: 6px;font-weight: 700; text-transform: uppercase; text-align: center; z-index: 99;}
.exp-on-action { position: absolute; padding: 2px 10px; background: #ce0149; color: #fff; font-size: 12px; right: 4px; top: 6px;font-weight: 700; text-transform: uppercase; text-align: center; z-index: 99;}
.exp-on-discount { position: absolute; width: 55px; height: 55px; border-radius: 28px; font-size: 12px; padding: 17px 10px; background: #BF3EFF; color: #fff; right: 40px; top: 40px; font-weight: 700; text-transform: uppercase; text-align: center; z-index: 99;}
*/


/* Pravougaonik zaobljen */
.exp-on-new { position: relative; padding: 1px 1px; background: #128ced; color: #fff; margin-bottom: 4px; border-radius: 50px 50px 50px 0 !important;}
.exp-on-action { position: relative; padding: 1px 1px; background: #f04e4e; color: #fff; margin-bottom: 4px; border-radius: 50px 50px 50px 0 !important;}
.exp-on-discount { position: relative; padding: 1px 1px; background: var(--theme-color); color: #fff; margin-bottom: 4px; border-radius: 50px 50px 50px 0 !important;}


.orderby select { background: transparent; cursor: pointer; border: none; margin-bottom: 15px}
.shop .orderby select {margin-bottom: 0px}



/* ADD TO CART IN SHORT PREVIEW */
.one-product .product-holder form.add-to-cart-short {margin-top:10px;}
.one-product .product-holder label span { display:none; }
.one-product .product-holder label { margin-bottom:0 }
.one-product .product-holder { align-items: center; justify-content: center;}
.one-product .product-holder .short-add-to-cart-btn { width:100%; opacity: 0; background: var(--order-btn); color: #fff; display: flex; justify-content: space-around; font-weight: 700; padding: 5px 5px; border: 0; border-radius: 35px; box-shadow: 0 3px 13px -2px rgba(0, 0, 0, 0.15); transition: 0.3s ease;}
.one-product .product-holder .short-add-to-cart-btn:active { box-shadow: 0 0 0 0.2rem rgba(252, 186, 3, 0.45); transform: translateY(4px);}
.one-product .product-holder .short-add-to-cart-btn:hover, .short-add-to-cart-btn:focus { background: var(--order-btn-darker); }
.one-product .product-holder .short-add-to-cart-input { padding: 7px 9px; width: 60px; border: 0px solid #fff; }
.one-product .product-holder .short-add-to-cart-input:hover { border: 0px solid #fff; }
@media only screen and (max-width: 1200px) {
	.one-product .product-holder .short-add-to-cart-input {width: 40px;}
}



.swiper-container.swiperProducts {padding: 20px!important;}
.one-product .product-holder:before { content: ""; opacity: 0; z-index: -1; box-shadow: 4px 4px 12px #0006161a;  border: 1px dotted #eaeaea; border-radius: 12px; transition: transform .2s cubic-bezier(.345,.115,.135,1.42),opacity .15s ease-out,border-color .2s ease-out;   position: absolute;top: -5px; bottom: -5px; left: -5px; right: -5px; transform: scale(.96)}
.one-product .product-holder:hover:before { opacity: 1;transform: scale(1); }










/* PRODUCT PAGE */
.product {overflow: visible;}
.product .sticky-element {position: -webkit-sticky; position: sticky; top: 0; height: auto; }

.product .col-lg-3.col-md-3.col-xs-6 { margin-bottom: 15px; }
.product .choose-option {color: #9b851f;}
.product .vat-info {color: #9f9f9f;}

.magnify-img { display:inline-block; position: relative; }
.magnify-img img {	display: block;	}
.magnify-img img::selection { background-color: transparent; }

.product-photo .img-holder { overflow: hidden; }
.product-photo .zoom-in-marker { background: var(--theme-color);color: #fff;cursor: pointer;font-size: 16px;height: 30px;width: 30px;left:15px; top:15px; line-height: 30px;position: absolute;text-align: center;transition: all 0.3s ease;webkit-transition: all 0.3s ease;}
.product-photo .promo-text { background: var(--theme-color);color: #fff;font-size: 16px;left: 15px;padding: 10px;position: absolute;bottom: 30px; }
.product-photo img { border: 1px solid #fff; max-width: 100%; aspect-ratio: 1 / 1; }
.product-photo .main { margin: 0 0 15px 0; }
.product-photo .thumb { margin: 5px 5px 5px 0;width: 100px; aspect-ratio: 1 / 1;}
.product-photo .productitem-video {  width: 100%; }
.product .productitemvideo { position: relative; }
.product .productitemvideo img { width:100%!important }

.product .thumbnail-image svg, .product .productitemvideo svg { width: 30px; height: 30px; position: absolute; fill: #fff;  filter: drop-shadow(0px 0px 3px #000c);
    left: 50%;  top: 45%;  transform: translate(-50%, -30%);}
.product .productitemvideo svg { width: 50px;  height: 50px;  fill: #fff; }
.product .productitemvideo .bi { position: absolute; color: #fff; font-size: 27px; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.sp-input .available { color:var(--theme-color); }

.product-details { position: relative; }
.product-details h1 { margin: -4px 0 10px 0;padding: 0; letter-spacing: 1px;}
.product-details .description { margin: 25px 0 25px; }
.product-details ul { padding: 15px; list-style-type: circle; }

ul.product-bullets { margin: 0 0 25px 0;padding: 0; }
ul.product-bullets li { border-bottom: 1px dotted #ccc;list-style-type: none;padding: 4px 0; }
ul.product-bullets li a { text-decoration: underline; }
ul.product-bullets li .title { font-weight: 700; }
ul.product-bullets li:last-child { border-bottom: 0px; }


label[for=quntity-input-value]  {position: absolute; left: 15px; margin-top: -35px;font-size: 13px;}
.product-details .sp-quantity {margin-bottom: 10px}
.product-details .sp-minus, .product-details .sp-plus { padding: 0 5px; display: flex; align-items: center; height: 50px; font-size: 22px; line-height: 38px; }
.product-details .sp-minus:hover, .product-details .sp-plus:hover {color: var(--theme-color)}
.product-details .quantity-input { width: 40px; height: 50px; border: 0; font-weight: 700; text-align: center; background: transparent;}
.product-details input.quantity-input:disabled {background: #fff; color: #000;}
.product-details a:hover {text-decoration: none }
.product-details .add-to-cart { margin: 0 10px 0 25px; padding: 13px 27px; height: 50px; background-color: var(--order-btn); font-size: 21px; color: #fff; text-transform: uppercase;}
.product-details .add-to-cart:hover { background-image: linear-gradient(to bottom, var(--order-btn),var(--order-btn-darker));}
.product-details .go-to-checkout { padding: 14px 15px; background-color: var(--order-btn-alt); color: #fff; font-size: 18px;text-transform: uppercase;}
.product-details .go-to-checkout:hover { background-image: linear-gradient(to bottom, var(--order-btn-alt),var(--order-btn-alt-darker));}
.product-details .add-border {border: 1px solid #454d57; padding: 0 10px;}
.product-details .btn-radius { border-radius: 25px;}
.product-details .price, .product-details .price .salesprice, .discountedprice { color: var(--theme-color); font-size: 17px; font-weight: 700; }
.product-details .price .price-old, .price-old-b2b { color: #868686;font-size: 14px; text-decoration: line-through; }
.product-details .price-description { color: #ea4a1f;font-weight: 700; }
.product-details .salespriceend { color: var(--theme-color); font-size: 13px; }
.product-details .catalog-mode {padding: 20px; border: 1px solid red; color: red;} 
.product-details .vat-info {color: #c6c6c6;font-size: 14px;font-weight: 400;}


.product-details .product-collection {grid-template-columns: repeat(7, 1fr); gap: 7px;}
.product-details .product-collection-item img, .product-button-choose button {border-radius: 10px; border: 1px solid #dedede; width: auto;}
.product-details .product-collection-item a:hover img, .product-button-choose button:hover {border: 1px solid var(--dark-color);}
.product-details .product-collection-item.active img, .product-button-choose button.active {border: 1px solid var(--dark-color);}


.product-details ul.variant { margin: 0 0 30px 0;padding: 0; text-transform:uppercase;}
.product-details ul.variant li { background: #ffffff; border: 1px solid #ccc;display: inline-block;list-style-type: none;margin-right: 10px; padding: 7px 15px;cursor: pointer;}
.product-details ul.variant li.variant-active { border: 2px solid #3a863a; }
.product-details ul.variant li a { padding: 10px 10px; text-decoration: none; }


.product-configuration { margin-bottom: 15px; border-bottom: 1px dashed  #eaeaea; }

/* Product color */
.product-color { margin-bottom: 15px; }
.color-choose div { display: inline-block; position: relative; margin-right: 3px;}
.color-choose input[type="radio"] { display: none; }
.color-choose input[type="radio"] + label span { display: inline-block; width: 40px; height: 40px; margin: -1px 4px 0 0; vertical-align: middle; cursor: pointer; border-radius: 50%; -webkit-transition: all 0.5s; transition: all 0.5s;}
.color-choose input[type="radio"] + label span { border: 2px solid #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33); }
.color-choose input[type="radio"] + label span:hover { border: 2px solid #f9f9f9; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.43); }
.color-choose input[type="radio"].active + label span::before { content: ""; position: absolute; left: 0; top: 0; height: 40px; width: 40px; 
    background-image: url(/img/icon/icon-check.svg); background-repeat: no-repeat; background-position: center; }


.one-product .color-choose input[type="radio"] + label span { width: 26px;  height: 26px;  margin: -1px -7px 0 0; } /* color in short view */


/* Product button */
.product-button-choose { margin-bottom: 17px;}
.product-button-choose button { border: 2px solid #E1E8EE; border-radius: 6px; padding: 10px 15px; color: #5E6977; background-color: #fff; cursor: pointer; transition: all .5s; margin: 0 5px 5px 0; }
.product-button-choose button:hover,.product-button-choose button:active,.product-button-choose button:focus {  border: 2px solid #86939E;  background: #efefef;}
.product-button-choose button.active { border: 2px solid #86939E;  background: #efefef; }
.product-button-choose button:disabled, button[disabled] { background-color: #fff2f2;}
.product-button-choose button {position: relative;transition-property: background-color, border-color, color;}
.product-button-choose button:disabled:after {
    background: linear-gradient(to left top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 0.75px), rgb(204, 204, 204) 50%, rgba(0, 0, 0, 0) calc(50% + 0.75px), rgba(0, 0, 0, 0) 100%);
    content: ""; display: block; height: 38px; position: absolute; transform: rotate(15deg); bottom: 2px; left: 3px; width: calc(87%);border: 1px solid transparent;
}

.product-dropdown {margin-bottom: 30px; }

.productoption { margin-bottom: 21px; border-bottom: 1px dashed #eaeaea;}

.product .product-brand { color: var(--theme-color); }
.product .product-brand img {  max-width: unset; aspect-ratio: 2/1;}
.product-photo .discount-percent { position: absolute;right: 15px;top: 0px; }
.product-variation {margin:0 15px 15px 0;}
.product .description-details a { color: var(--theme-color); text-decoration: underline; }

.addtofav.inline {}
.addtofav.inline .checkbox-inline { padding-left: 0; }
.addtofav.inline .bi-heart, .addtofav.inline .bi-heart-fill { float: left; color: var(--theme-color);line-height: 23px;}
.addtofav.inline .text { float: left; margin-left: 15px; }
.addtofav.inline input[type='checkbox'].icon-checkbox { display: none; }
.addtofav.inline input[type='checkbox'].icon-checkbox + label .unchecked { display: inline; font-size: 20px;}
.addtofav.inline input[type='checkbox'].icon-checkbox + label .checked { display: none; font-size: 20px; }
.addtofav.inline input[type='checkbox']:checked.icon-checkbox { display: none; }
.addtofav.inline input[type='checkbox']:checked.icon-checkbox + label .unchecked { display: none; }
.addtofav.inline input[type='checkbox']:checked.icon-checkbox + label .checked { display: inline; }

.product ul.attributes {padding: 0; margin: -1px;border: 0px solid #c3c3c3;}
.product ul.attributes li {list-style-type:none;height: 44px;background-color: #fff;}
.product ul.attributes li:nth-child(even) { background-color: #ededed;}
.product ul.attributes li:nth-child(odd) { background-color: #f4f4f4;}
.product ul.attributes li .attribute-name {font-weight:700; padding:12px 15px; width:200px; float:left;border-right: 1px solid #ccc; color: #323031; }
.product ul.attributes li .attribute-value {padding:12px 15px ; width:40%;float:left}

.product #mycomments i {font-size: 20px;}
.product .available i {font-size: 17px;}

.rateYoGet-holder {margin-bottom: 10px;}
.rateYoGet-holder .rateYoGet { cursor: pointer!important; z-index: 0}
.rateYoGet-holder .jq-ry-container { padding: 0px 0px 2px 10px; }
.one-product .rateYoGet {margin: 5px 0; /*auto*/}


/* Bettertabs */ 

/*..bettertabs {width: 100%; background: linear-gradient(90deg, #fff, #fff); position: relative; z-index: 1; padding: 0 0 30px;}
bettertabs:after {position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; z-index: 2; background: #ffffffdb;}*/
.bettertabs .tab-content {padding: 50px 0;}
.bettertabs ul.nav-tabs {border: none; position: relative;}
.bettertabs :is(.nav-tabs>li>a, .tab-content, .tab-content a) {color: #222;}
.bettertabs .nav-tabs>li>a {font-size: 18px; padding: 13px 20px;font-weight: 400; letter-spacing: -0.5px; text-transform: uppercase; transition: all 0.1s ease-out;}
.bettertabs :is(.nav-tabs>li>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover) {border: none; border-radius: 0; margin: 0;}
.bettertabs .nav-tabs>li>a:hover {background: #eaeaea; color: #222;}
.bettertabs :is(.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover) {color: #222;}

.bettertabs  iframe { width: 100%; height: 40rem; }
.bettertabs .toggler-one > a {font-size: 18px; font-weight: 500; padding-left: 26px;}
.bettertabs .accordion-mark {left: 0;}
.bettertabs .tgSadrzaj {padding-left: 26px;}
.bettertabs .table-hover>tbody>tr:hover {background-color: #f5f5f51c;}

.bettertabs .tab-content table { width: 100%; display: block;  overflow-x: auto; white-space: nowrap; height: unset!important;}
.bettertabs .tab-content table tbody { width: 100%;}
.bettertabs .tab-content table tr:nth-child(odd), .product .bettertabs .tab-content .attachment:nth-child(odd) {  background: #eaedf1;}
.bettertabs .tab-content table tr td, .product .bettertabs .tab-content .attachment {   padding: 0.4rem 0.8rem;}
.bettertabs .tab-content table tr td:first-child { font-weight: 700;  width: 20%!important;}
.bettertabs .tab-content table tr td { /*font-weight: normal;*/}
.bettertabs .tab-content table tr:nth-child(1) {font-weight: 700}

.bettertabs .tab-content ul {margin-bottom: 20px;padding-left: 0;}
.bettertabs .tab-content ul li { list-style-type: circle; margin:0px 0px 0px 30px; }
.bettertabs .tab-content ul li:first-letter { text-transform: uppercase; }


.nav-tabs.centered { text-align:center; }   
.nav-tabs.centered > li { float:none; display:inline-block; zoom:1;}

/* color for tabs */
.bettertabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: #dfdfdf;} /* bootstrap reset */
.bettertabs .nav-tabs li.active { background: #dfdfdf;}


.product .bettertabs {background: whitesmoke; }
.product .bettertabs-wrap {background: #ccc;}
.product .bettertabs-wrap .bettertabs-tabs {}
.product .bettertabs-wrap .bettertabs-tabs li {flex: 1; border-right: 1px solid #fff; box-sizing: border-box;}
.product .bettertabs-wrap .bettertabs-tabs li:last-child {border-right: 0;}
.product .bettertabs-wrap .bettertabs-tabs li.active {background: #ccc;}
.product .bettertabs-wrap .bettertabs-tabs a {color: #fff; font-size: 17px; text-decoration: none; height: 100%; padding: 10px; display: flex; align-items: center; justify-content: center; width: 100%; text-align: center; min-height: 50px;}

.slider-banner-image img, .slider-nav .slick-slide.thumbnail-image .thumbImg img { border-radius: 8px;}




#sidebar-cart { padding: 15px; position: fixed; right: -370px; width: 320px;top: 0;  height: 100%; background-color: #fff; box-shadow: -2px 0 5px rgb(92 78 78 / 50%); z-index: 1000; transition: right 0.3s ease; overflow-y: auto;}
#sidebar-cart #added-to-cart { color: var(--order-btn-darker); }
#sidebar-cart #close-sidebar { background: #fff; border: none; padding: 10px; cursor: pointer; position: absolute; top: 6px; right: 8px;}
#sidebar-cart.active { right: 0; }
#sidebar-cart .btn-radius  { border-radius: 25px;}
#sidebar-cart .go-to-checkout { padding: 11px 15px; background-color: var(--order-btn-alt); color: #fff; font-size: 18px;text-transform: uppercase; border: 2px solid var(--order-btn-alt-darker); }
#sidebar-cart .go-to-checkout:hover { background-image: linear-gradient(to bottom, var(--order-btn-alt),var(--order-btn-alt-darker));}
#sidebar-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 500; display: none;}
#sidebar-overlay.active { display: block;}
#sidebar-cart .subtitle { padding: 30px 0 10px 0; font-size: 18px; }
#sidebar-cart .item-image2 img { width: 100px; height: auto; width: 90px; padding: 5px;}



/* FAQ + one product */
.faq .toggler-one {display: block; position: relative; padding: 0; border-top: 1px solid #e1e1e1;}
.faq .toggler-one .tgNaslov {transition: color 0.2s linear; background-color: transparent; padding: 22px 20px; margin-bottom: 0; border-bottom: none; box-shadow: none; color: #222222; font-size: 20px; line-height: 30px; background: none!important; position: relative;}
.faq .toggler-one .tgNaslov:hover {color: #000;}
.faq .toggler-one > a:after { content: ""; background-image: none; display: block; width: 0.8rem; height: 0.8rem; position: absolute; top: calc(50% - 0.6rem);  border: 0.2rem solid #222; border-width: 0.2rem 0.2rem 0 0; transition: all 0.2s linear; right: 2.8rem;}
.faq .toggler-one > a.togglerSkriven:after {transform: rotate(135deg)!important;}
.faq .toggler-one a.toggler:after {transform: translateY(0.25rem) rotate(-45deg);}
.faq .toggler-one .tgSadrzaj {padding: 0 20px 34px;}
.faq .toggler-one:last-of-type {border-bottom: 1px solid #e1e1e1; margin-bottom: 50px;}


@media only screen and (max-width: 767px) {
    .bettertabs .nav-tabs {  width: 100%; justify-content: space-between; display: inline-table;}
    .bettertabs .nav-tabs>li a {  padding: 15px 20px;  font-size: 19px;}

    .product .bettertabs { padding: 5px 0 }
    .product .bettertabs ul.nav-tabs { left: 0; right: 0; width: 100%; }
    .product .bettertabs ul.nav-tabs li {width: auto; border-top: 1px solid #fff; text-align: left;}
    .product .bettertabs ul.nav-tabs li:first-child {border-color: #eee;}
    .product .bettertabs ul.nav-tabs li a {font-size: 19px; padding: 7px 15px;}
    .product .bettertabs .tab-content {padding-top: 40px; padding-bottom: 0;}
    .product .bettertabs .tab-content>.tab-pane {padding: 15px;}

	.faq .toggler-one .tgNaslov { padding: 15px 0px;}
	.faq .toggler-one > a:after { right: 5px;}
}





/* COUNTDOWN TIMER */
.countdown-timer-wrapper { min-height: 100px;max-width: 300px; padding-top: 10px; margin-bottom: 20px;border-radius: 5px; background-color: #6da67d; color: #fff;   text-align: center;font-size:12px}
.countdown-timer-wrapper .timer {  padding: 10px; display: flex; gap: 10px; flex-direction: row;align-items: center; justify-content: center; }
.countdown-timer-wrapper .timer .timer-wrapper .time { font-size: 26px; font-weight: 700;  }
.countdown-timer-wrapper .timer .timer-wrapper:last-of-type {color: #fde8e8;}






/* SUPPORT MODAL */
#supportModal {width: 40px; z-index: 999; position: fixed!important; right: 15px; bottom: 65px;}
#supportModal.ui-widget-content {border: none; background: transparent; }
#supportModal.ui-widget-content a { color: #fff!important;}

/* Modal vertical align center */
.modal { text-align: center; padding: 0!important; }
.modal:before {  content: '';  display: inline-block;  height: 100%;  vertical-align: middle;  margin-right: -4px; /* Adjusts for spacing */ }
.modal-dialog {  display: inline-block;  text-align: left;  vertical-align: middle; }
@media only screen and (max-width: 767px) { .modal-dialog {  width: 90%; } }





/* SHOP */

.tgNaslov {position: relative; padding: 12px 0; width: 100%; display: flex; font-size: 16px; border-bottom: 0; background: none; border-top: 1px solid #cacaca; }
.togglerSkriven {background-image: none!important;}
.tgNaslov:after { content: ''; position: absolute; background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22 fill=%22currentColor%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%22/%3E%3C/svg%3E'); 
background-repeat: no-repeat; width: 18px; height: 18px; background-size: 18px 18px; right: 0; top: calc(50% - 9px); transform: rotate(180deg);  }
.tgNaslov.togglerSkriven:after {transform: rotate(0deg);}
.tgSadrzaj {padding: 0 0 15px;}
.tgSadrzaj.nevidljivo {display: none;}




.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {background-color: #222!important; border-color: #222!important; }





.pagination { width:100%; text-align: center; }
.pagination > li { display: inline-block;}
.pagination > li > a {  margin: 3px;  padding: 10px 16px; color: var(--dark-color); background-color: #ececec; border: 2px solid transparent; border-radius: 20px; transition: all .2s;}
.pagination > li.next > a {  padding: 10px 13px; /*color: #fff; background-color: #000; border-color: #000;*/}
.pagination > li:first-child > a { border-radius: 20px; }
.pagination > li:last-child > a { border-radius: 20px; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus { color: var(--dark-color); background-color: #b2b2b2; border: 2px solid #ececec;}






/* COMMENTS */
.comments { border: 1px solid #ccc; border-radius: 5px; margin: 20px 0 60px 0;padding: 30px 15px; }
.comments h3 { margin-top: 0px; }
.comments .one-comment { background: #f3f3f3;margin-bottom: 10px;padding: 12px 10px;text-align: left; }
.comments .one-comment .user { font-weight: 700; }
.comments .one-comment .time { font-weight: 400; }
.comments .btn.btn-warning { color: #fff; background: var(--alt-color); }
.comments .btn:focus, .comments .btn:hover { color: #fff; background: #31a457;}


/* COMMENTS NEW */
#comments { display:block; padding: 30px 0;}
#comments a { text-decoration: underline; }
#comments .cmmnt {  border-top: 1px solid #ddd; }
#comments .cmmnt .avatar img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 50px; height:50px; aspect-ratio:1/1; }
#comments .cmmnt .cmmnt-content { padding: 13px 15px;  }





/* CHECKOUT */

.checkout {overflow: visible;}
.checkout .sticky-element {position: -webkit-sticky; position: sticky; top: 0; height: auto; }


p.no { font-size: 22px; color: #8e99a9; }
a.no { font-size: 16px; color: #f26a6a; }
.checkout-finished h3 { color: var(--theme-color); line-height: 40px;}

.checkout section.checkout-content { background: #f8f8f8; padding-top: 45px;}

.checkout .form-title { font-weight: 700; }
.cart-checkout .okvir { border: 10px solid #fff; background: #fff; border-radius: 20px; margin-bottom: 15px;padding: 20px; position: relative;}
.cart-checkout .okvir .levo { float: left;width: 70%; }
.cart-checkout .okvir .desno { float: left;text-align: right;width: 30%; }
.cart-checkout .okvir .cart_head { border-bottom: 3px solid #eaeaea;border-top: 3px solid #eaeaea;padding: 5px 0; }
.cart-checkout .okvir .cart_product { border-bottom: 1px dashed  #eaeaea;padding: 5px 0; }
.cart-checkout .okvir .cart_subtotal { border-bottom: 1px dashed  #eaeaea;border-top: 1px dashed  #eaeaea;padding: 5px 0; }
.cart-checkout .okvir .cart_delivery { border-bottom: 1px dashed  #eaeaea;padding: 5px 0; }
.cart-checkout .okvir .voucher-dicount { padding: 10px; background-color: var(--aliceblue); border-radius: 4px;}
.cart-checkout .okvir .cart_bulk_discount { border-bottom: 1px dashed  #eaeaea;padding: 5px 0; }
.cart-checkout .okvir .cart_subtotal_weight { border-bottom: 1px dashed  #eaeaea;padding: 5px 0; }
.cart-checkout .okvir .cart_total { border-bottom: 3px solid #eaeaea;padding: 5px 0; }
.cart-checkout .okvir ul { margin: 5px 0;padding: 0; }
.cart-checkout .okvir ul li { list-style-type: none;padding: 2px 0; }
.cart-checkout .okvir ul li .naziv { font-weight: 700; }
.cart-checkout .okvir ul li .opis { font-weight: 400; }
.cart-checkout .okvir #checkout-submit { margin-top: 20px; }
.cart-checkout .okvir .editable { padding: 1px 6px 1px 5px; background:var(--checkout-heading); color: #fff; border-radius: 3px;}
.cart-checkout .okvir .bi-x-circle, .cart-checkout .okvir .bi-trash3 { color: var(--red); }
.cart-checkout .okvir h2, .checkout h3 { color: var(--checkout-heading); font-size: 24px;}
.cart-checkout .editable-input input {padding: 5px 32px 5px 10px!important;}

#order-holder .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #fbfbfb; }
#order-holder .nav > li > a { color: #505050;padding: 10px 15px; }
#order-holder .nav > li.active > a { color: #286ea0; }
#order-holder .btn { border-radius: 5px; padding: 10px;}
#order-holder .order-as-company label, #new-delivery-address .form-title, .bi-x-circle { color: #454d58; }
.order-as-company { background: var(--aliceblue);margin-bottom: 15px;padding: 14px 0 8px; border-radius: 10px;}

.checkout textarea {background: var(--aliceblue);}
.checkout .checkout-support p{font-size: 16px; font-weight: 700;}
.checkout .checkout-support img { width: 50px}

.checkout .voucher-input {background: var(--aliceblue); padding: 17px 5px; text-align: center; margin-bottom: 30px; display:block; border-bottom-left-radius: 15px;  border-bottom-right-radius: 15px;}
.checkout .voucher-input #promo_msg { display: block; }
.checkout .voucher-input #promo_msg.text-danger { padding-top: 15px; }
.checkout .voucher-input .code-input {font-size: 13px;line-height: 23px;padding: 6px 0; border-radius: 15px 0 0 15px;border: none;box-shadow: inset 1px 1px 3px #aaaaaa9e;transition: all .2s;}
.checkout .voucher-input #voucher-submit { font-size: 13px; background: var(--alt-color); color: #fff; box-shadow: inset 1px 1px 3px #fff; margin-left: -4px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;  padding: 4px 14px; border: 2px solid var(--alt-color); font-weight: 700;}
.checkout .voucher-input #voucher-submit:hover { filter: brightness(120%); }
.checkout .voucher-input .code-input:focus {box-shadow: inset 1px 1px 3px #aaa;}
.checkout input[type=text]:focus::placeholder {color: transparent !important;}

.checkout .empty-cart img, .wishlist .empty-cart img  { mix-blend-mode: multiply; }


.checkout .cart_product .checkout-item {margin: 0 5px;}
.checkout .cart_product .checkout-item:first-child { margin-left: 0; } 
.checkout .cart_product .checkout-item:last-child { margin-right: 0; } 
.checkout .cart_product .checkout-item.item-image img, .checkout-item.item-image img {height: 50px;border-radius: 5px;border: 1px solid #ccc; width: auto; max-width: unset;}
.checkout .cart_product .checkout-item .price-old { margin-right: 7px; text-decoration: line-through; color: var(--alt-color);}



.checkout .select2.select2-container {border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;}
.checkout .select2-container .select2-selection--single { height: auto; padding: 8px 4px; background: #fff; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; display: flex; align-items: center; border: none; }
.checkout .select2-container--default .select2-selection--single .select2-selection__rendered {color: var(--theme-color);}
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%;}
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: var(--theme-color) transparent;}
.checkout .select2-dropdown {border-color: #dcdddf;}

.user-details .if-registered {float: right; margin-top: -40px; color: var(--theme-color); font-weight: 400; font-size: 15px;}
#login-form-checkout .if-registered {color: var(--theme-color); font-weight: 400;font-size: 15px;}
#show-forgot-password { color:var(--checkout-heading); }

.checkout-captcha-title {font-weight: 700; margin: 15px 0 10px; color: #f1731a; font-size: 17px}

.checkoutCheckboxes { margin-top: 15px }
.checkoutCheckboxes p { margin-bottom: 15px }


.glow-on-hover {  border: 4px solid rgb(186 225 186) !important; border-radius: 8px!important;outline: none;  cursor: pointer; position: relative;   }
/*
.glow-on-hover {  border: none; outline: none;  cursor: pointer; position: relative;  z-index: 0; }
.glow-on-hover:before {  content: '';   background: linear-gradient(45deg, var(--theme-color), #5d8f5a, #428b3e, #23527c, #23527c, #002bff, #428b3e, #5d8f5a, var(--theme-color));
    position: absolute;  top: -2px;  left:-2px;  background-size: 400%;  z-index: -1;  filter: blur(5px);  width: calc(100% + 3px); height: calc(100% + 3px);
    animation: glowing 20s linear infinite;  opacity: 0;  transition: opacity .3s ease-in-out;  }
.glow-on-hover:active {  }
.glow-on-hover:active:after {  background: transparent;}
.glow-on-hover:hover:before {  opacity: 1;}
.glow-on-hover:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: var(--theme-color); left: 0; top: 0; }
@keyframes glowing {  0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } }
*/


.glare { position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient( 45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100% );
    transform: rotate(45deg); pointer-events: none; animation: slide-glare 3s ease-in-out infinite;}
@keyframes slide-glare { 0% {transform: translateX(-100%) rotate(45deg); } 100% { transform: translateX(100%) rotate(45deg); }}



.free-delivery-container { width: 100%; margin: 20px 0; text-align: center; padding: 0 1px}
.free-delivery-bar { width: 100%; background-color: #dadada; border-radius: 25px; overflow: hidden; height: 30px; margin-bottom: 10px; position: relative;}
.progress { height: 100%; background: #ffc748; width: 0; transition: width 0.5s;}
.progress-label { position: absolute; top: 50%; transform: translateY(-50%); font-size: 14px; color: #fff;}
.progress-label.left { left: 10px; }
.progress-label.right { right: 10px; }
#free-delivery-text { color: #333;}



/* + - holder */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle;}
.productSubProductList thead { background: #ececec; }
.productSubProductList img {height: 44px;}
.product-quantity-holder-with-button .short-add-to-cart-btn {border-bottom: 2px solid var(--theme-color); padding: 10px 18px;}
.product-quantity-holder {position: relative; float: left; width: 70px; height: 44px; margin-right: 5px; }
.product-quantity-holder .short-add-to-cart-input { width: 50px; height: 43px; position: absolute; top:0; left: 0; border: 1px solid #ccc;}
.product-quantity-holder .sp-plus { width: 21px; height: 22px; border: 1px solid #ccc; cursor: pointer; position: absolute; top:0; right: 0; padding: 0 0 0 4px; background: #fff; font-size: unset; line-height: unset;}
.product-quantity-holder .sp-minus { width: 21px; height: 22px; border: 1px solid #ccc; cursor: pointer; position: absolute; bottom:1px; right: 0; padding: 0 0 0 4px; background: #fff; font-size: unset; line-height: unset;}
.product-quantity-holder .sp-plus:hover, .product-quantity-holder .sp-minus:hover { background: #e4e2e2;}



@media only screen and (max-width: 767px) {
    .user-details .if-registered {float: left; margin-top: 0px; margin-bottom: 20px;}
	.cart-checkout .okvir { padding: 20px 5px 5px;}
	.cart-checkout .okvir .levo { font-size: 13px;}
}




/* STATIC */
#neuspesnoForgotpassword {margin-top:15px;}
.static {word-wrap: break-word; }
.static .register { border: 1px solid rgb(204, 204, 204);margin-bottom: 20px; border-radius: 4px;}
.static p.register-title { background-color: var(--aliceblue);color: var(--checkout-heading);font-weight: 700;margin-bottom: 18px;padding: 16px; }
.static .login { border: 1px solid rgb(204, 204, 204); margin-bottom: 20px; border-radius: 4px;}
.static p.login-title { background-color: var(--aliceblue);color: var(--checkout-heading);font-weight: 700;margin-bottom: 18px;padding: 16px; }
.forgot-password p { font-size: 18px;font-weight: 700;margin-top: 13px; }
.user-home .personal-data h2 { background: #5b6d70;color: #fff;font-weight: 700;margin-bottom: 20px;margin-top: 0;padding: 6px 10px; }
.user-home .invoices h2 { background: #5b6d70;color: #fff;font-weight: 700;margin-bottom: 20px;margin-top: 0;padding: 6px 10px; }
a.serach-result-category { background-color: #2898DF;color: #fff;line-height: 40px;margin-right: 10px;overflow: hidden;padding: 5px 10px;text-decoration: none; display: inline-block;}


.breadcrumb { background-color: transparent; border-radius: 2px;  padding: 10px 15px; margin-bottom: 0px; font-size: 11px;}
.breadcrumb .back { cursor: pointer; float: right; }
.breadcrumb > li.back:before { content: ""; }

.usericon,.passicon {position: relative;}
.usericon:before{ font-size: 22px; opacity:.9; height:100%; width:25px; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; position: absolute; content:"\F4E1"; font-family: "bootstrap-icons"; font-style: normal;  pointer-events: none; right:10px; top: 1px; -webkit-font-smoothing: antialiased; color:#c3c3c3; }
.passicon:before{ font-size: 22px; opacity:.9; height:100%; width:25px; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; position: absolute; content:"\F44F"; font-family: "bootstrap-icons"; font-style: normal;  pointer-events: none; right:10px; top: 1px; -webkit-font-smoothing: antialiased; color:#c3c3c3; }

a.google { background: #dd4b39; color: #fff; }
a.facebook { background: #3B5998; color: #fff; }
a.google:hover { color: #fff; background: #ca3f2e;}
a.facebook:hover { color: #fff; background: #314b82;}



/* USERS PROFILE */

.popover.top { width: fit-content;}

.protected-page {}
.protected-page .left-panel { padding:0; background: #fff; border-right: 1px solid #e9e9e9; }
.protected-page .right-panel { }
.protected-page .custom-padding { margin-bottom: 20px; }

.protected-page .personal-data .profile-user-img { margin: 0 auto; width: 100px; }
.protected-page .personal-data .profile-username{ font-size: 21px; margin-top: 5px; }
.protected-page .personal-data ul.list-group{ margin-bottom: 20px; padding-left: 0; }
.protected-page .personal-data ul.list-group li{ background-color: #fff; border-top: 1px solid #ddd; display: block;  padding: 10px 1px;  }
.protected-page .personal-data a.serach-result-category{ background-color: #2898DF; color: #fff; line-height: 40px; margin-right: 10px; overflow: hidden; padding: 5px 10px; text-decoration: none;  }
.protected-page .box-profile .birthday .editable-container.editable-inline { float: unset; }

.protected-page .invoices .bi-chevron-down { margin-top: 4px; }
.protected-page .invoices .panel { -webkit-box-shadow: unset; box-shadow: unset; }
.protected-page .invoices .panel-default { border-color: #fff; }
.protected-page .invoices .panel-default > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffffffff', GradientType=0);
}
.protected-page .invoices .panel-body { background-color: #f5f5f5;}

.admin-icon {margin-right: 20px; margin-bottom: 3px; margin-left: 7px; }



ul.user-pages-menu.nav {list-style-type:none; margin:0; display: block;}
ul.user-pages-menu.nav li {display:block; text-align: left; width: 100%;}
ul.user-pages-menu.nav li i { width: 30px; text-align: center; margin-right: 13px; color: #535966;font-size: 16px;}
ul.user-pages-menu.nav li a {color:#838F9A;}
ul.user-pages-menu.nav > li > a:hover { background-color: #e9efe9; color:#051b40; }
ul.user-pages-menu.nav > li.active a { background-color: #E6EBEC; color:#051b40; }








/* ADD NEWS / PRODUCT */
.one-image{ float: left; margin: 10px 10px 10px 0; text-align: center; width: 100px; }
.one-image img.delete{ margin-bottom: 5px; width: 13px; }


/* VIRTUAL ACCOUNT */
.virtual-account-status {position: fixed; right: 0; top: 200px; background: #ea672d; padding: 15px; color: #fff; }


/* LOCATION */
.location h2 { font-size: 28px;}
.location .map-holder {padding: 0 15px;}
.location .photo {height:350px;}
.location .map {height:200px; width: 100%; background: #ccc;}
.location .text {height: 150px; background: #3f90bf; color: #fff; padding: 1px 15px;}


.one-location ul.contact-icons { margin:0; padding:0; list-style-type:none;  }
.one-location ul.contact-icons li { display:block!important; border-right:0}
.one-location img {aspect-ratio: unset;}


@media only screen and (max-width: 767px) { .location h2 { font-size: 15px;} }







/* SELECT2 */
.select2.select2-container { width: 100%!important; }
.select2-container .select2-selection--single { height: 34px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 31px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 31px; right: 3px; }
.select2-container--open .select2-dropdown--below { z-index: 9999; }




/* Load bar */
.ldBar{position:relative;}.ldBar.label-center > .ldBar-label{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-shadow:0 0 3px #fff}.ldBar-label:after{content:"%";display:inline}.ldBar.no-percent .ldBar-label:after{content:""}




.promotion { position: absolute; }


input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}


.rotate { display: inline-block; animation: spin 2s linear infinite; will-change: transform;}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }




/* Scroll category advanced */
.ss-wrapper { overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; float: left; margin-bottom: 20px}
.ss-content { height: 100%; width: calc(100% + 18px); padding: 0 0 0 0; position: relative; overflow-x: hidden; overflow-y: scroll; box-sizing: border-box; }
.ss-content.rtl { width: calc(100% + 18px); right: auto; }
.ss-scroll { position: relative; background: rgba(0, 0, 0, 0.1); width: 9px; border-radius: 4px; top: 0; z-index: 2; cursor: pointer; opacity: 0.5; transition: opacity 0.25s linear; }
.ss-hidden { display: none; }
.ss-container { height: 207px } 
.ss-container:hover .ss-scroll, .ss-container:active .ss-scroll { opacity: 1; }
.ss-grabbed { -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }




.instaBanner .swiper-slide { overflow: hidden; }
.instaBanner .swiper-slide img { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s;}
.instaBanner .swiper-slide img:hover {opacity: 1; filter: brightness(0.7); transform:scale(1.0);}
.instaBanner .swiper-slide a {position: relative;}
.instaBanner .swiper-slide a:before {content: ''; background: url(/img/icon/instagram-white.png) center center; background-size: 30px 30px; position: absolute; top: calc(50% - 15px); left: calc(50% - 15px); width: 30px; height: 30px; opacity: 0; z-index: 9; transition: all .3s ease; transform: translateY(100px);}
.instaBanner .swiper-slide a:hover:before {opacity: 1; transform: translateY(0);}




.text-img-section { padding:50px 0;  }
.my-responsive-baner { background: transparent; padding: 30px 15px; }
.my-responsive-baner h1 { margin: 0 0 15px 0;}
.my-responsive-baner p { line-height: 1.6;}
.my-responsive-baner hr { border: 0; border-top: 3px solid var(--theme-color); width: 30%; margin: 0}
.my-responsive-baner img {border-radius: 5px; box-shadow: rgb(100 100 111 / 20%) 0px 4px 20px 0px;}
.my-responsive-baner .text-container {padding: 0 50px}
.my-responsive-baner.img-first { flex-direction: row-reverse;}
@media (max-width: 768px) {
    .text-img-section { padding:25px 0; }
    .my-responsive-baner { flex-direction: column; padding: 20px 10px; }
    .my-responsive-baner img { max-width: 100%; height: auto; }
    .my-responsive-baner .text-container {padding-top: 0;padding-bottom: 10px;}
    .my-responsive-baner.img-first { flex-direction: column;}
    .my-responsive-baner .img-container {  order: -1; margin-bottom:30px; padding: 15px!important}
}





img { height: auto;max-width: 100%; }

.form-control { border-radius: 5px; padding: 10px; height: unset;}
.btn {padding: 12px 20px; border:2px;border-radius: 0;}

.btn-group-xs>.btn, .btn-xs { padding: 1px 5px!important;}
.btn-group-sm>.btn, .btn-sm { padding: 5px 10px!important;}
.btn-xl {padding: 20px 50px!important; font-size: 16px;}


.btn-custom {background: var(--theme-color); color: #fff; border: 2px solid transparent; padding: 10px 30px; transition: 0.5s; text-align: center; display: inline-flex; align-items: center; justify-content: center;}
.btn-custom:hover {background: var(--theme-color-lighter); color: #fff; border-color: var(--theme-color-lighter);}

.btn-grey { background: #e9efe9;  }
.btn-white { background: #fff;}
.btn.btn-white:hover { background-color: #f7f7f7;}
.btn-success { background: var(--order-btn); }
.btn-success:hover { background: #0b930b; }
.btn-success-light {  background-color: rgba(5,150,105,1)}
.btn-success-light.btn:hover { color: #fff!important;background-color: rgba(4,120,87,1);}
.btn-primary { background: #35abea;}



.theme-button {background: var(--theme-color); color:#fff; border: 2px solid transparent; padding: 9px 20px; line-height: 25px;border-radius: 6px; text-decoration:none; cursor: pointer; font-weight: 700; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
.theme-button:hover { background:var(--theme-color-darker); color:#fff; text-decoration: none;}
.theme-button:focus { background:var(--theme-color-darker); color:#fff;}

.theme-button-alt {background: var(--alt-color); color:#fff; border: 2px solid transparent; padding: 9px 20px; line-height: 25px;border-radius: 6px; text-decoration:none; cursor: pointer; font-weight: 700; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
.theme-button-alt:hover { background:var(--theme-color); color:#fff; text-decoration: none;}
.theme-button-alt:focus { background:var(--theme-color); color:#fff;}

.theme-button-hollow {background:transparent ; color:var(--theme-color); border: 2px solid var(--theme-color); border-radius: 6px; padding: 9px 20px; line-height: 25px;text-decoration:none; cursor: pointer; font-weight: 700; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
.theme-button-hollow:hover { background:var(--theme-color); color:#fff; text-decoration: none;}

.theme-button-hollow-hollow {background:transparent; color:var(--theme-color); border: 2px solid var(--theme-color); border-radius: 6px; padding: 9px 20px; line-height: 25px;text-decoration:none; cursor: pointer; font-weight: 700; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
.theme-button-hollow-hollow:hover { color:var(--theme-color-darker); border-color: var(--theme-color-darker); text-decoration: none;}

.theme-button-white-bg {background:#fff; color:var(--theme-color); border: 2px solid transparent; border-radius: 6px; padding: 9px 20px; line-height: 25px;text-decoration:none; cursor: pointer; font-weight: 700; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
.theme-button-white-bg:hover { background:var(--theme-color); color:#fff; text-decoration: none;}
.theme-button-white-bg:focus { background:var(--theme-color); color:#fff;}


a.theme-button-arrow-ani { background-color: var(--theme-color); border: none; color: #fff; text-align: center; border-radius: 6px; padding: 9px 20px; line-height: 25px;transition: all 0.5s; cursor: pointer; display: inline-block;  }
a.theme-button-arrow-ani span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
a.theme-button-arrow-ani span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; }
a.theme-button-arrow-ani:hover span { padding-right: 25px; color: #fff }
a.theme-button-arrow-ani:hover span:after { opacity: 1; right: 0; }


.hvr-border-fade { box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;display: inline-block;transform: perspective(1px) translateZ(0);transition-duration: .3s;transition-property: box-shadow;vertical-align: middle;webkit-transform: perspective(1px) translateZ(0);webkit-transition-duration: .3s;webkit-transition-property: box-shadow; }
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent; }

.hvr-hollow { box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;display: inline-block;transform: perspective(1px) translateZ(0);transition-duration: .3s;transition-property: background;vertical-align: middle;webkit-transform: perspective(1px) translateZ(0);webkit-transition-duration: .3s;webkit-transition-property: background; }

.hvr-underline-from-left:before { background: var(--dark-color);bottom: 0;content: "";height: 4px;left: 0;position: absolute;right: 100%;transition-duration: .3s;transition-property: right;transition-timing-function: ease-out;webkit-transition-duration: .3s;webkit-transition-property: right;webkit-transition-timing-function: ease-out;z-index: -1; }
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; }
.hvr-underline-from-left, .hvr-reveal { box-shadow: 0 0 1px transparent;display: inline-block;overflow: hidden;position: relative;transform: perspective(1px) translateZ(0);vertical-align: middle;webkit-transform: perspective(1px) translateZ(0); }

.hvr-reveal { box-shadow: 0 0 1px transparent;display: inline-block;overflow: hidden;position: relative;transform: perspective(1px) translateZ(0);vertical-align: middle;webkit-transform: perspective(1px) translateZ(0); }
.hvr-reveal:before { border-color: #2098D1;border-style: solid;border-width: 0;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;transition-duration: .1s;transition-property: border-width;transition-timing-function: ease-out;webkit-transition-duration: .1s;webkit-transition-property: border-width;webkit-transition-timing-function: ease-out;z-index: -1; }
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { border-width: 4px;transform: translateY(0);webkit-transform: translateY(0); }

.hvr-outline-out { box-shadow: 0 0 1px transparent;display: inline-block;position: relative;transform: perspective(1px) translateZ(0);vertical-align: middle;webkit-transform: perspective(1px) translateZ(0); }
.hvr-outline-out:before { border: #e1e1e1 solid 4px;bottom: 0;content: '';left: 0;position: absolute;right: 0;top: 0;transition-duration: .3s;transition-property: top, right, bottom, left;webkit-transition-duration: .3s;webkit-transition-property: top, right, bottom, left; }
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { bottom: -8px;left: -8px;right: -8px;top: -8px; }

.hvr-sweep-to-right { box-shadow: 0 0 1px transparent; position: relative;transform: perspective(1px) translateZ(0);transition-duration: .3s;transition-property: color;vertical-align: middle;webkit-transform: perspective(1px) translateZ(0);webkit-transition-duration: .3s;webkit-transition-property: color; }
.hvr-sweep-to-right:before { background: #499421; bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;transform: scaleX(0);transform-origin: 0 50%;transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out;webkit-transform: scaleX(0);webkit-transform-origin: 0 50%;webkit-transition-duration: .3s;webkit-transition-property: transform;webkit-transition-timing-function: ease-out;z-index: -1; }
.hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover { color: #fff; }
.hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:hover:before { transform: scaleX(1);webkit-transform: scaleX(1); }





.text-white { color: #fff!important; }
.text-dark { color: var(--dark-color)!important; }
.theme-color { color: var(--theme-color); }
.text-bold { font-weight: 700!important; }
.text-lg { font-size: 36px; }
.text-md { font-size: 26px; }
.text-sm, .sm {font-size: 12px!important;}


.hidden, .hide {display: none;}

.m-0 {margin: 0px !important;}
.m-l-10 {margin-left: 10px !important;}
.m-l-15 {margin-left: 15px !important;}
.m-l-20 {margin-left: 20px !important;}
.m-l-50 {margin-left: 50px !important;}
.m-l-100 {margin-left: 100px !important;}

.m-r-10 {margin-right: 10px !important;}
.m-r-15 {margin-right: 15px !important;}
.m-r-20 {margin-right: 20px !important;}
.m-r-50 {margin-right: 50px !important;}
.m-r-100 {margin-right: 100px !important;}

.m-t-0 {margin-top: 0px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-t-50 {margin-top: 50px !important;}
.m-t-60 {margin-top: 60px !important;}
.m-t-70 {margin-top: 70px !important;}
.m-t-80 {margin-top: 80px !important;}
.m-t-90 {margin-top: 90px !important;}
.m-t-100 {margin-top: 100px !important;}

.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-20 {margin-bottom: 20px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.m-b-40 {margin-bottom: 40px !important;}
.m-b-50 {margin-bottom: 50px !important;}
.m-b-60 {margin-bottom: 60px !important;}
.m-b-70 {margin-bottom: 70px !important;}
.m-b-80 {margin-bottom: 80px !important;}
.m-b-90 {margin-bottom: 90px !important;}
.m-b-100 {margin-bottom: 100px !important;}

.p-t-15 {padding-top: 15px !important;}
.p-t-20 {padding-top: 20px !important;}
.p-t-30 {padding-top: 30px !important;}
.p-t-40 {padding-top: 40px !important;}
.p-t-50 {padding-top: 50px !important;}
.p-t-60 {padding-top: 60px !important;}
.p-t-70 {padding-top: 70px !important;}
.p-t-75 {padding-top: 75px !important;}
.p-t-80 {padding-top: 80px !important;}
.p-t-90 {padding-top: 90px !important;}
.p-t-100 {padding-top: 100px !important;}

.p-b-15 {padding-bottom: 15px !important;}
.p-b-20 {padding-bottom: 20px !important;}
.p-b-30 {padding-bottom: 30px !important;}
.p-b-40 {padding-bottom: 40px !important;}
.p-b-50 {padding-bottom: 50px !important;}
.p-b-60 {padding-bottom: 60px !important;}
.p-b-70 {padding-bottom: 70px !important;}
.p-b-75 {padding-bottom: 75px !important;}
.p-b-80 {padding-bottom: 80px !important;}
.p-b-90 {padding-bottom: 90px !important;}
.p-b-100 {padding-bottom: 100px !important;}

.p-t-0 {padding-top: 0px !important;}
.p-b-0 {padding-bottom: 0px !important;}
.p-0 { padding: 0px !important; }
.p-15 { padding: 15px !important; }


.required-label, .error { color: red; }
.required-active { background: #ffdddd; }
.tooltip-inner { min-width: 100px; }
.brand-title { font-size: 20px; font-weight: 700; }
.scrollToTop { width: 45px; height: 45px; line-height: 45px; position: fixed; bottom: 50px; right: 50px; font-size: 16px; border-radius: 50%; z-index: 99; color: #ffffff; border: 1px solid #b7b7b7; text-align: center; cursor: pointer; background: var(--theme-color); transition: all 500ms ease; -webkit-animation: pulse 1s infinite; -o-animation: pulse 1s infinite; animation: pulse 1s infinite;} 
#compare-button {position: fixed; bottom: 27px; left: 15px;}
#compare-button a {padding: 15px 15px; background: #555d64; color: #fff;}
#thanks-support { position: fixed; right: 10px; bottom: 80px;}
.bodyhidden {display: none}
.xadmin-links {position: fixed; right: 0; top: 50%; width: 40px; background: var(--theme-color); border: 1px solid #fff;z-index: 10; padding: 7px; text-align: center;}


.box-inset {box-shadow: inset 1px 0px 14px 0px #292929; -webkit-box-shadow: inset 1px 0px 14px 0px #292929; -moz-box-shadow: inset 1px 0px 14px 0px #292929; -o-box-shadow: inset 1px 0px 14px 0px #292929; }
.box-shadow {-webkit-box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.25); box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.25);}
.text-shadow {text-shadow: -2px 1px 5px #494949;}







/* Modern solution for ul li coumns */
ul.column2 { -webkit-column-count: 2;  -moz-column-count: 2; column-count: 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; -webkit-column-rule: 1px single grey; -moz-column-rule: 1px single grey; column-rule: 1px single grey;}

ul.list3 {margin-top: 20px;}
ul.list3 li { position: relative;  display: inline-block;  float: left; padding: 0px 0px 0px 25px; width: 33%;  margin-bottom: 10px;}
ul.list3 li:before {  position: absolute; content: ">"; font-size: 16px; color: #71b100; left: 0px; top: 0px; text-rendering: auto; -webkit-font-smoothing: antialiased;}

ul.bullet { padding: 0 10px; font-size: 15px; color:#023c64;}
ul.bullet li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d4d4d4; line-height: 22px;} 
ul.bullet li a { color:#023c64; }

ul.checked {list-style: none;padding-left: 0;position: relative;}
ul.checked li {	padding-left: 30px;	margin-bottom: 10px;	position: relative;}
ul.checked li::before {	content: ''; position: absolute; left: 1px; top: 1px; width: 1em; height: 1em; background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2316a679' class='check-circle' focusable='false' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M0 10a10 10 0 1 0 20 0 10 10 0 0 0-20 0zm15.2-1.8a1 1 0 0 0-1.4-1.4l-4.8 4.8-2.3-2.3a1 1 0 0 0-1.4 1.4l3 3c.4.4 1 .4 1.4 0l5.5-5.5z'%3E%3C/path%3E%3C/svg%3E");}
ul.checked li a { color:#023c64; }
/*https://yoksel.github.io/url-encoder/*/


ul.opacity li { transition: opacity 0.3s; transition: 0.3s ease; }
ul.opacity li:not(:hover) { opacity: 0.25; }


/* Title v1 center */
h2.background { position: relative; text-transform:none; margin-bottom: 25px; margin-top: 20px;   }
h2.background:before { border-top: 1px solid #eaeaea;  content: "";  margin: 0 auto;  position: absolute;  top: 50%;  left: 0;  right: 0;  bottom: 0;  width: 100%;  z-index: -1;}
h2.background span {  background-color: #fff;  padding: 0 15px; letter-spacing: 1px; }

.section-title { font-size: 24px; font-weight: 400; }



/* Hero banner */
.hero-image { min-height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.hero-image .bg { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); position: absolute; width: 100%; height: 100%; }
.hero-image .hero-text { z-index: 1; text-align: center; color: #fff;}
/* border za hero banner */
.border1::before { content: ""; background: url(/img/patterns/divider.svg) repeat-x; position: absolute;  width: 100%; min-width: 1200px;height: 15px; top: -8px; left: 0; }
.border1::after { content: ""; background: url(/img/patterns/divider.svg) repeat-x; position: absolute;  width: 100%; min-width: 1200px;height: 15px; bottom: -8px; left: 0; }
.border1 .hero-text { width: 50%; background:#fff; color: #000;  }



/* YT video preko celog ekrana - za vrh home strane */
.yt-video-container { width: 100vw; height: 100vh;}
.yt-video-container iframe { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);   pointer-events: none;  width: 100vw;  height: 100vh;}
.yt-video-container .video-title { position: absolute;  color: #FFFFFF;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);}
@media (min-aspect-ratio: 16/9) {
  .yt-video-container iframe { height: 56.25vw;  }
}
@media (max-aspect-ratio: 16/9) {
  .yt-video-container iframe { width: 177.78vh;}
}


/* MP4 video-hero pozadina za div */
.video-hero { position: relative; padding: 0; overflow: hidden;}
.video-hero .video-title { width: 100% !important; position: absolute; text-align: center;  z-index: 3; color: #ffffff; top: 40%; }
.video-hero .video-title h2 { font-size: 72px; font-weight: 700; line-height: 60px;} 
.video-hero .video-title div { font-size: 26px; color: #ffffff;  }
.video-hero .video-title div p { margin-top: 30px;  }
.video-hero .video-overlay { background-color: #ffffff; background: linear-gradient( 90deg ,rgb(47 76 117) 0%,rgb(25 79 132) 50%,rgb(53 133 210) 100%); overflow: hidden; width: calc(100vw - 9px) !important; height: 600px; left: 50%;
    margin-left: -50vw; max-width: 2560px !important; object-fit: cover; position: absolute; opacity: 0.8; z-index: 2; box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px; }
.video-hero video { background-color: #000; overflow: hidden; width: calc(100vw - 9px) !important; height: 600px; position: relative; left: 50%; margin-left: -50vw; max-width: 2560px !important; object-fit: cover; z-index: 1; margin-bottom: -20px;}

@media only screen and (max-width: 767px) {
    .video-hero .video-title {top: 20%; }
    .video-hero video {  height: 350px; }
}





/* Switch button */
.switch { position: relative; display: inline-block; width: 40px; height: 24px; margin-bottom: -6px; }
.switch input {display:none;}
input:checked + .slider { background-color: #6da90d; }
input:focus + .slider { box-shadow: 0 0 1px #6da90d; }
input:checked + .slider:before { -webkit-transform: translateX(15px);   -ms-transform: translateX(15px);   transform: translateX(15px); }






/* rateyo */
.jq-ry-container{position:relative;padding:0 5px;line-height:0;display:block;cursor:pointer;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;direction:ltr}
.jq-ry-container[readonly=readonly]{cursor:default}
.jq-ry-container>.jq-ry-group-wrapper{position:relative;width:100%}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group{position:relative;line-height:0;z-index:10;white-space:nowrap}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg{display:inline-block}.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group{width:100%}
.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group{width:0;z-index:11;position:absolute;top:0;left:0;overflow:hidden}







#noty_center_layout_container li {background: var(--theme-color)!important; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 15px 0px!important;}







/*Ne brisati klase dugmica ispod do daljnjeg*/

/* suplje belo */
a.animated-light {border: 2px solid #fff; color:#fff;  cursor: pointer; font-weight: 700; padding: 15px 40px; text-transform: uppercase;text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-light:hover { background:#fff; color:#1a4d85; text-decoration:none;}
/* bela pozadina */
a.animated-light2 {border: 2px solid #fff; background: #fff; color:#0b264c; cursor: pointer; font-weight: 700; padding: 15px 40px; text-transform: uppercase; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-light2:hover { background:#0b264c; color:#fff; border: 2px solid #0b264c; text-decoration:none;}
/* suplje tamno*/
a.animated-dark {border: 2px solid #0b264c; color:#0b264c; cursor: pointer;  font-weight: 700; padding: 15px 40px; text-transform: uppercase; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-dark:hover { background:#0b264c; color:#fff; text-decoration:none;}
/* tamna pozadina */
a.animated-dark2 {background: #0b264c; color:#fff; border: 2px solid #0b264c; cursor: pointer; font-weight: 700; padding: 15px 40px; text-transform: uppercase;  text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-dark2:hover { background:#fff; color:#0b264c; border: 2px solid #0b264c; text-decoration:none;}










@media only screen and (min-width: 1500px) {
	.container { width: 1440px!important; }
}


@media only screen and (min-width: 1360px) {
	.container { width: 1349px; }
	.container-fluid {padding: 0 80px;}
}


@media screen and (min-width: 1024px) and (max-width: 1359px) {	
	.container { width: 98%; }
	.search-long .input {width: 70%;}
	ul.list-of-cat { max-height: 300px; }
	.homepage h2.background { margin-top: 8px;}
}


@media screen and (min-width: 768px) and (max-width: 1023px) {	
	/* header */
	header .logo img { margin-top: 0; padding-bottom: 8px;}
	header .menu-cart ul li {margin-left: 10px; }
	.search-long { width: 100%;}
	.search-long .input { width: 73%; }
	
	footer .partners .search {margin: 25px 0px; }
	footer .partners .site-footer-service .page-col-center { float: unset; padding: 57px 28px;}
	footer .partners .page-col-center { padding: 57px 7px; }
}





@media (max-width: 991px) { 
    .fancybox-infobar { display: none; }
}

@media only screen and (min-width: 991px) {
	#product-sub-container {display: flex;}
	.product-details .add-to-cart {font-size: 18px;}
}


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

	body { font-size: 15px; }
    
    /* HEADER */
    .menu-cart, .menu-cart a { font-size: 11px; }

    
    /* FOOTER */
    footer .signature, footer .signature .right { text-align: center!important;  }
    footer .signature { padding: 20px 0; }
    footer .footer-banner { background-image: none}
    footer .social-circle { text-align: center; margin-top: 20px; padding-bottom: 30px; }  
    footer .social-circle li {font-size: 32px; margin-right: 15px;}
    footer .toggler { justify-content: center }

    footer .details { margin: 0; padding: 30px 0 0px 0; }
	footer .partners .site-footer-service .page-col-center { float: unset; padding: 57px 7px;}
	footer .partners .page-col-center { padding: 57px 7px; }

    footer .intesa-margin { margin: 0px 20px; }
    footer .visa { height: 30px; }
	footer .partners p span { font-size: 21px;}

    
    #vertical-menu .navbar-header { background: #f8f9fa; }

    /* product page header fix */
    .responsive-center {text-align: center;}
    .responsive-clearfix { clear: both;}

    .breadcrumb { display: flex; overflow-x: auto; white-space: nowrap; padding: 5px 9px; list-style: none; background-color: #f8f9fa; margin: 0; border-radius: 5px;}
    .breadcrumb li { display: inline; }
    .breadcrumb::-webkit-scrollbar { height: 5px; }
    .breadcrumb::-webkit-scrollbar-track { background: #f1f1f1;}
    .breadcrumb::-webkit-scrollbar-thumb { background: #888; border-radius: 4px;}
    .breadcrumb::-webkit-scrollbar-thumb:hover { background: #ccc; }

	
    .scroll-xs { overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap;}
    
    /* CATEGORY */
    .one-category h3 { font-size: 15px; }
    figure.snip1321 { margin: 15px; max-width: 92%;}

    .one-category { border: 0;}
    .one-category .cat-holder {box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .10); border-radius: 10px; padding: 10px; margin: 0px 0px 40px 0px;border: 1px solid #fffafa; width: 100%; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
    .one-category .cat-holder:hover {box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, .50); }
    .one-category .cat-holder a h3 { font-size: 18px;  margin-bottom: 13px;}
    .cat-holder:hover .cat-title h3 { color: #c43234; }
    .one-category .cat-title {border-bottom: 1px solid transparent; margin-bottom: 10px;}
    .one-category .cat-description {height: 55px;cursor: default;}
    .btn-outline-secondary { border: 1px solid #818080; padding: 10px 10px; border-radius: 6px; font-size: 16px; line-height: 20px;  -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
    .btn-outline-secondary:hover { background: #e04237; color: #ffffff; text-decoration: none;}



    
    
    
    /* PRODUCT */
    .product h1 { margin-top: 4px; padding: 0 0px; font-size: 22px;}
    .product .product-extra { float: left;margin-right: 1%;margin-top: 26px;min-height: 215px;width: 24%; }
    .product-photo .main { margin: 0 0 15px 0; }
    .product-details h1 { font-size: 26px; }
    .product-details { position: unset; }
	.product-details .add-to-cart {margin: 0 0px 0 15px; }
	.product-details .cart { padding: 8px ; }
    .product .product-extra { font-size: 10px; }
	.one-product.short .follow-featured { right: unset;}
	.one-product.short .price-holder { margin-top: 50px; text-align:right;}
	.one-product.short .price { font-size:14px;text-align: right; }
	.one-product.short .exp-on-new, .one-product.short .exp-on-action, .one-product.short .exp-on-discount { display: none; }
    

	/* BRAND */
	.productbrand .sidebar img {height: 60px}

	
	
	/* CART */
    #order-holder .nav > li > a { font-size: 12px;padding: 10px 10px; }
    #order-holder .nav > li.active > a { font-size: 12px; }
    .cart-checkout .okvir h2 { font-size: 20px; margin-top: 20px; margin-bottom: 15px;}
    .cart-checkout .okvir .btn-group-lg>.btn, .btn-lg { padding: 0 8px 0 0; }
    .cart-checkout .okvir .desno { font-size: 12px;  font-weight: 700;  color: #000;}

    .voucher-input  {  background: rgb(233, 239, 233); padding: 20px 0px; }
    .voucher-input input { width: 45%; font-size: 14px; }

    .checkout h3 { font-size: 22px; }
    .checkout h3 span { font-size: 15px; color: #454d5d; line-height: 24px;}

    .cart-checkout .okvir ul li { font-size: 13px;}
    .cart-checkout .okvir #checkout-submit { padding: 15px 10px;}

    
	
	/* Misc */
    .background-romb { font-size: 16px;}
    .row.static, .row.category, .row.product { margin-top: 15px; }
    .col-md-2.sidebar { padding-left: 0;padding-right: 0; }
    .baner-message { font-size: 13px;margin-top: 10px; }
    .baner-message a { font-size: 13px; }

	


	/* NEWS */
	.video-box {font-size: 13px;top: 7px;left: 23px;width: 38px; height: 38px;}
	.news-template-short2 .imgdiv { float: left; width: 100%;  }
	.news-template-short2 .content { float: right; width: 90%; }
	.news-template-short2 h4 { font-size: 16px;}
	.responsiveClear { clear:both; }
	.pull-right-xs {float:right; }
	.swiper-container-editors-choice h4 {margin-top: 20px;}
	.multimedia-banner .left-big-banner {width:100%; height: 300px;}
	.multimedia-banner .right-small-banner {height:180px; width:100%; margin-top:2px;}
	.news-one h2.background {font-size: 22px;}
	.news h1 {font-size: 30px;}
	
	
	/* USER */
	table#products .bi { margin: 15px 8px; } 

    .follow-us {font-size: 20px;}
    h2.background {line-height: 29px!important; font-size: 20px;}
    .swiperTestimonials .content {font-size: 16px;}

}