.relative {position: relative;}
.flex-row-end {display: flex; justify-content: flex-end; flex-direction: row;}
.flex-row-center {display: flex; justify-content: center; align-items: center; flex-direction: row;}


h3 {font-size: 24px;}
a:hover {color: var(--main-color);}
ul {list-style: none;}


.product-details .sp-input {
    position: relative;
}
label[for=quntity-input-value] {
    position: absolute;
    left: 0;
    margin-top: -30px;
}

/*

:root { --main-color: #f70046;}

.cookie-notification {width: 100%; margin: 0; background: #000;}
.cookie-notification a.close-cookie-notification {background: var(--main-color);}
.cookie-notification a.close-cookie-notification:hover {color: var(--main-color); background: #fff;}
.cookie-notification #cookie-notification :is(p, a) {color: #fff; margin: 0;}
.cookie-notification #cookie-notification a:hover {color: var(--main-color);}


#nav-section {border-bottom: none;}
header .navbar {min-height: unset;}
header .solid-menus .no-bg li.active a {background: transparent;}
header ul.navbar-nav > li > a {padding: 15px; position: relative; transition: all .25s ease-in-out; display: inline-block;}
header .navbar-default .navbar-nav > li > a {color: #000; font-weight: 600;}
header ul.navbar-nav a:after, header .solid-menus .no-bg li.active a:after, footer ul li a:after {background-color: var(--main-color); bottom: 11px; content: ''; display: block; height: 2px; left: 50%; position: absolute; 
                                                                                                    transition: all .25s ease-in-out; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); 
                                                                                                    transform: translateX(-50%); width: 0; }
header ul.navbar-nav > li:hover > a:after, header .solid-menus .no-bg li.active a:after {width: calc(100% - 30px);}
header .bottom {border-bottom: 1px solid #eee;}
header .bottom .menu-cart {position: relative;}
header .bottom .menu-cart:before {background: #000; content: ''; display: block; left: -15px; height: 20px; position: absolute; top: -webkit-calc(50% - 7px); top: calc(50% - 7px); width: 1px;}
header .bottom .menu-cart img.icon {width: 35px;}
header .bottom .navbar .menu-cart .badge {position: absolute; top: 10px; right: -8px;}
header .badge {background-color: var(--main-color);}


header .middle .row.flex {justify-content: space-between;}
header .middle .logo {position: absolute; top: 0; left: 0; display: flex; height: 85px; align-items: center; background: #fffcf6; z-index: 9; padding: 20px; box-shadow: 0 0 13px #3335;}
header .middle .logo img {height: auto; max-height: 50px; padding: 0px;}
header .middle .menu-cart {}

header .middle {padding: 0; background: #000; width: 100%;}
header ul.navbar-nav {justify-content: flex-end;}
header #nav-section {padding: 0;}

header .top-menu ul {margin-top: 0;}
header .top-menu > ul {text-align: right; margin: 0; padding: 0; list-style-type: none;}
header .top-menu > ul > li {display: inline-block; position: relative; margin-right: 0;}
header .top-menu > ul > li > a {padding: 10px 15px; display: inline-block; color: #fff; font-weight: 600;}
header .top-menu a { text-decoration: none; }
header .top-menu img.icon { width: 25px; }


.big-banner .swiper-slide img {width: 100%; height: 100%;}

.home-banner .swiper-slide div {max-height: 400px;}
.home-banner .swiper-slide div > a {display: flex; max-height: 400px;}
.home-banner .swiper-slide div > a > img {height: auto;}


.homepage .home-search {background: #efede9; font-size: 16px; max-width: 1140px; padding-top: 15px; padding-bottom: 20px; text-align: center;}
.homepage .home-search form {-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: flex; margin: 10px auto; max-width: 620px; position: relative; width: 100%;}
.homepage .home-search form input[type=text] {-webkit-calc(100% - 105px); width: calc(100% - 105px); -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; border: 1px solid #d8d8d9; 
                                                -webkit-border-radius: 0; border-radius: 0; font-size: 16px; font-weight: 400; min-height: 40px; outline: 0; padding: 0 20px;}
input[type=submit] {background: var(--main-color); border: 1px solid #f70046; -webkit-border-radius: 0; border-radius: 0; color: #fff; cursor: pointer; display: block; font-size: 16px; font-weight: 700; line-height: 38px; 
                    margin: 15px auto!important; height: 40px; outline: 0; padding: 0 15px; text-align: center; text-decoration: none; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; 
                    transition: all .25s ease-in-out; width: 105px;}


footer .details {background: transparent url(https://amalgam.rs/fajlovi/banner/bigbanner-141.jpg) no-repeat center; border-top: 7px solid #f70046; padding: 80px 0px 0px; position: relative;}
.details:after {background: rgb(255 255 255 / 93%); width: 100%; height: 100%; content: ''; z-index: 2; position: absolute; top: 0; left: 0;}
footer .details [class^="col-md"] {z-index: 9;}
footer .details h4 {margin-bottom: 0; font-weight: 700; font-size: 16px;}
footer .details h4:before {display: none;}
footer .logo {margin-top: 0;}
footer .details .details-top :is(li, li a) { display: flex; align-items: center;}
footer .details .details-top li {line-height: 18px;}
footer .details .details-top a, footer .footer-contact li {padding: 5px 0;}
footer .footer-contact li {}
footer .footer-contact li i {font-size: 18px; margin-right: 10px; color: #9b8f78;}
footer .details-bottom {border-top: 1px solid #c6c5c3; padding: 20px 0;margin-top: 30px;}
footer .details-bottom .social-footer {align-items: center;}
footer .details-bottom ul.social-circle {margin: 0; margin-left: 15px;}
footer .details-bottom ul.social-circle li {margin: 0 10px;}
footer .details-bottom ul.social-circle i {color: #000!important; font-size: 22px;}
footer .details-bottom ul.social-circle li:hover i {color: var(--main-color)!important; transform: none;}

footer ul li a {position: relative;}
footer ul li a:hover:before {display: none;}
footer .details-top ul li:hover a {font-weight: initial;}
footer .details-top ul li a:after {bottom: 3px;}
footer .details-top ul li:hover a:after {width: 100%;}

footer .signature { background: #000; padding: 10px 0; color: #b6b6b6;}
footer .signature a {color: #fff;}


.scrollToTop {background: var(--main-color);}

.swiper-slide-left, .swiper-slide-right {width: 50%;}
.swiper-prev-next {display: flex; z-index: 9; color: #000; font-size: 17px; width: auto; align-items: center; justify-content: center;}
.swiper-button-next, .swiper-button-prev {position: relative!important; margin-top: 0!important; color: #000!important; width: 56px!important; height: 17px!important;}
.swiper-button-next:hover, .swiper-button-prev:hover {opacity: 0.5;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 17px!important; font-weight: 600;}



.blog-slide {width: 100%; margin: 0 auto;}
.blog-slide .blog-slide-wrapper:nth-of-type(1) {position: relative; height: 320px;}




.blog-slide .swiper-prev-next {position: absolute; left: calc(50% + 35px); top: 24px; }
.blog-slide :is(.swiper-button-next, .swiper-button-prev) {width: 17px!important;}

.blog-slide .blog-slide-slider {width: 100%;height: auto;margin: 0 0 10px 0;}
.blog-slide .swiper-slide {width: auto;height: auto;}   
.blog-slide img {display: block; width: 100%; height: auto; margin: 0 auto; object-fit: cover;}
.blog-slide .sliderThumb .swiper-slide {}
.blog-slide .swiper-top {-webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 
                        -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: 
                        space-between; height: -webkit-calc(100% - 100px); height: calc(100% - 100px); padding: 25px 35px; position: relative; background: #efede9;}
.blog-slide .swiper-top h3 {margin: 0; max-width: 60%;}
.blog-slide .swiper-top h3 a {color: #000;}
.blog-slide .slide-date {width: 100%; justify-content: flex-end; font-size: 17px; font-weight: 600;}
.sliderThumbPag {width: auto; margin: 0px 15px; color: #000; font-weight: 700;}
.blog-slide .blog-slide-thumbs {padding: 0; overflow: hidden; position: absolute; right: 0; bottom: 0; height: auto; width: 50%; border-top: 6px solid var(--main-color); background: #fff;}
.blog-slide .blog-slide-thumbs .swiper-wrapper {background: #fff;}



.blog-slide .blog-slide-thumbs .swiper-slide {width: 100px; height: 100px; text-align: center; overflow: hidden; opacity: .5;}   
.blog-slide .blog-slide-thumbs .swiper-slide-active {opacity: 1;}
.blog-slide .blog-slide-thumbs img {width: auto; height: 100%;}




*/

header .bottom-icons {}
header .bottom-icons ul {list-style-type: none; display: flex; justify-content: space-evenly; padding: 30px 0 0; margin: 0;}
header .bottom-icons ul > li {display: flex; flex-direction: column; flex: 1; border-bottom: 4px solid #fff; padding-bottom: 10px;}
header .bottom-icons ul > li:hover {border-bottom-color: var(--main-color);}
header .bottom-icons ul > li:hover a {color: inherit;}
header .bottom-icons ul > li:hover a > span {}
header .bottom-icons ul > li:hover a > i {color: #434a54;}
header .bottom-icons ul > li > a {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; flex: 1; text-align: center;}
header .bottom-icons ul > li i {font-size: 40px; color: #8cd3e5;}
header .bottom-icons ul > li span {line-height: 18px; margin-top: 20px; margin-bottom: 5px; display: block; padding: 0 25px;}
@media only screen and (max-width: 767px) {
    header .bottom-icons ul > li span { line-height: 15px; font-size: 11px; margin-top: 15px;  margin-bottom: 0px;  padding: 3px 15px;}
    header .bottom-icons ul > li i { font-size: 37px; color: #cdcdcd; }
}
@media only screen and (max-width: 1023px) {
    header .bottom-icons ul {overflow-x: scroll; overflow-y: hidden;justify-content: flex-start; margin-left: -15px; margin-right: -15px;}
}






.topNote { background: #434a54; color: #fff; padding: 10px; width: 100%; font-size: 13px; letter-spacing: 0.2px;}
.topNote .fa-check-circle {color: #b6e58c; margin-right: 5px;}
.topNote ul  { margin: 0; padding: 0; list-style-type: none; }
.topNote ul li { display: inline-flex; align-items: center; margin-right: 25px; }
.topNote ul li:last-child {margin-right: 0px; }

.wave-bg .btn-white { background: #fff;  color: #434a54; }
.wave-bg .btn-success-light {  background-color: #059669; color:#fff; }
@media (max-width: 768px) { 
    .wave-bg .flex-end { display: block; margin-top: 35px; }
    .wave-bg .btn-xl { padding: 20px 30px!important; }
}










.homepage .slide-back {position: relative; padding: 90px 0;}
.homepage .slide-back:before {background: #e3ecf1 url(); background-position: center; -webkit-background-size: cover; background-size: cover; 
                                background-repeat: no-repeat; content: ''; display: block; height: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); 
                                transform: translateX(-50%); width: 100%; z-index: 0;}
.homepage .slide-back h3 {position: relative; z-index: 1; color: #fff; margin-bottom: 30px;}
.homepage .slide-back .product-holder {background: transparent;}







.one-product .price {color: var(--main-color);}

.news-template-short3 .imgdiv {background: transparent;}







/*only mobile*/
@media only screen and (max-width: 767px) {
    
    #navbar-inner-container {display: block;}
    
/*    header .bottom-icons ul {overflow-x: scroll; overflow-y: hidden;justify-content: flex-start; margin-left: -15px; margin-right: -15px;}
*/    
    .homepage .block-icon-list .block-icon-item {width: -webkit-calc(50% - 11px); width: calc(50% - 11px); margin: 5px;}    
    .cookie-notification .assetBlock {display: block; text-align: center;}
    .cookie-notification #cookie-notification {margin-bottom: 20px;}
    
    .home-banner .swiper-slide div > a > img {min-height: 250px;}
    
    .blog-slide-wrapper, .blog-slide .blog-slide-wrapper:nth-of-type(1) {height: auto;}
    .swiper-slide-left, .swiper-slide-right {width: 100%;}
    .blog-slide .blog-slide-thumbs {position: relative; width: 100%; bottom: unset; right: unset;}
    .swiper-slide-right.swiper-top {display: block; height: auto; padding: 15px 20px;}
    .blog-slide .swiper-top h3 {max-width: 100%; margin: 10px 0;}
    .blog-slide :is(.slide-date, .swiper-top h3) {font-size: 16px;}
    .blog-slide .slide-date {text-align: right;}
    .blog-slide .slide-links > a {display: block; text-align: right;}
    .blog-slide .blog-slide-thumbs .swiper-slide {width: auto; max-height: 60px;}
    .blog-slide .blog-slide-thumbs .swiper-wrapper {margin-left: -20px;}
    
    
    
    footer .footer-contact li {display: flex; justify-content: center; padding: 3px 0 0!important;}
    footer .logo {margin-top: 30px;}
    footer .exp {text-align: center; margin: 5px 0;}
}