@import url('font.css'); @import url('gridcol.css'); @import url('default.css'); html { scroll-behavior:smooth; box-sizing: border-box; } p { margin: 0 0 10px; color: #7a7a7a;} .relative { position: relative;} .absolute { position: absolute;} .fw-bold { font-weight: bold;} .center { text-align: center;} :root { /*fonts*/ --fs-regular: 'Wix Madefor Display Regular'; --fs-regular-1:'Wix Madefor Display Regular_1'; --fs-semiBold: 'Wix Madefor Display SemiBold'; --fs-bold: 'Wix Madefor Display Bold'; --fs-extraBold:'Wix Madefor Display ExtraBold'; --fs-medium:'Wix Madefor Display Medium'; /*colors*/ --cl-saladGreen:#a6ce39; --cl-type1Green:#9ec93e; --cl-darkGreen:#0b5737; --cl-grey1:#f0f0ec; --cl-grey2:#7c878a; --cl-darkGrey:#4b5254; --linkHover:#0b5737; --starEmpty:url('data:image/svg+xml,'); --starFilled:url('data:image/svg+xml,'); } *, *::before, *::after { box-sizing: inherit; padding: 0; margin: 0; } .hidden { display: none; } .container hr{ height:1px; border:none; background-color:#e2e2e2; width:100%; margin-top:50px; margin-bottom:50px; } a,label { transition: all 0.35;} a:hover, label:hover { transition: all 0.35; /*opacity: 0.85;*/ text-decoration: underline; text-underline-offset: 3px; } form .error-text { position: absolute; bottom: -15px; left: 15px; } body, button, input, textarea { font-family: var(--fs-regular), -apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif;; font-size: 20px; line-height: 1.42857143; color: #7b8689; margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; } input[id="submitBtn"]{border:none;cursor: pointer;} section{padding:50px 0;} @media(max-width:991px){ section {padding:30px 0;} } h1{ font-family:var(--fs-extraBold); color:var(--cl-saladGreen); font-size:27px; text-transform:uppercase; padding-top:10px; overflow-wrap: break-word; } @media(min-width:767px) and (max-width:1199px){ h1 {font-size: 36px;} } @media(min-width:326px) and (max-width:766px){ h1 {font-size: 32px;padding-bottom: 14px;} } h4{ color:var(--cl-darkGreen); font-size:20px; padding-top:20px; padding-bottom:0px; margin-bottom: 0px; font-family: var(--fs-extraBold); } h5,.h5{ font-family:var(--fs-extraBold); color:var(--cl-saladGreen); font-size: 35px; margin-bottom: 7px; white-space: nowrap; } h6{ font-family:var(--fs-extraBold); color:var(--cl-saladGreen); font-size: 26px; margin-bottom: 7px; white-space: nowrap; } .btn{ display: inline-block; text-decoration:none; cursor:pointer; } .btn:hover{ text-decoration:none; opacity:0.85; } form.waiting .btn,form.waiting input[type=submit]{ filter:grayscale(1); cursor:progress; } .btn.green{ display: inline-block; padding: 17px 14px; background-color: var(--cl-darkGreen); color: #fff; border-radius: 32px; text-align: center; font-family: var(--fs-bold); font-size: 17px; min-width: 200px; width:auto; height: 60px; flex-grow: 0; margin-right: auto; } .btn.green span{ display: block; line-height: 23px; margin: 0 auto; font-size: 20px; } .btn.green.big{ display: inline-block; line-height: 30px; width:350px; min-height:80px; border-radius: 42px; } .btn.green.big span{ font-size: 22px; margin-top: 10px; } @media(max-width:400px){ .btn.green.big {width:273px;} } @media(max-width:400px){ .btn.green.big img{margin:5px auto;} } .btn.salad.green{ background-color:var(--cl-saladGreen); font-size:20px; } .btn.salad.green img{ margin-right:4px; width:17px; filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(26%) hue-rotate(327deg) brightness(107%) contrast(100%); } .btn.green.border-green{background-color: #fff; color: var(--cl-darkGreen); text-transform: capitalize; border: 1px solid var(--cl-darkGreen);max-width: 258px;width:auto;} .btn.gray{ display: inline-block; padding: 17px 14px; background-color: #C0C0C0; color: #fff; border-radius: 32px; text-align: center; font-family: #FFFFFF; font-size: 17px; min-width: 200px; width:auto; height: 60px; flex-grow: 0; margin-right: auto; } .btn.gray:hover{ background-color: #A0A0A0; } .stars{width:180px;height:36px;margin:0px;padding:0px;list-style:none;display:inline-block;position:relative;background-image:var(--starEmpty);background-repeat:repeat;background-position:0px 0px;background-size:contain;} .stars:before{content:"";position:absolute;left:0px;top:0px;right:0px;bottom:0px;background-image:var(--starFilled);background-repeat:repeat;z-index:1;background-size:contain;} .stars.r00:before{width:0%;} .stars.r0:before{width:0%;} .stars.r05:before{width:10%;} .stars.r10:before{width:20%;} .stars.r15:before{width:30%;} .stars.r20:before{width:40%;} .stars.r25:before{width:50%;} .stars.r30:before{width:60%;} .stars.r35:before{width:70%;} .stars.r40:before{width:80%;} .stars.r45:before{width:90%;} .stars.r50:before{width:100%;} .a-underlined{ display:inline-block;color:var(--cl-darkGreen);text-decoration:underline;text-underline-offset:3px;font-size:18px; margin-left: 25px;} #TopMenu .block-language{display:none;} .block-language { position: relative;} .block-language label span {color:var(--cl-darkGrey);font-size: 18px;} .block-language input:checked~nav { display: flex; position: absolute; top: 23px; left: -11px; z-index: 9999; } .block-language nav { display: none; flex-direction: column; z-index: 9; background-color: #fff; } .block-language nav a { display: flex; align-items: center; font-size: 18px; text-transform: uppercase; font-weight: normal; color: var(--cl-darkGrey); padding: 10px; -webkit-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); -moz-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); border: 1px solid rgba(230,230,230,0.66); margin-top: 1.25rem; } .block-language label:hover { color: var(--linkHover); transition: all 400ms ease; } main{ padding-bottom:30px; } main ul{ margin-left:0px; padding-left:17px; } label i.arrow { border: solid var(--cl-darkGrey); border-width: 0 1px 1px 0; display: inline-block; padding: 3px; margin-left: 3px; margin-bottom: 5px; } label i.arrow.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); } label i.arrow.down:hover { border: solid var(--linkHover); border-width: 0 1px 1px 0; } .promotions{ position: relative; top: 0; left: 0; right: 0; height: 50px; background-color: var(--cl-saladGreen); text-align: center; display: flex; place-items: center; font-family: var(--fs-bold); color: #fff; place-content: center; font-size: 16px; z-index: 2; } .promotions u{padding-left:5px;padding-right:5px;} .promotions .for-desktop, .promotions .for-mobile{ display:none; } @media(max-width:768px){ .promotions .for-mobile{ display:flex; } } @media(min-width:769px){ .promotions .for-desktop{ display:flex; } } header .top-hamburger-block{display:none;} header .hamburger-block{display:none;} header .first-header{ padding:20px 0px;} header .first-header nav.top-menu{display:flex;padding-bottom: 20px;} header .first-header nav.top-menu a{ display:inline-block; font-size:17px; padding-right:3rem; white-space: nowrap; } header .first-header:after{ content:''; display:block; border:1px solid #e2e2e2; } header .pre-header .layout-header-logo{ display:inline-block; min-width:max-content; margin-right: 2rem; } header .pre-header .online-phone{margin-right: 2rem;} header .pre-header .small-phone-block{ display:flex; flex-direction:row; font-family:var(--fs-bold); position:relative; font-size:18px; } header .small-phone-block img{ width:13px; height:13px; margin-top: 5px; margin-right: 5px; } header .pre-header .top-line>.row {grid-template-columns: repeat(4, 1fr);} header .pre-header .small-phone-block a{text-decoration:underline;font-size: 16px;} /*header .pre-header .small-phone-block:after{ position: absolute; top: 6px; left: 127px; content: ''; display: inline-block; color: var(--cl-grey2); border-top: 1px solid grey; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid grey; width: 6px; height: 6px; transform: rotate(135deg); } */ header .pre-header .suport{ display: inline-block; white-space: nowrap; font-size: 16px; margin-bottom: 5px; } header .pre-header .search-container { width: 351px; position:relative; color:#e2e2e2; } header .pre-header .search-container input { border-radius: 30px; padding: 15px; min-height:63px; border-color:#e2e2e2; } header .pre-header .search-container input::placeholder{ color:#d4d4d4; font-size: 16px; } header .pre-header .search-container img{ position: absolute; top: 33%; transform: translate(-33%, -5%); right: 5%; } /*********User-fav-cart************/ .icon{ display:inline-block; background-size:contain; background-position:center center; height:0px; padding-bottom:50%; } .icon.profile{ background-image:url('../images/user.png'); padding-bottom:100%; } .icon.favorites{ background-image:url('../images/heart.png'); padding-bottom:85%; } .icon.cart{ background-image:url('../images/shopping-cart.png'); padding-bottom:94%; } .menu.userTools{ flex-direction:row; gap:25px; position:relative; z-index:1001; } .menu.userTools li{ position:relative; } .menu.userTools > li > ul{ display:none; width:355px;padding:30px; position:absolute; top: 49px; -webkit-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); -moz-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); z-index: 99; background-color: #fff; flex-direction:column; gap:10px; right:-20%; } .menu.userTools > li > ul a:not(.btn){ color: var(--cl-darkGreen); font-family: var(--fs-medium); font-size: 18px; } .menu.userTools > li > ul .footer .btn{ margin:0px auto; } .menu.userTools > li.open > ul{ display:flex; } .menu.userTools a.profile{ width:28px; } .menu.userTools a.favorites{ width:33px; } .menu.userTools a.cart{ width:30px; } .menu.userTools .total.info{ color:var(--cl-saladGreen); font-family: var(--fs-bold); } .menu.userTools > li > .counts:empty{ display:none; } .menu.userTools > li > .counts{ position: absolute; width: 23px; height: 23px; border-radius: 50%; background-color: #ffca05; top: -42%; right: -33%; border: 1px solid #fff; color: #fff; font-size: 10px; text-align: center; padding-top: 4px; } .menu.userTools > li:has(.counts:not(:empty)) > a, .menu.userTools > li:has(.profileMenu) > a{ filter: brightness(0) saturate(100%) invert(24%) sepia(71%) saturate(484%) hue-rotate(103deg) brightness(94%) contrast(97%); } header .pre-header .user-fav-cart{display:flex;margin-left: 4rem; position:relative;} header .pre-header .user-fav-cart>div{ width:34px; height:28px; margin-right:25px; } header .pre-header .user-fav-cart .block-user:hover img, header .pre-header .user-fav-cart .block-favorites:hover img, header .pre-header .user-fav-cart .block-cart:hover img, header .block-user img, header .block-cart .active img{ filter: brightness(0) saturate(100%) invert(24%) sepia(71%) saturate(484%) hue-rotate(103deg) brightness(94%) contrast(97%); } header .block-user .active~.user-home{display:none;}/*********numai ca sa nu incurce acum la moment, trebuie display:block**********************/ /*header .block-user .user-home{display:none;}*/ header .block-cart .active~.cart-home{display:none;}/*********numai ca sa nu incurce acum la moment, trebuie display:block**********************/ /*header .block-cart .cart-home{display:none;}*/ header .pre-header .user-fav-cart .user-home{ width:355px;padding:30px; position:absolute; top: 49px; left: 0px; -webkit-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); -moz-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); z-index: 99; background-color: #fff; } @media(min-width:768px) and (max-width:1199px){ header .pre-header .user-fav-cart .user-home { left: -194px; scale: 0.95; top: 29px; } } header .pre-header .user-fav-cart .cart-home{ width:355px; height:auto; padding:30px; position:absolute; top: 49px; right: -20%; -webkit-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); -moz-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); z-index: 1; background-color: #fff; } header .pre-header .user-fav-cart .user-home p{font-family:var(--fs-medium);margin-bottom:0px;} header .pre-header .user-fav-cart .user-home p b{font-family:var(--fs-extraBold);} header .pre-header .user-fav-cart .user-home ul{list-style-type:none;padding-left: unset;margin-top: 0px;} header .pre-header .user-fav-cart .user-home li {padding:10px 0px;} header .pre-header .user-fav-cart .user-home ul>li>a{color:var(--cl-darkGreen);font-family:var(--fs-medium);font-size: 18px;} header .pre-header .user-fav-cart .cart-home>span:first-child{font-family:var(--fs-medium); padding-top:20px;padding-bottom:20px;color:var(--cl-grey2);} header .pre-header .user-fav-cart .cart-home span.total{color:var(--cl-saladGreen);padding-top:20px;padding-bottom:20px;display:block;font-family: var(--fs-bold);} header .sec-header{border-bottom:1px solid #dadada;max-width: 100%;padding-top: 17px;} header .block-cart{position:relative;margin-left: 25px;} header .user-fav-cart .numbers-inside { position:absolute; width: 23px; height: 23px; border-radius: 50%; background-color: #ffca05; top: -42%; right: -26%; border: 1px solid #fff; color: #fff; font-size: 10px; text-align: center; padding-top: 4px; } header .block-favorites .numbers-inside { position:absolute; width: 23px; height: 23px; border-radius: 50%; background-color: #ffca05; top: -42%; right: 47%; border: 1px solid #fff; color: #fff; font-size: 10px; text-align: center; padding-top: 4px; } /*start mainMenuContainer*/ #mainMenuContainer{ position:relative; z-index:999; } #mainMenuContainer .menuBack{display:none;} .menu.mainMenu ul{ display:none; list-style:none; margin:0px; padding:0px; } @media(min-width:992px){ .menu.mainMenu{ display:flex; flex-direction:row; gap:10px; list-style:none; } .menu.mainMenu li{ line-height:30px; border-bottom: 6px solid transparent; } .menu.mainMenu>li:hover{ border-bottom: 6px solid var(--cl-saladGreen); } .menu.mainMenu li a{ font-family:var(--fs-bold); /*font-size: calc(0.7vw + 0.7vh + 0.1vmin);*/ color:var(--cl-darkGreen); border-bottom:4px solid transparent; position:relative; display: inline-flex; align-items: center; margin-left: 35px; margin-right:35px; max-width: fit-content; line-height: 62px; text-decoration: unset; } .menu.mainMenu>li:first-child>a{margin-left:0px!important;} .menu.mainMenu>li.hasItems>a::after{ position: absolute; left:110%; content: ''; display: inline-block; color: var(--cl-grey2); border-top: 2px solid var(--cl-darkGreen); border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 2px solid var(--cl-darkGreen); width: 7px; height: 7px; transform: rotate(135deg); top: 38%; border-radius: 1px; } .menu.mainMenu li li { padding: 0px 33px; } .menu.mainMenu li li a{ padding-left: 0px !important; transition: color .3s; color: #6c787b; font-family: var(--fs-bold); font-size: 20px; line-height: unset; padding-top: 13px; padding-bottom: 13px; margin-left: 0px; margin-right:0px; flex-wrap: wrap; max-width: 357px; display: flex; white-space: wrap; border-bottom: 1px solid #efefef!important; } .menu.mainMenu li li:last-child a{border-bottom:unset!important;} .menu.mainMenu li li li:last-child a{border-bottom:unset!important;} .menu.mainMenu li li:hover a{ border-color:var(--cl-saladGreen)!important; border-width:1px; color:var(--cl-darkGreen); } .menu.mainMenu li li li{ background: linear-gradient(to right, #f2f2f2, #fff); margin-top: -10px; } .menu.mainMenu li li li a{ border:none!important; max-width: 286px; flex-wrap:wrap; display: flex; white-space: wrap; } .menu.mainMenu ul{ display:none; flex-direction:column; position:absolute; background-color:#FFFFFF; list-style:none; margin:0px; padding:0px; top:102%; padding-top: 10px; padding-bottom: 10px; min-width: 310px; flex-wrap: wrap; white-space: wrap; } .menu.mainMenu li:hover > ul{ display:flex; -webkit-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); -moz-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); } .menu.mainMenu>li:hover>ul>li:hover>ul{box-shadow: none;} .menu.mainMenu ul li:hover > ul{ left: 100%; top: 0%; background: none; position: absolute; bottom: 0px; } .menu.mainMenu > li:nth-child(n+4) ul li:hover > ul{ left:unset; right:100%; top:0%; background: none; box-shadow: none; } .menu.mainMenu ul ul{ width: 323px; -webkit-box-shadow: 2px 5px 13px 0px rgba(0,0,0,0.51); -moz-box-shadow: 2px 5px 13px 0px rgba(0,0,0,0.51); box-shadow: 2px 5px 13px 0px rgba(0,0,0,0.51); } .menu.mainMenu ul ul li a {color: #6c787b!important;border: unset;font-family: var(--fs-medium);} .menu.mainMenu ul ul li:hover>a{text-decoration:underline;color:var(--cl-darkGreen)!important;} } @media(max-width:991px){ #mainMenuContainer:has(.active) .menuBack{ display:block; } #mainMenuContainer .menu.mainMenu{ display:flex; flex-direction:column; position:relative; } .menu.mainMenu li > ul{ display:none; flex-direction:column; position:relative; background-color:#FFFFFF; /*top:0px; left:0px; right:0px; bottom:0px;*/ z-index:99; } .menu.mainMenu li.active > ul{ display:flex; } #mainMenuContainer ul:has(li.active) > li:not(.active){ overflow:hidden; max-height:0px; } .menu.mainMenu li.active > a{ padding:0px; overflow:hidden; max-height:0px; } } /* end mainMenuContainer*/ /******************************** MEDIA 768px and 1199px ************************* HEADER */ @media(min-width:768px) and (max-width:1199px){ .menu.mainMenu li a { margin-left: 20px;margin-right: 20px;} header .layout-header-logo{ margin-right: auto !important; margin-left: auto; } header .layout-header-logo>img{max-width: 173px!important;} header .pre-header .online-phone {margin-right:unset!important;} header .pre-header .user-fav-cart { max-width: 166px; margin-left: unset !important; } #MainMenu li:hover > a + ul {scale: 0.75;top: -14px;left: -90px;} header #MainMenu > ul > li > a {font-size: 18px !important;} header li.hasItems > a::after { top: 38px; left: 90%;} header #MainMenu li.hasItems:not(:first-child) > a { padding-left: 13px !important; padding-right: 15px !important; } #MainMenu li:nth-child(6):hover > a + ul { left: -274px !important; } header .main-menu ul li a {margin-right:0px!important;} .menu.mainMenu li li a {min-width: 212px;} } /********************************END MEDIA 768px and 1199px ************************* HEADER */ /****************************************************** MEDIA less than 991px ************************* HEADER */ @media(min-width:326px) and (max-width:991px){ header .first-header {padding:unset;} header .first-header::after {border:none!important;} header .sec-header {border-bottom:0px!important;} header .sec-header .container{padding: 0px;margin: 0px;width: 100%;} header .first-header .container{padding:0px;} header .block-language{display:none;} header .pre-header{ padding-top:30px; padding-bottom:30px; } header .pre-header>.container>div:first-child{ flex-direction: column; align-items: start!important;} header .pre-header .search-container input {min-height: 50px;} header .pre-header .search-container { margin: 10px auto 0px; width: 100%;} header .pre-header .online-phone, header .pre-header .user-fav-cart { display:none;} header .pre-header .container .row{ display: flex; flex-direction: column; margin-bottom: 30px; align-items: start !important; } header .sec-header .container .row{ display: flex!important;grid-gap: 0px!important;position:relative;} header .search-container>form{margin-left: auto; margin-right: auto;min-width: 100%;} header .layout-header-logo { margin-right: auto !important; margin-left: auto;} header .layout-header-logo img{width: 210px !important; max-width: 71% !important;} .menu.userTools a.profile { width: 24px;} .menu.userTools a.favorites { width: 26px;} .menu.userTools a.cart { width: 26px;} .menu.profileMenu{scale: 0.85!important; right: -77px!important; top: 4px!important;} .menu.cartMenu{scale: 0.95!important; top: 22px!important;} header .hamburger-block { align-items: Center; display: flex; height: 65px; background-color: var(--cl-darkGreen); width: 100%; justify-content: center; } header .hamburger-block div{ display:flex; justify-content:center; align-items:center; color:#fff; padding:unset; font-family: var(--fs-bold); } #MainMenu-hamburger { display: block; background-image: url('../images/lines-hamburger.png'); width: 27px; background-size: inherit; height: 17px; margin-left: 10px; margin-right: 10px; background-position: center center; } label.close[for="MainMenu-status"]{ display: block; background-image: url('../images/close-header-dropdown.png'); width: 19px; margin-right:8px; background-size: inherit; height: 19px; margin-left: 10px; background-position: center center; } #mainMenuContainer { opacity: 0; width: 100vw; max-height: max-content; overflow: hidden; box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3); position: absolute; left: -400px; top:0px; transition: height 0.4s ease-out; padding-left: 0; padding-right: 0; margin-top: 66px; z-index: 999; background-color:#FFFFFF; display: none; } #MainMenu-status:checked ~ #mainMenuContainer { opacity: 1; left: 0px; top:0px; display:block; } #MainMenu-status:checked~.hamburger-block label[id="MainMenu-hamburger"]{display:none;} .hamburger-block label.close{display:none;} #MainMenu-status:checked~.hamburger-block label.close{display:block;} #MainMenu .menu.head{ display: flex; flex-direction: column; position: absolute; background-color: #fff; width: 100vw; } #mainMenuContainer:has(.active) .menuBack a:before{ content:''; background-image:url('/templates/default/images/undo.png'); background-size:cover; background-position:center center; background-repeat:no-repeat; width: 20px; height: 18px; margin-right:10px; display:inline-block; } .menu.mainMenu li a, #mainMenuContainer:has(.active) .menuBack a { font-size: 21px; margin-left: 14px; margin-right: 14px; display: block; padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #efefef; font-family: var(--fs-bold); white-space: wrap; } #mainMenuContainer:has(.active) .menuBack a { font-family:var(--fs-regular); color:#717c7f; border-bottom:unset; } .menu.mainMenu li a:hover, #mainMenuContainer:has(.active) .menuBack a:hover{text-decoration:none!important;} .menu.mainMenu li li a{border-bottom:unset;} .menu.mainMenu > li > a{color:var(--cl-darkGreen);} .menu.mainMenu > li:hover > a{color:var(--cl-saladGreen);} .menu.mainMenu > li:hover > a:after{ border-top: 2px solid var(--cl-saladGreen)!important; border-right: 2px solid var(--cl-saladGreen)!important; } .menu.mainMenu > li.hasItems > a{position:relative;} .menu.mainMenu > li.hasItems > a::after { transform:rotate(45deg); top: 24px; left: 97%; position: absolute; content: ''; display: inline-block; color: var(--cl-grey2); border-top: 2px solid var(--cl-darkGreen); border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 2px solid var(--cl-darkGreen); width: 7px; height: 7px; border-radius: 2px; } /************************* top-menu hamburger **************************/ #MenuAbout-status:checked~#TopMenu { opacity: 1; max-height: max-content; overflow: unset; left: 0px; position: absolute; z-index: 999; transition: height 0.4s ease-out; border-bottom: 1px solid #efefef; } header #TopMenu { opacity: 0; max-height: 0px; display: flex; flex-direction: column; top: 113px; z-index: 10; background-color: #fff; width: 100%; } header #TopMenu .block-language{ display:none; } @media(max-width:991px){ header #TopMenu .block-language{ display:flex; gap:20px; justify-content:center; text-transform:uppercase; } header #TopMenu .block-language a{ margin:0px; } } header .top-hamburger-block { display: flex; position: absolute; top: 84px; right: calc(100% - 16%); cursor: pointer; z-index:999999; } header .first-header nav.top-menu a {margin: 10px auto;padding-right:0px!important;} header .first-header nav.top-menu a:hover {color: inherit;} label#MenuAbout-hamburger{ display: block; background-image: url('/templates/default/images/top-menu-hamburger.png'); background-size: contain; height: 18px; width: 27px; } label.close[for="MenuAbout-status"]{ display: block; background-image: url('/templates/default/images/close-green-dropdown.png'); width: 19px; background-size: cover; height: 19px; } header .menu.userTools{position: absolute; right: 0px; top: 0px;gap: 12px; } .first-header{ height:0px;} #MenuAbout-status:checked~.top-hamburger-block label[id="MenuAbout-hamburger"]{display:none;} .top-hamburger-block label.close{display:none;} #MenuAbout-status:checked~.top-hamburger-block label.close{display:block;z-index: 9999;} /************************* END top-menu hamburger **************************/ #MainMenu .submenu.undo{font-family:var(--fs-regular);display: block !important;} #MainMenu .submenu.undo img{margin-right:5px!important;} #MainMenu>ul>li>a.submenu.active+ul, #MainMenu>ul>li>ul>li>a.active+ul{ display: flex; flex-direction: column; padding-left: unset; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: #fff; height: 100vh; width: 100%; z-index:9; } #MainMenu>ul>li:has(+a.submenu.active), #MainMenu>ul>li>ul>li:has(+a.active){display:none;} #MainMenu>ul>li>a.submenu+ul{display:none!important;} #MainMenu>ul>li>ul>li>ul{padding-left:unset!important;} #MainMenu>ul>li>ul>li{ margin-left: 10px!important;} #MainMenu>ul>li>ul>li>ul>li{padding: 0px 10px 0px 0px !important; margin-left: 0px;} #MainMenu>ul>li>a.submenu.active+ul>li{padding:unset;} #MainMenu>ul>li>a.submenu.active+ul>li>a, #MainMenu>ul>li>a.submenu.active+ul>li>a.active+ul>li>a{white-space: wrap !important; font-size: 18px; line-height: 24px; padding-bottom: 10px; padding-top: 10px;} #MainMenu>ul>li>a.submenu.active+ul>li>a:hover, #MainMenu>ul>li>a.submenu.active+ul>li>a+ul>li>a:hover{color:var(--cl-darkGreen);border-bottom:none!important;} li.hasChildren:has(+a.active){position:relative;display:none;} li.hasChildren:has(+:not(a.active)){display:block;} } /***************************************************** END MEDIA less than 991px ************************* HEADER */ @media(min-width:472px) and (max-width:991px){ #MainMenu-status:checked ~ #MainMenu { height: calc(100vh - 215px)!important; } } @media(min-width:348px) and (max-width:473px){ #MainMenu-status:checked ~ #MainMenu { height: calc(100vh - 239px)!important; } } @media(min-width:326px) and (max-width:347px){ #MainMenu-status:checked ~ #MainMenu { height: calc(100vh - 158px)!important; } } @media(max-width:991px){ #main-big-images .slick-prev, #main-big-images .slick-next {scale: 0.65;} #main-big-images .slick-prev{ left: 1vw!important; } #main-big-images .slick-next{ right: 1vw!important; } #main-text-corresponding span {margin: 0px 1rem!important; } .products-slider .card.slick-slide { margin-right: unset !important; margin-left: unset; max-width: unset; } .products-slider{margin-top: 60px;} .product-buttons .btn.green{min-width: 60px;margin-right:unset;} .product-buttons .btn.green.big{width:80px!important;padding:unset;height:unset;} .product-buttons .btn.green.big>img{margin-top: 23px; margin-left: 23px;} .product-buttons a.btn.green>span{display:none;} .products-slider .card .h6 a, .products-slider .card .h3 a p span, .products-slider .card .h4 { text-align:center;margin:0 auto;display:block} .products-slider .card .h3 a p span{ font-size: 18px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .products-slider .card .h6 a {-webkit-line-clamp: 1!important;} .products-slider .card .h3 a, .products-slider .card .h3 a p{min-height:unset!important;display:block;} .products-slider .card .h3{padding-top: 0px; padding-bottom:0px;min-height: 35px!important;} .products-slider .h6 {min-height:unset!important;} .products-slider .card>a>img{margin:0 auto;} .products-slider .slick-list.draggable{padding:0px!important;} .produsele-lunii, .articole-noi, .reduceri, .noutati{margin-bottom:50px;} .produsele-lunii, .articole-noi, .reduceri, .parteneri, .noutati{position:relative;} .produsele-lunii .row, .articole-noi .row, .reduceri .row, .parteneri .row, .noutati .row{justify-content: center;} .produsele-lunii a.format-2, .articole-noi a.format-2, .reduceri a.format-2, .parteneri a.format-2, .noutati a.format-2{ position: absolute; top: 100%; left:50%;transform:translateX(-50%);} .parteneri {margin-bottom: 75px;} .parteneri h6{white-space:wrap;text-align: center;} .produsele-lunii .slick-prev, .produsele-lunii .slick-next, .articole-noi .slick-prev, .articole-noi .slick-next, .reduceri .slick-prev, .reduceri .slick-next, .noutati .slick-prev, .reduceri .slick-next{ width: 46px; height: 46px; background: #fff; border-radius: 55px; -webkit-box-shadow: 2px 30px 141px 29px rgba(162, 162, 162, 0.66); -moz-box-shadow: 2px 30px 141px 29px rgba(162, 162, 162, 0.66); box-shadow: 2px 30px 141px 29px rgba(162, 162, 162, 0.66); border: 1px solid rgba(230,230,230,0.66); } .produsele-lunii .slick-prev, .articole-noi .slick-prev, .reduceri .slick-prev, .reduceri .slick-prev { top: -16%; left:40%; transform:translate(-40%); } .produsele-lunii .slick-prev::before, .articole-noi .slick-prev::before, .reduceri .slick-prev::before, .reduceri .slick-prev::before { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-left: 7px; } .produsele-lunii .slick-prev::before, .produsele-lunii .slick-next::before, .articole-noi .slick-prev::before, .articole-noi .slick-next::before, .reduceri .slick-prev::before, .reduceri .slick-next::before, .noutati .slick-prev::before, .reduceri .slick-next::before{ border: solid #4b5254; border-width: 0 4px 4px 0; display: inline-block; padding: 0px; background-image: none; width: 16px; height: 16px; top: 30%; border-radius: 2px; scale:0.58; } .produsele-lunii .slick-next, .articole-noi .slick-next, .reduceri .slick-next, .noutati .slick-next { left:60%; transform:translate(-60%); top: -16%; } .produsele-lunii .slick-next::before, .articole-noi .slick-next::before, .reduceri .slick-next::before, .noutati .slick-next::before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-left: 5px; } .container hr {margin-top: 88px!important; margin-bottom: 46px!important;} } footer {background-color:#ededed;} footer .contacteaza{ padding-top:75px; padding-bottom:75px; border-bottom:1px solid #dbdddf; } footer .urmareste .hr {display:none;} @media(min-width:528px) and (max-width:1199px){ footer .contacteaza .btn.green{margin-left:105px;} } @media(min-width:326px) and (max-width:767px){ .menu.ul-social-icons {margin: 10px auto;justify-content:center;} footer .contacteaza {border-bottom:0px;padding-bottom:20px;padding-top:20px;} footer .contacteaza .btn.green{margin-left:auto;margin-right:auto;} footer .contacteaza>div{ flex-direction: column; align-items: center; justify-content: center; display: flex; } footer .contacteaza > div img+div{margin-top:1rem;} footer .contacteaza > div img{margin-right:0px!important;} footer .contacteaza h6, footer .contacteaza span{ text-align:center; display:block; } footer .urmareste { padding-top: 34px!important; padding-bottom: 34px!important; } footer .urmareste .h6, footer .urmareste span { text-align:center; max-width:unset!important; justify-content: center; } */ footer .h6{font-size:26px!important;} footer .slogan {margin: 6px 0px!important;} footer .urmareste .hr { /*display: block;*/ margin-top: 1rem; margin-bottom: 1rem; border: 1px solid #dcdcdc; } footer ul li {text-align:center;} footer .row.rights{flex-direction:column;} footer .row.rights span:first-child{white-space:wrap;text-align:center;} } footer .contacteaza h6+span{font-size: 20px;} footer .urmareste{ padding-top:75px; padding-bottom:75px; } @media(max-width:632px){ footer .urmareste>div{ margin-left:auto; margin-right:auto; } } footer .h6{ font-family: var(--fs-bold); font-size: 22px; color: var(--cl-darkGreen); border-bottom: 4px solid transparent; position: relative; } .menu.ul-social-icons{display:flex;padding-left: unset;flex-direction:row;} .menu.ul-social-icons li{list-style-type:none;} .menu.ul-social-icons li a{border-radius: 33px; background-color: var(--cl-saladGreen); width: 60px; height: 60px; display:flex; place-content:center; place-items:center; margin-right:8px; transition: background-color 0.35s; } .menu.ul-social-icons li a:hover{background-color:var(--cl-darkGreen);} footer .slogan{ font-family: var(--fs-regular); font-size: 20px; max-width: 318px; white-space: wrap; display: inline-block; margin: 20px 0px; } footer ul{list-style-type:none;padding-left:0px;} footer ul li{ font-size: 20px; line-height: 42px; text-decoration: underline; text-underline-offset: 3px; } footer .rights{display:flex;justify-content:space-between;align-items:center;padding-bottom: 40px;} footer .alltime{ margin-left:5px; text-transform:capitalize; display: inline-flex; text-decoration:underline; } #notifyCartAddItem{ /******notification-cart exist from 768px and up *******/ position: fixed; min-height:70px; width:1000px; max-width:95%; background-color: #d6edcc; padding: 15px; color: var(--cl-darkGreen); border: 1px solid #c2d8b8; border-radius: 4px; top: 5rem; left: 50%; transform:translate(-50%,0px); display: flex; flex-wrap:wrap; align-items: center; font-family:var(--fs-extraBold); z-index: 99999; justify-content:center; gap:10px; } #notifyCartAddItem .f_grow{flex-grow:1;} #notifyCartAddItem .info{ display:flex; justify-content:flex-start; align-items:center; gap:15px } #notifyCartAddItem img{} #notifyCartAddItem span{font-family:var(--fs-regular);} #notifyCartAddItem .productTitle{font-weight:bolder;} #notifyCartAddItem .btn.green{ width:200px; height:50px; font-family:var(--fs-regular); margin-right:unset; display: flex; align-items: Center; justify-content: center; } /***********MAIN**************/ .first-slider-overview{padding-top:0px!important;} .first-slider-overview img{ object-fit: contain; } @media(min-width:576px){ .first-slider-overview.desktop{display:block;} .first-slider-overview.mobile{display:none;} } @media(max-width:575px){ .first-slider-overview.mobile{display:block;} .first-slider-overview.desktop{display:none;} } .first-slider-overview .block-content{ position: absolute; top: 21%; left: 18%; max-width: 23%; display: flex; flex-direction: column; } @media(min-width:992px) and (max-width:1624px){ .first-slider-overview .block-content {max-width: 70%;top: 11%;} #main-big-images .btn.salad.green { margin-top: 3rem!important;} } @media(min-width:577px) and (max-width:991px){ .first-slider-overview .block-content {max-width: 80%;top: 11%;} .first-slider-overview .block-content .slider-title {font-size: 41px!important;} .first-slider-overview .block-content .slider-title2 {font-size: 31px!important;} #main-text-corresponding{display:none!important;} } .first-slider-overview .slider-title{ font-family:var(--fs-extraBold); font-size:52px; color:var(--cl-saladGreen); text-transform:uppercase; } .first-slider-overview .slider-title2{ font-family:var(--fs-semiBold); font-size:40px; color:var(--cl-darkGreen); } @media(min-width:326px) and (max-width:576px){ .first-slider-overview .slider-title { font-size: 28px;} .first-slider-overview .slider-title2{ font-size:25px;line-height: 25px; } .first-slider-overview .block-content { max-width: unset;top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center; min-height: 340px; } } #main-big-images .slick-prev, #main-big-images .slick-next, #main-images .slick-prev, #main-images .slick-next{ width: 85px; height: 85px; background: #fff; border-radius:55px; -webkit-box-shadow: 0px 0px 141px 0px rgba(126,126,126,0.9); -moz-box-shadow: 0px 0px 141px 0px rgba(126,126,126,0.9); box-shadow: 0px 0px 141px 0px rgba(126,126,126,0.9); border: 1px solid rgba(230,230,230,0.66); } #main-big-images .slick-prev, #main-images .slick-prev{left:10vw;z-index:998;} #main-big-images .slick-next, #main-images .slick-next{right:10vw;z-index:998;} #main-images .slick-prev, #main-images .slick-next{width:55px;height:55px;} #main-images .slick-next::before { margin-left: 6px!important;} #main-images .slick-prev::before { margin-left: 12px!important;} #main-big-images .slick-prev::before, #main-big-images .slick-next::before, #main-images .slick-prev::before, #main-images .slick-next::before{ border: solid #4b5254; border-width: 0 4px 4px 0; display: inline-block; padding: 0px; background-image:none; width: 16px; height: 16px; top: 38%; border-radius: 2px; } #main-big-images .slick-prev::before, #main-images .slick-prev::before { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-left:18px; } #main-big-images .slick-next::before, #main-images .slick-next::before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-left:14px; } #main-text-corresponding .slick-list.draggable, #main-text .slick-list.draggable{padding:0px!important;} #main-text-corresponding span, #main-text span { font-family:var(--fs-regular); font-size:18px; line-height:30px; border-bottom:3px solid transparent; padding:15px 0px; text-align:center; white-space: nowrap; margin: 0 4rem; } #main-text-corresponding span.slick-current, #main-text span.slick-current{ font-family:var(--fs-bold); border-bottom:3px solid var(--cl-saladGreen); } #main-big-images img, #main-images img{ width: 100%; min-height: 295px;object-fit:cover; } @media(max-width:576px){ #main-images img{ min-height: 295px; object-fit: cover; object-position:79% center;} #main-images .slick-slide {padding-bottom: 122px; background: linear-gradient(#d9d9dd, #c2c3c7);} #main-images .slick-dots {top: 87%;left: 50%; transform: translateX(-50%);min-width: 90%;} #main-images .btn.salad.green { margin-left: auto; margin-right: auto; position: absolute; top: 49%; left: 50%; transform: translate(-60%, 0%); scale: 0.85; } } #main-big-images .slick-slide, #main-images .slick-slide{position: relative;} #main-big-images .btn.salad.green{ margin-top: 5rem; margin-left: 0px; } .format-2{ display:inline-block; margin-left:auto; min-width: max-content; font-size:18px; } .products-slider{ display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:0 1rem; } .card{ border:0px solid transparent; max-width:300px; transition: 0.35s ease-in-out; } .card .plashki-block{ display: flex; flex-direction:column; position: absolute; top: 0; left: 0; } .card .plashka{ display:inline-block; width: 140px; height: 30px; border-radius: 27px; text-align: center; padding-top: 3px; color: #fff; font-family: var(--fs-bold); margin-top:5px; font-size: 16px; } .card .plashka.month{background-color: rgb(158, 201, 62);} .card .plashka.sale{background-color:#e41e26;} .card .plashka.new{background-color:#fbbb00;} .card .head-image>img{display:inline-block;} .card .head-image{display:block;text-align:center;} .card .card-body{ padding:0; } .card .h6 a{ font-family:var(--fs-bold); color:var(--cl-darkGreen); font-size:20px; padding-top:5px;padding-bottom:5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 64px; } .card .h3{ padding-top: 5px; padding-bottom: 5px; min-height: 63px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .card .h4{padding-bottom:20px;} a.btn.myFavorite { display: flex; flex-shrink:0; align-items: center; justify-content: center; background-color: #ededed; height: 60px; font-size: 12px !important; font-weight: 600 !important; color: var(--basic); border-radius: 50%; position: relative; width: 60px; } a.btn.myFavorite.big{ scale: 1.3; margin-left: 13px; } a.btn.myFavorite > span{ width:22px; height:22px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:none; } a.btn.myFavorite > span:before{ content: ''; display:block; position:absolute; top:0px;left:0px; bottom:0px;right:0px; background-position: center center; background-repeat: no-repeat; background-size: cover; } a.btn.myFavorite .for-del:before { background-image: url('/templates/default/images/heart-full.svg'); filter: brightness(0) saturate(100%) invert(57%) sepia(4%) saturate(728%) hue-rotate(146deg) brightness(91%) contrast(84%); } a.btn.myFavorite .for-add:before { background-image: url('/templates/default/images/heart-icon.svg'); } a.btn.myFavorite.favoriteActionAdd .for-add{ display:block; } a.btn.myFavorite.favoriteActionDel .for-del{ display:block; } .product-buttons { display:flex; align-items:center; justify-content:center; } .product-buttons > div{ display:flex; align-items:center; justify-content:center; display:none; } .info-to-choose.stockOff .forStockOn{ display:none; } .info-to-choose.stockOn .forStockOff{ display:none; } .info-to-choose.stockOff .forStockOff{ display:flex; } .info-to-choose.stockOn .forStockOn{ display:flex; } .info-to-choose.stockOff .product-buttons > div.forStockOff{ display:flex; } .info-to-choose.stockOn .product-buttons > div.forStockOn{ display:flex; } .price-new, .products-slider .price-new+span{ color:var(--cl-saladGreen); font-family:var(--fs-extraBold); font-size:25px; } .price-new+span{margin-left: 5px; color: var(--cl-saladGreen); font-family: var(--fs-extraBold); font-size: 25px;} .price-old{ margin-left:10px; text-decoration: line-through; font-size:20px; } .price-old+span{font-size:20px;margin-left:5px;} .card.slick-slide{border:none;margin-right: 20px;} .products-slider .slick-dots{bottom: -50px;left: 50%;transform: translateX(-50%);} .products-slider li.slick-active button::before{ background-color:var(--cl-saladGreen)!important;border:none; } .products-slider li.slick-active button {background-color: white;} .products-slider .h6{min-height:64px;} .catalog{padding-left:0px;padding-right:0px;} .catalog .list-of-categories{ list-style-type:none; grid-template-columns: repeat(2, 1fr); padding-left: 0px; } .catalog .submenu{ padding-left: unset; padding-top: 1.5rem; padding-bottom: 1.5rem; } .catalog .submenu li, .catalog .home-mini-preview { line-height:40px; list-style-type:none; margin-top: 0px; letter-spacing: unset; padding-top: 0.35rem; padding-bottom: 0.35rem; } .catalog .submenu li a{ font-family: var(--fs-regular); font-size: 20px; margin-top: 10px; margin-bottom: 10px; max-width: 200px; display: inline-block; } .catalog .submenu a.active, .catalog .submenu a:hover{text-decoration: underline;color: #7a7a7a;} .catalog .btn.green{margin-left:unset;margin-right:unset;width:210px;height:60px;} .catalog .item-block{ padding:44px 45px; background-color:#ebebeb; /*background-size: contain;*/ background-position:bottom right; background-repeat:no-repeat; border-radius:10px; position:relative; } .catalog .item-block:nth-child(1){ grid-row-start: 1; grid-row-end: 3; } .catalog .item-block:nth-child(2){ grid-row-start: 1; grid-row-end: 2; } .catalog .item-block:nth-child(3){ grid-row-start: 2; grid-row-end: 3; } @media(min-width:664px) and (max-width:991px){ .catalog .item-block:nth-child(1){grid-row-start: 1; grid-row-end: 2;grid-column: 1/3;} .catalog .item-block:nth-child(2){grid-row-start: 2; grid-row-end: 3;grid-column: 1/2;} .catalog .item-block:nth-child(3){grid-row-start: 2; grid-row-end: 3;grid-column: 2/3;} .catalog .item-block { min-width: 285px;padding: 44px 32px!important;min-height:151px;} .catalog .item-block h5 {font-size: 32px;} .catalog .list-of-categories {padding-left: revert;padding-right:2rem;} } @media(min-width:326px) and (max-width:663px){ .catalog .item-block{ background-size: contain;} .catalog .item-block:nth-child(1){grid-row: 1/2;grid-column: 1/3;} .catalog .item-block:nth-child(2){grid-row: 2/3;grid-column: 1/3;} .catalog .item-block:nth-child(3){grid-row: 3/4;grid-column: 1/3;} .catalog .submenu{display:none;} .catalog .btn{display:none !important;} .catalog .item-block h5 {font-size: 26px; margin-top: -37px;} .catalog .list-of-categories { grid-gap: 0.75rem;justify-content: center; align-content: center; align-items:center;} .catalog .item-block {padding: 44px 32px!important;min-height:151px;} } @media(min-width:421px) and (max-width:663px){ .catalog .item-block {width: 92vw;} } @media(min-width:326px) and (max-width:420px){ .catalog .item-block {width: 87vw!important;margin-left: auto;margin-right:auto;} } .catalog .btn.underlined{ font-size: 20px; font-family: var(--fs-bold); text-decoration: underline; margin-top: 123px; display: block; text-underline-offset: 0.28rem; color: var(--cl-darkGreen); } #partners a{ margin:10px; border:1px solid transparent; } #partners .slick-slide:hover{ border:1px solid #e2e2e2; border-radius:10px; } #partners .slick-slide img{display:block;margin:7px auto;} #partners li.slick-active button { background-color: white;} #partners .slick-dots { bottom: -50px; left: 50%;transform: translateX(-50%);} @media(max-width:991px){ #partners .slick-dots {display:none!important;} } #partners li.slick-active button::before{ background-color:var(--cl-saladGreen)!important;border:none; } .row.noutati-grid{grid-template-columns: repeat(4, 1fr);} @media(min-width:756px) and (max-width:991px){ .row.noutati-grid{grid-template-columns: repeat(3, 1fr);} } @media(min-width:481px) and (max-width:757px){ .row.noutati-grid{grid-template-columns: repeat(2, 1fr);} } @media(max-width:480px){ .row.noutati-grid{grid-template-columns: repeat(1, 1fr);} } .noutati-item{border:none;transition:text-decoration 0.35ms;margin-left: auto; margin-right: auto;} .noutati-item img{border-radius:10px;} .noutati-item .h6 a{ font-family: var(--fs-medium); color: var(--cl-darkGreen); font-size: 20px; padding-top: 5px; padding-bottom: 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .noutati-item:hover .card-body a{text-decoration:underline; text-underline-offset: 3px;text-decoration 0.35ms;} .newsletters-magazine .row-flex{display:flex;justify-content:space-between;} .newsletters-magazine .hr{display:none;} @media(max-width:991px){ .newsletters-magazine .row-flex{flex-direction:column;} .newsletters-magazine .vl{display:none;} .newsletters-magazine .newsL {flex-direction:column;align-items:center;} .newsletters-magazine .newsL .sec-block{margin-top: 40px; margin-bottom: 40px;} .newsletters-magazine .newsL .sec-block>*{text-align:center;} .newsletters-magazine .aboneaza {margin-top: 9px;} .newsletters-magazine .hr{ display: block; margin-top: 1rem; margin-bottom: 3rem; border: 1px solid #efefef; } } .newsletters-magazine .aboneaza{color:var(--cl-darkGreen);text-decoration:underline;text-underline-offset:3px;line-height: 24px;} .newsletters-magazine .newsL{display:flex;} .newsletters-magazine .newsL .img-bl{margin-right: 27px;display: flex; justify-content: center; align-items: center;} .newsletters-magazine .newsL .img-bl img{width:70px;max-width: unset;} @media(max-width:991px){ .newsletters-magazine .newsL .img-bl img{width:unset!important;} .newsletters-magazine .newsL .img-bl{margin-right:unset!important;} } .newsletters-magazine .newsL .sec-block{display:flex;flex-direction:column;max-width: 390px;} .newsletters-magazine .vl{height:115px;width:1px;background-color:#dcdcdc;} .newsletters-magazine span, .newsletters-magazine a{font-size: 20px;} /****BREADCRUMBS*****/ .breadcrumb_block{padding:unset!important;} ul.breadcrumbs { display:flex; flex-direction:row; justify-content:flex-start; list-style: none; margin: 0; background-color: #fff; padding: 30px 15px 15px 0px; flex-wrap: wrap; overflow-wrap: break-word; } ul.breadcrumbs li{ margin: 0 4px; font-size: 18px; display: inline-flex; align-items: center; } ul.breadcrumbs li:not(:last-child)::after { display: inline-flex; margin: 0 0.25rem 0 0.65rem; content: " "; width:4px; height:4px; border-radius:50%; background-color:#7e898c; } ul.breadcrumbs li a { transition: all .3s; text-decoration: underline; margin: 0 6px; text-underline-offset: 5px; color:#7b8689; line-height: 32px; } @media(max-width:450px){ul.breadcrumbs li{margin: 5px 2px;}} ul.breadcrumbs li:last-child a {text-decoration: none!important;} ul.breadcrumbs li a:hover {color: var(--cl-darkGreen);} /*****END BREADCRUMBS***********/ .display-per-page label{ font-size:18px; width:171px; margin-right:10px; display: flex; align-items: Center; } .display-per-page select{ border: 1px solid #e2e2e2; padding: 11px 15px; height: 47px; width: 100%; background-color: #fff; color: #97a0a2; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome*/ appearance:none; background-image:url('data:image/svg+xml,'); background-size:inherit; background-position:80% 50%; background-repeat:no-repeat; } .display-per-page select::appearance{ margin-left:-5px; } .parteneri-item{ display:flex; align-items:center; justify-content:center; } .right-card-side-partners{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .right-card-side-partners p span{ font-family:var(--fs-regular); font-size:18px; padding-top:5px;padding-bottom:5px; } .format-3{ display:inline-block; color:var(--cl-darkGreen); position:relative; padding-top:20px; padding-bottom:20px; } .format-3:after{ position: absolute; top: 25px; left: 109%; content: ''; display: inline-block; color: var(--cl-grey2); border-top: 2px solid var(--cl-darkGreen); border-bottom: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid var(--cl-darkGreen); width: 6px; height: 6px; transform: rotate(135deg); border-radius: 1px; } .title-brand{ font-family:var(--fs-bold); color:var(--cl-darkGreen); font-size:22px; padding-bottom:7px; } .brand-text{ max-height:77px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition:max-height 0.5s ease; } .brand-text.open{ max-height: 999px; height: max-content; display: inline-block; transition:max-height 1s ease; } /****** PAGINATION ******/ .pagination { list-style-type: none; display: flex; justify-content: center; padding-left: unset; flex-wrap: wrap; } .pagination li { margin: 17px 4px; } .pagination li:not(:first-child):not(:last-child){border:1px solid #efefef;border-radius: 5px;} .pagination .page-item span, .pagination li a { color: var(--mediumGray); text-align: center; border-radius: 5px; border: none; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin-top: -1px; margin-bottom: -1px; margin-left: -1px; margin-right: -1px; } .pagination .page-item span.active, .pagination li a:hover { background-color: unset; border: 1px solid #7b8689; text-decoration:none; } .pagination .page-item.prev, .pagination .page-item.next { border-radius: 5px; } .page-item:not(:first-child) .page-link { margin-left: unset; } .page-link:focus { color: unset; background-color: unset; box-shadow: unset; } .page-link { padding: unset; position:relative; } .page-item.prev .page-link, .page-item.next .page-link{border:unset;} .page-item.prev .page-link:before, .page-item.next .page-link:before{ content:''; display:block; background-image:url('data:image/svg+xml,'); background-size: cover; background-repeat: no-repeat; height: 15px; width: 15px; } .page-item.prev .page-link:before{ transform: rotate(90deg); } .page-item.next .page-link:before{ transform: rotate(-90deg); } /****** END of PAGINATION ******/ .autentifica>.row{ justify-content: center; align-items: Center; grid-gap: 20px 10px; } .autentifica a[title="fb-auth"]{ height: 61px; width: 129px; background-color: #3f3fa2; border-radius: 50px; display: flex; justify-content: center; align-items: center; margin-left: 7px; margin-right: 7px; } .autentifica a[title="g-auth"]{ background-color: transparent; border:1px solid #e2e2e2; height: 61px; width: 129px; border-radius: 50px; display: flex; justify-content: center; align-items: center; margin-left: 7px; margin-right: 7px; } .autentifica a img{display:flex;align-items:center;justify-content:center;text-align:Center;} .form-field-wrapper input{height:66px!important;padding-left:20px;border: 1px solid #e2e2e2!important;border-radius:7px;} .form-field-wrapper textarea{padding-left:20px;padding-top:20px;} .logins-block h4+span{ max-width: 79%; display: inline-block; margin-bottom: 20px; } .logins-block .right-block h4 + span {margin-bottom:10px;} .forgot-p{color:var(--cl-saladGreen);text-decoration:underline;transition: all 400ms ease;} .forgot-p:hover img{filter: brightness(0) saturate(100%) invert(23%) sepia(11%) saturate(4259%) hue-rotate(110deg) brightness(102%) contrast(91%);transition: all 400ms ease;} .left-block {padding-top: 38px;padding-right: 30px;} .order-here{color:var(--cl-darkGreen);text-decoration:underline;padding-top: 42px;} .right-block { border:1px solid var(--cl-saladGreen); border-radius:3px; padding:36px 43px 20px 50px; } .right-block ul{list-style-type:none;padding-left:unset;margin-top: unset;margin-bottom: 2.5rem;} .right-block ul li{color:var(--cl-saladGreen);border-bottom: 1px solid var(--cl-saladGreen);line-height:50px;text-underline-offset:10px;} .right-block ul li:before{ content:''; display:inline-block; background-size:cover; margin-right:15px; vertical-align: middle; } .right-block ul li:first-child:before{ background-image:url('/templates/default/images/wall-clock.png'); width:25px; height:25px;} .right-block ul li:nth-child(2):before{ background-image:url('/templates/default/images/gift-box.png'); width:24px; height:28px; } .right-block ul li:nth-child(3):before{ background-image:url('/templates/default/images/money.png');width:24px; height:24px; } .right-block ul li:nth-child(4):before{ background-image:url('/templates/default/images/repeat.png');width:25px; height:23px; } .logins-block>.row{margin-bottom:60px;} .concrete-item , .cart-detailed>.header{ border-bottom: 1px solid #efefef; padding-bottom: 35px; padding-top:35px; position:relative; } .concrete-item .messageBlock{ display:none; position:absolute; left:0px; top:0px; bottom:0px; right:0px; background-color:#FFFFFFcc; margin:0px !important; justify-content:center; align-items:center; } .concrete-item .messageBlock .msg{ display:none; } .concrete-item.deleted .messageBlock, .concrete-item.outOfStock .messageBlock{ display:flex; } .concrete-item.deleted .messageBlock .onDeleted{ display:block; } .concrete-item.outOfStock .messageBlock .onOutOfStock{ display:block; } .concrete-item .messageBlock{ } .x-butt{ display: inline-flex; background-color: #f00; color: #fff; border-radius: 50%; width: 18px; height: 18px; text-align: center; align-items: center; justify-content: center; font-size: 12px; padding-bottom: 2px; } .cart-detailed{padding-top:50px;padding-bottom:50px;} .price-total .productPriceTotal, .price-total .currency{font-family: var(--fs-extraBold);} .responsive-visible{display:none;} @media(max-width:991px){ .cart-detailed .header{display:none!important;} .concrete-item .price, .concrete-item .price-total {margin-left: 1rem;} } @media(max-width:576px){ .concrete-item>div:nth-child(2){flex-wrap:wrap;} .concrete-item{padding-bottom: 60px;} .concrete-item .price, .concrete-item .price-total{width:100%;margin-left:unset!important;margin-right:auto;margin-top:10px;text-align:center;} .concrete-item .quantityCounter{margin-right:unset;width:100%;} .responsive-visible{display:inline-block;margin-top: auto; margin-bottom: auto; margin-right: 5px;font-size: 18px;} .x-butt.cartDelete{position: absolute; bottom: 20px; left: 50%; } .cart>div{flex-wrap: wrap;justify-content:center;gap:10px;} } .quantity{ display: inline-flex; border: 1px solid #e8e7e7; padding: 13px; width: 85px; border-radius: 3px; background-color:#fff; } .quantity>div{display:flex;flex-direction:column;margin-left:auto;} .quantity>div>span:nth-child(2){-webkit-transform: scaleY(-1); transform: scaleY(-1);margin-top: 13px;} .concrete-item .full-name{ font-size: inherit; padding-bottom: 0px; font-size:14px; } .concrete-item>div:last-child{ margin-left: 3.5rem; font-family:var(--fs-extraBold); } @media(max-width:991px){ .concrete-item > div:last-child { margin-left: 1.5rem; } } .concrete-item .price, .concrete-item .price-total{ margin-left: 4rem; } .last-specifications{ background-color:#ededed; border-radius:3px; padding: 26px 40px 26px 40px; /*max-width:480px; */ margin-bottom:15px; display:flex; justify-content:space-between; align-items:center; } .last-specifications b{ font-family: var(--fs-bold); } .last-specifications p{font-family: var(--fs-bold);display: inline;} .last-specifications .quantity {width:108px;height:51px;margin-left:104px;} .last-specifications.bonusuri-active .quantity {margin-left: 5px!important;} .last-specifications.total{background-color:var(--cl-saladGreen)!important;padding:40px!important;align-items:end;} .last-specifications.total>*{color:#fff;} .last-specifications.total .price-total{font-family:var(--fs-extraBold);font-size:30px;} .last-specifications.total p{ text-transform: uppercase;padding:0;margin:0; } .cart-final-block .right-part a{ width:305px;height:82px;display: flex; align-items: center;justify-content: center; border-radius:43px;font-size:24px;font-family:var(--fs-bold);margin-right: unset; text-transform:uppercase; } /**********news All******/ .idei-grid{ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap:0.75rem; display:grid;justify-items: center; } .idei-grid .card.idei-item { border: 1px solid rgba(0,0,0,0); align-items: center;margin-bottom:1rem; } .idei-grid .card.idei-item:hover .card-title>a{text-decoration:underline;} .idei-grid .card.idei-item img{ border-radius: 5px; } .idei-grid .card-title>a{font-size:20px; color:var(--cl-darkGreen);font-family:var(--fs-medium);text-transform:none;white-space:wrap;line-height: 33px;} /***** news by one*************/ .idei-by-item-page {padding-top:unset;} .idei-by-item-page .left-content p, .idei-by-item-page .left-content ul.secrets{ max-width:67%; margin:0 auto; padding-left: unset; font-size: 20px; } .idei-by-item-page .left-content p:first-child{ max-width:60%; font-family: var(--fs-bold); } .idei-by-item-page .left-content ul.slick-dots li{ background-color: transparent; } .idei-by-item-page .left-content ul.secrets li{ list-style-type:none; padding-top:25px; padding-bottom:25px; } .idei-by-item-page .left-content ul.secrets li::marker, .idei-by-item-page .left-content ul.secrets li b{ font-family:var(--fs-extraBold); } .idei-by-item-page #news-one{ margin-bottom:80px; padding-bottom:30px; margin-top: 50px; margin-right:30px; } .idei-by-item-page #news-one .slick-dots { left:50%; transform:translateX(-50%); } #news-one li.slick-active button::before { background-color: var(--cl-saladGreen) !important; border: none; } #news-one .slick-dots .slick-active { background-color: transparent; } /****** arrows for #news-one slider ********/ #news-one .slick-prev, #news-one .slick-next { width: 81px; height: 81px; background: #fff; border-radius: 55px; -webkit-box-shadow: 0px 0px 141px 0px rgba(126,126,126,0.9); -moz-box-shadow: 0px 0px 141px 0px rgba(126,126,126,0.9); box-shadow: 0px 0px 141px 0px rgba(126,126,126,0.9); border: 1px solid rgba(230,230,230,0.66); } #news-one .slick-prev { left: 2vw; top: 40%; } #news-one .slick-prev::before { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-left: 18px; } #news-one .slick-prev::before, #news-one .slick-next::before { border: solid #4b5254; border-width: 0 4px 4px 0; display: inline-block; padding: 0px; background-image: none; width: 16px; height: 16px; top: 38%; border-radius: 2px; } #news-one .slick-next { right: 2vw; top: 40%; } #news-one .slick-next::before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-left: 10px; } .other-news{margin-top: -11vh;} @media(min-width:992px) and (max-width:1199px){ .other-news{margin-top:2rem;} } @media(min-width:326px) and (max-width:991px){ .other-news{margin-top:2rem;} .idei-by-item-page .left-content p:first-child {max-width:unset;margin:unset;} .idei-by-item-page #news-one {margin-top: 25px;} .idei-by-item-page .left-content p, .idei-by-item-page .left-content ul.secrets { max-width: unset;font-size: 19px;} .idei-by-item-page .left-content ul.secrets li {padding-top: 17px; padding-bottom: 17px;} .other-news .idei-item a{margin:0 auto;} .other-news .idei-item h6>a{line-height: 22px; margin-right:1.5rem;} } @media(min-width:542px) and (max-width:991px){ .other-news .all-new-link {align-self: end; justify-self: self-end;} } @media(min-width:326px) and (max-width:541px){ .other-news .all-new-link {align-self: center; justify-self: center;} } .other-news .h6{color:var(--cl-darkGreen);text-transform:uppercase;font-family:var(--fs-extraBold);} .other-news .idei-item{margin-top:35px;} .other-news .card-body{margin-top: 20px;} .other-news .all-new-link{font-size:18px;text-decoration:underline;color:#7b8689;margin-top:40px;display:block;text-underline-offset:3px;} .scrollUpPage { position: fixed !important; width: 46px; height: 46px; text-align: center; border-radius: 5px; overflow: hidden; cursor: pointer; z-index: 15; border: 1px solid #efefef; background-color: #fff; bottom: 3%; left: 50%; transform: translate(-50%, -10%); } .scrollUpPage img { display: inline-block; margin: 15px auto; } @media(max-width:576px) { .scrollUpPage { left: 50%; transform: translate(-50%); bottom: 11%; } } .main-references .row>div{display:flex;flex-direction:column;} .main-references .minititle{color:var(--cl-darkGreen);line-height:33px;font-family:var(--fs-extraBold);} .main-references span{font-size: 19px; font-family: var(--fs-bold); line-height: 30px;} .main-contact-form{margin-top:75px;margin-bottom:50px;} #formContact .btn.green {margin-left:unset;max-width:210px;} @media (max-width: 991px) { #page-contact .container hr { margin-top: 45px !important; margin-bottom: 45px !important; } .if-you-have-q p { max-width: 70%;} } @media(max-width:480px){ .if-you-have-q p{ max-width: 100%!important;} .main-references span { font-size: 17px;} .main-references .minititle {font-size:18px;} #formContact input, #formContact textarea {font-size: 16px!important;width:unset!important;min-width: 306px;} } /******** page about ***********/ /**************page our stores ***************/ .our-stores {position:relative;} .our-stores .map-block{ background-image:url('/templates/default/images/map-stores.png'); background-repeat:no-repeat; background-size:cover; background-position:center center; height:750px; } .our-stores .map-block > iframe{ width:100%; height:100%; } .our-stores .address-stores{ position: absolute; top: 5rem; left: calc(100% - 45rem); background: #fff; max-height: 556px; max-width: 577px; overflow:scroll; height:100vh; } .our-stores .address-stores ul{list-style-type:none;margin-top:unset;padding-left:unset;} .our-stores .address-stores ul li{border-bottom:1px solid #efefef;} .our-stores .address-stores ul li a{color:var(--cl-darkGreen);line-height:30px;padding: 28px 50px;display:block;max-width: 90%;} .our-stores .address-stores ul li a:hover{text-decoration:underline;} .our-stores .address-stores>div{color:var(--cl-darkGreen);line-height:30px;font-family:var(--fs-bold);border-bottom:1px solid #efefef;padding: 36px 50px;text-decoration:underline;text-underline-offset:3px;} @media(min-width:992px) and (max-width:1199px){ .our-stores .address-stores {scale:0.75;top: -1rem; left: calc(100% - 34rem);max-height: 467px;} .our-stores .map-block{height:500px;} } @media(min-width:767px) and (max-width:991px){ .our-stores .address-stores {scale:0.65;top: -1rem; left: calc(100% - 34rem);max-height: 452px;} .our-stores .map-block{height:420px;} .our-stores .address-stores ul li a { padding: 20px 42px; } .our-stores .address-stores > div {padding: 30px 45px;} } @media(min-width:326px) and (max-width:766px){ .our-stores .address-stores{ position:static;max-height: 400px; -webkit-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); -moz-box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); box-shadow: 0px 0px 141px 0px rgba(230,230,230,0.66); margin: 0 auto; } .our-stores .map-block{height:380px;} .our-stores .address-stores > div {padding: 30px 45px;} .our-stores .address-stores ul li a { padding: 20px 42px; display: block; max-width: 90%; font-size: 18px; } } #formNewsletter{margin-bottom:55px;} #formNewsletter a{margin-left:unset;margin-top:35px;max-width:215px;} #page-vacancies h4{text-transform:uppercase;font-size: 25px;font-family: var(--fs-extraBold);} .oblig-benef{font-family:var(--fs-extraBold);color:var(--cl-saladGreen);} .oblig-benef +ul { padding-left: 17px; margin-top: unset; } .send-demand{margin-top:3rem;max-width: 50vw;} .send-demand input, .send-demand textarea {border-color:#e2e2e2;} .send-demand input:placeholder, .send-demand textarea:placeholder{color:#7b8689;} .send-demand .btn.border-gray{ border: 1px solid #e2e2e2; color: #747474; padding: 15px 39px; border-radius: 35px; display: inline-block; width: 214px; } .send-demand .btn.no-border{ display: inline-block; color: #747474; padding: 15px 39px; width: 227px; } @media(max-width:494px){ .send-demand .btn.border-gray, .send-demand .btn.no-border{display:block;} #sendForVacancies :is(input[type="text"], input[type="tel"], input[type="number"], input[type="password"], input[type="email"], textarea, select, input[type="select"]) { width:unset; font-size: 16px; } .one-post .name-post { flex-direction: column; align-items: start!important; } } .send-demand .btn.green.more{margin-left:unset;max-width:208px;} .one-post{padding-bottom:37px;} .one-post li{line-height:30px;} .truncated-content.open { max-height: 10000px; } .truncated-content{ max-height:0px; overflow: hidden; } .truncated-content>div{margin-top: 36px;} .one-post .name-post { display: flex; margin-top: 1rem; margin-bottom: -1.5rem; justify-content:space-between; align-items:center; } #page-vacancies .container hr {margin-top: 10px!important; margin-bottom: 10px!important;} /**** page BRANDS ****/ .parteneri-grid-all{ display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:1rem; } .parteneri-grid-all .card-by-one{ display:flex; flex-direction:column; align-items:center; } #page-cart .produsele-lunii.recomandate .slick-dots{display:none!important;} .auth-form .form-field-wrapper{margin-bottom:15px;} @media(max-width:544px){ #page-auth .autentifica a[title="fb-auth"], #page-auth .autentifica a[title="g-auth"] { scale: 0.85;margin-left:unset!important;margin-right:unset!important;} #page-auth .right-block { padding: 25px 14px 15px 14px;} #page-auth .right-block ul li { font-size: 17px;} #page-auth .right-block ul li::before {margin-right: 9px;} #page-auth .logins-block h4 + span { max-width: unset!important; } #page-auth .right-block ul li::before {width: 21px; height: 18px;} #page-auth .left-block { padding-right: unset!important;} } .finish-order>.row, .click-order>.row{margin-bottom:3.5rem;} .livrare-plata h4, .comanda-dvs h4, #personalData h4{text-transform:initial;margin-bottom: 20px;} .finish-order input[type="radio"]:checked, .click-order input[type="radio"]:checked{ filter: brightness(0) saturate(100%) invert(100%) sepia(23%) saturate(7044%) hue-rotate(16deg) brightness(99%) contrast(62%); } .livrare-plata .border-green{margin-left:unset;text-transform:unset!important;height:unset;} .livrare-plata .btn.underline{font-family:var(--fs-bold);color:var(--cl-darkGreen);} .livrare-plata .btn.underline:hover {text-decoration:underline;text-underline-offset:3px;} .livrare-plata+br+.hr, .click-order .hr{width:100%;height:1px;background-color:#e2e2e2;margin-bottom:20px;} .comanda-dvs {margin-top:30px;margin-bottom:30px;} .comanda-dvs form>div{line-height:26px;margin-top:10px;margin-bottom:10px;} #blockAddressSelector{} #blockAddressSelector #addressesSaved:empty ~ .aboutAddresses{ display:none; } #blockAddressSelector #addressesSaved:empty ~ #addressesInputs #cancelNewAddress{ display:none; } #blockAddressSelector #addressesInputs{ display:none; } #blockAddressSelector #addressesSaved:empty ~ #addressesInputs{ display: flex; flex-direction: column; gap: 26px; } #blockAddressSelector.mode-edit{} #blockAddressSelector.mode-edit #addressesSaved{ display:none; } #blockAddressSelector.mode-edit .aboutAddresses{ display:none; } #blockAddressSelector.mode-edit #addressesInputs{ display:flex; } #addressesInputs{flex-direction:column;gap:10px} #addressesInputs>div{display:flex;} #addressesInputs>div>input{ display: flex; flex-grow: 1; } .aboutAddresses{ display:flex; align-items:center; justify-content:space-between; margin-top:30px; margin-bottom:30px; } .asideRight.orders.finish{min-width:unset;padding:30px 40px;border:1px solid var(--cl-saladGreen);border-radius:3px;max-width: 542px;margin-left: auto;} @media(max-width:991px){ .asideRight.orders.finish{max-width:unset;margin-left:unset} } @media(max-width:540px){ .asideRight.orders.finish .btn.green>span{ font-size: 20px !important; padding-bottom: 10px; line-height: 24px; } .livrare-plata .btn{font-size: 18px!important;} .livrare-plata .btn.underline{margin-top: 20px;margin-left:30px;} .aboutAddresses{flex-direction:column;align-items: start;} .asideRight.orders.finish {padding: 30px 21px!important;} .asideRight.orders.finish .product-price > span:first-child {padding-right: 0px!important;} .asideRight.orders.finish .table > div > span:nth-child(2) {min-width:108px!important;padding-right: 0px !important; text-align: center;} .asideRight.orders.finish .table .delivery, .asideRight.orders.finish .table .puncte-bonus{max-height:60px!important;} .asideRight.orders.finish .btn.green {height: 74px;} } .asideRight.orders.finish .product-price>span:first-child{max-width:90%;padding-right:80px;} .asideRight.orders.finish .table > div > span:nth-child(2){padding-right: 3rem;min-width: 114px;} .asideRight.orders.finish .suma-finala>span:first-child{padding-bottom:0px;} .asideRight.orders.finish .suma-finala>span>b{text-transform:uppercase;display: block; margin: 0 auto;text-align: Center;} .asideRight.orders.finish .suma-finala>span:nth-child(2) {display:inline-flex;margin:0 auto;font-size:50px;align-items:center;padding:unset!important;} .asideRight.orders.finish .suma-finala>span:nth-child(2) span{margin-left:8px; font-size:50px;} .asideRight.orders.finish .suma-finala{flex-direction: column;padding-top: 6px; padding-bottom: 6px;} .asideRight.orders.finish .btn.green>span{text-transform:uppercase;font-size:24px;} .click-order .btn.green.border-green{margin:unset;} .click-order .btn.green.border-green>span{text-transform:initial;} #image-detail-product .slider-nav+a{ font-size: 18px; max-width: 105px; text-align: start; text-decoration:underline; position:absolute; top:84%; } @media(max-width:768px){ #image-detail-product .slider-nav + a {max-width: 91px;} } @media(max-width:576px){ #image-detail-product{margin-bottom: 1.5rem;} #image-detail-product .slider-nav a > img { width: 77px; margin-bottom: 22px; } #image-detail-product .slick-slider { align-items: center; display: flex; } .recenzii .hr { margin-top: 0rem!important; margin-bottom: 0rem!important;} .row-for-ul {justify-content:center;} .filter-box {justify-content: center;} .filter-option.last {margin-left:unset!important;margin-right:unset;} } #product-info{display:block;} #product-info p{ padding-top: 21px !important; text-align: start; margin-block-start: 0px; } @media(min-width:992px) and (max-width:1199px){ .very-much-info-product ul li {font-size: 18px;} } @media(min-width:577px) and (max-width:991px){ .very-much-info-product > ul {width:unset!important;max-height:unset!important;flex-direction:row!important;overflow:hidden;} .very-much-info-product ul li { min-width: 73vw; font-size: 18px; margin-right: 0px!important; } #image-detail-product{margin-bottom:2rem;} .recenzii .rev-by-one > div:nth-child(2) { padding-left: 2rem!important;} } @media(min-width:326px) and (max-width:576px){ .very-much-info-product > ul {width:unset!important;max-height:unset!important;flex-direction:row!important;overflow:hidden;} .very-much-info-product ul li { min-width: 90vw; font-size: 17px; } .recenzii .btn.saladGreen {scale:0.9;margin-left: -10px;} .recenzii .rev-by-one > div:nth-child(1) { min-width: unset!important;} .recenzii .rev-by-one > div:nth-child(2) { padding-left: unset!important;margin-top: 1rem!important;} .recenzii .rev-by-one{display:grid!important;} .recenzii .rev-by-one>*{text-align: end;} .user-stars {margin-left: auto;} } .share-block{position:relative;} .share-block svg { width: 20px; height: 20px; margin-right: 7px; } .share-block button, .share-block .button { text-align: center; line-height: 1.1; text-decoration: none; white-space: nowrap; cursor: pointer; display:inline-block;padding:8px 18px; border:1px solid #e2e2e2; border-radius:25px;font-size:18px; background-color: #fff; } .share-block .share-button:before{ content:''; display:inline-block; background-image: url('/templates/default/images/shareicon.png'); background-size:cover; background-position:center center; margin-right: 7px; height: 14px; width: 13px; } .share-block button:hover,.share-block .button:hover { border-color: #cdd; } .share-block .share-button, .share-block .copy-link { padding-left: 30px; padding-right: 30px; } .share-block .share-button,.share-block .share-dialog { position: absolute; top: 50%; left: 50%; transform: translate(-100%, -50%); } .share-block .share-dialog { display: none; width: 95%; max-width: 500px; box-shadow: 0 8px 16px rgba(0,0,0,.15); z-index: -1; border: 1px solid #ddd; padding: 20px; border-radius: 4px; background-color: #fff; } .share-block .share-dialog.is-open { display: block; z-index: 11; width: 500px; height: 253px; } .share-block .share-dialog.is-open h3{ display: block; font-size: 1.1em; font-weight: bold; margin-block: 0px; letter-spacing: unset; text-transform: unset; color: #000; padding-bottom: 0px; padding-top: 0px; } .share-block header { display: flex; justify-content: space-between; margin-bottom: 20px; } .share-block .targets { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 20px; margin-bottom: 20px; } .share-block .close-button { background-color: transparent; border: none; padding: 0; } .share-block .close-button svg { margin-right: 0; } .share-block .link { display: flex; justify-content: center; align-items: center; padding: 10px; border-radius: 4px; background-color: #eee; } .share-block .pen-url { margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .share-block .share-dialog.is-open .button{ scale: 0.85; padding-bottom: 2px; } @media(min-width:446px) and (max-width:1540px){ .share-block .share-dialog.is-open {width: 360px;} .share-block .share-dialog {transform: translate(-106%, -50%);} } @media(min-width:326px) and (max-width:445px){ .share-block .share-dialog.is-open {width: 315px;} .share-block .share-dialog {transform: translate(-100%, -50%);} .share-block .targets {grid-gap: 6px; margin-bottom: 16px;} .share-block .share-dialog.is-open h3 {font-size: 1em;} .share-block .share-dialog.is-open .button { scale: 0.8;padding-left:8px;padding-right:8px;} } /****************end Share block **********/ .productOptionSlider .slick-prev:before{ background-image:url('../images/arrowcopy4.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; content: ''; display: inline-block; width: 23px; height: 17px; position: absolute; top: 32%; right: 10%; transform:unset!important; } .productOptionSlider .slick-next::before{ background-image:url('../images/arrowcopy2.png'); background-size: 100%; background-position: center; background-repeat: no-repeat; content: ''; display: inline-block; width: 23px; height: 17px; position: absolute; top: 32%; right: 5%; } .productOptionSlider .slick-next, .productOptionSlider .slick-prev{ top:-41px; } .productOptionSlider .slick-prev{ left: 82%; } .productOptionSlider label{ cursor: pointer; padding-top: 17px; padding-right: 7px; } .productOptionSlider label:has(input:checked) ul{ background-color:#efefef88; } .productOptionSlider label ul{ border: 1px solid #e8e7e7; gap: 5px; padding: 19px; border-radius: 10px; } .productOptionSlider label ul:hover{border: 1px solid #7c878a;} .productOptionSlider label ul li{ display:flex; flex-direction:column; margin-bottom: 7px; gap: 5px; } .productOptionSlider label:hover{text-decoration:none!important;} .productOptionSlider label ul li span:nth-child(1){ color:var(--cl-darkGreen); font-weight:bolder; font-size: 18px; } .productOptions{ margin-top:15px; display:flex; flex-direction:row; align-items:flex-start; flex-wrap:wrap; gap:10px; } .productOptions a{ display:flex; flex-direction:row; border:1px solid #C0C0C0; background-color:#EFEFEF; border-radius:6px; gap:14px; padding:5px 10px; font-size:18px; text-decoration:none; font-weight:bolder; } .productOptions a:hover{ text-decoration:none; border-color:var(--cl-darkGreen); background-color:var(--cl-saladGreen); } .productOptions a.active{ border-color:var(--cl-darkGreen); background-color:var(--cl-darkGreen); color:#FFFFFF; } .productOptions a > span{ display:flex; position:relative; flex-direction:column; } .productOptions a > span .label{ font-size:13px; line-height:16px; font-weight:normal; } .quantityCounter{ position:relative; display:grid; grid-template-columns:1fr auto; border:1px solid #e8e7e7; background-color:#FFFFFF; max-width:127px; margin-left:2.5rem; height: max-content; } .quantityCounter input{ grid-row-start: 1; grid-row-end: span 2; text-align:center; height:54px; border:0px solid transparent; min-width: 70px; } @media(max-width:767px){ .quantityCounter{margin-left:unset!important;} .quantityCounter input{max-width:50px;} .responsive-column>img{ max-width: 203px; display: block; margin: 0 auto; } .responsive-column .full-name, .responsive-column .item-type{text-align:center;min-height: unset !important;} } .quantityCounter .actions{ display:block; width:27px; height:27px; text-decoration:none; background-image:url('../images/right-arrow13.png'); background-position:center center; } .quantityCounter .actions:hover{ background-color:#C0C0C022; } .quantityCounter .actions.bottom{ transform:rotate(180deg); } .in-stock{ max-width: 155px; display:flex; align-items:center; color:var(--cl-saladGreen); text-transform:uppercase; font-family:var(--fs-extraBold); position:relative; margin-left:auto; margin-top: -28px; } .in-stock:before{ content:''; display:inline-block; background-image:url('../images/checkgreenIcon.png'); background-size:cover; background-position:center center; width:15px; height:11px; margin-right:8px; } .in-stock.forStockOff{ max-width: 183px; color:#FF0000; } .in-stock.forStockOff:before{ display:none; } .info-to-choose{margin-top: 45px;margin-bottom:30px;} .info-to-choose h4{text-transform:uppercase;font-size:20px;font-family:var(--fs-extraBold);margin-right:22px;} .info-to-choose .cantit{margin-top:30px;margin-bottom:30px;} .info-to-choose .quantity{width:152px;} .info-to-choose .quantity>span{margin-left: auto;} .info-to-choose .quantity>div{margin-top: 7px;} .info-to-choose .quantity>span, .info-to-choose .quantity>div{align-items: center; display: flex;} .info-to-choose .big-price{font-size:37px;color:var(--cl-saladGreen);font-family:var(--fs-extraBold);} .info-to-choose .big-price #productPriceOld{ font-size:85%; color:#aaa; text-decoration:line-through; } .info-to-choose .big-price #productPriceOld:has(.value:empty){ display:none; } .info-to-choose .product-buttons { display: flex; align-items: center; justify-content: start; margin-top: 20px; margin-bottom: 20px; } .info-to-choose .product-buttons .btn.green{margin:0px;} .info-to-choose .final-delivery{font-size:18px;display:flex;align-items:center;} .info-to-choose .final-delivery:before{ content:''; display:inline-block; background-image:url('../images/infoicon.png'); background-size:cover; background-position:center center; width:22px; height:22px; margin-right:8px; flex-shrink:0; } @media(max-width:336px){ .info-to-choose .final-delivery::before {width: 32px; height: 24px;} } #image-detail-product span{ position: absolute; top: 83%; left: 90%; display: block; width: 62px; height: 62px; border-radius: 50%; background-color: #ededed; } #image-detail-product span>img{ width: 26px; text-align: Center; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #image-detail-product .slider-nav>a{ margin-top: 12px; margin-bottom: 12px; } #image-detail-product .slider-nav a>img{width:106px;height:auto;margin-bottom: 30px; text-align: center;} .very-much-info-product{display:flex;justify-content:space-between;} #product-info2.very-much-info-product>ul{ flex-direction: column; } .very-much-info-product>ul{ list-style-type: none; padding-left: unset; /*max-height: 154px;*/ display: flex; flex-wrap: wrap; /*flex-direction: column;*/ overflow: hidden; width: -moz-available; width: -webkit-fill-available; } .very-much-info-product ul li{display:flex;align-items: flex-end;margin-top:12px;margin-bottom:12px;/*width: 30vw;*/ margin-right: 20px;} .very-much-info-product span{flex-grow: 2; display: flex;} .very-much-info-product span:before{ content:''; display:inline-block; border-bottom:1px dotted #B2B2B2; flex-grow:3; margin-left: 1rem; margin-right: 1rem; } .info-label.active { border-bottom: 4px solid var(--cl-saladGreen); line-height: 45px; color: var(--cl-saladGreen); position: relative; margin-bottom: -1px; max-width: max-content; min-width: min-content; text-transform: uppercase; font-family: var(--fs-extraBold); } label[for="inform-product"] { font-size: 20px; line-height: 45px; margin-right: 10px; color: var(--cl-darkGreen); max-width: max-content; min-width: min-content; text-transform: uppercase; font-family: var(--fs-extraBold); } .stars-block{display:flex;} .recenzii{margin-top:40px;margin-bottom:40px;} .recenzii h4{text-transform:uppercase; font-size:20px;font-family:var(--fs-extraBold);} .recenzii .hr{ display: block; margin-top: 1rem; margin-bottom: 1rem; border: 1px solid #ebebeb; } .recenzii .stars-nr{ font-family:var(--fs-extraBold); font-size:50px; color:#7b8689; margin-left:10px; max-width:max-content; } .recenzii .btn.saladGreen{ display: block; background-color: var(--cl-saladGreen); padding: 17px 14px; width: 297px; color: #fff; border-radius: 3px; text-align:center; margin-top: 1rem; } .recenzii .sort-reviews{margin-bottom:25px;} .recenzii .sort-reviews select{max-width:203px;background-color:#fff;font-size:18px;padding: 11px 15px;color:#7b8689;font-family:var(--fs-regular);min-height:51px;} .recenzii .sort-reviews span{margin-right:10px;} .recenzii .sort-reviews a{display:inline-block;transform:rotate(90deg);margin-left:10px;} .recenzii .sort-reviews a.up{transform:rotate(-90deg);} .user-stars{ position: absolute; top: 35%; font-size: 18px; } .recenzii .user-stars{ border: 1px solid #e2e2e2; border-radius: 26px; position: relative; width: 75px; padding: 9px 6px; text-align: center; } .user-stars:before{ content:''; background-image: var(--starFilled); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 18px; height: 18px; display: inline-block; margin-right:5px; } #box-with-reviews{} #box-with-reviews + #box-with-reviewsform{ display:none; } .recenzii .rev-by-one {display:flex;align-items:flex-start;} .recenzii .rev-by-one{padding-bottom:3rem;margin-top:3rem;border-bottom:2px solid #ebebeb;} .recenzii .rev-by-one:last-child{ padding-bottom:0px; border-bottom:0px solid #ebebeb; } .recenzii .rev-by-one b{margin-bottom: 15px; display: block;} .recenzii .rev-by-one time{margin-bottom: 15px; display: block;max-width: 112px;} .recenzii .rev-by-one>div:nth-child(1){min-width: 118px;} .recenzii .rev-by-one>div:nth-child(2){padding-left: 4rem;} .recenzii .rev-by-one a.underline{color:var(--cl-saladGreen);text-decoration:underline;font-size:18px;margin-top:1rem;margin-bottom:1px;} .recenzii .img-reviews-block{ flex-wrap:wrap; } .recenzii .img-reviews-block img{margin-right:1rem;margin-bottom:1rem;} @media(max-width:576px){ .recenzii .img-reviews-block img{margin-right:0.5rem;margin-bottom:0.5rem;width: 92px;} .recenzii .list.reviews{margin-right:15px;} #image-detail-product span {left: 84%;} } .asemanatoare h4{text-transform:uppercase;font-size:20px;font-family:var(--fs-extraBold);} .asemanatoare .hr{ display: block; margin-top: 1rem; margin-bottom: 1rem; border: 1px solid #dcdcdc; } .asemanatoare .slick-dots{display:none;} .block-reduceri{ display:grid; grid-template-columns: repeat(auto-fit, minmax(275px, 1fr)); gap: 2.75rem 0.75rem; margin-top:25px; margin-bottom:100px; } .block-reduceri .card{border:0px solid transparent;} .block-reduceri .card .h6 a { max-width: 252px; } @media(max-width:991px){ /*.sales .product-buttons .btn.green img{display:none;}*/ .block-reduceri{justify-items:center;} } /*.block-of-fliters>.display-sort{margin-bottom:45px;}*/ .block-of-fliters .display-per-page span {display:inline-block;white-space:nowrap;margin-left:10px;margin-right:10px;} .block-of-fliters .display-per-page{align-items:center;} @media(max-width:569px){ .block-of-fliters .display-per-page.pages {display:none;} .block-of-fliters .display-per-page span {display:none;} .block-of-fliters .display-per-page.sort-reviews select{margin-left:auto;} .block-of-fliters .display-per-page.sort-reviews a {margin-right:auto;} } .block-of-fliters .display-per-page.sort-reviews select {min-width: 175px;} .block-of-fliters .display-per-page select{font-size-adjust:0.75;width: 80px;} .block-of-fliters .display-per-page.sort-reviews a{ display: block; transform: rotate(-90deg); margin-left: 14px; width: 27px; height: 47px; background-image:url('../images/arrow-right.svg'); background-position:center center; } .block-of-fliters .display-per-page.sort-reviews a.down{ transform: rotate(90deg); } @media(max-width:768px){ .block-of-fliters>.display-sort{flex-direction:column;} .block-of-fliters select[name="select3"] {width: 207px;} .block-of-fliters select[name="select2"] {max-width:82px;} .block-of-fliters .display-per-page.sort-reviews{margin-top:20px;} } .row.categories-grid{ grid-template-columns:repeat(auto-fit, minmax(267px, 1fr)); gap:0.75rem; place-content: start; } .row.categories-grid .categ-by-one{ display: grid; place-content: flex-start; place-items: flex-start; place-self: start; padding-top:50px; } .categories-grid .cat-detailed>a{ color: var(--cl-darkGreen); font-weight: 900; min-height: 73px; display: inline-block; } .categ-by-one ul{ list-style-type:none; padding-left:unset;} .categ-by-one ul li{width:100%;} .categ-by-one ul li a{ line-height: 26px; font-size: 20px; padding-top: 10px; padding-bottom: 10px; display: inline-block; } .subcategories{ padding-top:1rem; padding-bottom:1rem; } @media(max-width:1199px){ .subcategories>div{ flex-wrap: wrap; gap: 20px; justify-content: start; } } .subcategories .subcat{ padding: 0px 15px; border: 1px solid #e2e2e2; border-radius: 8px; font-size:18px; line-height:36px; } .subcategories .subcat:hover, .subcategories .subcat:active{ background-color:#7c878a; color:#fff; text-decoration:unset; } @media(max-width:1199px){ .subcategories .subcat{border:0px solid #e2e2e2; padding:0px 11px;} .subcategories .subcat:hover, .subcategories .subcat:active{ background-color:unset; color:unset; text-decoration:underline; } } @media(max-width:526px){ .subcategories .subcat{ display: block; margin: 0 auto; text-align: center; } .subcategories>div{gap: 15px;} } .products-container .sidebar { min-height: 51px; display: flex; flex-wrap: wrap; justify-content: flex-start; width: 100%; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .products-container label[for="choose-filter"]{display:none;} @media(max-width:569px){ #choose-filter:checked ~ label + aside{display:block;margin-bottom: 5px;} .products-container .sidebar{display:none;} .products-container label[for="choose-filter"]{ color: var(--cl-darkGreen); font-family: var(--fs-bold); font-size: 22px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; padding-top:2rem; border-top: 1px solid #efefef; margin-top: 2rem; } .products-container label[for="choose-filter"] svg{ margin-right:10px; } } aside.sidebar { margin-top: 37px; margin-bottom: 48px; } .sidebar>ul{list-style-type:none;padding-left:unset;} .filter-box { margin: .375rem; position: relative; list-style: none; padding-left: 0px; } .size-color-weight{ display:flex; flex-direction: column; width:100%; margin-top: 10px; margin-bottom: 10px; } .filter-results .close{ padding: 7px; border-radius: 5px; } .unstyled.filter-group{list-style:none;} .unstyled.filter-group input[type="submit"]{ background-color: #a6ce39; width: 100%; padding: 5px; border: 1px solid #efefef; margin-bottom: 10px; border-radius:20px; margin-top:10px; color: #fff; } .unstyled.filter-group input[type="submit"]:hover{background-color:var(--cl-darkGreen);color:#fff;} .styled.flex.pointer input{margin-right:4px;} .filter-box .filter-head { position: relative; font-size: 20px; cursor: pointer; margin: 0; padding: 5px 31px 5px 15px; width: 100%; font-family: var(--fs-extraBold); color:var(--cl-darkGreen); text-transform:uppercase; } .filter-box:not(.noslide) .filter-head::after { content: ''; display: block; height: 20px; position: absolute; top: 16px; right: 9px; width: 14px; background: url("/templates/default/images/right-arrowcopy7.png") no-repeat; background-size: 100%; } .filter-box .filter-option { padding: .5rem 1rem; text-align: left; line-height: 1; list-style-type: none; border: 1px solid #efefef; border-radius: 46px; } .unstyled.filter-group .filter-option{border:none;} .filter-box.active .drop_filters, .filter-box.active .filter-group, .filter-box.active .search-filter, .filter-box.active .filter-price-box { display: block; } .filter-box .drop_filters { display: none; z-index: 3; background-color: rgb(255, 255, 255); padding: 0; border: 1px solid #f0f0f0; box-shadow: 0 4px 8px rgba(0,0,0,.08); border-radius: 2px; top: 50px; } .filter-box .filter-group { z-index: 3; width: max-content; margin: 7px 13px 0px 13px; display: none; padding-left: 0px; min-width: 150px; } .filter-head:checked~.drop_filters>ul{display:block;} .list-products-subcategories{margin-top:45px;margin-bottom:55px;} .list-products-subcategories>.row{grid-template-columns:repeat(auto-fill, minmax(252px, 1fr));} /*.list-products-subcategories .btn.green>img{display:none;}*/ @media(max-width:553px){ .list-products-subcategories>.row{justify-items:center;} .list-products-subcategories .card .h6 a, .list-products-subcategories .card .h3 a{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1;min-height: 31px; text-align: center; } .list-products-subcategories .card .h3 {min-height:unset;} .list-products-subcategories .card .h4{ text-align: center;} .list-products-subcategories .btn.green {width: 60px;margin-right: 10px;margin-left: unset!important;} .list-products-subcategories a.btn.myFavorite{ height: 60px; border-radius: 50%; position: relative; width: 60px; background-color:#ededed; } .list-products-subcategories .btn.green>span{display:none;} .list-products-subcategories .btn.green > img, .sales .product-buttons .btn.green img{ display: block; margin: 0 auto;} } @media (min-width: 992px) { .h1-search-result { max-width: 50vw; } .left-bl{max-width:75%;} .inline-with-h1{max-width:25%;} } @media (max-width: 991px) { .h1-search-result { margin: 10px 0 10px!important; font-size: calc(0.95vw + 0.95vh + 0.95vmin)!important; } .search-resuts-counter {margin-left:5px!important;} .left-bl{max-width:100%;} .inline-with-h1{max-width:100%;} .grid-new-articles {justify-items: center!important;} } .h1-search-result { color: var(--basic); font-size: 32px; margin: 10px 0 10px; display: inline-block; } .search-resuts-counter { margin-left: 24px; line-height: 20px; font-size: 14px; color: #858c95; display: inline-block; } .search-container { display: flex; flex-wrap: nowrap; justify-content: space-between; position: relative; } .search-container .filter input { position: relative; background-image: url('/templates/default/images/search-svgrepo-com.svg'); background-position: 10px 10px; background-repeat: no-repeat; background-size: 21px 19px; box-sizing: border-box; font-size: 13px; padding: 12px 12px 12px 40px; border-radius: 30px; flex-grow: 1; display: flex; } .grid-new-articles { display: grid; grid-template-columns: repeat(auto-fill, minmax(273px, 1fr)); justify-items: start; gap: 1rem; } .row-for-ul{display:flex;flex-wrap: Wrap;} .filter-box{ flex-wrap: wrap; display: flex; column-gap: 1rem; row-gap: 1rem; } .filter-box>*:not(last-child){display:flex;flex-wrap:wrap;} .filter-option.last{ display: block; margin-left:auto; } .filter-option.last:hover{background-color:var(--cl-darkGreen);} .filter-option.last:hover .reset-all-filters{text-decoration:unset;color:#fff;} .filter-option .unfilter{ margin-left: 10px; color: #000; font-size: 20px; } .desc-brand {max-width:65%;} .brand-some-info{ text-align:center; } .brand-some-info span.site-prod { margin-top: 3rem; font-family: var(--fs-bold); color: #333; font-size: 16px; } @media(max-width:767px){ .desc-brand {max-width:100%;} .media-column{flex-direction:column;} .brand-some-info{ display: flex; flex-direction: column; } .brand-some-info span.site-prod {margin-top: 0rem;} .brand-some-info { background-color: #F8F9FB; padding: 19px 0; margin: 20px auto 0; } } .paymentsOptions{ gap: 13px; display: flex; flex-direction: column; } /*form floating*/ .form-floating{ position:relative; background-color:#FFFFFF; } .form-floating label{ position:absolute; top:0px; left:0px; transform:opacity .1s ease-in-out,transform .1s ease-in-out; padding:1rem .75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; } .form-floating input::placeholder, .form-floating textarea::placeholder { color: transparent; } .form-floating:has(input:focus) label, .form-floating:has(input:not(:placeholder-shown)) label, .form-floating:has(textarea:focus) label, .form-floating:has(textarea:not(:placeholder-shown)) label{ opacity: .65; transform: scale(.75) translateY(-.7rem) translateX(.15rem); } .form-floating:has(:-webkit-autofill) label { opacity: .65; transform: scale(.75) translateY(-.7rem) translateX(.15rem); } /*endform floating*/ @media(max-width:576px){#submitBtn{margin-top:20px;}} .block-of-fliters{ margin-top:10px; } .autocomplete{display:flex;position:relative;flex-grow:1;} .autocomplete input{flex-grow:1;display:flex;} .autocomplete ul{ position: absolute; top: 55px; left: 0px; right: 0px; margin: 0px; padding: 0px; list-style: none; background-color: #FFFFFF; z-index: 1000; overflow: hidden; box-sizing: border-box; font-size: 13px; } .autocomplete ul:empty{display:none;} .autocomplete ul li{border:1px solid #F0F0F0;/*border-top:0px;*/width: 100%;font-size: 14px; color: #808b8e;} .autocomplete ul li:first-child{padding-top:0px;} .autocomplete ul li.selected{background-color: rgba(255, 199, 193, 1);width: 100%;} .autocomplete ul li:hover{background-color: rgba(255, 199, 193, 1);} .autocomplete ul li > span{cursor:pointer;display:block;line-height:31px;padding: 0px 10px 0px 39px;} .autocomplete ul li > span b{color:#000000;} .autocomplete ul li.showAll>a{ font-size: 16px; display: block; text-align: center; padding: 10px; text-transform: uppercase; font-weight: bold; }