html, body{ min-height: 100vh; overflow: auto; scroll-behavior: smooth;}
body { background: #fff url(''); color: #454d58; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 400;  font-size: 14px; line-height: 23px; font-display: swap;}
a { color: #4a4a48;}
a:hover {text-decoration: none;}
h1 { font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-weight:700; }
h2 { font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-weight:700; }
h3 { font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-weight:700; font-size: 26px; margin-bottom: 20px; }
h4 { font-family: 'Open Sans', sans-serif, Helvetica, Arial; font-weight:700; }


/* For background */
.border { padding: 0 0 0px 0; } 
.bg-color { }


ul.productcategory-holder {font-size: 32px;margin-bottom: 5px;}




/* HEADER */
header { background:; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
header.float { position: absolute; width: 100%; z-index: 999; background: transparent; }
header .badge { background-color: #333; font-size: 11px; padding: 2px 6px 3px 5px;} /*desktop*/
header .top { position: relative; background: #e9efe9;}
header .top .content { padding-top: 6px; padding-bottom: 6px; }
header .top a { color: #fff;}

header .top .right { text-align: right; }
header .middle {padding: 20px 0; /*background: #f3f2f1;*/}
header .bottom { }
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 .logo img { width: auto; height: 55px;}

header .navbar-header .shopping-cart {float: right; margin-top:10px; margin-right: 70px;} /*mob*/
header .navbar-header .shopping-cart img {width: 26px;}
header .navbar-header .fa-shopping-cart {  font-size: 19px; z-index: 2 } /*mob*/
header .navbar-header .badge { background-color: #333; font-size: 11px; z-index: 1; margin: 0 -7px 0 0; border: 1px solid #fff;  } /*mob*/

header nav .fas {width: 20px; text-align: left;}

header .icon-search3 {font-size: 20px;}
header .menu-cart ul { text-align: right; padding: 0; margin: 0; list-style-type:none; }
header .menu-cart ul li { position: relative; display: inline-flex; justify-content: flex-end; align-items: center; margin-left: 25px; }
header .menu-cart ul li li { margin-left: 0; text-align: left; }
header .menu-cart ul li li a.btn:hover { color: #fff; }
header .menu-cart a { text-decoration: none; }
header .menu-cart a:hover { color: #46a091; }
header .menu-cart .fa { font-size: 16px;margin-left: 15px; }
header .menu-cart .img-circle {width:45px; height:45px; border: 2px solid #e9e9e9;}
header .menu-cart img.icon  {width:25px;}
header .menu-cart ul li ul.user-menu-dropdown { display: none; position: absolute; right: 0px; bottom: -50px; margin:10px 0 0 0; padding: 10px; 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 li {display: block; margin-bottom: 5px;}
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 { /*height: 340px; overflow-y:scroll; overflow-x:hidden;*/ 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; }

/* Top menu */
header .top-menu ul {list-style-type:none; text-align: center; margin-top: 23px;}
header .top-menu ul li {display:inline-block; margin-right: 25px;}
header .top-menu ul li a {color:#b3b3b3;}
header .top-menu img.icon  {width:20px;}

header.navbar-fixed-top {position: fixed; top: 0px; z-index: 999; width: 100%}

header.absolute { position: absolute; width: 100%; z-index: 9999; }





/* 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 { margin-top: 0px; }
footer a, footer a:hover { }
footer h4 { color: #313131; font-size: 24px; font-weight: 400; margin-bottom: 14px; }
footer ul { margin: 0;padding: 0; }
footer ul li { list-style: none; opacity: 0.95; line-height: 33px;}
footer ul li a{ color: #404040; position: relative; text-decoration: none; }
footer ul li a:hover { font-weight: 700; color: #cc0228; text-decoration: none; }
footer ul li a:before{ content: ""; position: absolute; width: 100%; height: 1px; bottom: -2px; left: 0; background-color: #fff; 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: 25px 0 0 0; height: 50px; }
footer .credit-cards {  padding: 0px; clear:both;}
footer .visa {height: 36px;}
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 .partners { background: #f9f9f9; padding: 0; }
footer .partners p { font-size: 16px; font-weight: 400; color: #2d2d2d;}
footer .partners p span { color: #d9902f; font-weight: 700;font-size: 38px;}
footer .partners .search { margin: 25px 15%; }
footer .partners img { border: 1px solid #ccc; }
footer .partners ul { margin: 0;padding: 0; }
footer .partners ul li { float: left; list-style: none; margin-right: 10px;  }
footer .partners .site-footer-service .page-col-center { max-width: 675px; box-sizing: border-box; float: right; width: 100%; padding: 57px 0px; }
footer .partners .page-col-center .position { max-width: 490px; }
footer .partners .page-col-center { max-width: 675px; box-sizing: border-box; width: 100%; padding: 57px 80px; float: left; }
footer .partners .site-footer-social .position { max-width: 490px; width: 100%; float: right; }
footer .partners h3 {  font-size: 16px; font-weight: 700; margin:0 0 15px 0; color: #000; } 

footer .details { background: #f9f9f9 url('') no-repeat top center; margin: 0px;padding: 55px 0 75px 0; text-align: left; text-transform: none; color: #2d2d2d; }
footer .details a {  color: #2d2d2d; }
footer .details p.title { font-size: 20px; padding-bottom: 13px; margin-bottom: 35px; display: inline-block;  position: relative; }
footer .details p.title::before { content: ""; position: absolute; width: 50%; bottom: -5px; left: 0; border-bottom: 2px solid #ccc;} 

footer .signature { background: #cc0228; color:#fff; padding: 30px 0; }
footer .signature hr { margin-bottom:30px; }
footer .signature a { color:#fff; }
footer .signature .right { text-align: right; padding-top: 4px;}

footer  ul.social-circle {margin: 35px 0 0;}


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







/* Solid Menu - universal */
.solid-menus .navbar-brand > img {  height: 35px; margin-top: -7px; }

#nav-section {  margin-bottom: 30px; /*border-top: 1px solid #f1f1f1;*/ border-bottom: 1px solid #f1f1f1; padding: 10px 0px;}  
#nav-section .container.solid-menus { border:0; padding-right:0px; padding-left:0px;}
#nav-section .navbar-default .navbar-nav > li > a {   letter-spacing: 0px; }
/*#nav-section .navbar-default .navbar-nav > li:hover { border-bottom: 1px solid #66ad39;  }*/
#nav-section .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #f1f1f1; }
#nav-section .navbar-toggle .icon-bar { width: 30px; background-color: #333;}
#nav-section .navbar-toggle .icon-bar.mid { width: 25px; }
#nav-section .navbar-toggle .icon-bar.last { width: 20px; }

/* Solid Menu - navbar-dark bg-custom */
.solid-menus .navbar-default.navbar-dark.bg-custom { background: transparent; border: 0; border: 0px; padding: 15px 0; background-color: #092869; background: linear-gradient(270deg,#321647,#092869); margin-bottom: 20px;}
.solid-menus .navbar-default.navbar-dark.bg-custom #search_term { background: transparent; color: white; }
.solid-menus .navbar-default.navbar-dark.bg-custom .navbar-nav > li > a:hover { background: #092869; }
.solid-menus .navbar-default.navbar-dark.bg-custom.navbar-hover .dropdown:hover > a { background-color: #092869; color: white; }
.solid-menus .navbar-default.navbar-dark.bg-custom.navbar-hover .dropdown ul li:hover > a { background-color: #092869; color: white; }
.solid-menus .navbar-default.navbar-dark.bg-custom .navbar-pos-search .x-search i { color: #c91c48; }
.solid-menus .navbar-default.navbar-dark.bg-custom .navbar-pos-search a {height: 100%; line-height: 75px;}

/* Solid Menu - no-bg */
.solid-menus .navbar.no-bg {border: 0px} 
.solid-menus .navbar.no-bg .navbar-toggle { border-color: #fff;}
.solid-menus .no-bg #top-search input { background: #fff; }
.solid-menus .no-bg  li.active a { color: #383838; background: #f7f7f7; font-weight: 700;} // dropdown background
.solid-menus .no-bg  li.active:hover a { color: #666; }
.solid-menus .no-bg  li a:hover  { /*font-weight: 700;*/color: #333; }
.solid-menus .pull-me-right {float: right;}

.solid-menus .widget-default h5 { font-size: 18px; text-transform: uppercase; margin:0; padding:0; margin-bottom:15px; font-size:18px; color:#000000;}
.solid-menus .s-list.s-list-mb-10 > li > a { padding: 0px 0px !important; font-size: 14px;}
.solid-menus .dropdown-menu > li > a { padding: 12px 15px; min-width: 250px; }

.solid-menus ul.size-square {}
.solid-menus ul.size-square li {display: inline-block; padding: 5px 10px; border: 1px solid #ccc; width: 37px; }
.solid-menus ul.size-square li a:hover {}
.solid-menus ul.third-break li { padding: 3px 0;  float: left; display: inline-block; margin-left: 0px; width: 33%;}
.solid-menus .navbar-pos-search, .solid-menus .navbar-pos-search a { top: 3px; right: 4px;}
.solid-menus .navbar-pos-search .x-search-close { top: 0px; }



/* Right */
.navbar-right .navbar-collapse, .navbar-right .navbar-form {float: right;}
.solid-menus .navbar.no-bg.navbar-right { width: 100%; }


@media only screen and (max-width: 767px) {
	header.absolute { /*background:#fff;*/ }
	.solid-menus .navbar-brand.navbar-brand-center { left: 66px; right: unset; }
	.solid-menus .navbar-default.navbar-dark.bg-custom.navbar-click .dropdown:hover > a { background-color: #c91c48; }
	.solid-menus .navbar-default.navbar-dark.bg-custom.navbar-hover .dropdown ul li:hover > a { background-color: #c91c48;  }
	.solid-menus .navbar-default.navbar-dark.bg-custom .navbar-nav > .open > a, .solid-menus .navbar-default.navbar-dark .navbar-default .navbar-nav > .open > a:focus, .solid-menus .navbar-default.navbar-dark .navbar-default .navbar-nav > .open > a:hover { background-color: #c91c48; }
	.solid-menus .navbar-default.navbar-dark.bg-custom.navbar-click .dropdown-menu > li > a:focus, .solid-menus .navbar-default.navbar-dark.navbar-click .dropdown-menu > li > a:hover { background-color: #c91c48; }

	.navbar-right .navbar-collapse, .navbar-right .navbar-form { float: unset;}
    .solid-menus .navbar-toggle.navbar-toggle-left { margin-left: 8px;}
	
    /* centriranje za cta dugme */
    .solid-menus .pull-me-right {float: unset; margin: 12px 70px;}
    #nav-section .navbar-default .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
    #nav-section { /*text-align: center;*/ }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #bd1a1c; background-color: transparent;} /* dropdown bg za mob */

}


/* centriraj menu na sredinu za velike ekrane */
@media (min-width: 768px) {
	.navbar-nav { width: 100%; }
	.navbar-form.search { margin: 0; }
	/*
	.navbar-nav { float: unset; margin-top: 3px; text-align: center;}
	.navbar-nav > li { float: unset; display: inline-block; margin-top: 0px;}
	*/	
}


.nav.navbar-nav .far { font-size: 17px; }






/* Cookie notification new */
.cookie-notification {background:#fff; margin: 20px; padding: 25px; position:fixed; z-index: 9999; 
    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%);
    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;}
.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: #95ca00;  text-decoration: none; font-size: 1.2em; font-weight: bold; padding: 15px 20px; margin: 10px 10px 0 0;  border-radius: 3px;  text-align: center;  width: auto;  float: left;  box-shadow: 0 -3px 0 #7fad00 inset;}
a.c-button:hover {background-color: #7fad00;}
@media only screen and (max-width: 767px) {
    .cookie-notification {background:#fff;width: 95%;}
    .c-header {  font-size: 1.4em; }
}




/* 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 { border: 0; width: 100%; border: 1px solid #f1f1f1; padding: 10px 30px 10px 40px; border-radius: 2px; 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-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 { width: 92%; }
    .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: 20px; top: 10px; 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: 9px;}
.search-box .input .button input { background: transparent; border-color: transparent; font-weight: 700; line-height: 31px; font-size: 20px;color: #cc0228;}
@media only screen and (max-width: 767px) {
    .search-box > .container { width: 90% };
}




/* Bootstrap vertical menu - categories */
/*#vertical-menu .active {font-weight: 700;}*/
#vertical-menu .active a.list-group-item {background:#f5f5f5; color: #cc0228;}
#vertical-menu ul {margin:0; padding:0;}
#vertical-menu ul li {list-style-type:none;}
#vertical-menu .navbar-collapse { padding-right: 0px; padding-left: 0px;}
#vertical-menu .navbar-header {background: #00a651;}
#vertical-menu ul.collapse ul.collapse li {padding-left:0px;}
#vertical-menu ul.collapse li a.list-group-item::before {content: "\00BB \0020";}
#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 #fff;padding: 10px 25px 10px 15px;}
#vertical-menu ul { padding: 8px;}
#vertical-menu ul .collapse.in { padding: 1px 15px;}
#vertical-menu ul li { padding-bottom: 1px; position: relative; }
#vertical-menu ul.list-group li { border-bottom: 1px dashed #ececec;}
#vertical-menu ul.list-group li:last-child { border-bottom: 1px dashed #fff;}
#vertical-menu ul.list-group li .icon-right { position: absolute; top: 0; right: 0; padding: 15px; z-index: 1;}
.cat-title { padding: 15px 30px; color: #fff; background: #cc0228; font-weight: 700; }




/* Social icons */
.social-circle { padding: 0; margin: 15px 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-circle .fa-facebook, .social-circle .fa-facebook-official, .fa-facebook-square {color: #4267b2;}
.social-circle .fa-instagram {color: #d6267c;}
.social-circle .fa-linkedin {color: #0066a1;}
.social-circle .fa-youtube, .social-circle .fa-youtube-square {color: #e00d0d;}
.social-circle .fa-twitter, .social-circle .fa-twitter-square {color: #1da1f2;}
.social-circle .fa-pinterest, .social-circle .fa-pinterest-square {color: #e52f48;}
.social-circle .fa-whatsapp-square {color: #3ca035;}
.social-circle .fa-envelope-open-text {color: #ccc;}






/* bigBanner */
.homepage #nav-section { margin-bottom: 0px; } /* bigBanner hack */
.swiper-container { width: 100%; height: 100%; }
.swiper-container .swiper-pagination-bullet-active { background: #cc0228; opacity: 1;}
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; border-radius: 5px;} /* wide active nav */

.swiper-slide { text-align: center;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide .description { position: absolute;  width: 100%; top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
/*.swiper-slide div { width: 100%; max-height: 600px; }*/
.swiper-slide .swiper-lazy-preloader { width: 42px; }

.mobile-slideshow .swiper-slide { height: auto!important;}

.big-banner .swiper-slide img { display: block; width: 100%; max-width: 100%; height: 100%; object-fit: cover; aspect-ratio: 3.2 / 1;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0!important;}
.swiper-wrapper.disabled { transform: translate3d(0px, 0, 0) !important; }
.swiper-pagination.disabled { display: none; }

@media only screen and (max-width: 767px) {
    .big-banner .swiper-slide img { aspect-ratio: unset;};
}

/* SKY
.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px; border-radius: 5px;}  wide active nav 
.swiper-button-next.swiper-button-white { background: #7f7d80; height: 80px; width: 50px; margin-right: -15px; margin-top: -2%; border-radius: 5px;} next button nav 
.swiper-button-prev.swiper-button-white { background: #7f7d80; height: 80px; width: 50px; margin-left: -15px; margin-top: -2%; border-radius: 5px;} prev button nav 
*/

/* SWIPER NEWS TICKER */
.swiperTickerContainer {background: #cc0228; color: #fff; padding: 3px 0;}



/* 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;}





/* NEWS ONE - VIEW */
.news-one h1 { letter-spacing: 1px; }
.news-one h2 { letter-spacing: 1px; margin: 30px 0; }
.news-one .main-content  { /*text-align: justify;*/ font-size: 16px; line-height: 1.725em;overflow-wrap: break-word;letter-spacing: -.2px;}
.news-one .main-content a { color: #cc0228;  /*border-bottom: 2.5px solid #cc0228;*/ }
.news-one .subtitle { color: #878787;}
.news-one .subtitle::before { /*content: "''"; position: absolute; left: -20px; top: 0; font-size: 70px; color: #c5c5c5;*/}
.news-one .subtitle .color { color: #878787;}
.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-top:15px;}
.news-one .main-content .img-circle {width: 45px; height: 45px; border: 2px solid #e9e9e9; }
.news-author { padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; color: #000;}
.news-estimation {padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; color: #000;}
.news-date {color: #000;}




.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}




/* 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;}
.news-category h5 {font-size: 20px; text-transform:uppercase; font-weight: 700; color: #000; border-bottom: 2px solid #53a2d0;  padding-bottom: 10px;  margin: 40px 0;}



/* 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 .fa {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: 999;}
.video-box .fa { margin-top: 13px; color:#fff;}
.video-box .fa-play { margin-left: 4px;}
.sidebar a h3 { color: #e84903;font-size: 18px;margin-top: 0; }
.sidebar .photo { }
.one-news {}
.one-news .featured { background-color: #eaeaea;padding: 15px 0; }
.one-news a h2 { margin-top: 10px; color: #545454; font-size: 18px; }
.one-news .description { color: #666; }
.one-news .description p { margin-top: 10px; }
.one-news .description a { color: #cc0228; }


/* 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: 26px; font-weight: 700; line-height: 1.2em; color: #292929;}
.news-template-short3 .author {font-weight: 700; margin-bottom: 8px;}





/* BRAND */
.brand h1 { margin: -6px 0 18px 0; }
.brand .col-md-3.logo img { border: 1px solid #eaeaea; }
.brands-preview {margin-bottom:40px;}
.brands-preview h3 {text-align:center; color:#8b251d;}
.static.brendovi h3 {text-align: center; font-size: 16px;}
.static.brendovi .service-box { border: 1px solid #eaeaea; padding: 15px; margin-bottom: 15px;}
.swiperProductBrand img {height: 50px; }



/* PRODUCT CATEGORY */
.category h1 { margin: -6px 0 18px 0; }
.one-category { border: 1px solid #eaeaea;margin-bottom: 15px;padding-top: 15px;text-align: center; }
.one-category h3 { font-size: 18px; }
.homepage .category .product-holder {border-radius: 3px; border: 1px solid #e8e8e8;}
.productcategory-holder { margin-bottom: 40px; }



/* category break */
div.product-list-6 .break-category:nth-of-type(6n+1) { clear: both; }
div.product-list-5 .break-category:nth-of-type(5n+1) { clear: both; }
div.product-list-4 .break-category:nth-of-type(4n+1) { clear: both; }
div.product-list-3 .break-category:nth-of-type(3n+1) { clear: both; }
div.product-list-2 .break-category:nth-of-type(2n+1) { clear: both; }

/* product break */
div.product-list-6 .one-product:nth-of-type(6n+1) { clear: both; }
div.product-list-5 .one-product:nth-of-type(5n+1) { clear: both; }
div.product-list-4 .one-product:nth-of-type(4n+1) { clear: both; }
div.product-list-3 .one-product:nth-of-type(3n+1) { clear: both; }
div.product-list-2 .one-product:nth-of-type(2n+1) { clear: both; }

/* news break */
div.product-list-6 .one-news:nth-of-type(6n+1) { clear: both; }
div.product-list-5 .one-news:nth-of-type(6n+1) { clear: both; }
div.product-list-4 .one-news:nth-of-type(4n+1) { clear: both; }
div.product-list-3 .one-news:nth-of-type(3n+1) { clear: both; }
div.product-list-2 .one-news:nth-of-type(2n+1) { clear: both; }









/* PRODUCT SHORT PREVIEW GRID */
.one-product { text-align: center;}
.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 { /*box-shadow: -3px 3px 8px 0 rgba(0, 0, 0, .15);*/ overflow: hidden;z-index: 90; border: 1px solid #eaeaea;}
.one-product img { transition: all .3s ease-in-out; aspect-ratio: 1 / 1;}

.one-product img:hover { opacity: 1; filter: alpha(opacity=100); transform:scale(1.2); }

.iffixed {display: flex; justify-content: center;}
.one-product .price { color: #cc0228;font-size: 16px;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 { font-size: 13px; margin-bottom: 20px;padding: 0px; position: relative; overflow: hidden; width: 100%; -webkit-transition: all .25s; -moz-transition: all .25s; -o-transition: all .25s; transition: all .25s; }
.one-product .product-holder:hover { }
.one-product .product-holder a h2 { font-size: 16px; margin: 14px 0 8px;font-weight: 700; text-overflow: ellipsis; overflow: hidden; height: 35px;}
.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 .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: 3px;left: 7px; text-shadow: 0px 1px 1px rgba(152, 152, 152, 0.75);  z-index: 10;}
.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: 19 / 11;}
.homepage .one-product.category img { aspect-ratio: 19 / 11;}





.product-flags { position: absolute; width: 65px!important; right: 7px; top: 8px; font-weight: 700;text-transform: uppercase; text-align: center; font-size: 12px; }

/*
/////// trakica
.exp-on-new { position: absolute; width: 140px; padding: 8px; background: #cc0228; 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: #cc0228; 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: #cc0228; 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;}
*/


/* Kvadrat */
.exp-on-new { position: relative; padding: 2px 10px; background: #128ced; color: #fff; z-index: 1; margin-bottom: 6px;}
.exp-on-action { position: relative; padding: 2px 10px; background: #f04e4e; color: #fff; z-index: 1; margin-bottom: 6px;}
.exp-on-discount { position: relative; padding: 2px 10px; background: #cc0228; color: #fff; z-index: 1; margin-bottom: 6px;}







/* ADD TO CART IN SHORT PREVIEW */
form.add-to-cart-short {margin-top:10px;}

.short-add-to-cart-input { padding: 7px 9px; width: 60px; border: 1px solid #8895a3; }
.short-add-to-cart-btn {padding: 7px 18px; border-radius: 0px; color: #8895a3; background-color: #fff; border: 1px solid #8895a3; }
.short-add-to-cart-btn:hover {background-color: #0c7140;}

@media only screen and (max-width: 1200px) {
	.short-add-to-cart-btn {padding: 7px; }
	.short-add-to-cart-input {width: 40px;}
}








/* PRODUCT PAGE */
.product .col-lg-3.col-md-3.col-xs-6 { margin-bottom: 15px; }
.magnify-img { display:inline-block; position: relative; }
.magnify-img img {	display: block;	}
.magnify-img img::selection { background-color: transparent; }
.product-photo .img-holder { text-align: center; position: relative; overflow: hidden; }
.product-photo .zoom-in-marker { background: #cc0228;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;z-index: 1;}
.product-photo .promo-text { background: #cc0228;color: #fff;font-size: 16px;left: 15px;padding: 10px;position: absolute;bottom: 30px;z-index: 1; }
.product-photo img { border: 1px solid #fff;margin-bottom: 15px;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 .product-video, .product .product-file { }
.product .productitemvideo { position: relative; }
.product .productitemvideo .fa { position: absolute; color: #fff; font-size: 27px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product-details { position: relative; }
.product-details h1 { margin: -4px 0 15px 0;padding: 0; letter-spacing: 1px;}
.product-details .description { margin: 30px 0 30px; font-size: 17px;}
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 .available { color:#3ca035; }
ul.product-bullets li:last-child { border-bottom: 0px; }

.product-details .sp-input {position: relative;}
label[for=quntity-input-value]  {position: absolute; left: 0; margin-top: -30px;}
.product-details .sp-minus { background-color: #cc0228; color: #fff; float: left; padding: 5px 5px ; font-size: 16px; line-height: 38px;}
.product-details .sp-plus { background-color: #cc0228; color: #fff; float: left; padding: 5px 5px; font-size: 16px; line-height: 38px; }
.product-details .quantity-input { float: left; padding: 13px 2px 8px 4px; width: 40px; border: 0; font-weight: 700; text-align: center;}
.product-details input.quantity-input:disabled {background: #fff; color: #000;}


a.ddd { color: #2b2b2b; }
.product-details a:hover {text-decoration: none }
.product-details .add-to-cart { margin-left: 4px;padding: 13px 25px; background: #cc0228;  font-size: 21px; color: #fff; text-transform: uppercase;}
.product-details .go-to-checkout { padding: 13px 15px; background: #f1971a; color: #fff; font-size: 21px;text-transform: uppercase;}





.product-details .price, .product-details .price .salesprice{ color: #cc0228;font-size: 28px;font-weight: 700;margin-bottom: 22px; font-size: 30px;}
.product-details .price .price-old { color: #868686;font-size: 16px;font-weight: 700;text-decoration: line-through; }
.product-details .price-description { color: #ea4a1f;font-weight: 700; }
.product-details .salespriceend { color: #cc0228; font-size: 13px; }
.product-details .catalog-mode {padding: 20px; border: 1px solid red; color: red;}




.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: 21px; 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: 21px;}
.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:disabled, button[disabled]{  background-color: #ffc5c5; }
.product-button-choose button.active { border: 2px solid #86939E;  background: #efefef; }
.product-dropdown {margin-bottom: 30px; }



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


.product .product-brand { color: #cc0228;font-weight: 700; }
.product-photo .discount-percent { position: absolute;right: 15px;top: 0px; }
.product-variation {margin:0 15px 15px 0;}
.product .description-details a { color: #cc0228; text-decoration: underline; }

.addtofav.inline .checkbox-inline { padding-left: 0; }
.addtofav.inline .fa-heart { float: left; color: #cc0228;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 #nav-section { margin-bottom: 0 }
.shop.category #nav-section { margin-bottom: 0 }






/* + - 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 #cc0228; 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;}



/* Bettertabs */ 
.bettertabs {width: 100%; background: linear-gradient(90deg, #003654, #222); 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;}
.bettertabs :is(.nav-tabs>li>a, .tab-content, .tab-content a) {color: #fff;}
.bettertabs .nav-tabs>li>a {font-size: 20px; padding: 20px 25px; 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: #fff; color: var(--main-color);}
.bettertabs :is(.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover) {color: #cc0228;}
.bettertabs  iframe { width: 100%; height: 65rem; }
.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: rgb(245 245 245 / 8%);}

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


@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;}
}



/* COUNTDOWN TIMER */
.countdown-timer-wrapper { border-radius: 5px; background-color: #f1971a; margin-bottom: 20px; max-width: 300px; }
.countdown-timer-wrapper .promotext {color: #fff; font-weight: 700; text-align: center; padding-top: 15px; }
.countdown-timer-wrapper .timer { padding: 10px; text-align: center; padding-top: 15px; }
.countdown-timer-wrapper .timer .timer-wrapper { display: inline-block; width: 60px; height: 50px; }
.countdown-timer-wrapper .timer .timer-wrapper .time { font-size: 28px; font-weight: bold; color: #ffffff; }
.countdown-timer-wrapper .timer .timer-wrapper .text { font-size: 12px; color: rgba(255, 255, 255, 0.6); }




/* 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 */
.toggler { background: transparent url("/img/toggle_up.png") no-repeat 100% 50%;display: block; }
.tgNaslov { border-bottom: 1px solid #ccc;font-size: 22px;font-weight: 300;padding: 12px 0; }
a.tgNaslov { text-decoration: none; }
.tgSadrzaj { background-color: transparent; padding: 10px 0; }
.togglerSkriven { background-image: url("/img/toggle_down.png") !important; }
.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; margin-bottom: 50px; }
.pagination > li { display: inline-block;}
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 50px; border-top-right-radius: 50px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 50px; border-top-left-radius: 50px; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #cc0228; background-color: #e8e8e8; border-color: #e8e8e8; margin: 5px; padding: 10px 10px;}
.pagination > li > a, .pagination > li > span { color: #948e8e; margin: 1px; padding: 10px 10px;}



/* COMMENTS */
.comments { border: 1px solid #ccc;border-radius: 5px;margin: 10px 0;padding: 30px 13px; }
.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 { color: #fff; background: #cc0228;}
.comments .btn:focus, .comments .btn:hover { color: #fff; background: #971d13;}


/* COMMENTS NEW */
#comments { display: block; padding: 30px 0;}
#comments .cmmnt .cmmnt-content { padding: 0px 3px; padding-bottom: 12px; padding-top: 8px; }
#comments .cmmnt .cmmnt-content header { display: block; margin-bottom: 8px; }
#comments .cmmnt .cmmnt-content header .pubdate { color: #777; }
#comments .cmmnt .cmmnt-content header .userlink { font-weight: bold; } 
#comments .cmmnt .replies { margin-bottom: 7px; padding-left: 0; } 
#comments a.reply { text-decoration: underline; }
#comments .cmmnt, ul .cmmnt, ul ul .cmmnt { display: block; position: relative; padding-left: 65px; border-top: 1px solid #ddd; }
#comments .cmmnt .avatar  { position: absolute; top: 8px; left: 0; }
#comments .cmmnt .avatar img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 50px; }
#comments .cmmnt .avatar a:hover img { opacity: 0.77; }





/* CHECKOUT */
p.no { font-size: 22px; color: #8e99a9; }
a.no { font-size: 16px; color: #f26a6a; }
.checkout-finished h3 { color: #cc0228; line-height: 40px;}

.checkout .form-title { font-weight: 700; }
.cart-checkout .okvir { border: 3px solid #23527C;margin-bottom: 15px;padding: 20px; }
.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 #333;border-top: 3px solid #333;padding: 5px 0; }
.cart-checkout .okvir .cart_product { border-bottom: 1px solid #ccc;padding: 5px 0; }
.cart-checkout .okvir .cart_subtotal { border-bottom: 1px solid #333;border-top: 1px solid #333;padding: 5px 0; }
.cart-checkout .okvir .cart_delivery { border-bottom: 1px solid #333;padding: 5px 0; }
.cart-checkout .okvir .voucher-dicount { padding: 5px; background:#eaeaea;}
.cart-checkout .okvir .cart_bulk_discount { border-bottom: 1px solid #333;padding: 5px 0; }
.cart-checkout .okvir .cart_subtotal_weight { border-bottom: 1px solid #333;padding: 5px 0; }
.cart-checkout .okvir .cart_total { border-bottom: 3px solid #333;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 7px 1px 5px; background: #23527c; color: #fff; }
.cart-checkout .okvir .fa-times-circle { color: #23527c; }
.cart-checkout .okvir h2 { color: #23527c;font-weight: 700;     margin-top: 30px;}
#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 .form-control, #order-holder .btn { border-radius: 2px; }
#order-holder .order-as-company label, #new-delivery-address .form-title, .fa-times { color: #454d58; }
.order-as-company { background: #e8edef;margin-bottom: 15px;padding: 14px 0 8px; }

.voucher-input {background: #e9efe9; padding: 30px; text-align: center; margin-bottom: 30px; display:block;}
.voucher-input #promo_msg { display: block; }
.voucher-input #promo_msg.text-danger { padding-top: 15px; }

.empty-cart { margin-bottom: 50px }
.user-details .if-registered {float: right; margin-top: -40px; color: #cc0228; font-weight: 400; font-size: 15px;}
#login-form-checkout .if-registered {color: #cc0228; font-weight: 400;font-size: 15px;}
#show-forgot-password {margin-top:10px; color:#23527c; font-weight:700;}
.checkout h3 { color: #23527c; font-size: 24px; font-weight: 700; }

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

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


.glow-on-hover {  border: none; outline: none;  cursor: pointer; position: relative;  z-index: 0; }
.glow-on-hover:before {  content: '';   background: linear-gradient(45deg, #45b43d, #5d8f5a, #428b3e, #23527c, #23527c, #002bff, #428b3e, #5d8f5a, #45b43d);
    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: #45b43d; left: 0; top: 0; }
@keyframes glowing {  0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } }



@media only screen and (max-width: 767px) {
    .user-details .if-registered {float: left; margin-top: 0px; margin-bottom: 20px;}
}




/* STATIC */
#neuspesnoForgotpassword {margin-top:15px;}

.static .register { border: 1px solid rgb(204, 204, 204);margin-bottom: 20px; border-radius: 4px;}
.static p.register-title { background-color: #e2f3dd;color: #3a5038;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: #f5f5f5;color: #4a6588;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: #fff; border-radius: 2px;  padding: 10px 15px; margin-bottom: 0px; color:#444444;font-size: 11px;}
.breadcrumb .back { cursor: pointer;float: right; }
.breadcrumb a { color: #444444; }
.breadcrumb > .active { color: #444444; }
.breadcrumb > li.back:before { content: ""; }

.usericon:before{ opacity:.8; height:100%; width:25px; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; position: absolute; content:"\f007"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; pointer-events: none; right:20px; top: 12px; -webkit-font-smoothing: antialiased; color:#c3c3c3; }
.passicon:before{ opacity:.8; height:100%; width:25px; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; position: absolute; content:"\f09c"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; pointer-events: none; right:20px; top: 12px; -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 #nav-section {margin-bottom: 0;}
.protected-page .left-panel { padding:0; background: #fff; border-right: 1px solid #e9e9e9; font-family: 'Poppins', sans-serif; min-height: 470px;}
.protected-page .right-panel {font-family: 'Poppins', sans-serif;}
.protected-page .right-panel h2 { padding-left: 15px; }
.protected-page .custom-padding { padding: 15px; 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; margin-bottom: -1px; padding: 10px 15px; padding-left: 15px; padding-right: 15px;  }
.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 .fa-angle-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;}
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;}
@media only screen and (max-width: 767px) { .location h2 { font-size: 15px;} }
.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;}



/* Show hide content JS */
.hideContent { position: relative; overflow: hidden; height: 55px; }
.showContent { height: auto; }
a.showMore { cursor: pointer; font-weight: 700; text-decoration: underline; }






/* 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;}


/* Scroll category advanced */
.ss-wrapper { overflow: hidden; width: 100%; height: 100%; position: relative; z-index: 1; float: left; }
.ss-content { height: 100%; width: calc(100% + 18px); padding: 0 0 0 0; position: relative; overflow-x: auto; 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; 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);}






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

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

.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: #cc0228; color: #fff; }
.btn-grey { background: #e9efe9;  }
.btn-white { background: #fff;}
.btn-white.btn:hover { background-color: #f7f7f7;}
.btn-success { background: #45b43d; }
.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;}
.btn-radius { border-radius: 3px; -webkit-border-radius: 3;}
.btn-no-radius { border-radius: 0px; -webkit-border-radius: 0; }
.radius {border-radius: 15px; -webkit-border-radius: 15;}



a.animated-icon-link {font-size: 18px; font-weight: 700; text-transform: uppercase;}
a.animated-icon-link:hover {text-decoration: none;}
.animated-icon { -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; margin-left: 15px;}
a.animated-icon-link:hover .animated-icon { margin-left: 25px; }

a.animated-light {border: 2px solid #fff; cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#fff; 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;}

a.animated-dark {border: 2px solid #454d58;  cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#454d58; 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:#454d58; color:#fff; text-decoration:none;}

a.animated-light2 {background: #fff; cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#0b264c; 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:#e8e8e8; color:#0b264c; text-decoration:none;}

a.animated-dark2 {background: #0b264c; cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#fff; 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:#081d3a; color:#fff; text-decoration:none;}

a.animated-dark2-arrow { border-radius: 4px; background-color: #f4511e; border: none; color: #FFFFFF; text-align: center; padding: 10px 15px; transition: all 0.5s; cursor: pointer; display: inline-block; width: 220px;  }
a.animated-dark2-arrow span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
a.animated-dark2-arrow span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }
a.animated-dark2-arrow:hover span { padding-right: 25px; color: #fff }
a.animated-dark2-arrow:hover span:after { opacity: 1; right: 0; }



.text-white { color: #fff; }
.text-dark { color: #cc0228; }
.text-bold { font-weight: 700; }
.text-md { font-size: 26px; }
.text-lg { font-size: 36px; }
.text-sm, .sm {font-size: 22px!important;}



.height100 { height: 100px; }
.height150 { height: 150px; }
.height200 { height: 200px; }
.height250 { height: 250px; }
.height300 { height: 300px; }
.height350 { height: 350px; }
.height400 { height: 400px; }
.height450 { height: 450px; }
.height500 { height: 500px; }
.height550 { height: 550px; }
.height600 { height: 600px; }
.height650 { height: 650px; }

@media only screen and (max-width: 1366px) {    
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 768px) {
    .height500 { height: 300px; }
    .height550 { height: 300px; }
    .height600 { height: 300px; }
    .height650 { height: 300px; }
}



.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-0 { padding: 0px !important; }
.p-15 { padding: 15px !important; }
.p-t-0 {padding-top: 0px !important;}
.p-t-100 {padding-top: 100px !important;}
.p-b-100 {padding-bottom: 100px !important;}



.required-label, .error { color: red; }
.required-active { background: #ffdddd; }
.tooltip-inner { min-width: 120px; }
.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: #cc0228; 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: #cc0228; 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);}



.flex { display: flex; }
.flex-column {flex-direction: column;}
.flex-row {flex-direction: row;}
.flex-justify-center { justify-content: center;} 
.flex-items-center { align-items: center;}
.align-self-center { -ms-flex-item-align: center!important; align-self: center!important;}
.flex-row { flex-direction: row; padding: 0; margin: 0; list-style: none; -ms-box-orient: horizontal;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -moz-flex;
  display: -webkit-flex; display: flex;  float: left;}
.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; }
@media only screen and (max-width: 767px) {
    .flex { display: block; }
}



/* Gutter width */
.row.no-gutter {padding-right:15px; padding-left:15px;}
.row.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }

.row.gutter-10 { margin-left: -5px; margin-right: -5px; }
.row.gutter-10 > [class*="col-"] { padding-left: 5px; padding-right: 5px; }

.row.gutter-15 { margin-left: -7px; margin-right: -7px; }
.row.gutter-15 > [class*="col-"] { padding-left: 7px; padding-right: 7px; }

.row.gutter-20 { margin-left: -10px; margin-right: -10px;}
.row.gutter-20 > [class*="col-"] { padding-left: 10px; padding-right: 10px; }



/* Ovoga ima i u bootstrap.min.css - verovatno je ovde bolje... */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-5ths { width: 20%; float: left; }
@media (max-width: 1200px) { .col-lg-5ths { width: 20%; float: left; } }
@media (max-width: 992px) { .col-md-5ths { width: 33.33%; float: left; } }
@media (max-width: 768px) { .col-sm-5ths { width: 50%; float: left; } }




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; font-family: "Font Awesome 5 Free"; font-weight: 900;  content: "\f00c"; 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; }








/* Title v1 center */
h2.background { position: relative;  z-index: 1;  text-transform:none; margin-bottom: 40px; margin-top: 43px; color: #545454; font-size: 22px; }
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: #f9f9f9;  padding: 0 15px; letter-spacing: 1px; }




/* 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;  }






/* 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); }





.hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-icon-bounce .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

.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); }












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



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



@media screen and (min-width: 768px) and (max-width: 1024px) {	
	/* 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 (min-width: 768px) and (max-width: 991px) {
    div.product-list-4 .col-sm-4.one-product:nth-of-type(4n+1) { clear: none; }
    div.product-list-4 .col-sm-4.one-product:nth-of-type(2n+1) { clear: none; }
    div.product-list-4 .col-sm-4.one-product:nth-of-type(3n+1) { clear: both; }
    
    div.product-list-4 .col-sm-6.one-product:nth-of-type(4n+1) { clear: none; }
    div.product-list-4 .col-sm-6.one-product:nth-of-type(3n+1) { clear: none; }
    div.product-list-4 .col-sm-6.one-product:nth-of-type(2n+1) { clear: both; }
}



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



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

	body { font-size: 15px; }
    
    /* HEADER */
    header .middle { padding: 10px 0; }
    header .logo img { margin-top: 5px; height: 40px; float:left;}
    .menu-cart, .menu-cart a { font-size: 11px; }

    header .top .content { padding-top: 0px; padding-bottom: 0px;}

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

    footer .details.visible-xs { 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: 20px; margin-bottom: 15px;}
	footer .partners p span { font-size: 21px;}

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

    /* product page header fix */
    .breadcrumb>li.responsive-center { display: block; text-align: center;}
	.breadcrumb>li+li.responsive-center:before { content: "";}
    .responsive-center {text-align: center;}
    .breadcrumb .responsive-center {font-weight: 700;  font-size: 14pt;}
    .responsive-clearfix { clear: both;}
	
    
    
    /* CATEGORY */
    .one-category h3 { font-size: 15px; }
    figure.snip1321 { margin: 15px; max-width: 92%;}
    
    
    
    /* 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 img { margin-bottom: 15px; }
    .product-photo .main { margin: 0 0 15px 0; }
    .price-holder { /*margin-top: 40px*/ }
    .product-details h1 { font-size: 26px; }
    .product-details { position: unset; }
	.product-details .add-to-cart { padding: 13px ; width: 65%; float: right; text-align: center; font-size: 15px;}
	.product-details .go-to-checkout { width: 100%; margin-top: 20px; text-align: center;}
	.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 PAGE FIX */
	.product.brand .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: 22px; }
    .voucher-input input { width: 45%; }
    .checkout h3 { font-size: 22px; }
    .checkout h3 span { font-size: 15px; color: #454d5d; line-height: 24px;}

    
	
	/* 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; }

	
	/* category break */
	div.product-list-6 .break-category:nth-of-type(2n+1) { clear: both; }
	div.product-list-5 .break-category:nth-of-type(2n+1) { clear: both; }
	div.product-list-4 .break-category:nth-of-type(2n+1) { clear: both; }
	div.product-list-3 .break-category:nth-of-type(3n+1) { clear:none; }
	div.product-list-3 .break-category:nth-of-type(2n+1) { clear:both; }  
	div.product-list-2 .break-category:nth-of-type(2n+1) { clear: both; }
	
	/* product break */
	div.product-list-6 .one-product:nth-of-type(2n+1) { clear: both; }

	div.product-list-5 .one-product:nth-of-type(3n+1) { clear:none; }
	div.product-list-5 .one-product:nth-of-type(2n+1) { clear:both; }

	div.product-list-4 .one-product:nth-of-type(2n+1) { clear: both; }
	div.product-list-3 .one-product:nth-of-type(3n+1) { clear:none; }
	div.product-list-3 .one-product:nth-of-type(2n+1) { clear:both; }  
	div.product-list-2 .one-product:nth-of-type(2n+1) { clear: both; }

	/* news break */
	div.product-list-6 .one-news:nth-of-type(2n+1) { clear: both; }
	div.product-list-4 .one-news:nth-of-type(2n+1) { clear: both; }
	div.product-list-3 .one-news:nth-of-type(3n+1) { clear:none; }
	div.product-list-3 .one-news:nth-of-type(2n+1) { clear:both; }  
	div.product-list-2 .one-news:nth-of-type(2n+1) { clear: both; }

	/* NEWS */
	.video-box {font-size: 13px;top: 7px;left: 23px;width: 38px; height: 38px;}
	.news-template-short2 .imgdiv { float: left; width: 40%;  }
	.news-template-short2 .time-ago { float: right; width: 55%; }
	.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;}
	
	
	/* USER */
	ul.user-pages-menu li { margin-bottom: 10px; } /*user menu*/
	table#products .fas { margin: 15px 8px; } 

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

}