@import url(https://use.typekit.net/bmh7lli.css);

:root {
    --main-color: #35973f; /**/
    --alt-color: #2a6e44;  /*najtamnija u logotipu*/
    --light-color: #6cb238; /*svetla iz logotipa*/
    --light-grey: #e9e9e9;
    --red-color: #eb4848;
}



/* reset */
a {transition: color .25s;}
.noselect, img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}
.relative {position: relative;}
.icon-svg {display: block; font-size: 0;}
.flex-justify-start {justify-content: flex-start;}
.flex-justify-end {justify-content: flex-end;}
.flex-justify-between {justify-content: space-between;}
.grid {display: grid;}
::-moz-selection {color: #fff; background-color: var(--main-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
::selection { color: #fff; background-color: var(--main-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
.list-style-no {list-style: none; padding: 0; margin: 0;}
a.c-button, a.c-button:hover {background-color: var(--main-color); box-shadow: none;}
.underline {text-decoration: underline;}
header .search-box .input .button input {color: var(--main-color);}
.navbar {border: none;}
header .solid-menus .no-bg li.active a {background: none;}
header .menu-cart a {position: relative; line-height: 0;}
.product-details .add-to-cart, .product-details .sp-plus, .product-details .sp-minus, .comments .btn, .hvr-sweep-to-right::before, .cart-checkout .okvir #checkout-submit, .cat-title {background: var(--main-color);}
.product-details .go-to-checkout, .cart-checkout .okvir .editable {background: var(--alt-color);}
.addtofav.inline .fa-heart, .cart-checkout .okvir i, .cart-checkout .okvir h2 {color: var(--alt-color);}
.cart-checkout .okvir {border-color: var(--alt-color);}
.product-details .price, .product-details .price .salesprice, .user-details .if-registered, .search h1 span, .shop ul.filters .alert.alert-primary strong, #vertical-menu .active a.list-group-item, .one-product .price
    {color: var(--main-color);}
.product-details .description {font-size: inherit;}
.kontakt .btn {background: var(--main-color);}
#noty_center_layout_container > li {background-color: var(--main-color)!important;}
footer ul li a:hover {font-weight: inherit;}
footer ul li {opacity: 1;}
footer .details p.title {margin: 0; padding: 0;}
footer .details p.title::before {display: none;}
footer .signature {background-color: transparent; color: #333;}
footer .visa {height: 20px;  width: auto;}
.form-control:focus { border-color: inherit; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
body.compensate-for-scrollbar {margin-right: 0;}
.swiperTickerContainer, .xadmin-links, .swiper-container .swiper-pagination-bullet-active {background: var(--main-color);}
.news-template-short2 img:hover {transform: scale(1);}
.scrollToTop {background: var(--main-color);}
#vertical-menu ul.collapse li a.list-group-item::before {content: '';}




/*general*/
body {font-family: 'Figtree', sans-serif; color: #6b6c7b; font-size: 15px;}
body, a, h4, h5, h6, ul li {/*font-family: "proxima-nova",sans-serif;*/ font-family: 'Figtree', sans-serif;}
h1, h2, h3 {font-family: Plume,serif; font-weight: 700; color: var(--main-color);}
h1 {font-size: 40px; margin-bottom: 40px;}
h2 {font-size: 32px;}
.section-title {margin-bottom: 40px;}
.section-title-icon {position: relative;}
.section-title-icon:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 81 58'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M80.1694 10.8796C74.1988 8.17295 64.438 4.52139 54.5392 2.35616C49.5894 1.27346 44.5922 0.559495 40.0098 0.525473C35.4326 0.49149 31.2332 1.1354 27.9044 2.79978C19.7632 6.87036 13.3403 12.0577 10.1885 20.4221C7.13478 28.5262 7.18545 39.5255 11.5569 55.2201L1.2953 47.0963L0.704712 47.8423L12.1225 56.8814L12.536 57.2087L12.8192 56.7638L19.4795 46.2975L18.6768 45.7866L12.5844 55.3605C8.12691 39.5405 8.10249 28.6564 11.0788 20.7576C14.1117 12.7089 20.2959 7.66783 28.3299 3.65081C31.4712 2.08014 35.5021 1.44351 40.0027 1.47693C44.498 1.5103 49.4259 2.21167 54.3359 3.28566C64.1566 5.43382 73.8535 9.0611 79.7765 11.7462L80.1694 10.8796Z' fill='url(%23paint_linear)' /%3E%3Cdefs%3E%3ClinearGradient id='paint_linear' x1='-48.1353' y1='16.3508' x2='9.16654' y2='-50.9215' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2335973f' /%3E%3Cstop offset='1' stop-color='%236cb238' /%3E%3C/linearGradient%3E%3C/defs%3E/%3E%3C/svg%3E"); 
                            content: ''; width: 71px; display: block; position: absolute; left: -70px; height: 55px; background-repeat: no-repeat; background-size: 71px; background-position: center; transform: rotate(340deg); top: 21px;}
.h-100 {height: 100% !important;}
.p-r-0 {padding-right: 0;}
.row.gutter-40 {margin-left: -20px; margin-right: -20px;}
.btn-primary:hover, .btn-primary:focus {background-color: var(--light-color);}
.clear-after:after {display: flex; content: ''; clear: both;}

.theme-radius {border-radius: 12px; overflow: hidden;}

.one-product .product-holder a h2, .one-news a h2 {font-family: inherit; color: inherit;}


.afterclear:after { content: ''; clear: both; display: flex;}



/*header*/
body:not(.homepage) header {margin-bottom: 40px;}
header .top {background: var(--alt-color); color: var(--light-color);}
header .top ul ul {}
header .top .icons {display: flex; align-items: center;}
header .top li {display: inline-flex; font-size: 14px; margin-right: 0;}
header .top li > a {position: relative; display: inline-flex; align-items: center;}
header .top li > a:after {left: 0; content: ''; height: 1px; background: #ffffff91; width: auto; position: absolute; bottom: 3px; right: 0; opacity: 1;}
header .top .icons li > a:after {left: 30px;}
header .top li > a:hover:after {opacity: 0;}
header .top .icons svg {height: 20px; width: 20px; display: inline-flex; margin-right: 10px; fill: #fff;}
header .top .icons img {margin-right: 10px; width: 20px;}
header .top .top-links .icons > li {margin-left: 25px; margin-right: 0;}
header .top .top-links .icons svg {fill: #2a6e44; background: #fff; border-radius: 50%; padding: 3px 0 2px;}

header .top .badge {position: relative; background: none; padding: 0; top: 1px;}


header .top-links ul li ul.user-menu-dropdown { display: none; position: absolute; right: 14px; bottom: -85px; margin:10px 0 0 0; padding: 10px 10px 0px; z-index: 9999; min-width: 120px; border: 1px solid #e2e7ea; box-shadow: 0 1px 8px 0 rgba(118,118,118,.3); background-color: var(--alt-color); border-radius: 4px;}
header .top-links ul li ul.user-menu-dropdown li {display: block; margin-bottom: 10px;}
header .top-links ul li ul.user-menu-dropdown .vrh {background-color: var(--alt-color); 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 .top-links ul li ul.user-menu-dropdown.wide { width: 340px;  }
header .top-links ul li ul.user-menu-dropdown .overflow {padding: 2px; }
header .top-links ul li ul.user-menu-dropdown .overflow li { margin-bottom: 11px; padding-bottom: 11px; border-bottom:1px solid #f5f5f5}
header .top-links ul li ul.user-menu-dropdown .overflow li:last-child, header .menu-cart ul li ul.user-menu-dropdown .overflow li:first-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom:0; }




header .middle {padding: 0; background: rgb(53 151 94 / 5%); transition: background .1s ease-in;}
header .logo {position: absolute; top: -19px; left: 0; padding: 15px; z-index: 2; transition: all .4s ease!important; /*box-shadow: 0 4px 4px #eee; */background: #f5faf7; border-radius: 30px;}
header .logo:before { clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); content: ''; display: none; position: absolute; left: -30px; background: #fff; bottom: 0; width: 130%; height: 100%; z-index: -1; transition: all .1s ease;}
header .logo img, header .logo-sticky img {height: 70px; max-height: 70px; transition: all .2s ease; width: 100%;}

header #nav-section .navbar-default .navbar-nav > li > a {padding: 20px 14px; font-weight: 700; font-size: 16px; color: #2d2d2d; letter-spacing: -0.1px;}


header .advanced-search {padding: 10px 0;}
header .advanced-search .input input {padding: 1rem 2.5rem 1rem; font-size: 16px; width: 100%; border: 1px solid #d4dade; border-radius: 30px; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none;
                                        -moz-appearance: none; appearance: none; font-weight: 300;}
header .advanced-search .button {width: 32px; height: 30px; background-position: center; background-size: 30px 30px; margin-right: 2px; background-repeat: no-repeat;
                                background-image: url("data:image/svg+xml,%3Csvg width='32px' height='32px' version='1.1' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23333333' d='m79.5 76.602-11.801-11.703c8.8008-10.199 8.3008-25.602-1.3984-35.301-5-5.0977-11.699-7.5977-18.301-7.5977s-13.301 2.5-18.398 7.6016c-10.199 10.199-10.199 26.602 0 36.801 5 4.9961 11.699 7.5977 18.398 7.5977 6 0 12.102-2.1016 16.898-6.3008l11.801 11.801c0.30078 0.30078 0.80078 0.5 1.3008 0.5s1-0.19922 1.3984-0.60156c0.80078-0.69922 0.80078-2 0.10156-2.7969zm-47.102-13.102c-4.1992-4.1016-6.3984-9.6992-6.3984-15.5s2.3008-11.398 6.3984-15.602c4.2031-4.1992 9.7031-6.3984 15.602-6.3984s11.398 2.3008 15.602 6.3984c4.0977 4.2031 6.3984 9.7031 6.3984 15.602s-2.3008 11.398-6.3984 15.602c-4.2031 4.0977-9.8008 6.3984-15.602 6.3984s-11.398-2.3008-15.602-6.5z'%3E%3C/path%3E%3C/svg%3E");}                                        
header .advanced-search .button:before {content: ''; width: 1px; height: auto; position: absolute; display: block; background: #eee; left: -10px; top: 4px; bottom: 4px;}
header .advanced-search .button:hover { opacity: 0.5;}
header .advanced-search .button input {width: 100%;}
header .advanced-search .input input:focus {border-color: var(--alt-color);}


header .menu-cart ul {align-items: flex-end;}
header .middle .menu-cart a svg {width: 40px; height: 40px; position: relative; display: inline-flex; fill: var(--light-color);}
header .middle .badge {position: absolute; background: var(--alt-color); clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%); bottom: 2px; right: auto; left: -14px; border-radius: 0;}
header .badge:empty {display: inherit;}
header .middle .wishlist-cart .badge {min-height: 16px; min-width: 16px;}



header .cart-container .cart-title { position: absolute; right: auto; top: 17px; left: -119px; transform: rotate(353deg);}
header .cart-container .cart-title h5 {font-family: 'Figtree', sans-serif; color: var(--main-color);}
header .cart-container .cart-title h5:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 81 58'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M80.1694 10.8796C74.1988 8.17295 64.438 4.52139 54.5392 2.35616C49.5894 1.27346 44.5922 0.559495 40.0098 0.525473C35.4326 0.49149 31.2332 1.1354 27.9044 2.79978C19.7632 6.87036 13.3403 12.0577 10.1885 20.4221C7.13478 28.5262 7.18545 39.5255 11.5569 55.2201L1.2953 47.0963L0.704712 47.8423L12.1225 56.8814L12.536 57.2087L12.8192 56.7638L19.4795 46.2975L18.6768 45.7866L12.5844 55.3605C8.12691 39.5405 8.10249 28.6564 11.0788 20.7576C14.1117 12.7089 20.2959 7.66783 28.3299 3.65081C31.4712 2.08014 35.5021 1.44351 40.0027 1.47693C44.498 1.5103 49.4259 2.21167 54.3359 3.28566C64.1566 5.43382 73.8535 9.0611 79.7765 11.7462L80.1694 10.8796Z' fill='url(%23paint_linear)' /%3E%3Cdefs%3E%3ClinearGradient id='paint_linear' x1='-48.1353' y1='16.3508' x2='9.16654' y2='-50.9215' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2335973f' /%3E%3Cstop offset='1' stop-color='%236cb238' /%3E%3C/linearGradient%3E%3C/defs%3E/%3E%3C/svg%3E"); content: ''; width: 44px; display: block; position: absolute; left: -70px; height: 53px; background-repeat: no-repeat; background-size: 39px; background-position: center; transform: rotate(340deg); top: 21px; left: auto; right: -44px; transform: rotate(315deg) scaleX(-1); top: -20px;}
header .middle.fixed-header {position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; box-shadow: 0 5px 20px #00000029; background: #fff;}
header .middle-clone {height: 60px;}

header .middle.fixed-header .logo-sticky img {max-height: 41px;}
header .logo-sticky {opacity: 1; transition: all 0.5s ease;}
header .middle .menu-cart .wishlist-sticky a > svg {width: 30px; height: 30px;}

header .middle .dropdown-sticky {width: 40%; padding: 20px 10px; border: none; cursor: pointer;}
header .middle .dropdown-sticky > a > svg {height: 16px; width: 16px; margin-right: 8px; fill: var(--alt-color);}
header .middle .dropdown-sticky > a > span {font-weight: 600; color: var(--alt-color);}
header .middle .dropdown-sticky > .dropdown-menu {margin: 0; border-radius: 0 0 15px 15px; border: none; background: var(--main-color); width: 100%; min-width: unset;}
header .middle .dropdown-sticky > .dropdown-menu a > span {color: #fff;}
header .middle .dropdown-sticky:hover {background: var(--alt-color);}
header .middle .dropdown-sticky:hover > a > span {color: #fff;}
header .middle .dropdown-sticky:hover > a > svg {fill: #fff;}
header .middle .dropdown-sticky:hover > .dropdown-menu {display: block!important;}
header .middle .dropdown-sticky > .dropdown-menu .dropdown-right {position: relative;}
header .middle .dropdown-sticky > .dropdown-menu .dropdown-right > ul.dropdown-menu {border: none; top: 0; left: 100%; border-radius: 0 8px 8px 0; background: var(--alt-color); box-shadow: 6px 0 6px rgba(0,0,0,.075); overflow: hidden;}
header .middle .dropdown-sticky > .dropdown-menu .dropdown-right > ul.dropdown-menu > li > a {color: #fff;}
header .middle .dropdown-sticky > .dropdown-menu li:hover {background: var(--alt-color);}
header .middle .dropdown-sticky > .dropdown-menu .dropdown-right:hover > ul.dropdown-menu {display: block!important;}
header .middle .dropdown-sticky > .dropdown-menu ul > li {padding: 3px 10px;}
header .middle .dropdown-sticky > .dropdown-menu ul > li i {color: #fff;}
header .middle .dropdown-sticky .dropdown-menu > li > a {transition: padding 0.3s ease;}
header .middle .dropdown-sticky .dropdown-menu > li > a:focus, header .middle .dropdown-sticky .dropdown-menu > li > a:hover {background-color: transparent; padding-left: 10px; padding-right: 15px; transition: padding 0.1s ease;}
.dropdown-menu > li > a {padding-left: 5px;}



header .bottom {padding: 0; background: linear-gradient(296deg, #6cb238, #35973f);}
header .bottom #nav-section .navbar-default .navbar-nav > li > a {color: #fff; position: relative; z-index: 1;}
header .bottom #nav-section .navbar-default .navbar-nav > li.active > a {background: var(--alt-color);}




.breadcrumb {display: flex; padding: 10px 0 20px; border-bottom: 2px solid #f8f8f8;}
.breadcrumb li {display: inline-flex; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; color: #6b6c7b; font-size: 15px;}
.breadcrumb li:last-child {margin-left: auto; cursor: pointer;}
.breadcrumb>li+li:before {content: ''; display: block; width: 10px; height: 10px; background-repeat: no-repeat; background-size: 10px 10px; margin: 0 8px; 
                            background-image: url("data:image/svg+xml,%3Csvg id='icon-chevron-right' fill='%236B6C7B' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80.11 146.07'%3E%3Cpolygon points='7.07 146.07 0 139 65.96 73.04 0 7.07 7.07 0 80.11 73.04 7.07 146.07'%3E%3C/polygon%3E%3C/svg%3E");}
.breadcrumb li:last-child:before {display: none;}
.breadcrumb a {font-weight: 600; color: #2d2d2d;}
.breadcrumb > .active {color: #6b6c7b;}

.user-login .breadcrumb {margin-bottom: 40px;}


.clip20 {clip-path: polygon(0 0%, 100% 10%, 100% 100%, 0 80%);}


.flowers {position: relative; padding: 100px 0;}
.flowers:before { content: ''; background-image: url(/img/cvetovi2.webp); display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 0; background-size: cover; background-repeat: no-repeat; opacity: .5;}
.flowers:after {content: ''; background: #f5faf7; display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: -1; clip-path: polygon(0 0%, 100% 10%, 100% 100%, 0 80%);}

.diagonal-back {position: relative;}
.diagonal-back:after {display: block; content: ""; -webkit-clip-path: polygon(0 80%,100% 75%,100% 100%,0 100%); clip-path: polygon(0 80%,100% 75%,100% 100%,0 100%); height: 100%; width: 100%; background-color: var(--alt-color); position: absolute; bottom: 0; left: 0; z-index: 99;}





.intro {background: linear-gradient(0deg, #F2F2F2, #fdfdfd); z-index: 1; padding-top: 40px;}
.intro:before {content: ''; background-image: url(/img/cvetovi2.webp); display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 0; background-repeat: repeat; opacity: 0.4;}
.intro .sidebar-white, .shop .sidebar {background: #fff; border-radius: 16px; padding: 0; box-shadow: 0 2px 22px #eeeeee4d;}
.sidebar-title {background: #8b8b8b29; position: absolute; top: 0; width: 100%; left: 0; padding: 9px 20px; font-weight: 600; border-radius: 16px 16px 0 0;}
.shop .sidebar .navbar, .shop .sidebar .list-group {margin-bottom: 0;}
.intro .menu-sidebar ul > li {position: relative;}


.intro .menu-sidebar a {display: flex; line-height: 2.1; font-size: 15px; justify-content: space-between; position: relative; align-items: center; padding: 0 20px; border-bottom: 1px solid #f4f4f4;}
.intro .menu-sidebar li:last-child a {border-bottom: none;}




@media only screen and (min-width: 768px) {
    .intro .menu-sidebar ul > li:hover {background: var(--main-color);}
    .intro .menu-sidebar ul > li:hover a {color: #fff;}
    .intro .menu-sidebar ul > li:hover > ul {display: block!important;}
    .intro .menu-sidebar ul > li > ul a {color: #fff;}
    .intro .menu-sidebar ul > li > ul {left: 100%; top: 0; border: none; box-shadow: 6px 0 6px rgba(0,0,0,.275); overflow: hidden; border-radius: 0 8px 8px 0; background: var(--main-color);}
    .intro .menu-sidebar ul .dropdown-menu > li > a {transition: padding 0.1s ease;}
    .intro .menu-sidebar ul .dropdown-menu > li > a:focus, .intro .menu-sidebar ul .dropdown-menu > li > a:hover {background-color: transparent; padding-left: 25px; padding-right: 15px; transition: padding 0.1s ease;}

}
@media only screen and (max-width: 767px) {
    .intro .menu-sidebar a.icon-right {width: 50px; position: absolute; right: 0; top: 0; z-index: 2; height: 100%; background: transparent; border-bottom: 0; border-left: 1px solid #d8e5df;}
    .intro .menu-sidebar a.icon-right > i {color: var(--main-color); transform: rotate(0deg);}
    .intro .menu-sidebar li.icon-right:has(ul.in) a > i {transform: rotate(180deg);}
    .intro .menu-sidebar ul > li > ul  {position: inherit; left: 0; width: 100%; box-shadow: none; border: 0; z-index: 9;}
    .intro .menu-sidebar ul > li > ul li > a {background: var(--main-color); color: #fff; font-size: 16px; padding: 2px 0 2px 26px;}
    
    
    @-webkit-keyframes slideDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-moz-keyframes slideDown{0%{-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}@-o-keyframes slideDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideDown{0%{-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}}.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}    
    
    .swiper-container.big-banner, .mobile-slideshow .swiper-slide {border-radius: 16px; overflow: hidden;aspect-ratio: 1 / 1;}

}


.swiper-slide .description {display: none;}
.swiper-button-next, .swiper-button-prev {background: #fff; border-radius: 50%; width: 50px!important; height: 50px!important; box-shadow: 0 0 5px #00000052; font-size: 20px; transition: all .25s ease-in; top: calc(50% - 25px)!important;}
.swiper-button-next {right: -60px!important; left: auto;}
.swiper-button-prev {left: -60px!important; right: auto;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 22px!important; font-weight: 700;}
.swiperProducts:hover .swiper-button-next {right: 16px!important;}
.swiperProducts:hover .swiper-button-prev {left: 16px!important;}
.swiperProducts .swiper-slide {padding: 10px;}



.blog {margin-top: -80px; z-index: 2;}
.blog.flowers:after {background: #fff;}
.blog .blog-title {padding-right: 30px;}
.blog .blog-title:before {left: unset; right: -5px; transform: rotate(326deg) scaleX(-1); top: 70px; z-index: 1;}
.blog .blog-title .blog-title-wrap {border-radius: 24px; border: #333 1px dashed; width: 100%; height: 100%; display: block; position: relative; text-decoration: none!important; padding: 24px; overflow: hidden; background: #ffffff78;}
.blog .blog-title .rotated {transform: rotate(-6deg);}
.blog .blog-title img {width: 80px; height: auto; margin-right: 20px;}
.blog .blog-title-wrap p {transition: .3s all ease-in-out;}
.blog .blog-title .blog-title-links {position: absolute; width: 100%; height: 101%; top: 100%; left: 0; transform: translateY(0%); transition: .3s all ease-in-out; opacity: 0; padding: 10px 30px; background: var(--light-color);}

.blog .blog-title .blog-title-links a {display: flex; align-items: center; justify-content: start; color: #fff; padding-bottom: 5px; font-weight: 500;}
.blog .blog-title .blog-title-links a span {background: #fff; border-radius: 50%; display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; padding: 9px; margin-right: 10px;}
.blog .blog-title .blog-title-links svg {width: 40px; height: 40px; display: inline-block; fill: var(--alt-color);}

.blog .blog-title-wrap:hover .blog-title-links {transform: translateY(-45%); opacity: 1;}
.blog .blog-title-wrap:hover p {opacity: 0; transform: translateY(-50%);}
.blog .blog-title .blog-title-links a:hover {color: var(--alt-color);}


.blog .one-news {margin-bottom: 0;}
.blog .one-news a {border-radius: 16px; border: none!important; padding: 12px; position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 138%;}
.blog .one-news h2 {color: #333; font-weight: 700; letter-spacing: .5px; transform: translateY(0); transition: .3s all ease-in-out; line-height: 1.25em;}
.blog .one-news a .imgdiv {background: rgb(241, 241, 241); line-height: 0; overflow: hidden; max-height: unset; margin-bottom: 15px; background-position: center; background-size: cover; position: absolute; width: 100%; height: 100%;
                            top: 0; left: 0; transform: scale(1); transform-origin: center; transition: .45s all ease-in-out;}
.blog .one-news a .blog-text { background-color: #deeae0; opacity: 1; position: absolute; width: 100%; height: 101%; top: 100%; left: 0; transform: translateY(-30%); transition: .3s all ease-in-out; padding: 10px 25px 15px;}
.blog .one-news a .blog-text p {color: #333; text-align: center; padding: 0 12px; margin: 0!important; color: #333; opacity: 0; transform: translateY(96px); transition: .3s all ease-in-out 30ms; line-height: 1.5em;}
/*.blog .one-news a .blog-text .datetime {background: var(--main-color); width: 100%; display: flex; color: #fff; justify-content: center; position: absolute; bottom: 0; left: 0; font-weight: 500; padding: 7px 0; font-size: 15px;}*/
.blog .one-news a .blog-text h3 {font-size: 14px; text-transform: uppercase; background: var(--main-color); width: 100%; display: flex; color: #fff; justify-content: center; position: absolute; bottom: 0; left: 0;
                                    font-weight: 700; padding: 10px 0; margin: 0; align-items: center; font-family: inherit;}
.blog .one-news a .blog-text h3 > span {color: #c4ff99; text-transform: lowercase; font-weight: 400; font-size: 13px; margin-right: 5px;}

.blog .one-news a:hover .blog-text {transform: translateY(-99.5%); opacity: .84;;}
.blog .one-news a:hover .blog-text p {transform: translateY(12px); opacity: 1;}
.blog .one-news a:hover .imgdiv {transform: scale(1.12);}





.products-first {padding: 40px 0;}


.categories {margin-top: -80px; z-index: 2;}
.categories.flowers {padding: 60px 0 40px;}
.categories.flowers:after {background: #fff;}
.categories .product-holder {border: none!important; margin-bottom: 0;}
.categories .category a {display: block; width: 100%; height: 100%; border-radius: 16px; border: 2px solid #deeae0; padding: 12px 8px; background-color: rgb(255 255 255 / 39%); box-shadow: inset 0 0 0 0 #fff; transition: all .2s;}
.categories .one-product.category img {aspect-ratio: unset; transition: all .2s; padding: 10px;}
.categories .category a h2 {font-weight: 700; letter-spacing: .5px; text-align: center; margin: 8px 0 4px; line-height: 1em; color: var(--alt-color); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 20px; transition: transform .2s;}
.categories .category:last-child h2 {color: #e91e3f}

.categories .category a:hover {border-color: var(--alt-color); background-color: #e2eae0; box-shadow: inset 0 0 0 2px #fff;}
.categories .category:last-child a:hover {background-color: rgba(233,83,29,.23);}
.categories .category a:hover img {transform: scale(.92);}
.categories .category a:hover h2 {transform: translateY(-8px) scale(1.04);}






.products {padding-bottom: 0;}
.products h2 {width: auto;  display: inline-block; margin: 40px 0 30px;}
.products h2:before {left: auto; right: -81px; transform: rotate(347deg) scaleX(-1); top: 0;}

.one-product:not(.category) .product-holder {background: #fff; border-radius: 16px; box-shadow: 0 0 9px #0000002e; overflow: unset; margin-bottom: 30px;}
.one-product .product-img {border-radius: 16px 16px 0 0; filter: brightness(1.1); border: none;}
.one-product .follow-featured {font-size: 23px; bottom: -40px; left: 0px; line-height: 0; transition: all 0.25s ease-in; top: auto; background: #fff; padding: 9px; width: auto; height: auto; border-radius: 0 16px 0 0;}
.one-product .follow-featured input[type="checkbox"].icon-checkbox + label .unchecked {color: var(--main-color); filter: drop-shadow(0px 0px 3px #aaa); text-shadow: none;}
.one-product .follow-featured input[type="checkbox"].icon-checkbox + label .checked {color: var(--main-color); text-shadow: none;}
.one-product .follow-featured label {margin: 0;}
.one-product .product-holder:hover .follow-featured {bottom: 0px;}
.one-product .follow-featured input[type="checkbox"].icon-checkbox + label span:hover {color: var(--alt-color);}


.one-product .product-content {padding: 5px 15px 10px;}
.one-product .product-holder a h2 {color: #343333; font-weight: 700; font-size: 18px;}
.one-product .price {color: #0b2515; font-size: 14px; font-weight: 600;}
.one-product .salesprice .price {color: var(--main-color);}
.one-product .short-add-to-cart-btn {display: flex; align-items: center; max-height: 40px; min-width: 64px; justify-content: center; padding-top: 0; padding-bottom: 0; min-height: 36px; background: var(--main-color); border-color: var(--main-color); font-weight: 600;
                        padding: 7px 15px; border-radius: 30px; color: #fff; font-size: 20px; font-weight: 400; line-height: 0; transition: all .1s ease-in;}
.one-product .short-add-to-cart-btn svg {width: 19px; height: 19px; fill: #fff;}
.one-product .short-add-to-cart-btn:hover {background: var(--alt-color); border-color: var(--alt-color);}

.product-flags {right: -5px; top: -8px; z-index: 2;}
.product-flags .exp-on-new {background: linear-gradient(129deg, #35973f, #79d138); color: rgb(255, 255, 255); font-weight: 500;}
.product-flags [class*='exp-on-'] { border-radius: 12px; position: relative; padding: 2px 10px; color: #fff; z-index: 1; margin-bottom: 6px;}
.product-flags [class*='exp-on-']:nth-child(2n) {left: 5px;}
.product-flags .exp-on-action {background: rgb(237 8 8);}
.product-flags .exp-on-discount {background: var(--red-color);}
.exp-on-flower {background: #ff4b03; border-radius: 8px; position: relative; padding: 5px; color: #fff; z-index: 1; position: absolute; width: auto; left: -5px; top: -8px;}
.exp-on-flower img {width: 30px; height: 30px;}
.exp-on-flower img:hover {transform: none;}


.proizvodi .one-product .product-img {border-radius: 16px;}
.proizvodi .productcategory-holder {position: relative; overflow: hidden; border-radius: 16px;}
.proizvodi .productcategory-holder > a {background-color: #deeae0; opacity: 1; position: absolute; width: 100%; height: 101%; top: 100%; left: 0; transform: translateY(-20%); transition: .3s all ease-in-out; padding: 0px 25px 15px;}
.proizvodi .productcategory-holder > a h4 {transition: all .2s;}
.proizvodi .productcategory-holder:hover > a {transform: translateY(-99.5%); opacity: .84;}
.proizvodi .productcategory-holder:hover > a h4 {padding-top: 20px; margin-bottom: 30px;}

.one-product .productcategory-holderfeatured img {  aspect-ratio: 19 / 11;}



/* category strana */
.category #vertical-menu .navbar-collapse > ul > li {border-bottom: 1px solid #f4f4f4;}
#vertical-menu ul.list-group li .icon-right {padding: 10px;}
#vertical-menu .active a.list-group-item {background: none;}




.color-boxes {padding: 50px 0;}
.color-boxes .boxes-wrap {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); border-radius: 12px;}
.color-boxes .color-box {background: linear-gradient(50.06deg, rgb(108 179 55), rgb(122 212 55));}
.color-boxes .box {padding: 60px 40px; position: relative; height: 100%;}
.color-boxes .box img {position: absolute; right: -32px; top: -29px; left: auto; bottom: auto; display: block; width: 220px; height: auto;}
.color-boxes .box.youtube img {right: auto; left: -100px; top: -60px; height: auto; width: 400px;}
.color-boxes .box.youtube h2 {padding-left: 50%;}
.color-boxes .box.youtube h2:before {right: 0; left: auto; right: -33px; left: auto; transform: rotate(34deg) scaleX(-1); top: 87px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 81 58'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M80.1694 10.8796C74.1988 8.17295 64.438 4.52139 54.5392 2.35616C49.5894 1.27346 44.5922 0.559495 40.0098 0.525473C35.4326 0.49149 31.2332 1.1354 27.9044 2.79978C19.7632 6.87036 13.3403 12.0577 10.1885 20.4221C7.13478 28.5262 7.18545 39.5255 11.5569 55.2201L1.2953 47.0963L0.704712 47.8423L12.1225 56.8814L12.536 57.2087L12.8192 56.7638L19.4795 46.2975L18.6768 45.7866L12.5844 55.3605C8.12691 39.5405 8.10249 28.6564 11.0788 20.7576C14.1117 12.7089 20.2959 7.66783 28.3299 3.65081C31.4712 2.08014 35.5021 1.44351 40.0027 1.47693C44.498 1.5103 49.4259 2.21167 54.3359 3.28566C64.1566 5.43382 73.8535 9.0611 79.7765 11.7462L80.1694 10.8796Z' fill='url(%23paint_linear)' /%3E%3Cdefs%3E%3ClinearGradient id='paint_linear' x1='-48.1353' y1='16.3508' x2='9.16654' y2='-50.9215' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ffffff' /%3E%3Cstop offset='1' stop-color='%236cb238' /%3E%3C/linearGradient%3E%3C/defs%3E/%3E%3C/svg%3E");}
.color-boxes .box.youtube div > a {width: 50px; height: 50px; background-image: url(/img/play-button.png); background-position: center; background-repeat: no-repeat; background-size: contain; transition: transform 0.1s ease-in;}
.color-boxes .box.youtube div > a:hover {transform: scale(1.2);}
.color-boxes .box.youtube p {padding-right: 30px;}
.color-boxes .box.youtube p > a {color: #fff; border-bottom: 1px solid #e9e9e991; padding-bottom: 2px; text-decoration: none;}
.color-boxes .box.youtube p > a:hover {border-bottom-width: 0;}
.color-boxes .box h2 {margin-top: 0; margin-bottom: 20px;}
.color-boxes .radius-right-box {border-radius: 0 12px 12px 0;}
.color-boxes .radius-left-box {border-radius: 12px 0 0 12px;}

.color-boxes .box h2, .color-boxes .box p {max-width: 60%;}
.color-boxes .box .w-100 {max-width: 100%;}
.color-box p, .color-box h2 {color: #fff;}
.color-box ul > li > a {display: flex; padding: 8px; border-radius: 50%; margin-right: 10px; border: 2px solid #f2fcf8; transition: all .15s ease;}
.color-box ul > li > a > svg {width: 22px; height: 22px; }
.color-box ul > li > .yt-link {background: #c4302b;}
.color-box ul > li > .fb-link {background: #3b5998;} 
.color-box ul > li > .inst-link {background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);}
.color-box ul > li > .tw-link {background: #00acee;}
.color-box ul > li > a > svg {display: block; fill: #fff; transition: all .1s ease;}
.color-box ul > li > a:hover {background: #fff; border-color: var(--alt-color); color: var(--alt-color);}
.color-box ul > li > a:hover > svg {fill: var(--main-color);}

.color-boxes .box-wt {background-image: url(/img/radno-vreme.svg); right: 0; background-position: center; background-size: cover; background-repeat: no-repeat;}
.color-boxes .box h3 {color: var(--alt-color); font-size: 18px;}

.box-mapa {background-image: url(/img/mapa-back3.svg); right: 0; background-position: 30px 0; background-size: cover; background-repeat: no-repeat;}






.newsletter {background: #40bf1614; padding-top: 40px; padding-bottom: 40px;}
.newsletter h2 {font-size: 35px; line-height: 1.2; color: var(--light-color); margin-bottom: 10px;}
.newsletter svg {max-width: 200px;}
.newsletter p {margin-bottom: 20px;}

.fields-container {display: flex; align-items: center;}


.pattern:after {content: ''; background-image: url(/img/primer/background-pattern.jpg); position: absolute; left: 0; bottom: 0; width: 100%; min-height: 600px; display: none;}



.partners:after {display: none;}
.partners .swiperTestimonials {border-radius: 16px; padding-bottom: 30px;}
.partners .swiperTestimonials .swiper-slide {width: 100%!important; border-radius: 16px; overflow: hidden;}
.partners .swiperTestimonials .swiper-slide div > a {display: flex; position: relative; max-height: 400px;}
.partners .swiperTestimonials .swiper-slide div > a:after {display: block; content: ""; -webkit-clip-path: polygon(0 85%,100% 75%,100% 100%,0 100%); clip-path: polygon(0 85%,100% 75%,100% 100%,0 100%); height: 100%; width: 100%; 
                                                    background: linear-gradient(50.06deg, rgb(108 179 55 / 90%), rgb(122 212 55 / 70%)); position: absolute; bottom: 0; left: 0; z-index: 2;}
.partners .swiperTestimonials .swiper-slide div > a img {object-fit: cover; object-position: bottom; width: 100%;}
.partners .swiper-slide > div {max-height: 400px; width: 100%; object-fit: cover;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}
.swiper-container .swiper-pagination-bullet-active {background: linear-gradient(50.06deg, rgb(108 179 55), rgb(122 212 55));}
.swiper-button-next, .swiper-button-prev {color: var(--main-color)!important;}

.partners .swiper-slide .description {transform: none; bottom: 0; top: auto; margin-left: 0; z-index: 3; width: 100%; background: none; color: #fff; height: 65px; display: flex; align-items: center; padding: 0 20px 0 50px; 
                                        text-align: right; display: flex; justify-content: end;}
.partners .swiper-slide .description > div {width: 100%;}
.partners .swiper-slide .description p {margin-bottom: 0; font-weight: 500; color: #fff; font-size: 18px;}
.partners .swiper-slide .description img {aspect-ratio: 2/1; max-width: 110px; height: auto;}

.partners .box {padding: 0 40px 40px; margin-top: -75px;}
.partners .box .section-title-icon:before {left: -80px; top: 0; transform: rotate(13deg);}




.promo {background: #0b2515; color: #fff; padding: 50px 0;}
.promo h2 {color: #fff;}
.promo:before {}


.user-login .show-register {background: var(--red-color);}



/* Jedan proizvod strana */


.product .product-photo .img-holder {overflow: unset;}
.product .product-photo img {border-radius: 12px;}
.product .slick-gallery .exp-on-flower {left: 110px;}
.product .slick-gallery .exp-on-flower img {border: 0; margin: 0; border-radius: 0;}
.product .product-details h1 {font-size: 30px; margin: 0 0 20px; color: var(--alt-color);}
.product-details .price, .product-details .price .salesprice {font-weight: 600; font-size: 28px; letter-spacing: -0.5px;}
.product .price-holder {margin-bottom: 30px;}
.product .cart-buttons {padding-top: 20px;}
.product .product-details .add-to-cart, .product .product-details .go-to-checkout {font-size: 16px; padding: 13px 15px; overflow: hidden;}
.product .product-details .add-to-cart {padding-left: 55px; margin-left: 20px;}
.product .product-details .add-to-cart svg {fill: #fff; width: 30px; height: 30px; position: absolute; left: 20px; top: calc(50% - 15px);}
.product .product-details .sp-plus, .product .product-details .sp-minus {border-radius: 12px;}
.product .addtofav.inline .checkbox-inline label {margin-bottom: 0;}
.product .flowers {padding: 30px 0 45px;}
.product .flowers:after {clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);}
.product .product-details .salespriceend {color: var(--alt-color);}
.product .countdown-timer-wrapper {border-radius: 40px; background-color: unset; max-width: unset; background: #e9e9e924; box-shadow: 0 1px 9px #0000002e;}
.product .countdown-timer-wrapper .promotext {color: var(--alt-color);}
.product .countdown-timer-wrapper .timer .timer-wrapper .time {font-weight: 600; color: var(--main-color);}
.product .countdown-timer-wrapper .timer .timer-wrapper .text {color: var(--main-color);}



.pre-footer {position: relative; display: grid; grid-template-columns: 1fr; width: 100%; z-index: 0; margin-top: -120px;}
.pre-footer:before {background: linear-gradient(50.06deg, rgb(108 179 55), rgb(122 212 55)); position: absolute; content: ""; width: 100%; min-height: 300px; height: auto; grid-column: 1/-1; grid-row: 1/-1; z-index: -1; -webkit-clip-path: var(--footer-primary--clip-path, polygon(0 10%, 100% 0, 100% 100%, 0% 100%)); clip-path: var(--footer-primary--clip-path, polygon(0 10%, 100% 0, 100% 100%, 0% 100%));}
.pre-footer:after {content: ''; background: url(/img/radnik.png); display: block; width: 127px; height: 400px; position: absolute; right: 5%; bottom: 0px; background-size: 127px 400px; background-repeat: no-repeat;}
.pre-footer .grid-row {display: grid; justify-self: start; grid-template-columns: 80px 1fr; grid-gap: var(--cta--grid-gap, var(--brand__spacing)); width: 100%; padding-right: 40px; border-right: 1px solid rgba(255,255,255, 0.3); gap: 30px; margin: 90px 0 60px;}
.pre-footer .col-md-4:last-child .grid-row {border-right: none;}
.pre-footer .grid-row svg {align-self: start; justify-self: center; width: 80px; height: 80px;}
.pre-footer .clock-row svg {width: 60px; height: 60px;}
.pre-footer .email-row svg {width: 70px; height: 60px;}
.pre-footer .grid-row h3, .pre-footer .grid-row a {color: #fff; margin-top: 0;}
.pre-footer .grid-row h3 {font-size: 18px; line-height: 1.4; margin-bottom: 10px; letter-spacing: 0.3px; text-align: left;}
.pre-footer .grid-row a {font-weight: 700;}
.pre-footer .grid-row a:hover:after {display: none;}
.pre-footer .grid-row a:hover {color: var(--alt-color);}
.pre-footer .pre-footer-text h3 span {display: block;}



.newsletter .newsletter-form {padding: 4px 4px 4px 20px; font-size: 16px; width: 100%; border: 1px solid #d4dade; border-radius: 30px; font-weight: 300; background: #f0faed; display: flex; width: 50%; min-width: 300px; 
                                transition: width 1s cubic-bezier(.42, 0, 0.09, 0.86); -webkit-transition: width 1s cubic-bezier(.42, 0, 0.09, 0.86);}
.newsletter .newsletter-form input[type=email] {flex: 1; border: none; background: #f0faed;}
.newsletter .newsletter-form input[type=submit] {max-width: 150px;}
.newsletter .newsletter-form:focus-within {width: 70%; background: #fff;}
.newsletter .newsletter-form:focus-within input[type=email] {background: #fff;}
.newsletter input::placeholder {color: #acc7a5;}
.newsletter input:focus::placeholder {color: transparent;}


.o-nama .about-text-right .text-box {padding-left: 5%; padding-right: 30px;}
.o-nama .about-text-left .text-box {padding-right: 5%; text-align: right;}
.o-nama .text-box h2 {margin-bottom: 30px;}
.o-nama .text-box p {font-size: 16px; margin-bottom: 16px;}




.static select, .shop select, .brand select, .search select {border: none; background: transparent;}


.static.brendovi .service-box {border: none;}




.kontakt .flowers:after {height: 70%;}
.kontakt .page-intro a, .o-nama a.underline-link-dark, .b2b a.underline-link-dark {font-weight: 700; color: var(--alt-color); white-space: nowrap;}
.kontakt .page-intro a:hover:after, .o-nama a.underline-link-dark:hover:after {height: 3px;}
.kontakt .contact-wrap, .checkout .cart-checkout .okvir {box-shadow: 0px 0px 20px rgba(0,0,0,0.25); border-radius: 12px; margin-top: 20px; background-color: #fff; position: relative; padding: 60px;}

.kontakt .section-title > span {font-size: 16px; font-weight: 400; color: var(--red-color);}
.kontakt .section-title-icon:before {right: -55px;}
.kontakt .form-group {position: relative;}
.kontakt .label-wrap {position: absolute; width: 100%; transition:all 0.5s; pointer-events: none;}
.kontakt .form-group label {position: absolute; left: 30px; top: 15px; font-weight: 400; color: #2a6e44; font-size: 16px; margin: 0; text-transform: uppercase; transition:all 0.5s;}
.kontakt .form-group label > span {color: var(--red-color);}
.kontakt .form-control {padding: 18px 30px; font-size: 15px; background: #f5faf7; border-radius: 12px; border-color: transparent; color: var(--alt-color); line-height: 1;}

.kontakt .form-group:focus-within .label-wrap, .kontakt .form-group.has-value .label-wrap {-webkit-transform: translateX(calc(100% - 60px)); transform: translateX(calc(100% - 90px));}
.kontakt .form-group:focus-within label, .kontakt .form-group.has-value label {-webkit-transform: translateX(-100%); transform: translateX(-100%); color: #bbb; font-size: 14px;}
.kontakt .form-group:focus-within label > span, .kontakt .form-group.has-value label > span {opacity: .5;}


.form-group:placeholder-shown label {border: 2px solid red;}


.kontakt .contact-info:before { content: ''; background-image: url(/img/cvetovi2.webp); display: block; width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 0; background-size: cover; background-repeat: no-repeat; opacity: .3; background-position: center; z-index: 0;}
.kontakt .contact-info-wrap {margin-bottom: 15px;}
.kontakt .contact-info-wrap .contact-icon-text {flex:1; text-align: right; position: relative; z-index: 1;}
.kontakt .contact-info-wrap .contact-icon-text h3 {margin-top: 0;}
.kontakt .contact-info-wrap .contact-icon-text h4 {color: var(--main-color); font-family: Plume,serif; margin-top: 0;}
.kontakt .contact-info-wrap .contact-icon-text ul {border-bottom: 1px solid #eee; padding-bottom: 15px;}
.kontakt .contact-info-wrap .contact-icon-text ul > li, .kontakt .contact-info-wrap .contact-icon-text ul > li > a {color: #2a6e44; font-weight: 300; transition: all .2s ease-out;}
.kontakt .contact-info-wrap .contact-icon {display: inline-flex; flex: 0; margin-left: 15px;}
.kontakt .contact-info-wrap .contact-icon svg { width: 50px; height: 50px; fill: var(--main-color); opacity: .5; display: block; z-index: 3; transition: all .2s ease-out;}
.kontakt iframe {width: 100%; height: 450px;}

.kontakt .form-control::-webkit-input-placeholder {color: transparent; display: none;}


.kontakt .contact-info-wrap:hover .contact-icon-text ul > li, .kontakt .contact-info-wrap:hover .contact-icon-text ul > li > a {font-weight: 500;}
.kontakt .contact-info-wrap:hover .contact-icon svg {opacity: 1;}


.checkout .cart-checkout .okvir {color: var(--alt-color); border: none; padding: 30px;}
.checkout .levo img {border-radius: 50%; border: 1px solid #bbb; margin-right: 7px;}
.checkout .cart-checkout .okvir .cart_total {padding: 10px 0px;}
.cart-checkout .okvir .fa-times-circle, .cart-checkout .okvir .fa-trash-alt {color: var(--red-color);}
.checkout .cart-checkout .okvir .cart_product {display: flex; align-items: center; position: relative}
.checkout #order-holder .form-control {border-radius: 12px; border-color: transparent; color: var(--alt-color); line-height: 1; padding: 18px 20px; font-size: 15px; background: #f5faf7;}
.checkout .form-title {font-weight: 400; font-size: 14px; color: #333;}
.checkout .voucher-input {margin-top: 30px; border-radius: 12px;}


.checkout #order-holder .city-ajaxX .select2 {border-radius: 12px; border-color: transparent; color: var(--alt-color); line-height: 1; padding: 10px 10px; font-size: 15px; background: #f5faf7;}
.select2-container--default .select2-selection--single { background-color: transparent!important; border: 0!important; border-radius: 0px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {  top: 10px!important;}


                    .ep-iFrameContainer {bottom: 0!important;}
                    .ep-wrapper {height: 100%!important;}
                    .ep-minimize-text-polite {margin-bottom: 0!important;}
                    
                    


footer .details {background: var(--alt-color); color: #fff; padding: 70px 0 40px 0; background: #143822; z-index: 1; position: relative; font-size: 14px;}
footer .details .footer-img img {-webkit-transform: scaleX(-1); transform: scaleX(-1);}
footer .details .footer-left, footer .details .footer-right {position: absolute; top: 0; height: 100%; opacity: .3;}
footer .details .footer-left {left: 0; right: auto;}
footer .details .footer-right {right: 0; left: auto;}

footer .details a {color: #fff; font-weight: 400; font-size: 14px; line-height: 1; padding: 10px 0; display: inline-block;}
footer .details ul > li {line-height: unset;}
footer .details .logo-footer {filter: brightness(0) invert(1); max-width: 173px;}
footer ul li a {transition: color .15s;}
footer ul li a:before {display: none;}
footer ul li a:hover {color: #fff; text-decoration: underline;}
footer h4 {font-size: 16px; margin-bottom: 25px; color: #fff; font-weight: 700; margin-top: 0;}
footer .footer-social a {display: flex; padding: 9px; background: var(--light-color); border-radius: 50%; margin-right: 10px; transition: all .15s ease-in;}
footer .footer-social a svg {fill: #143822; transition: all .15s ease-in; width: 14px; height: 14px;}
footer .footer-social a:hover {background: var(--alt-color);}
footer .footer-social a:hover svg {fill: var(--light-color);}

footer .credit-cards span {font-size: 15px; line-height: 0;}
footer .credit-cards .visa {margin-right: 10px;}
footer .credit-cards svg {width: 19px; height: 17px; fill: var(--alt-color); margin-right: 5px;}
footer .credit-cards a:after {display: none;}
footer .details .credit-cards ul > li {margin-bottom: 0;}

footer .signature {background-color: rgb(22 56 36); padding: 25px 0;  color: #ffffff;}
footer .signature a {color: #fff;}
footer .signature a:hover {text-decoration: underline;}
footer .signature ul > li {margin-left: 12px; display: inline-flex;}





.garden-button {background: var(--main-color); color: #fff; font-size: 16px; line-height: 1; border-radius: 25px; padding: 15px 20px; transition: all .3s ease-out; font-weight: 700;}
.garden-button:hover {background: var(--alt-color); color: #fff;}


.scrollToTop {box-shadow: 0 0 30px #00000047; border: none;}




@media only screen and (min-width: 992px) {
    header .bottom #nav-section .navbar-default .navbar-nav > li > a:before {height: 100%; position: absolute; left: 0; top: 0; content: ''; background: var(--alt-color); width: 0; transition: all .1s; z-index: -1;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a:hover:before {width: 100%;}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    header .logo {top: -31px; padding: 8px;}
    header .logo img, header .logo-sticky img {height: 40px; width: auto; object-fit: contain; padding: 0;}
    
    .product .slick-gallery .thumb-image {}
    .banner-slider .slider.slider-nav.thumb-image {padding: 0 10px 0 0; max-width: 16%; float: left;}
    .banner-slider .slider.slider-nav.thumb-image .slick-track {width: auto!important;}
    .banner-slider .slider.slider-for {max-width: 84%;}
    
    .product .product-details {margin-top: 40px;}
    
}



@media only screen and (min-width: 768px) and (max-width: 1255px) {
    
    .blog .product-list-4 {height: 100%;}
    .blog .product-list-4 > .row {height: 100%;}
    
}



@media only screen and (min-width: 768px) {
    
    header .navbar-nav > li.menu-book {width: 50px; position: relative;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.menu-book > a {position: absolute;  right: -100px; z-index: 8; top: -12px; transform: rotate(347deg); padding: 0;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.menu-book > a > img {width: 50px; transition: transform .2s;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.menu-book > a:before {display: none;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.active.menu-book > a {background: transparent;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.menu-book > a:hover > img {transform: scale(1.1) rotate(12deg);}
    

    header .navbar-nav > li.menu-book2 {width: 50px; position: relative;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.menu-book2 > a {position: absolute;  right: -150px; z-index: 8; top: -12px; transform: rotate(380deg); padding: 0;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.menu-book2 img {width: 50px; transition: transform .2s;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.menu-book2 > a:before {display: none;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.active.menu-book2 > a {background: transparent;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.menu-book2 > a:hover > img {transform: scale(1.1) rotate(12deg);}



    .category h1 {margin-top: 0; margin-bottom: 30px;}
    .category .breadcrumb, .product .breadcrumb {margin-bottom: 30px;}
    .menu-sidebar {padding-top: 50px;}
    .intro .menu-sidebar .navbar-collapse {padding: 0;}
    
    .newsletter .bird {min-height: 200px;}
    
    .product .product-photo {padding-right: 50px;}
    .product .product-details .add-to-cart {border-radius: 22px 0 0 22px;}
    .product .product-details .go-to-checkout {border-radius: 0 22px 22px 0;}
    .product .countdown-timer-wrapper {margin-bottom: 40px;}

    .kontakt .form-control {padding: 18px 190px 18px 30px;}
    
}





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

    .flex-xs {display: flex;}
    .garden-button {display: table; margin: 0 auto;}
    .scroll-x { margin: 0; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}
    .section-title {font-size: 26px;}
    
    .section-title-icon {display: inline-block;}
    .section-title-icon:before {left: auto; right: -81px; transform: rotate(347deg) scaleX(-1); top: 0;}
    
    body:not(.homepage) header {margin-bottom: 0;}
    
    .breadcrumb {border-bottom: 0;}
    .breadcrumb li {font-size: 13px;}
    
    
    .swiperProducts .swiper-button-next {right: 16px!important;}
    .swiperProducts .swiper-button-prev {left: 16px!important;}
    .swiper-button-next, .swiper-button-prev {width: 40px!important; height: 40px!important; background: #ffffffa1;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 18px!important;}
    
    
    header .top .icons {justify-content: space-between;}
    header .top .top-links li { white-space: nowrap;}
    header .top .top-links .icons {display: block; line-height: 0;}
    header .top .top-links .icons li {margin-left: 0;}
    header .top .top-links .icons li > a:after {display: none;}
    header .top .top-links .icons svg {background: transparent; fill: #fff; width: 28px; height: 28px; margin-right: 0;}
    header .solid-menus .no-bg li.active a {color: #fff;}
    
    header .middle-clone {display: none;}
    
    header .bottom {background: transparent;}
    header .bottom .navbar-header {background: linear-gradient(156deg, #62ad6a17 46%, var(--main-color));}
    header .solid-menus .navbar-brand.navbar-brand-center {left: 0; right: unset;}
    header .solid-menus .navbar-brand > img {width: auto;}
    header .solid-menus .navbar-toggle.navbar-toggle-left {float: right;}
    header .bottom .navbar-header button.navbar-toggle {background: transparent!important; background-color: transparent!important;}
    header .solid-menus .no-bg li.active a {font-weight: 400;}
    
    header .bottom #nav-section .navbar-default .navbar-toggle {border: none; display: flex; flex-direction: column; align-items: flex-end;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {background: var(--main-color); font-weight: 500; border: none; border-bottom: 1px solid #00870e; padding: 13px 20px; display: flex; justify-content: flex-start; align-items: center;}
    header .bottom #nav-section .navbar-default .navbar-toggle .icon-bar {background-color: #fff; border-radius: 0px; opacity: 1; background: #fff;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a .badge {background: var(--main-color); font-weight: 500; padding: 9px; width: 31px; border-radius: 50%; font-size: 12px;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a > svg {transform: none; width: 22px; height: 17px;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.shopping-cart-mobile > a {padding: 10px 20px;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.shopping-cart-mobile > a > svg {width: 30px; height: 30px;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.darker-menu > a {background: var(--alt-color); line-height: 1;}
    header .bottom #nav-section .navbar-default .navbar-nav > li.darker-menu > a > svg {fill: #fff}
    

    h1 {font-size: 32px; margin-bottom: 30px;}
    
    .intro {overflow: hidden;}
    .intro h1 {width: 85%; text-align: center; display: block; margin-left: auto; margin-right: auto; margin-top: 10px;}
    .intro h1.section-title-icon:before {left: auto; right: -40px; transform: rotate(40deg) scaleX(-1); top: auto; bottom: -15px; width: 65px; height: 60px; background-size: 65px;}
    .intro {padding-top: 20px; padding-bottom: 50px!important;}
    .intro .menu-sidebar {padding-top: 0; margin-bottom: 40px; margin-top: 5px;}
    .intro .menu-sidebar .navbar-header {}
    .intro .menu-sidebar .navbar-header a {max-width: 200px; margin: 0 auto; color: #fff; text-align: center; font-size: 20px; margin-bottom: 0!important; background: linear-gradient(89deg, var(--alt-color), var(--main-color));}
    .intro .menu-sidebar .navbar-collapse {padding: 0 30px;}
    .intro .menu-sidebar .menu-sidebar-list {overflow: hidden; border-radius: 12px; box-shadow: 0 -1px 22px #ddddddc9; margin-top: 20px; margin-bottom: 20px;}
    .intro .menu-sidebar .menu-sidebar-list > li > a {font-size: 17px; background: #ffffffbf;}
    .intro .menu-sidebar .menu-sidebar-list > li:nth-child(even) > a {background: #f5faf7cf;}
    .intro .sidebar-white {background: transparent; box-shadow: none;}
    
    
    .flowers:after {clip-path: polygon(0 0%, 100% 5%, 100% 100%, 0 80%);}
    
    .blog {padding-left: 15px; padding-right: 15px; padding-bottom: 30px;}
    .blog .blog-title .blog-title-wrap {margin-bottom: 30px; padding: 16px;}
    .blog .blog-title {padding-right: 15px;}
    .blog .blog-title img {width: 70px; margin-right: 10px;}
    .blog .blog-title .rotated {transform: rotate(-2deg);}
    .blog .blog-title .blog-title-wrap h2 {margin-bottom: 20px; margin-top: 10px;}
    .blog .blog-title:before {left: -4px; right: auto; transform: rotate(337deg) scaleX(1); top: auto; z-index: 1; bottom: 5px;}    
    .blog .blog-title-wrap p {padding-left: 80px; font-weight: 600; letter-spacing: .2px; line-height: 1.5em; text-decoration: none!important; margin-bottom: 0;}
    .blog .product-list-4 .row {margin-left: -8px; margin-right: -8px;}
    .blog .col-xs-6.one-news {padding-left: 8px; padding-right: 8px;}
    .blog .one-news a {margin-bottom: 30px;}
    .blog .one-news h2 {font-size: 16px; text-overflow: ellipsis; overflow: hidden; height: 42px;}
    .blog .one-news a:hover h2 { text-overflow: unset; overflow: inherit; height: auto;}
    .blog .blog-title .blog-title-links {position: relative; opacity: 1; background: transparent; padding: 10px 30px 10px 70px;}
    .blog .blog-title .blog-title-links a {color: var(--alt-color);}
    .blog .blog-title-wrap:hover p {opacity: 1; transform: unset;}
    .blog .blog-title-wrap:hover .blog-title-links {transform: unset;}
    
    
    .color-boxes {overflow: hidden;}
    .youtube-wrap {padding-top: 100px;}
    .boxes-wrap {margin-left: 15px; margin-right: 15px;}
    .color-boxes .radius-right-box {border-radius: 0 0 12px 12px;}
    .color-boxes .radius-left-box {border-radius: 12px 12px 0 0;}

    
    .box-mapa {background-position: 80% 0px;}
    
    .products {padding-top: 40px;}
    .products:after {background: transparent;}
    .products h2 {margin-top: 0;}
    .product-details .add-to-cart, .product-details .go-to-checkout {margin-top: 20px; max-width: 60%; border-radius: 22px;}
    
    .color-boxes .box {padding: 50px 40px;}
    .color-boxes .box.youtube h2 {padding-top: 30px; padding-left: 0;}
    .color-boxes .box.youtube img {left: 30px; top: -100px; width: 300px;}
    .color-boxes .box.youtube div > a {display: block; margin: 30px auto 0;}
    .color-boxes .box:not(.youtube) img {width: 160px; top: 50px;}
    
    
    .partners {padding: 30px 0 0;}
    .partners .box {margin-top: auto;}
    .partners .box h2 {margin-top: 0;}
    .partners .box .section-title-icon:before {left: auto; right: -17px; transform: rotate(30deg) scaleX(-1); top: 44px;}
    .partners .swiper-slide .description {padding: 0 10px; height: 25px;}
    .partners .swiper-slide .description > div {display: flex; height: 100%;}
    .partners .swiper-slide .description p {font-size: 12px;}
    .partners .garden-button {margin-bottom: 0!important;}

    .o-nama .about-text-left .text-box {order: 2; margin-top: 30px; text-align: left;}
    .o-nama .flex-xs-column {flex-direction: column;}
    
    .newsletter {padding-top: 0;}
    .newsletter .bird {text-align: center;}
    .newsletter svg {max-width: 120px;}
    .newsletter h2 {padding: 20px 0 16px; font-size: 27px;}
    
    .one-product img {width: 100%;}
    
    
    .product .product-details h1 {text-align: center; font-size: 24px;}
    .product .cart-buttons {display: flex;}
    .product .description-details iframe, .news-one .main-content iframe {max-width: 100%!important;}
    .product .product-details .add-to-cart {margin-left: 0;}
    .product .product-spec {text-align: center;}
    .product .addtofav {margin-top: 5px;}
    .product .addtofav.inline .checkbox-inline label {display: flex; justify-content: center;}
    .product .price-holder {text-align: center;}
    .product .slick-gallery .exp-on-flower {z-index: 9; left: 0;}
    .product .countdown-timer-wrapper {margin-bottom: 20px;}
    
    
    
    .proizvodi .one-product .product-img {height: 150px; z-index: 1; position: relative; }
    .proizvodi .one-product .product-img > a {display: flex; height: 100%;}
    .proizvodi .one-product .product-img img {aspect-ratio: unset; object-fit: cover; width: 100%; height: auto;}
    .proizvodi .productcategory-holder > a {z-index: 1; transform: translateY(-35%); opacity: 0.9; padding-top: 5px;}
    .proizvodi .productcategory-holder > a p {display: none;}
    .proizvodi .productcategory-holder > a h4 {font-size: 17px; margin: 0; height: 44px; display: flex; justify-content: center; align-items: center;}
    
    
    
    .blog .one-news a {display: flex; flex-direction: column; justify-content: center;}
    
    
    .kontakt .flowers {padding: 50px 0;}
    .kontakt .section-title-icon:before {right: -40px; top: 25px; transform: rotate(39deg) scaleX(-1);}
    .kontakt .form-control {padding: 18px 15px;}
    .kontakt .form-group label {left: 15px; font-size: 14px;}
    .kontakt .form-control label {font-size: 14px;}
    .kontakt .form-group:focus-within label, .kontakt .form-group.has-value label {color: #d1d1d1; font-size: 11px; letter-spacing: -0.5px;}
    .kontakt .form-group:focus-within label > span, .kontakt .form-group.has-value label > span {display: none;}
    
    .kontakt .contact-wrap {padding: 40px 30px;}
    .kontakt .contact-info {margin-top: 60px;}
    .kontakt .contact-wrap .btn {margin-top: 10px!important;}
    .kontakt .contact-info-wrap {align-items: center;}
    .kontakt .contact-info-wrap .contact-icon {position: absolute; left: 0;}
    .kontakt .contact-info-wrap .contact-icon svg {width: 30px; height: 30px; opacity: .4;}
    
    
    .newsletter .newsletter-form input[type=submit] {font-size: 14px; padding: 15px 10px;}
    
    .protected-page .left-panel {min-height: unset;}

    
    
    .pre-footer:after {display: none;}
    .pre-footer:before {height: 100%; clip-path: var(--footer-primary--clip-path, polygon(0 7%, 100% 0, 100% 100%, 0% 100%));}
    .pre-footer .row {padding: 50px 0;}
    .pre-footer .grid-row {border-right: 0; margin: 30px 0 0;}
    .pre-footer .pre-footer-text h3 {margin-bottom: 0;}
    .pre-footer .pre-footer-text a {font-weight: 500; font-size: 15px;}
    .pre-footer .pre-footer-text h3 span {display: inline-block;}
    .pre-footer .grid-row svg {width: 60px; height: 60px;}
    
    
    footer {}
    
    footer ul {padding-top: 0px;}
    footer .details a.toggler {display: block; text-transform: uppercase; font-size: 16px; border-bottom: 0; padding: 10px 0;}
    
    footer .credit-cards ul {padding-top: 0; margin-top: 10px; padding-bottom: 20px}
    footer .credit-cards .visa {margin-bottom: 0px; height: 30px; width: auto; max-width: initial;}
    
    footer .footer-top {text-align: center; margin-bottom: 30px;}
    footer .footer-top img {margin: 0 auto;}
    footer .footer-social {justify-content: center;}
    
    footer .footer-contact-info {border-top: 1px solid #335841; margin-top: 16px; padding-top: 16px;}
    
    
    .search-box .input {margin-top: -85%;}
    .tt-menu {top: calc(100% + 11px)!important; height: 300px; overflow-y: scroll; box-shadow: 0 10px 30px #e5e5e5; border-radius: 0 0 8px 8px;}
    .tt-menu .tt-dataset {background: #ffffff3d;}
    .tt-menu .tt-suggestion { border-bottom: 1px solid #ddd; width: 100%; text-align: left;}
    .tt-menu .title img {width: 30px; height: 30px; margin-right: 10px; border-radius: 6px;}
    .tt-menu .tt-suggestion > a {display: inline-flex; justify-content: flex-start; align-items: center; padding: 5px 10px;}
    
    
    
}






@media only screen and (max-width: 480px) {
    
    .newsletter .newsletter-form:focus-within {width: 100%;}
    
    .blog .blog-title img {width: 60px;}
    .blog .blog-title-wrap p {padding-left: 70px;}
    .blog .blog-title .blog-title-links {padding: 10px 30px 10px 60px;}
    
    .one-product .product-content > div.flex {flex-direction: column;}
    .one-product .product-content .add-to-cart-short {margin-top: 10px;}
    
    .news-one .sidebar .col-xs-4, .news-one .sidebar .col-xs-8 {width: 100%;}
    
    .section-title-icon {/*overflow: hidden;*/}
    .section-title-icon span {max-width: 80%; display: block;}
    .section-title-icon:has(span):before {right: 0!important;}
    
    .product-details .sp-minus, .product-details .sp-plus {line-height: 28px;}
    a.ddd {height: 100%; }
    .product-details .quantity-input {display: flex; justify-content: center; align-items: center; height: 100%;}
    
    
}


@media only screen and (max-width: 360px) {
    header .top .icons svg {width: 15px; height: 15px; margin-right: 5px;}
    
    .homepage .blog .product-list-4 .col-xs-6.one-news {width: 100%;}
    .box-mapa {background-position: 86% 0px;}
    
    .breadcrumb li {font-size: 12px;}
    .breadcrumb>li+li:before {background-size: 7px 7px;}

    .product-details .add-to-cart, .product-details .go-to-checkout {max-width: 90%; white-space: nowrap; width: 90%;}
    .product-details .price, .product-details .price .salesprice {margin-bottom: 10px; font-size: 25px;}
    .cart-remove-product { position: absolute; left: auto; right: 0; bottom: 0; }
    
    .col-xs-6.one-product {width: 100%;}
    
    
    .kontakt .contact-wrap { padding: 30px 10px; }
}




.underline-link, .underline-link-dark {position: relative;}
.underline-link:after {display: block; content: ""; position: absolute; right: 0; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #fff; transition: all .2s ease-in;}
.underline-link-dark:after {display: block; content: ""; position: absolute; right: 0; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: var(--alt-color); transition: all .2s ease-in;}

.pulse {animation: pulse-animation 1s infinite; box-shadow: 0px 0px 1px 1px #0000001a; border-radius: 50%;}



@font-face{
    font-family:Plume;
    font-display:swap;
    src:url(/vendors/fonts/Plume_W_Rg.eot);
    src:url(/vendors/fonts/Plume_W_Rg.eot?#iefix) format('embedded-opentype'),url(/vendors/fonts/Plume_W_Rg.woff) format('woff');
    font-weight:400;
    font-style:normal
}


@font-face{
    font-family:LinotteRegular;
    font-display:swap;
    src:url(/vendors/fonts/LinotteRegular.eot);
    src:url(/vendors/fonts/LinotteRegular.eot?#iefix) format('embedded-opentype'),url(/vendors/fonts/LinotteRegular.woff) format('woff');
    font-weight:400;
    font-style:normal
}





@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4);
 }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
 }
}



@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)p
   }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
   }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
   }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
   }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
   }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
   }
}

.fadeInUp {
    visibility: visible;
    animation-duration: .2s;
    animation-delay: 0.4s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-fill-mode: both;
}

.fadeInUp2 {
    visibility: visible;
    animation-duration: 0.5s;
    animation-delay: 0;
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2;
    animation-fill-mode: both;
}

.fadeInUp3 {
    visibility: visible;
    animation-duration: .2s;
    animation-delay: 0.6s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-fill-mode: both;
}

.fadeInUp4 {
    visibility: visible;
    animation-duration: .2s;
    animation-delay: 0.8s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-fill-mode: both;
}

.animated {
    -webkit-animation-duration: .1s;
    -moz-animation-duration: .1s;
    -o-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}


.hero:after {content: ''; position: absolute; bottom: 0; left: 0; height: 15px; width: 100%; background-position: 50% 100%; z-index: 99; pointer-events: none;
            background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1920px' height='15px' viewBox='0 0 1920 15' enable-background='new 0 0 1920 15' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M1920,15H960.5H0V7v-7.5L944.75,0l15.625,14.5L974.688,0L1920-0.5V7V15z'/%3E%3C/svg%3E"); 
}



.hero {height: calc(100vh - 150px); position: relative; min-height: 600px; margin-bottom: 3rem; width: 100%; color: #fff;}
.hero-img {position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.hero-img:after {content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0))); 
                    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); 
                    background-image: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%); opacity: 0.6;}
.hero .promoteProduct {display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; max-width: 480px; padding: 5rem 1rem 10rem 1rem;}
.hero h2 {font-size: 5.2rem; font-weight: 600; line-height: 1.1; text-shadow: 0px 2px 4px rgba(0,0,0,0.15); margin-bottom: 6rem; color: #fff;}

.hero-footer {position: absolute; bottom: 0; left: 0; pointer-events: none; right: 0; z-index: 555; padding-bottom: 3rem; color: #fff;}
.hero-footer .border-wrapper {border-top: 1px solid rgba(255,255,255,0.35); padding-top: 30px; padding-bottom: 20px;}
.hero-footer .reason h4 {font-size: 22px; font-weight: 600; line-height: 1.1; margin-bottom: 1rem;}
.hero-footer .reason svg {width: 8rem; height: 8rem; margin-left: 1rem; fill: #fff;}
.hero-footer .reason img {height: 84px; width: auto;}





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

    .shopping-cart-mob-pe {  margin-top: 7px!important; }
    .shopping-cart-mob-pe svg { width: 32px; height: 32px; fill: #316c4a; }
    .shopping-cart-mob-pe .badge { background-color: #2e6d47!important; margin:-4px 40px 0px -50px!important;  }


}