/* 4 bannere Home" */ #BannersHome{padding-top:50px;} /* OLD CSS - De curatat si mai mult */ .shadow{box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);} #element_to_pop_up { display:none; } #element_to_pop_up { background-color:#fff; border-radius:15px; color:#000; display:none; padding:20px; min-width:400px; min-height: 180px; } .popup{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:4; display:none;} .popup .popup-overlay{ background:rgba(0,0,0,0.5); cursor:pointer;} .popup .popup-body{ position:relative; background:#fff; padding:15px; box-sizing:border-box; margin:0 auto; text-align:left; cursor:default;} .popup .popup-content{padding-top: 30px; padding-bottom:30px; box-sizing:border-box; z-index:3; position:relative;} .popup .container-fixed{max-width:900px;} .popup .popup-close{ cursor: pointer; font-size: 30px; font-weight: bolder; line-height: 27px; text-align: center; width: 30px; height: 30px; position: absolute; top: 0; right: 0; background: #002E5B; border-radius: 0; color: #fff; z-index:4;} .popup .popup-overlay { background: rgba(0,0,0,0.8); cursor: pointer; height: auto; } /*--AMAZING GRASS --*/ #amazingGrassHeader{height:500px; padding:100px 0 0 0;} #amazingGrassHeader .container-table .img img{width:400px;} #amazingGrassHeader .container-table .txt{width:70%;} #amazingGrassHeader .container-table .txt h1{font-size:80px; font-weight:bolder; color:#fff; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);} #amazingGrassHeader .container-table .txt .special{padding-top:50px;} #amazingGrassHeader .container-table .txt .special p{color:#F7F95B; font-weight:700; font-size:40px; padding:5px 0; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);} #amazingGrassHeader .container-table .txt #detailsButton .priceText{ font-size:20px; color:#fff;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);} #amazingGrassHeader .container-table .txt #detailsButton .price{font-size:50px; color:#fff;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);} #amazingGrassHeader .container-table .txt #detailsButton .price small{ font-size:20px; color:#fff;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);} #amazingGrassHeader .container-table .txt .button .buttonWhite{background: #fff;padding: 20px 30px;margin-top: 50px;font-size: 14px;border-radius: 5px; border:1px solid #03933e;} #amazingGrassHeader .container-table .txt .button .buttonWhite:hover{background:#03933e; color:#fff;transition: all .2s ease-in; text-decoration:none;} #firstSection{padding:100px 0;} #firstSection .container-table .table-element img{width:500px;} #firstSection .container-table .table-element h2{font-size:45px; } #firstSection .container-table .table-element p{color:#555; padding:30px 0;} .buttonGreen{background: #74BA4B;padding: 20px 30px;font-size: 14px;border-radius: 5px; border:1px solid #74BA4B; color:#fff;} .buttonGreen:hover{background:#2A662D; border:1px solid #2A662D; color:#fff;transition: all .2s ease-in; text-decoration:none;} #centerSection {padding:100px 0;} #centerSection .container-table .leftPart{text-align:right; padding-right:40px;} #centerSection .container-table .leftPart .contentWrapper{padding-bottom:20px;} #centerSection .container-table .leftPart .contentWrapper h3{font-weight:700;} #centerSection .container-table .rightPart{text-align:left; padding-left:40px;} #centerSection .container-table .rightPart .contentWrapper{padding-bottom:20px;} #centerSection .container-table .rightPart .contentWrapper h3{font-weight:700;} #centerSection .container-table .leftPart i{color:#74BA4B;} #centerSection .container-table .rightPart i{color:#74BA4B;} /*--AMAZING GRASS --*/ /*-- POPUP*/ #iframePopup.popup{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; display:none; background:rgba(0,0,0,0.5); cursor:pointer; padding:2.5% 5%; box-sizing:border-box;} #iframePopup.popup .popup-overlay{ position:relative;background: #03933e;padding-top: 30px; padding-bottom: 0;} #iframePopup.popup .popup-body{ position:relative; background:#fff; padding:15px; box-sizing:border-box; margin:0 auto; text-align:left; cursor:default;} #iframePopup.popup .popup-close {cursor: pointer;font-size: 32px;font-weight: bolder;line-height: 32px;text-align: center;width: 32px;height: 32px; position: absolute; top: -15px; right: -15px; background: #fff; border-radius: 50%; color: #000; font-family: Arial!important; transition: .4s;} #iframePopup.popup .popup-close:hover {color: #03933e;} #adaugaUnTruck {display: inline-block;vertical-align: middle;transform-origin: bottom;transform: translate(50%, 50%) rotate(-90deg);height: 36px;border: solid 3px #666;border-bottom: 0;position: fixed;top: -80px;bottom: 0;left: -116px;margin: auto;border-radius: 0 0 5px 5px;cursor: pointer;overflow: hidden;background: #666;z-index: 3; box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.5);} #adaugaUnTruck .text{color:#fff; font-weight:bold; padding:5px;} #truckAddPopup.popupAdd {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 4;display: none;} #truckAddPopup.popupAdd .popup-overlay {background: rgba(0,0,0,0.5);cursor: pointer;} #truckAddPopup.popupAdd .popup-body {position: relative;background: #fff;padding: 15px;box-sizing: border-box;margin: 0 auto;text-align: left;cursor: default;border:1px solid #03933e;} #truckAddPopup.popupAdd .popup-close {cursor: pointer;font-size: 30px;font-weight: bolder;line-height: 27px;text-align: center;width: 30px;height: 30px;position: absolute;top: -15px;right: -15px;background: #03933e;border-radius: 50%;color: #fff;} /*-- POPUP*/ #iframePopup #showInIframe{width: 100%;height: 100%;border: none;position: absolute;left: 0;top: 0; padding-top:30px; box-sizing:border-box; background:#fff;overflow: auto;height: 100%;text-align: center; z-index:3;} #iframePopup #showInIframe img{ display:inline-block; vertical-align:middle; max-width:100%;} #vipPageMsg{font-size: 16px;line-height: 24px;margin-top: 30px;background: #eee;border: solid 1px #ddd;padding: 15px;box-sizing: border-box;border-radius: 10px;} .loginWithFacebook{ background:#3B5998; display:inline-block; color:#fff; font-weight:bold; padding:5px 15px;} .loginWithFacebook .fa{margin-right:5px;} .loginWithFacebook:hover{text-decoration:none; color:#fff;} .loginWithGoogle{ background:#DD5144; display:inline-block; color:#fff; font-weight:bold; padding:5px 15px;} .loginWithGoogle .fa{margin-right:5px;} .loginWithGoogle:hover{text-decoration:none; color:#fff;} a{text-decoration:none;outline:none;display:inline-block; color:#03933e;} a:hover{text-decoration:underline; color:#bc2546; } img{border:0; display:block;} ul,li{margin:0;} *:focus {outline: 0;} .fl-r{float:right;} .fl-l{float:left;} /*produse VIP*/ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .p-topL{padding-top:100px;} .p-topM{padding-top:50px;} .p-topS{padding-top:20px;} .p-botL{padding-bottom:100px;} .p-botM{padding-bottom:50px;} .p-botS{padding-bottom:20px;} .mep{ margin-left:-5px; margin-right:-5px;} .lep{ padding-right:5px;} .cep{ padding-left:5px; padding-right:5px;} .rep{ padding-left:5px;} #customFeedbaCkFrom {background:#eee; padding: 10px;} #customFeedbaCkFrom .form-group{padding-bottom:40px;} .radioInput{cursor:pointer;} .radioInput span{display:inline-block; vertical-align:text-top; line-height:14px; font-size:14px; margin-top: -2px;} .radioInput{ display:inline-block; vertical-align:middle; margin-right: 10px;} .radioInput input[type="radio"]{ width: 19px; height: 19px; margin-right: 5px; display: inline-block; position: relative; } .radioInput input[type="radio"]:before { content: ''; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; background: #f5f5f5; border: solid 1px #ccc; cursor: pointer; padding: 1px; z-index:1; border-radius:50%; } .radioInput input[type="radio"]:checked:before { border: solid 1px #00CC00; } .radioInput input[type="radio"]:checked:after { content:''; position: absolute; z-index:2; width:11px; height:11px; background:#00CC00; border-radius:50%; top: 3px; left: 3px; } .radioInput input[type="radio"]:checked~span{font-weight:bold;} #homeReviewBoxWrapper{} .reviewBoxItem {} .reviewBoxItem + .reviewBoxItem { margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; } .reviewBoxItem .product-image-wrapper{ width:120px;} .reviewBoxItem .reviewBoxContent{ padding-left:20px;} .reviewBoxItem .reviewBoxContent .product-name {font-size: 14px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height:20px; text-align: left;} .reviewBoxItem .reviewBoxContent .boxReview .reviewLink{margin-left:0;} .reviewBoxItem .reviewBoxContent .boxReview .reviewLink{ width:100px; height:18px; background-size:100px;} .reviewBoxItem .reviewBoxContent .boxReview .reviewPercentage{height:18px; background-size:100px;} .reviewBoxItem .reviewBoxContent .button{display:inline-block;} .product-slider-tabs{} .slidet-tabs-nav.slidet-tabs-nav{padding-bottom: 15px; padding-top: 15px;text-align: center;;} .tab-nav{ display:inline-block; vertical-align:middle; margin:0 10px; cursor:pointer; border-right: 1px solid #ccc; padding: 0; padding-right :20px;} .tab-nav:last-child { border-right: 0; padding-left: 0; } .tab-nav h2 { color: #a2a2a2; padding-bottom: 0; position: relative; font-weight: 700; z-index: 1; transition: .2s; } .tab-nav.active h2{color:#000; font-weight:bold;} .tab-nav.active.tab-nav.active {display: inline-block;vertical-align: middle;position: relative;} .tab-nav h2 span.tab-name { z-index: 10; position: relative; text-transform: uppercase; font-size: 20px; } .tab-nav.active h2, .tab-nav h2:hover { color: #000; } .slider-tab{display:none;} .slider-tab.active{display:block;} #home-features a{display:inline-block; vertical-align:middle; margin:0 auto;} #home-features .col-4{ margin-top:10px;} #home-features img{max-width:100%;} #topPageRandomFeatures>.container-table.fixed>.table-element{padding:5px 1px; box-sizing:border-box; } #topPageRandomFeatures .random-feature{ border: solid 1px #ccc; box-sizing:border-box; font-style:italic; color:#555555; padding:0 15px; height:45px;} #topPageRandomFeatures .random-feature a{font-style:italic; color:#555555; text-decoration:none;} #topPageRandomFeatures .random-feature .table-element{ } #bap{border-radius:0 0 5px 5px; color:#fff;} #bap-container{padding-bottom:20px; padding-top:20px; padding-left:15px; padding-right:15px; box-sizing:border-box;} #bap-button{background: #03933e;color: #fff;font-weight: bold;line-height: 32px;display: inline-block;padding: 0 35px;border-radius: 5px; text-decoration:none;} #bap-image{display: inline-block;vertical-align: middle;border-radius: 50%;padding: 0px;width: 60px; height:60px; box-sizing: border-box;border: solid 1px #03933e; background:#fff;} #bap strong{font-size: 16px;} #bap p{font-size: 14px;font-style: italic;} #bap-avantaj {position: absolute;right: 0;top: 0;color: #fff;padding: 3px 20px;border-radius: 0 0 0 5px;} #bap-background{border-top: 0 !important;border-radius: 0 0 5px 5px;background-repeat-y: no-repeat;background-size: 80px;background-position: center bottom;position:relative; background-color:#fff;} .boxProduseVip .produseVipSelected{background:#E5B58B;} .decoration-left{ position:absolute; right:100%; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-right:15px;} .decoration-right{position:absolute; left:100%; top:0; bottom:0; margin-top:auto; margin-bottom:auto; margin-left:15px;} .container{width:100%; box-sizing:border-box; padding:0 5%; margin:0 auto; position:relative;} .container-fixed{max-width:1100px; box-sizing:border-box; padding-left:15px; padding-right:15px; margin:0 auto; position:relative; width:100%; } .container-table{display:table; width:100%;} .container-table.fixed{table-layout:fixed;} .table-element{display:table-cell;} .container-table.inverted{direction: rtl;} .container-table.inverted .table-element{direction: ltr;} .element-center{text-align:center;} .element-left{text-align:left;} .element-right{text-align:right;} .element-middle{vertical-align:middle;} .element-top{vertical-align:top;} .element-bottom{vertical-align:bottom;} .col-2{width:50%;float:left;box-sizing:border-box; position:relative;} .col-2:nth-child(2n+1){clear:left;} .col-2:nth-child(2n+2){clear:right;} .col-3{width:33.33%;float:left;box-sizing:border-box; position:relative;} .col-3:nth-child(3n+1){clear:left;} .col-3:nth-child(3n+3){clear:right;} .col-4{width:25%;float:left;box-sizing:border-box; position:relative;} .col-4:nth-child(4n+1){clear:left;} .col-4:nth-child(4n+4){clear:right;} .col-5{width:20%;float:left;box-sizing:border-box; position:relative;} .col-5:nth-child(5n+1){clear:left;} .col-5:nth-child(5n+5){clear:right;} .col-6{width:16.66%;float:left;box-sizing:border-box; position:relative;} .col-6:nth-child(6n+1){clear:left;} .col-6:nth-child(6n+6){clear:right;} .mtop10{margin-top:10px;} .mtop40{margin-top:20px;} .space {width:100%; height:10px;} .space30 {width:100%; height:30px;} .space50 {width:100%; height:50px;} .image-text{padding:40px 0;} .image-text .image img{ max-width:100%; padding-right:10px; box-sizing:border-box;} .image-text .text{ padding-left:10px;} .image-text.invert{direction: rtl;} .image-text.invert .image{ direction: ltr; padding-left:10px; padding-right:0;} .image-text.invert .text{direction: ltr; padding-left:0px; padding-right:10px;} .image-text.full-image .image img{display:none;} .image-text.full-image .image { height:350px; padding:100px 0;} .image-text.full-image .text{padding: 50px 20px; box-sizing:border-box; border:solid 1px #ccc;} .image-text.full-image{padding:0;} /**** S: NEW NOTIFICaTION SYSTEM ***/ #fixedButtons .notification-icon-type.icon{background: #03933e;padding: 5px;right: 0;width: 20px;height: 20px;border-radius: 5px 0 0 5px;box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.5);cursor: pointer; margin:5px 0; margin-left: -30px;} #fixedButtons .notification-icon-type.icon img{ max-width:100%;} #fixedButtons .notification-icon-type.text{background: #666;padding: 20px 5px;right: 0;width: 20px;border-radius: 5px 0 0 5px;box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.5);cursor: pointer;margin: 5px 0;margin-left: -30px;} #fixedButtons .notification-icon-type.text img{max-width: 100%;margin: 0 auto; width: 10px;} .hidden-banner{position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.5);padding: 20px;box-sizing: border-box;} .hidden-banner .hidden-banner-wrapper{position: relative;display: inline-block;} .hidden-banner .hidden-banner-wrapper a{max-width:1100px; width:100%; margin:0 auto;border-radius: 5px; border:solid 2px #fff; box-sizing:border-box;} .hidden-banner .hidden-banner-wrapper a img{max-width:100%;} .hidden-banner .close-hidden-banner{font-weight: bold;width: 20px;height: 20px;line-height: 20px;font-size: 20px;border: solid 2px #fff;color: #fff;background: red;text-align: center;cursor: pointer;display: inline-block;transition: all .2s ease-in;position: absolute;top: -8px;right: -8px;border-radius: 50%;} /**** E: NEW NOTIFICaTION SYSTEM ***/ .line{background: #ddd; height: 1px;width: 100%;display: none;} #headerTopLinks a{float: right;background: #eee; margin-right: 15px; border-radius: 0 0 5px 5px;text-align: center;font-size: 11px; padding:5px 15px; font-weight:bold;} #headerTopLinks a.tel{font-size: 13px;padding: 3px 15px; line-height:19px; display:inline-block; vertical-align:middle;} #headerTopLinks a.tel span{display:inline-block; vertical-align:middle;} #headerTopLinks a.tel small{display:inline-block; vertical-align:middle; font-weight:normal; margin-left:5px;} .ghost-button{padding:15px 30px; border:solid 1px #fff; color:#fff; transition: all .2s ease-in;} .ghost-button:hover{background:#fff; text-decoration:none; color:#000;} #captcha{max-width:100%;} input[type="file"]{ border:solid 1px #ccc; height:42px; position:relative; overflow:hidden; display:block;box-sizing: border-box; font-family:'Open Sans', sans-serif; border-radius:5px; box-shadow:none; -webkit-appearance: none; width:100%;} label.fileGroup:before{content: '';position: absolute;left: 0;bottom: 0;width: 60px;height: 40px;z-index: 4;cursor:pointer; background:url(../img/icons/attach.png),#03933e; background-position:center; background-position-x: 50%; background-position-y: 50%; background-position-x: 50%;background-position-y: 50%; background-repeat:no-repeat; background-size:24px;margin-bottom: 1px;margin-left: 1px;border-radius: 5px 0 0 5px;} label.fileGroup:after{content: '';position: absolute;right: 0;bottom: 0;background: #fff;width: 94%;height: 40px;z-index: 1;margin-bottom: 1px;margin-right: 3px;} label.fileGroup{position:relative; display:block;} label.fileGroup .fileName{position: absolute;z-index: 3;bottom: 0;left: 0;width: 100%;padding-left: 70px;height: 42px;line-height: 40px; display:none;} label.fileGroup .filePlaceholder{position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;padding-left: 70px;height: 42px;line-height: 40px;} input[type="text"],input[type="password"],input[type="submit"],input[type="number"],textarea{padding:10px; box-sizing:border-box; border:solid 1px #ccc; font-family:'Open Sans', sans-serif; width:100%; display:block; font-size:12px; line-height:20px; font-weight:400; border-radius:5px; box-shadow:none; -webkit-appearance: none;} select{padding:10px; box-sizing:border-box; border:solid 1px #ccc; font-family:'Open Sans', sans-serif; width:100%; display:block; font-size:12px; line-height:20px; font-weight:400; border-radius:5px; box-shadow:none;} textarea{resize: none;} input[type="text"].invalid,input[type="password"].invalid, textarea.invalid, select.invalid{border:solid 1px #CC0000;} input[type="text"].valid,input[type="password"].valid, textarea.valid, select.valid{border:solid 1px #00CC00;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} input[type="file"].invalid{border:solid 1px #CC0000;} input[type="file"].valid{border:solid 1px #00CC00;} .form-group{padding-bottom:20px;} .col-2.l{ padding-right:10px;} .col-2.r{ padding-left:10px;} .col-3.l{ padding-right:10px;} .col-3.c{ padding-left:5px; padding-right:5px;} .col-3.r{ padding-left:10px;} .new-login-wrapper{max-width:500px; display:inline-block; border:solid 1px #ddd; width:100%; padding:15px; box-sizing:border-box; background:#fff; box-shadow: none; border-radius: 10px;} .new-login-wrapper h1{font-size:16px; font-weight:bold; margin-bottom: 0;} #productDetailSlider .images-slider .thumb-item a { width: 100%;} #productDetailSlider .images-slider a > img { cursor:pointer; margin:0 auto; max-height: 500px;} #productDetailsSlider-thumbs-wrapper{margin-bottom: 20px;position: absolute;top: 5px;left: 5px;z-index: 2;width: 60px;} #productDetailSlider-thumbs{} #productDetailSlider-thumbs .thumb-item{padding: 5px;box-sizing: border-box;width: 50px;display: inline-block;vertical-align: middle;} #productDetailSlider-thumbs .thumb-item img{ max-width:100%; box-sizing:border-box; border:solid 1px rgba(0,0,0,0.1); border-radius: 5px;} #productDetailSlider-thumbs .thumb-item.active img{box-sizing:border-box; border:solid 1px #03933e;} #HDZoomClick{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10;} #HDZoomClick #HDZoomClickContainer{ height:90%; margin:auto; top:0; left:0; right:0; bottom:0; text-align:center; padding:15px;} #HDZoomClick #HDZoomClickContainer #HDZoomClickWrapper{position:relative; display:inline-block;} #HDZoomClick #HDZoomClickContainer #HDZoomClickWrapper img{max-width:100%; max-height:100%; margin:0 auto;} #HDZoomClick.active #HDZoomClickContainer #HDZoomClickWrapper #HDZoomLeftArrow{background: url(../img/icons/arrow-left.png); background-repeat:no-repeat; background-position:center; background-position-x: 50%; background-position-y: 50%; background-size:15px; width:50px; height:50px; position:absolute;top: 50%;left: 0;margin-top: -25px;cursor: pointer;} #HDZoomClick.active #HDZoomClickContainer #HDZoomClickWrapper #HDZoomRightArrow{background: url(../img/icons/arrow-right.png); background-repeat:no-repeat; background-position:center; background-position-x: 50%; background-position-y: 50%; background-size:15px; width:50px; height:50px; position:absolute;top: 50%;right: 0;margin-top: -25px;cursor: pointer;} #HDZoomClick #HDZoomClickContainer #HDZoomClickWrapper #HDZoomClickClose{width: 30px;height: 30px;line-height: 30px;font-size: 30px;background: #000;color: #fff;text-align: center;cursor: pointer;position: absolute;right: 0;top: 0;} #notifCookies{ text-align: center; background: #ccc; padding: 10px; left: 0; z-index: 5; position: fixed; left: 10px; bottom: 10px; max-width: 300px; border-radius: 10px; font-size: 12px; line-height: 20px; box-shadow: 0 0 10px #555; } #notifCookies a {text-decoration: none;} #notifCookies #notifCookiesAccept{ background:#03933e; color:#fff; cursor:pointer; padding: 10px; transition:all 0.2s ease-in; border-radius: 10px;} #notifCookies #notifCookiesAccept:hover{background:#000;} #testimoniale-table .content td{padding:20px; padding-bottom:0; min-width: 10px;} #testimoniale-table .content td:first-child {min-width: 100px;} #testimoniale-table .name td{padding:10px; padding-right:20px;} #header #left-header #lang{padding:3px 0; border:solid 1px transparent; border-right:solid 1px #ccc; float:left; padding-left:10px;} .lang-flag{float:left; opacity:0.5; width:18px; height:18px; position:relative;} .lang-flag img{position: absolute; margin-left: -3px;top: 3px; max-height:20px } .lang-text{float:left; line-height:18px; padding: 0 10px;} #drawer .lang-flag{ margin: 0 5px;} #drawer .lang-text{padding:0; padding-right:10px;} #drawer .lang-flag img{-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} #drawer .lang-flag.active img{-webkit-filter: grayscale(0); -webkit-filter: grayscale(0%);filter: grayscale(0%);filter:none;} #drawer .subcat-links .option{margin:10px 0; text-align:left; padding: 0 10px;} span.cur-value{border: solid 1px #ddd;width: 30px;height: 30px;display: inline-block;line-height: 30px;text-align: center; margin-left: 5px;} span.cur-value a{color:#ddd; text-decoration:none;} span.cur-value.active{border:solid 1px #000;} span.cur-value.active a{color:#000; font-weight:bold;} #header #left-header #free-shipping{float:left; font-size:10px; line-height:12px; padding:0 10px; text-decoration:none; color:inherit;} #header #left-header #free-shipping:hover{text-decoration:none; color:inherit;} #left-header .dropdown-content{border:solid 1px #ccc; margin-left:-1px;} #header #center-header a{display: inline-block;position: relative;} #header #center-header a img{transition: .2s; margin:0 auto; vertical-align:middle; display:initial; height:80px;} .pageGroup{overflow:auto;} .bag-items.show,.fav-items.show{} .bag-items.show{top:-5px;} #drawerLogin{width:250px; background:#f5f5f5;} #drawerLogin .login{float:none; padding:15px 10px; border-right:0; border-bottom: solid 1px #ccc; display:block;} #drawerLogin .login img{padding-left:0;} #drawerLogin .login>a{display: inline-block;vertical-align: middle;} #drawerLoginLogout{display: inline-block;vertical-align: middle;float: right;} #drawerInfo{width:250px; background:#03933e; padding:5px 10px;} #drawerInfo span {color: #fff; font-size: 14px; font-weight: 700} #drawerInfo a{color:#fff; display:block; font-weight:700; font-size: 16px; margin; padding: 10px 0;} #drawerInfo a i{margin-right: 10px;} #mobileSearch{margin-left: 66px; padding: 0 5px; cursor:pointer; width:18px;} #mobileSearch img{max-height:18px;} iframe[name="google_conversion_frame"] {height: 0;padding: 0;position: absolute;} #sliderIndex{width:inherit; box-sizing:border-box; border:solid 1px #ccc;} #sliderIndex .slick-list{} #sliderIndex div a{display:block;} #sliderIndex img{max-width:100%;} #home-slide-widget{ background:#fff;} #home-slide-widget .widget-boxWrapper{border:1px solid #ccc; box-sizing:border-box; border-radius:5px; padding:5px; height:195px; width:250px;} #home-slide-widget .widget-box h4{font-size:16px; font-weight:bold; text-transform:none; margin-bottom:20px;} #home-slide-widget .widget-box p{} #home-slide-widget .widget-box a{font-size:14px; font-weight:bold; font-style:italic; display:block; margin-top:25px;} #distribuitorBox .widget-boxWrapper{ background:url(../images/site/distribuitorBG.png) no-repeat top left; background-size:cover; margin-bottom:12px; } #sophiCartBox .widget-boxWrapper{ background:url(../img/site/sophicart-banner.png) no-repeat top left; background-size:cover;} #indexText{ margin-top:50px;} #indexText p{font-size: 14px;line-height: 26px; padding: 15px;box-sizing: border-box;} #producatoriWrapper{background: #fff;padding-top: 20px;margin-top: 0;border-radius: 0 0 5px 5px;padding-bottom: 20px;} body.lps.halloween{ background:#F08826;} body.lps.halloween #decoration1{ background:url(https://www.rangali.ro/img/lps/halloween/ghost-rangali.png); background-position:bottom left; background-attachment:fixed; background-repeat:no-repeat; background-size:110px; width:110px; height:110px; position:fixed; bottom:0; left:0; z-index:-1;} body.lps.halloween #decoration2{ background:url(https://www.rangali.ro/img/lps/halloween/spider-rangali.png); background-position:top right -10px; background-attachment:fixed; background-repeat:no-repeat; background-size:110px; width:110px; height:110px; position:fixed; top:0; right:0; z-index:-1;} body.lps.cyber-monday #main-nav {background: #ff2998;} body.lps.cyber-monday #header-wrapper #main-nav .dropdown-content .dropdown-wrapper >ul>li>a:hover{background:#ff2998;} body.lps.cyber-monday .bag-items.show{background:#ff2998;} body.lps.cyber-monday #headerTopLinks a{color:#ff2998;} body.lps.cyber-monday #header #center-header a img, body.lps.cyber-monday #burgerNavbarLogo a img, body.lps.cyber-monday #drawer #drawerLogo img{-webkit-filter: grayscale(100%); filter: grayscale(100%);} /**/ body.lps.black-friday #header {background:#000; color:#ccc;} body.lps.black-friday #center-header {padding: 5px; border-radius: 60px; } body.lps.black-friday #lang a {color:#ccc !important;} body.lps.black-friday #right-header a {color:#ccc !important;} body.lps.black-friday #breadcrumbs .container-fixed {background:#000;} body.lps.black-friday{ background:url(https://www.rangali.ro/img/lps/black-friday/bf-bf2.jpg),#000; background-attachment:fixed; background-position:center top; background-repeat:no-repeat;} body.lps.black-friday #main-nav {background:#000;} body.lps.black-friday #main-nav a {color:#666;} body.lps.black-friday #header-wrapper {background:#000;} body.lps.black-friday #headerTopLinks a{background:#333;} body.lps.black-friday #topPageRandomFeatures {background:#000; display:none;} body.lps.black-friday #searchBox-new input {color:#fff;} body.lps #cat-body {background:transparent; color:#000; padding:0;} body.lps .product-box { margin: 6px; padding: 15px; border-radius: 10px; background:#FFF;} body.lps #productListHeader{padding-left:10px; padding-right:10px; box-sizing: border-box; background:#fff; border-radius:0 0 5px 5px;} body.lps #categoryTitle h1{padding:10px; box-sizing:border-box; background:#fff; border-radius:5px 5px 0 0;} body.lps #idProdusGet{border-radius:5px 5px 0 0;} body.lps #floating-product {padding: 8px 0;} body.lps.cyber-monday{ background:url(https://www.rangali.ro/img/lps/cyber-monday/cyber-monday-bg.png); background-position:top center; background-attachment:fixed; background-repeat:no-repeat; background-size:cover;} body.lps.cyber-monday #lps-timeWrapper{background:#333;} body #lbsBanner{display:none;} body.lps #lbsBanner{display:block;} body.lps #lbsBanner img{max-width:100%;} body.lps #lbsBanner a{display:block;} body.lps #breadcrumbs{ background:transparent; margin-bottom:15px;} body.lps #breadcrumbs .container-fixed{background:#eee; border-radius:0 0 5px 5px;} body.lps #categoryTitle{background: #fff;border-radius: 5px 5px 0 0;padding: 0 10px;box-sizing: border-box;} body.lps #producatoriWrapper{border-radius:5px;} body.lps #staticPageTitle{ background:transparent;} body.lps #staticPageTitle .container-fixed{background:#eee; border-radius: 5px; margin-bottom: 15px; padding:15px 0;} body.lps #staticPageTitle h1{padding:0;} body.lps #staticPageTitle .message { margin-top:15px;} body.lps .static-page{border-radius:5px;} body.lps #lps-time canvas{max-width: 392px;height: auto!important; width:100% !important;} body #lps-timeWrapper{display:none;} body.lps.cod-rosu{} body.lps.lma{ background:url(https://www.rangali.ro/uploads/diverse-adm/lma-pattern.jpg),#dbe4f4; background-attachment:fixed; background-position:center top; background-size:700px; } body.lps.wave{ background:url(https://www.rangali.ro/uploads/diverse-adm/waves.jpg); background-attachment:fixed; background-position:center top;} body.lps #lps-timeWrapper{display:block;} body.lps #lps-timeWrapper{ padding:15px 15px; box-sizing:border-box; background:#000;} body.lps #lps-timeWrapper span{color:#999; font-weight:bold; font-size:16px;} body.lps #lps-timeWrapper h1{text-align:center; color:#fff; text-transform:uppercase; font-weight:bold; font-size:32px;} body.lps #lps-timeWrapper p{text-align:center; font-size:14px; background:#ff0000; color:#fff; display:inline-block; padding:5px 20px; margin-top:10px; text-transform:uppercase;} .madeInRo{position:relative;} .madeInRoProduct .product-image{position: relative;} .madeInRoProduct .product-image::after { content: ''; position: absolute; left: 15px; top: 15px; width: 30px; height: 30px; border-radius: 50%; background-image: url('https://www.rangali.ro/uploads/diverse-adm/madeInRo.png'); background-size: 30px; } #features{ padding:10px 0 10px; box-sizing:border-box; width:100%;} #features #featuresWrapper .table-element>.container-table{margin:0 auto; padding:40px 0;} #features .featured-element .image{padding:0 15px; box-sizing:border-box; float:left;} #features .featured-element .image img{display:block; padding:7px 0;} #features .featured-element .text{padding:5px 15px; box-sizing:border-box; border-left:solid 1px #ccc; line-height:16px; float:left; text-align:left} .feature-wrapper{display:inline-block;} #featuresWrapper{border:solid 1px #ccc; border-radius: 5px;} #promo{display: block;margin: 0 auto; margin-top:50px;} #promo div{height: 0;display: block; position: relative;float: left;text-decoration: none; box-sizing: border-box;} #promo .fir{margin-right: 7.5px;background-image: url("../img/promo/1.jpg");background-size: cover;background-position: center; background-position-x: 50%; background-position-y: 50%;background-repeat: no-repeat;} #promo .sec{margin-left: 7.5px;margin-right: 7.5px;background-image: url("../img/promo/2.jpg");background-size: cover;background-position: center; background-position-x: 50%; background-position-y: 50%;background-repeat: no-repeat;} #promo .th{margin-left: 7.5px;background-image: url("../img/promo/3.jpg");background-size: cover;background-position: center; background-position-x: 50%; background-position-y: 50%; background-repeat: no-repeat;} #promo .four{margin-top: 15px;margin-left: 7.5px;margin-right: 7.5px;background-image: url("../img/promo/4.jpg");background-size: cover;background-position: center; background-position-x: 50%; background-position-y: 50%; background-repeat: no-repeat;} #promo .fif {margin-top: 15px;margin-left: 7.5px;background-image: url("../img/promo/5.jpg");background-size: cover;background-position: center; background-position-x: 50%; background-position-y: 50%;background-repeat: no-repeat;} #promoBox{margin-top: 50px; margin: 0 auto;padding-top: 50px;margin-right: -7.5px;} #promoBox .promoBoxElement img{border:solid 1px #ccc; box-sizing:border-box; max-width:100%; } #promoBox #leftPromoBox,#promoBox #centerPromoBox,#promoBox #rightPromoBox{ padding-left:15px;} #promoBox #leftPromoBox {margin-left: -15px;} #promoBox #stangaElementWrapper{border:solid 1px #ccc;} #promoBox .col-3:first-childt img{border:0;} #promoBox #rightPromoBox{margin-right: -7.5px;} #centerPromoBox .promoBoxElement:first-child,#rightPromoBox .promoBoxElement:first-child{margin-bottom:15px;} .product-list{ text-align:center; background:#fff;} .product-box{text-align:center; line-height:20px; color:#333; box-sizing:border-box; padding:0 2px;} .product-image-wrapper{position:relative;} .boxStocReview{ margin-top:5px;} .boxStocReview .boxStoc span{font-size:10px; display:block;} .moreWidgets{padding-top:40px; padding-bottom:20px; background:#fff; border-radius:0 0 5px 5px;} .moreWidgets .widget-row{margin:20px 0;} .moreWidgets .widget-row .widget-element{ padding:20px 10px 10px;} .moreWidgets .widget-row .widget-element .widget-element-icon{ width:45px;} .moreWidgets .widget-row .widget-element .widget-element-arrow{width:22px;} .moreWidgets .widget-row .widget-element .widget-element-content h5{ font-size:12px;} .moreWidgets .widget-row .widget-element .widget-element-arrow img{ max-width:15px;} .moreWidgets #BlogMoreWidgets,.moreWidgets #ProblemeMoreWidgets{border-left:solid 1px #ccc; border-right:solid 1px #ccc;} .moreWidgets #DonatoriMoreWidgets .widget-element-content{padding:0 60px 20px;} .product-slider, .product-slider-white {margin-top:40px; margin-bottom:50px;} .product-image img{max-width:100%;} .slick-slider .product-box{margin-bottom:0;} .product-slider2{margin-bottom:30px;} #alertaStoc{position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; display:none;} #alertaStoc #alertaStocWrapper{background:rgba(0,0,0,0.5); padding:15px; box-sizing:border-box;} #alertaStoc #alertaStocWrapper #alertaStocContainer{max-width:600px; padding: 15px; background:#eee; box-sizing:border-box; margin:0 auto; position:relative; border-radius:5px;} #alertaStoc #alertaStocWrapper #alertaStocContainer #alertaStocClose { cursor: pointer; font-size: 32px; font-weight: bolder; line-height: 32px; text-align: center; width: 32px; height: 32px; position: absolute; top: -15px; right: -15px; background: #eee; border-radius: 50%; color: #000; font-family: Arial!important; transition: .4s; } #alertaStoc #alertaStocWrapper #alertaStocContainer #alertaStocClose:hover { color: #03933e; } #alertaStoc #alertaStocWrapper #alertaStocContainer #alertaStocContent{margin-top:10px;} #alertaStoc #alertaStocWrapper #alertaStocContainer #alertaStocContent h3{/*margin:10px 0;*/} .label{z-index:1; position: absolute;top: 0;left: 0;} .label_item {background: #ddd;color: #666;user-select: none; font-size:10px;padding: 2px 8px; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; border-top:1px solid #fff; border-radius: 20px;} .produse_cadou_lista{ z-index:1; position: absolute; bottom:0px; right:0;background: #000;color: #fff;padding: 3px 15px; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; font-size:10px;} #backToTop{transition: all .2s ease-in; /*box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);*/ position:fixed; bottom:70px; text-align:center; z-index:3; font-size:10px; line-height:10px; background: #03933e; text-decoration:none; color: #fff;right: 0;padding: 10px 5px;border-radius: 5px 0 0 5px; margin-top:-6px; right:-55px;} #backToTop i{display: block; font-size: 24px;} #backToTop small{font-size:8px; line-height:10px;} #backToTop.show{ right:0;} #backToTop:hover {background: #4fbc86;} #fromBlog{height:430px; width:100%; background:url(../img/blog/cover.jpg); background-size:cover;} #fromBlog h2{color:#fff; margin-bottom:70px;} #fromBlog>.table-element.element-center.element-middle{background:rgba(0,0,0,0.5); color:#fff;} #newsletterRegistration{width:100%;} #newsletterRegistration h4{margin-bottom:0px; text-transform:none; text-align:left;} #newsletterRegistration p{margin-bottom:0px;} #newsletterForm{display:block; margin:0 auto;} #newsletterForm #newsletterEmail{max-width:520px; width:100%;} #newsletterForm #newsletterEmail input{height:50px;} #newsletterForm #newsletterEmailButton{width:150px;} #newsletterForm .button input{background:#666;} #newsletterForm .button input:hover{background:#000;} /* Alex Popup */ .alex-popup { background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;height: 100%;z-index: 9999;width: 100%; display: none; padding: 20px; box-sizing: border-box;} .alex-popup img {max-width: 100%;height: auto;} .alex-popup .popup-overlay {cursor: pointer;box-sizing: border-box;display: table-cell;text-align: center;vertical-align: middle;} .alex-popup .popup-body-wrapper {max-width: 700px;margin: 0 auto;position: relative;width: 100%;box-sizing: border-box;} .alex-popup .popup-body {position: relative;background: #fff;padding: 15px;box-sizing: border-box;margin: 0 auto;text-align: left;cursor: default;border-radius: 5px;} .alex-popup .popup-close {cursor: pointer;font-size: 32px;font-weight: bolder;line-height: 32px;text-align: center;width: 32px;height: 32px; position: absolute; top: -15px; right: -15px; background: #fff; border-radius: 50%; color: #000; font-family: Arial!important; transition: .4s;} .alex-popup .popup-close:hover {color: #f30809;} @media only screen and (max-height: 768px) { .alex-popup.active {display: block!important; overflow: scroll;} .alex-popup .popup-overlay {display: block; width: 100%;} } /* Alex Popup */ #cat-body{background:#fff; padding-top:0; border-radius:0 0 5px 5px;} footer .hideInFooter{display:none} footer .nav-links{padding:0; display:table; list-style-type:none; width:100%; } footer .nav-links>li{display:table-cell;} footer .nav-links>li.space{ width:50px;} footer .nav-links>li.space:last-child{ width:0} footer .nav-links>li a{display:block; font-size:12px; line-height:20px;} footer .dropdown-wrapper ul{padding:0; margin:0; list-style-type:none;} footer .dropdown-wrapper ul a{ color:#000;} footer .dropdown-wrapper ul a:hover{ color: #bc2546;} #footerCopyright a{color:#cccaca;} footer .footer-col-2-l{ width:45%; float:left; text-align:right; margin-right:5%;} footer .footer-col-2-r{ width:45%; float:left; text-align:left; margin-left:5%;} footer .dropdown>a:hover{text-decoration:none;} #footerLogo{margin-top:-25px;} #supportInfo{padding-left:80px; box-sizing:border-box; width:210px;} #supportInfo small:nth-of-type(1){margin-bottom:47px;} #supportInfo a{font-size:14px; color:#eee;} #supportInfo small{color:#666666; display:block;} footer .footerLinklistTitle{color:#666666; font-size:14px; margin-bottom:10px; display:block; text-transform:uppercase; font-weight:bold;} .footerItemList{ list-style:none; padding:0; display:block; padding:0; line-height: 0;font-size: 0;} .footerItemList li{display:inline-block; line-height:0;} .footerItemList li a{padding:0 5px;} .footerItemList li:last-child a{padding-right:0;} .footerItemList li img{ max-height:25px; } #social-media{margin:0 auto;} #social-media .footerItemList{ } #payment-methods{width:275px;} #rightsReserved{color:#a2a2a2; display:block; line-height: normal;} #footer-icons>.container-table>.table-element{} #footer-icons .table-element.space{ width:45px;} #mobile-header-wrapper{display:none;} #mobile-header{ display:none; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5); z-index:3; position:fixed; background:#fff; width:100%; left:0; top:0; transition: left .2s ease-in;} #mobile-header>.container-table.fixed{height:50px;} #burgerMenu{ z-index:9999; display:none; background:#fff; position:fixed;float:left;top:0;cursor:pointer;padding:17px 20px;z-index:4;text-decoration:none;color:#000;outline:0;-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-ms-transition:all .5s ease-in-out;-ms-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;} #burgerMenu .menuBar{width:20px;height:2px;background:#000;display:block;margin-top:4px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;content:''} #burgerMenu .menuBar.top{margin-top: 0px;} #burgerMenu .menuText{ display:none; text-transform:uppercase;font-size:7px; line-height:7px; margin-top:3px;text-align:center; color:#000;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out} @-webkit-keyframes topDo { 0%{-webkit-transform:translatey(0px)} 50%{-webkit-transform:translatey(6px)} 100%{-webkit-transform:translatey(6px) rotate(45deg)} } @-moz-keyframes topDo { 0%{-moz-transform:translatey(0px)} 50%{-moz-transform:translatey(6px)} 100%{-moz-transform:translatey(6px) rotate(45deg)} } @-ms-keyframes topDo { 0%{-ms-transform:translatey(0px)} 50%{-ms-transform:translatey(6px)} 100%{-ms-transform:translatey(6px) rotate(45deg)} } @keyframes topDo { 0%{transform:translatey(0px)} 50%{transform:translatey(6px)} 100%{transform:translatey(6px) rotate(45deg)} } #burgerMenu.close .menuBar.top{-webkit-animation-name:topDo;-moz-animation-name:topDo;-ms-animation-name:topDo;animation-name:topDo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards} @-webkit-keyframes topUndo { 0%{-webkit-transform:translatey(6px) rotate(45deg)} 50%{-webkit-transform:translatey(6px)} 100%{-webkit-transform:translatey(0px)} } @-moz-keyframes topUndo { 0%{-moz-transform:translatey(6px) rotate(45deg)} 50%{-moz-transform:translatey(6px)} 100%{-moz-transform:translatey(0px)} } @-ms-keyframes topUndo { 0%{-ms-transform:translatey(6px) rotate(45deg)} 50%{-ms-transform:translatey(6px)} 100%{-ms-transform:translatey(0px)} } @keyframes topUndo { 0%{transform:translatey(6px) rotate(45deg)} 50%{transform:translatey(6px)} 100%{transform:translatey(0px)} } #burgerMenu.open .menuBar.top{-webkit-animation-name:topUndo;-moz-animation-name:topUndo;-ms-animation-name:topUndo;animation-name:topUndo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards} @-webkit-keyframes middleDo { 0%{-webkit-transform:translatey(0px)} 50%{-webkit-transform:translatey(0px)} 100%{-webkit-transform:translatey(0px) rotate(-45deg)} } @-moz-keyframes middleDo { 0%{-moz-transform:translatey(0px)} 50%{-moz-transform:translatey(0px)} 100%{-moz-transform:translatey(0px) rotate(-45deg)} } @-ms-keyframes middleDo { 0%{-ms-transform:translatey(0px)} 50%{-ms-transform:translatey(0px)} 100%{-ms-transform:translatey(0px) rotate(-45deg)} } @keyframes middleDo { 0%{transform:translatey(0px)} 50%{transform:translatey(0px)} 100%{transform:translatey(0px) rotate(-45deg)} } #burgerMenu.close .menuBar.middle{-webkit-animation-name:middleDo;-moz-animation-name:middleDo;-ms-animation-name:middleDo;animation-name:middleDo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards} @-webkit-keyframes middleUndo { 100%{-webkit-transform:translatey(0px)} 50%{-webkit-transform:translatey(0px)} 0%{-webkit-transform:translatey(0px) rotate(-45deg)} } @-moz-keyframes middleUndo { 100%{-moz-transform:translatey(0px)} 50%{-moz-transform:translatey(0px)} 0%{-moz-transform:translatey(0px) rotate(-45deg)} } @-ms-keyframes middleUndo { 100%{-ms-transform:translatey(0px)} 50%{-ms-transform:translatey(0px)} 0%{-ms-transform:translatey(0px) rotate(-45deg)} } @keyframes middleUndo { 100%{transform:translatey(0px)} 50%{transform:translatey(0px)} 0%{transform:translatey(0px) rotate(-45deg)} } #burgerMenu.open .menuBar.middle{-webkit-animation-name:middleUndo;-moz-animation-name:middleUndo;-ms-animation-name:middleUndo;animation-name:middleUndo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards} @-webkit-keyframes bottomDo { 0%{-webkit-transform:translatey(0px)} 50%{-webkit-transform:translatey(-6px)} 100%{-webkit-transform:translatey(-6px) rotate(-45deg)} } @-moz-keyframes bottomDo { 0%{-moz-transform:translatey(0px)} 50%{-moz-transform:translatey(-6px)} 100%{-moz-transform:translatey(-6px) rotate(-45deg)} } @-ms-keyframes bottomDo { 0%{-ms-transform:translatey(0px)} 50%{-ms-transform:translatey(-6px)} 100%{-ms-transform:translatey(-6px) rotate(-45deg)} } @keyframes bottomDo { 0%{transform:translatey(0px)} 50%{transform:translatey(-6px)} 100%{transform:translatey(-6px) rotate(-45deg)} } #burgerMenu.close .menuBar.bottom{-webkit-animation-name:bottomDo;-moz-animation-name:bottomDo;-ms-animation-name:bottomDo;animation-name:bottomDo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards} @-webkit-keyframes bottomUndo { 0%{-webkit-transform:translatey(-6px) rotate(-45deg)} 50%{-webkit-transform:translatey(-6px)} 100%{-webkit-transform:translatey(0px)} } @-moz-keyframes bottomUndo { 0%{-moz-transform:translatey(-6px) rotate(-45deg)} 50%{-moz-transform:translatey(-6px)} 100%{-moz-transform:translatey(0px)} } @-ms-keyframes bottomUndo { 0%{-ms-transform:translatey(-6px) rotate(-45deg)} 50%{-ms-transform:translatey(-6px)} 100%{-ms-transform:translatey(0px)} } @keyframes bottomUndo { 0%{transform:translatey(-6px) rotate(-45deg)} 50%{transform:translatey(-6px)} 100%{transform:translatey(0px)} } #burgerMenu.open .menuBar.bottom{-webkit-animation-name:bottomUndo;-moz-animation-name:bottomUndo;-ms-animation-name:bottomUndo;animation-name:bottomUndo;-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-ms-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards} #burgerNavbarLogo a{display:block;} #burgerNavbarLogo a img{padding: 5px 0;margin: 0 auto; max-height: 50px;} #drawer{z-index:5;width:250px; overflow:hidden; position:fixed; height:100%; top:0; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); left:-250px; background:#fff; transition: all .2s;} #drawer #drawerWrapper{width:100%; height:100%; padding-right:20px; overflow: hidden; overflow-y: auto; background:#f5f5f5;} #drawerWrapperContainer{width:250px; border-bottom:solid 1px #ddd; background:#fff;} #drawer .nav-links li.hideInDrawer{display:none;} #drawer #drawerLogo img{padding:10px;max-width: 80%; margin:0 auto;} #drawer #drawerLogo{display:block; width:auto;} body.showBurgerMenu {position: fixed; width: 100%;} body.showBurgerMenu #burger_overlay{ display:block;} body.showBurgerMenu #drawer {left: 0;} .links-title{width:250px; padding:15px 10px; box-sizing:border-box; font-weight:700; font-size:14px; border-top:solid 1px #ccc; color:#666;} #drawer .nav-links.smaller>li>a{font-size:10px; padding:5px 0;} #drawer .nav-links.smaller{border-bottom: solid 0px #ddd; background:#f5f5f5; padding-top:0;} #drawer .nav-links.smaller{padding: 0px 10px 0; margin:0; list-style:none; width:250px; box-sizing:border-box;} #drawer .nav-links{padding: 0 10px; margin:0; list-style:none; width:250px; box-sizing:border-box; background:#fff;} #drawer .nav-links.contul-meu > li{background: #f5f5f5;} #drawer .nav-links li{display:block;} #drawer .nav-links > li{border-top :1px solid #ddd; margin: 0 -10px; padding: 5px 10px;} #drawer .nav-links li a.subcat{background: url(../img/icons/arrow-right.png);background-repeat: no-repeat;background-position: right 0px center; background-position-x: 100%; background-position-y: 50%;background-size: 8px;} #drawer .nav-links li a#selectLangBurger.subcat{background: url(../img/icons/arrow-right.png);background-repeat: no-repeat;background-position: right 0px center; background-position-x: 100%; background-position-y: 50%;background-size: 8px; padding-top:15px; padding-bottom:15px;} #drawer .nav-links>li>a{display:block; text-decoration:none; color:#666; font-size:14px; font-weight:700; padding: 5px 0; text-transform:uppercase;} .subcat-links li a.backToCat{text-align:left; background: url(../img/icons/arrow-left-white.png),#000;background-repeat: no-repeat;background-position-x: 15px; background-position-y: 50%;background-size: 8px; padding-left: 40px; padding-top:0; padding-bottom:0; color:#fff; font-weight:400; height:60px; line-height:60px;} .subcat-links{position: absolute;height: 100%;left: 251px;top: 0;background: #fff;padding: 0;margin: 0;list-style: none;width: 270px; overflow-y:scroll; padding-right:20px;} .subcat-links li{display:block;} .subcat-links>li>a{display:block; padding:10px; text-decoration:none; color:#666; font-size:14px; font-weight:700; } a#selectLangBurger{color:#000; display:block;} #drawer .myDropdown.dropdown-content{padding:0; margin:0; list-style:none; background: #e6e6e6; display:none;} #drawer .dropdown-content>li>a{display:block; padding:10px; text-decoration:none; color:#666; font-weight:700; font-size:12px;} #drawer .dropdown-content>li:last-child{border-bottom:solid 1px #ccc;} #drawer .dropdown.megamenu .level-2{box-sizing: border-box;} #drawer .dropdown.megamenu .level-2>li{ } #drawer .dropdown.megamenu .level-2>li + li {border-top: 2px solid #ddd;} #drawer .dropdown.megamenu .level-2>li>a{padding: 15px; background:#ddd;} #drawer .dropdown.megamenu .level-3{padding: 0 5px;box-sizing: border-box;} #drawer .dropdown.megamenu .level-3>li{} #drawer .dropdown.megamenu .level-3>li>a{font-weight: normal; border-bottom: 1px solid #ddd; position:relative; padding-left: 10px;} #drawer .dropdown.megamenu .level-3>li>a span{position: absolute;top: 4px;left: 0;} #drawer .dropdown-content a.backToCat{position: relative; display:block;text-align:left; background: #03933e;padding-left: 40px; padding-top:20px; padding-bottom:20px; color:#fff; font-size: 14px;font-weight: 700; text-transform:uppercase;} #drawer .dropdown-content a.backToCat:after{ font-size: 24px; font-family: Font Awesome\ 5 Pro; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 0; font-weight: 900; content: "\f053"; position: relative; top: 50%; line-height: 0; position: absolute; left: 10px; } #drawer .nav-links li.dropdown>a{padding-right: 25px; position: relative;} #drawer .nav-links li.dropdown>a:after { font-size: 14px; font-family: Font Awesome\ 5 Pro; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 0; font-weight: 900; content: "\f054"; position: relative; top: 50%; line-height: 0; position: absolute; right: 0; } #drawer .dropdown-content{position: absolute;height: 100%;left: 251px;top: 0;background: #fff;padding: 0;margin: 0;list-style: none;width: 270px; overflow-y:scroll; padding-right:20px;} #drawer .dropdown-content ul{padding:0; margin:0; list-style-type:none;} #drawer .dropdown-content li{display:block;} #drawer .dropdown-content li>a{display:block; padding:10px; text-decoration:none; color:#666; font-size:14px; font-weight:700; } #drawer .nav-links.smaller>li{margin:0 -10px; padding:0 10px; box-sizing:border-box; border-top:solid 1px #ddd;} #drawer .nav-links.smaller>li>a{ font-size:10px; padding:10px 0; box-sizing:border-box; margin-top:0;} #drawer .nav-links li a.subcat.small{ font-size:10px; border-top:solid 1px #ccc; padding:10px; margin-left: -10px; margin-right: -10px; background:url(../img/icons/arrow-right.png),#f5f5f5; background-repeat: no-repeat; background-size: 8px; background-position: right center; background-position-x: 100%; background-position-y: 50%; margin-top:0;} #burger_overlay{transition: all .2s ease-in; position: fixed;z-index: 3;height: 100%;width: 100%;top: 0;display: none;background-color: rgba(0,0,0,0.5);} #hiddenSideBarTrigger{display:none;} /*product-details.php*/ #JSappendPDetails{} #descriere,#reviewScrollContainer{background: #fff;padding-top: 20px; } #idProdusGet{padding-top:15px; padding-bottom: 15px; background:#fff;} #JSappendCart{position:relative; margin-bottom:40px;} #productDetailsContent .addToFavorites { margin-top:20px;} #productDetailsTitle{padding-left:20px; box-sizing:border-box; margin:0 auto; text-align:left; z-index:2; position:relative;} #productDetailsPrice{} #productDetailsPrice .product-price{text-align:left; padding-bottom:10px; padding-top:10px; padding-left:20px;} #productDetailsPrice .product-price #vat-included{color:#999999; font-size:12px; font-weight:400;} #productDetailsPrice .product-price .old-price{font-size:20px; font-weight:400;} #productDetailsPrice .product-price .new-price{font-size:20px; font-weight:400;} #productDetailsPrice .product-price .price{font-size:40px; font-weight:bold;} #productDetailsPrice .product-price small{font-size:20px;} .product-code{text-align:right;} .addToCartQtyAdd{width:100%;} #productDetailsContent .addToAStoc{width:100%; height:80px; background-size: 24px;font-size: 14px;} #productDetailsContent .addToBagWrapper .addToAStocWrapper{width:270px;} #productDetailsVariant{padding-left:20px; box-sizing:border-box; margin:0 auto;} #productDetailsVariant .variantSelectorTitle{font-size:12px; text-transform:uppercase; color:#999999;} #productDetailsVariant .addToBag{display:block; float:none; height: 70px; width: 100%;} #productDetailsContent .addToBagWrapper{ float:left; display:block;} #productDetailsContent .col-2 .addToBagWrapper {float: right;} #productDetailsVariant .element-center .addToFavorites{display:block; float: right;width: 225px;height: 80px;} #productDetailsVariant .noattributes .addToBagWrapper{ margin-top:20px; margin-bottom:20px;} .customVatiante,#sizeSelector{width:auto;} .customVatiante .table-element,#sizeSelector .table-element{ width:47px; height:50px; display:inline-block;} .customVatiante .switch input[type=radio]{display:none;} .customVatiante .switch{background:inherit;position: relative;display: block;height: 40px;width: 40px;cursor: pointer;} .customVatiante .switch:after {position: absolute;left: -4px;top: -4px;display: block;width: 44px;height: 44px;content: '';} .customVatiante .switch.selected{border:solid 2px #fff;} .customVatiante .switch.selected:after{border:solid 2px #000;} .customVatiante .switch{background:#fff; font-weight:bold; color:#000; border:solid 2px #dddddd; font-size: 10px; line-height: 12px;vertical-align: middle;display: table-cell; word-break:break-all; word-wrap: break-word; text-transform:uppercase;} .customVatiante .switch.selected{border:solid 2px #fff; font-weight:700; background: #000; color: #fff;} .customVatiante .switch.inactive{background: url(../img/icons/inactive.png),#fff; background-size: cover;background-position: center; background-position-x: 50%; background-position-y: 50%;} .customVatiante .switch.inactive.selected{ color:#ddd; border:solid 2px #dddddd; font-weight:400;} .customVatiante .dropdownSelector{ width:240px; position:relative; margin-bottom:20px;} .customVatiante .dropdownSelector .dropdown-selected{border: solid 1px #bbbbbb;color: #bbb; padding:9px; box-sizing:border-box; cursor:pointer; padding-right:20px; box-sizing:border-box; background:url(../img/icons/arrow-down.png); background-size: 15px;background-repeat: no-repeat;background-position: right 10px center;} .customVatiante .dropdownSelector .dropdown-selected.selected-option{ color:#000; font-weight:bold;} .customVatiante .dropdownSelector.open .dropdown-selected{background:url(../img/icons/arrow-up.png); background-size: 15px;background-repeat: no-repeat;background-position: right 10px center;} .customVatiante .dropdownSelector .dropdown-selector-droplist-wrapper{max-height: 200px; z-index:2; overflow-y:auto; border:solid 1px #ccc; box-sizing:border-box; position:absolute; top:100%; left:0; margin-top:-1px; width:100%; display:none;} .customVatiante .dropdownSelector.open .dropdown-selector-droplist-wrapper{display:block;} .customVatiante .dropdownSelector .dropdown-selector-droplist{ margin:0; padding:0; display:block; list-style-type:none; border-right:solid 1px #ccc; box-sizing:border-box;} .customVatiante .dropdownSelector .dropdown-selector-droplist .dropdown-selector-droplist-option{ padding:10px; box-sizing:border-box; display:block; background:#f5f5f5; border-top:solid 1px #ccc; cursor:pointer;} .customVatiante .dropdownSelector .dropdown-selector-droplist .dropdown-selector-droplist-option.selected{ background:#03933e; color:#fff; font-weight:bold;} .customVatiante .dropdownSelector .dropdown-selector-droplist .dropdown-selector-droplist-option.inactive{ color:#ccc; text-decoration:line-through;} .customVatiante .dropdownSelector .dropdown-selector-droplist .dropdown-selector-droplist-option:first-child{ border-top:0;} .addToFavorites{max-width:270px; margin-top:20px; float:right; background:transparent; line-height:0; border:solid 1px #bbbbbb; color:#bbb; border-radius:5px;} .addToFavorites.added{border: solid 1px #666; color:#fff; background:#666; border-radius:5px;} .addToFavorites span{background:url(../img/icons/add-to-wishlist-icon.png); background-size:20px; background-repeat:no-repeat; background-position:center left; background-position-x: 0%; background-position-y: 50%; line-height: 35px; padding: 11px 0 11px 35px;} .addToFavorites.added span{background:url(../img/icons/add-to-wishlist-icon-fill.png); background-size:20px; background-repeat:no-repeat; background-position:center left; background-position-x: 0%; background-position-y: 50%; line-height: 35px; padding: 11px 0 11px 35px;} #productDetailsNavHolder{position:relative; margin:0px 0; width:100%; height:52px;} #productDetailsNav{width:100%; z-index:2; top:0; left:0; position:absolute;} #productDetailsNav.fixed{position:fixed; border-top:solid 1px #dddddd; top:80px;} #productDetailsNav.fixed .nav-tabs{border-top:0;} #productDetailsNav .nav-tabs{list-style: none;padding: 0;margin: 0 auto;font-size: 0;text-align: center;width: 100%;display: table; width:100%;table-layout: fixed; border: solid 1px #dddddd; box-sizing: border-box;} #productDetailsNav .nav-tabs li{ background:#fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; text-align:center; display:table-cell;} #productDetailsNav .nav-tabs li a{transition: all .2s ease-in; display:block; text-decoration:none; color:#999;padding: 18px 0px;font-size: 14px;line-height: 14px;} #productDetailsNav .nav-tabs li a.active,.tabs .nav-tabs li a:hover{background:#03933e; box-sizing:border-box; color:#fff;} #productDetailsNav .nav-tabs li>a.inactive{background:#ccc; box-sizing:border-box } #productDetailsNav .nav-tabs li a.inactive{color:#74777b;} #productDetailsFeatures .feature-wrapper{display:block; float:right; width:auto; margin:20px 0;} #productDetailsFeatures .feature-wrapper .image{padding:0 15px;} #productDetailsFeatures .feature-wrapper .text{padding: 5px 15px; box-sizing: border-box; border-left: solid 1px #ccc; line-height: 16px; text-align: left; width:187px;} /* cat.php */ .category .col-5:nth-child(5n+5){ clear:right;} .category .col-5:nth-child(5n+1){ clear:left;} .category .col-4:nth-child(4n+4){ clear:right;} .category .col-4:nth-child(4n+1){ clear:left;} .col-3:nth-child(3n+3){ clear:right;} .col-3:nth-child(3n+1){ clear:left;} #categoryTitle{ } #categoryTitle .container-fixed{padding:0;} #categoryTitle h1{text-align: left !important; margin-bottom: 20px;} #categoryTitle p, #categoryTitle ul, #categoryTitle ol {color: #a2a2a2; text-align: left!important;} #categoryTitle.producator-page p, #categoryTitle.producator-page ul, #categoryTitle.producator-page ol {color: #000;} #categoryTitle img{margin:25px auto; max-width:100%;} .lps #cat-body{border-radius:5px; box-sizing:border-box; border-right:0; overflow:hidden;} /*.product-box{margin-bottom:30px; height:100% !important; }*/ .product-box{margin-bottom:30px; height:100% !important; } #pagination{text-align: center; position: fixed;bottom: 0;width: 100%;left: 0;z-index: 2;background: #fff;padding: 5px;box-sizing: border-box;} #minSLider{padding: 5px;width: 40px;text-align: center; float:left; margin-top:10px;} #maxSLider{padding: 5px;width: 40px;text-align: center; float:right; margin-top:10px;} /* page.php */ #map{height: 400px;} #testimonialWrapperContainer{display:none;} #widgetIndexCatWrapper{padding-top:20px; background:#fff;} .widgetIndexCat{margin:0 -5px;} .widgetIndexCat .widgetIndexCatBox{ padding:5px; box-sizing:border-box;} .widgetIndexCat .widgetIndexCatBox img{ margin:0 auto; max-width:100%; max-height:100%;} .widgetIndexCat .widgetIndexCatBox a{display: table-cell;text-align: center; height: 110px;width: 100%;vertical-align: bottom;} .widgetIndexCat .widgetIndexCatBox a span{ padding-top: 10px; display: inline-block;} .widgetIndexCat .widgetIndexCatBox .widgetIndexCatBoxContainer{padding: 10px;box-sizing: border-box;border: solid 1px #ccc;border-radius: 5px;display: table;width: 100%;} /* STARS */ .stars {background: url(../img/icons/stars.png) repeat-x 0 0;width: 100px;} .ie7 .stars {*zoom: 1;} .stars:before, .stars:after {display: table;content: "";} .stars:after {clear: both;} .stars input[type="radio"] {position: absolute;opacity: 0;filter: alpha(opacity=0);} .stars input[type="radio"].star-5:checked ~ span {width: 100%;} .stars input[type="radio"].star-4:checked ~ span {width: 80%;} .stars input[type="radio"].star-3:checked ~ span {width: 60%;} .stars input[type="radio"].star-2:checked ~ span {width: 40%;} .stars input[type="radio"].star-1:checked ~ span {width: 20%;} .stars label {display: block;width: 20px;height: 20px;margin: 0!important;padding: 0!important;text-indent: -999em;float: left;position: relative;z-index: 10;background: transparent!important;cursor: pointer;} .stars label:hover ~ span {background-position: 0 -20px;} .stars label.star-5:hover ~ span {width: 100% !important;} .stars label.star-4:hover ~ span {width: 80% !important;} .stars label.star-3:hover ~ span {width: 60% !important;} .stars label.star-2:hover ~ span {width: 40% !important;} .stars label.star-1:hover ~ span {width: 20% !important;} .stars span {display: block;width: 0;position: relative;top: 0;left: 0;height: 20px;background: url(../img/icons/stars.png) repeat-x 0 -40px;-webkit-transition: -webkit-width 0.5s;-moz-transition: -moz-width 0.5s;-ms-transition: -ms-width 0.5s;-o-transition: -o-width 0.5s;transition: width 0.5s;} /* staticPage */ #staticPageTitle{text-align: center;} .static-page{min-height: 500px; background: #fff; padding: 30px 15px; margin: 0 auto; border-radius: 0 0 5px 5px;} .static-page button,.static-page input[type="submit"]{max-width:270px; text-transform:uppercase; transition: all .2s ease-in; float:left;} /*am nevoie de float left */ #userOrdersTable tr th{ padding:5px; background:#ccc;} #userOrdersTable tr th:nth-child(2){text-align:left;} #userOrdersTable tr th:nth-child(3){width:50px;} #userOrdersTable tr th:nth-child(4){width:80px;} #userOrdersTable tr th:nth-child(5){width:80px;} #userOrdersTable #products tr td{ border-bottom:solid 1px #ccc; padding:5px; background:#f5f5f5; vertical-align:middle !important;} #userOrdersTable #products tr td img{padding:5px; width:50px;} #userOrdersTable #products tr td:nth-child(2){vertical-align:middle;} #userOrdersTable #products tr:last-child td{border-bottom:0;} /* cart.php */ .TCContainer{position: fixed; z-index: 4; top: -500px; left: 0px; right: 0px; max-width: 840px; width: 100%; margin: 0px auto; box-sizing: border-box; opacity: 0; height: 650px; overflow-y: scroll; padding: 20px; display: none; background: rgb(255, 255, 255);} .TCContainerWrapper{position:relative;} .TCContainer .inchide {cursor: pointer;font-size: 32px;font-weight: bolder;line-height: 32px;text-align: center;width: 32px;height: 32px; position: fixed; margin:-35px 0 0 -35px; background: #fff; border-radius: 50%; color: #000; font-family: Arial!important; transition: .4s;} .TCContainer .inchide:hover {color: #03933e;} .PCContainer{position: fixed; z-index: 4; top: -500px; left: 0px; right: 0px; max-width: 840px; width: 100%; margin: 0px auto; box-sizing: border-box; opacity: 0; height: 650px; overflow-y: scroll; padding: 20px; display: none; background: rgb(255, 255, 255);} .PCContainerWrapper{position:relative;} .PCContainer .inchide {cursor: pointer;font-size: 32px;font-weight: bolder;line-height: 32px;text-align: center;width: 32px;height: 32px; position: fixed; margin:-35px 0 0 -35px; background: #fff; border-radius: 50%; color: #000; font-family: Arial!important; transition: .4s;} .PCContainer .inchide:hover {color: #03933e;} .overlay{position: fixed; z-index:3; top:0; width:100%; height:100%; opacity:0.7; background:#000;} #cartTableWrapper{padding:0px 15px 15px; background:#fff; border-radius:0 0 5px 5px;} .lps #cartTableWrapper{ padding-top:20px;} #cart-table th,#cart-table td{border-bottom: solid 1px #ddd;} #cart-table tr:last-child td{border:0;} #cart-table td{padding:10px 0;} #cart-table .cartProductImage{width:80px; padding-right: 10px; padding-left:10px; box-sizing:border-box;} #cart-table .cartProductImage .product-image {padding: 0;} #cart-table .cartProductImage img{margin:0 auto;} #cart-table .removeProductFromCart{width:45px;} #cart-table-footer{ } #cart-table-footer table{width:100%;} #cart-table-footer table tr td:first-child{ text-align:right;} #cart-table-footer table tr td:nth-child(2){width:100px; text-align:right;} #cart-table-footer table tr td:nth-child(3){text-align:right; width:45px;} #donatieForm .doneazaVal{ display:inline-block; margin-right:10px;} .removeFromCart{transition: all .2s ease-in; width: 20px;height: 20px;line-height: 16px;font-size: 20px; border: solid 1px #ccc;color: #ccc;text-align: center;cursor: pointer; display:inline-block; transition: all .2s ease-in;} .removeFromCart:hover{border: solid 1px #666;color: #fff; background:#666; font-weight:bold;} input.cartProductQuantity{ width: 20px; text-align: center; display: block; margin: 0 auto; height: 10px; padding: 0!important; border: 0!important; } .cartPriceWrapper{display:inline-table; text-align:center;} .cartPriceWrapper span{ display:block; line-height:30px;} .cartPriceWrapper span small{ display:block; text-align:center;} #cartActionButtons{margin:40px 0;} .cartCheckoutRadioWidget{background:#f5f5f5; margin-top:10px;padding:0;} .cartCheckoutRadioWidget.checked{background:#e1e1e1;} .cartCheckoutRadioWidget .table-element{padding:0; box-sizing:border-box; height:40px;} .cartCheckoutTable input[type="radio"]{display:inline-block; cursor:pointer; position:relative; width:10px; height:10px; margin:20px;} .cartCheckoutTable input[type="radio"]:before{content:''; position: absolute; width: 20px; height: 20px; background: #fff; top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; border-radius: 50%;box-sizing: border-box;border: solid 1px #ccc;} .cartCheckoutTable input[type="radio"]:checked:before{ border:solid 2px #03933e;} .cartCheckoutTable input[type="radio"]:checked:after{ content:''; position: absolute; background: #03933e; width:6px; height:6px; border-radius:50%; top:50%; margin-top:-3px; left:50%; margin-left:-3px; } .cartCheckoutRadioWidget label{cursor:pointer; display:block; padding:10px;} .cartCheckoutRadioWidget .table-element:first-child{width:40px;} .cartCheckoutRadioWidget .table-element:last-child{width:40px;} a.cartCheckoutRadioWidgetToggle {transition: none;width: 100%;display: block;text-align: center;background: #666;color: #fff;margin: -1px -1px 0 0;padding: 5px 10px;box-sizing: border-box;text-decoration:none;transition: all .2s ease-in;} a.cartCheckoutRadioWidgetToggle:hover { background: #333;} #livrareContent,#facturareContent{padding:10px; box-sizing:border-box; border:solid 1px #ddd;} #livrareContent table,#facturareContent table{width:100%; margin-top:0;} #livrareContent table th,#facturareContent table th{text-align:left; font-weight:400; width:150px;} .cartCheckoutRadioWidget.add input[type="radio"]{margin-top:20px;} #cartCheckoutBilling,#cartCheckoutDelivery,cartCheckoutTableTransportPlata{position:relative; padding-bottom:10px;} #cartCheckoutBilling .cartCheckoutRadioWidget:first-child,#cartCheckoutDelivery .cartCheckoutRadioWidget:first-child{margin-top:0px} .cartCheckoutTable{width:100%; padding-top:5px; padding-bottom:5px;} .cartCheckoutTable th{text-align:left; font-weight:400; vertical-align:top; width:150px;} .sideBInputWrapp {display: inline-block;background: #f5f5f5;padding-right: 10px;margin-right: 10px;margin-bottom: 10px; width:auto;} .sideBInputWrapp label{display:inline-block; cursor:pointer;} .sideBInputWrapp.checked{background:#e1e1e1;} #totalCosCheckoutWrapper {position:relative;background: #eee; padding: 10px;} #totalComandaWrapper {position:relative;background: #ccc; padding: 10px;} /* PAGINARE */ .paginare {width:100%; margin:20px 0px; font-size:10px; font-weight:bold; box-sizing:border-box;} .paginare h4 { padding:0px; margin-right:5px; font-size:10px; line-height:32px; text-align:left;} .paginare ul {margin:0; padding:0; float: right;} .paginare li {float: left; display: block; list-style: none;margin: 2px; font-size: 14px;} .paginare li a {transition: all .2s ease-in; padding:0px 10px; color:#2b2b2b; text-decoration:none; background:#fff; border:1px solid #03933e; line-height:30px; font-size: 14px; color: #03933e;} .paginare li a:hover{text-decoration:none; background: #03933e; border:1px solid #03933e; color: #fff;} .paginare a.currentPage{background: #03933e; border:1px solid #03933e; color:#fff;} /*--------------*/ #recentlyViewed h2{font-size:24px; padding-top:20px;} .quickview{height: 100%;position: fixed;z-index: 999;top: 0;left: 0;background: rgba(0,0,0,0.5); display:none;} .quickview .quickviewContainer{padding:15px;} .quickview .quickviewContainer .container-fixed{padding: 15px; box-sizing:border-box; background:#fff; border-radius:5px;} .quickview h2{font-size:24px; text-align:left;} .closeQuickview { cursor: pointer; font-size: 32px; font-weight: bolder; line-height: 32px; text-align: center; width: 32px; height: 32px; position: absolute; top: -15px; right: -15px; background: #fff; border-radius: 50%; color: #000; font-family: Arial!important; transition: .4s; } .closeQuickview:hover { color: #03933e; } .quickview img{} .quickview .product-price{ text-align:left;} .quickview #productDetailsVariant{ padding:0;} .quickview #productDetailsVariant .element-center{text-align:left;} .quickview #productDetailsVariant .variantSelectorTitle{ text-align:left; display:block;} .quickview .product-code{text-align:right;} .quickview .addToBag,.quickview .addToFavorites{float:left; } .quickview .seeDetails{margin-top:20px;} .quickview .customVatiante,.quickview #sizeSelector{text-align:left;} .quickview #productDetailsPrice .product-price{padding-left:0;} #JSappendQuickView1{display:none;} .categoryBanner{ height:30px; width:auto; margin:0 auto;} table#userOrders{margin: 0 auto;border-collapse: collapse;text-rendering: optimizeLegibility;} table#userOrders caption{background-size: contain;background-repeat: no-repeat;background-position: center left, center right; } #header-wrapper #main-nav .dropdown-content .dropdown-wrapper >ul>li.hideFromMain{display:none;} #quickviewSlider img{max-height:400px; max-width:100%;} #quickviewSlider .product-image{background:#fff; position:relative; border: none; padding: 0 border-radius: none;} #ofertaZileiFix {background: red;padding: 20px 5px;right: 0;width: 20px;border-radius: 5px 0 0 5px;box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.5);cursor: pointer;margin: 10px 0;margin-left: -30px;} #ofertaZileiFix img{max-width:100%; margin:0 auto; height:50px} #ofertaZileiBanner{position:fixed;top:0;left:0;display:none;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.5); padding:20px; box-sizing:border-box;} #bannerFixed{ position:relative; display:inline-block;} #closeBanner{ font-weight:bold; width: 20px;height: 20px;line-height: 20px;font-size: 20px; border: solid 2px #fff;color: #fff;background: red;text-align: center;cursor: pointer;display: inline-block;transition: all .2s ease-in;position:absolute;top: -8px;right: -8px;border-radius: 50%;} #showSuperOfertaBanner{background: #03933e;padding: 5px;right: 0;width: 20px;height: 20px;border-radius: 5px 0 0 5px;box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.5);cursor: pointer; margin:10px 0; margin-left: -30px;} #showSuperOfertaBanner img{max-width:100%;} #superOfertaBanner{position:fixed;top:0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(0,0,0,0.5); padding:20px; box-sizing:border-box; display:none;} #superOfertaBannerFixed{ position:relative; display:inline-block;} #superOfertaBannerFixed a:hover{text-decoration:none;} #superOfertaBannerFixed a span{display:inline-block; width:100%; text-align:center; background:#03933e; color:#fff; font-weight:bold; font-size:16px; padding:5px; box-sizing:border-box;} #closeSuperOfertaBanner{ font-weight:bold; width: 20px;height: 20px;line-height: 20px;font-size: 20px; border: solid 2px #fff;color: #fff;background: red;text-align: center;cursor: pointer;display: inline-block;transition: all .2s ease-in;position:absolute;top: -8px;right: -8px;border-radius: 50%;} #fixedButtons{position: fixed;z-index: 4;height: 100%;top: 0;right: 0;width: 0;} .promo{position: absolute;top: 0;left: 0;background: #8F051F;padding: 5px 25px;color: #fff;font-weight: bold;display: inline-block;} .bloggerBox{border: 3px solid #03933e; background: #f8ffeb;font-size: 12px;box-sizing: border-box; border-radius:5px; padding:10px;} #footerCopyright{background:#2b2b2b; padding:10px 0;} #footerCopyright #rightsReserved small{color:#cccaca; display:block;} #footerCopyright #designBy{width:110px; color:#cccaca;} #footerCopyright #designBy small{display:block;} #produsCadouDetaliu{padding-left:20px;} body.b2b #tagB2B{background: #000; color: #fff; padding: 3px 20px; margin-bottom:15px; display:inline-block;} body.b2b #main-nav{ background:#000;} body.b2b #main-nav .nav-links>li:hover{ background:rgba(255,255,255,0.2);} body.b2b footer,body.b2b #footer-icons,body.b2b #newsletterRegistrationWrapper,body.b2b #footerSocialLinks{display:none;} body.b2b #b2bBackToShop{padding: 5px 70px;background: #03933e;color: #fff;font-weight: bold;margin-bottom: 10px;position: absolute;top: 0;left: 0;border-radius: 0 0 5px 5px;} #mobileProductTitle{display:none;} #titluTable{padding:5px;} .cartProductQuantityWrapper{ width:100px;} .cartProductPriceWrapper{ width:100px;} .boxPletsPlay{width:50%; float:left; margin-top:15px; margin-bottom:15px;} .voucherPletsPlay{float:left; width:30%; text-align:center; font-size:24px; border:1px dashed #aeaeae; border-radius:25px; padding:25px; box-sizing:border-box; margin:0 1.5%;} #doneazaDonatori #doneazaDonatoriProduct{width:216px; padding-right:40px;} #doneazaDonatori #doneazaDonatoriMessage{padding-left:40px; border-left:solid 1px #ccc;} #certificari{padding:0; display:block;} #certificari li{display:block; margin:10px;} #certificari li a{padding:10px; } .aditional-link{background: #f5f5f5;padding: 5px;padding-left: 15px;padding-right: 15px;box-sizing: border-box;border-bottom: solid 1px #ccc;font-weight: bold;} .aditional-link:last-child{border-radius:0 0 5px 5px; border-bottom:0;} /*DTOX*/ .dtoxLine{background:#656565; width:100%; height:1px;} .dtoxProductsWrapp{ position:relative; z-index:5; background:url(images/dtox/dtox-bg-line.jpg) repeat-x; background: rgba(0,0,0,1); background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,14,48,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,14,48,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,14,48,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,14,48,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,14,48,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,14,48,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000e30', GradientType=0 ); } .dtoxProduct {color:#fff; padding:35px; box-sizing:border-box;} .dtoxProducts{position:relative; max-width:1060px; margin:0 auto; padding-top:1px; box-sizing:border-box;} .dtoxProducts .dtoxVideo{position:absolute; z-index:-9; width:100%; height:100%; max-height:500px;} .dtoxSideA{float:left; width:424px;} .dtoxProducts .dtoxBoxWrapp .dtoxBox{float:left; width:33.2%; height:399px; margin-right:0.20%; background:url(../uploads/dtox/dtox-box-bg.png) repeat-x; text-align:center; cursor:pointer;} .dtoxProducts .dtoxBoxWrapp .dtoxBox img{height:195px; margin-top:160px; margin-left: auto; margin-right: auto; max-width: 100%; padding: 0 15px;box-sizing: border-box;} .dtoxProducts .dtoxtitluWrapp{height:150px; margin-bottom:-90px; color:#fff; text-align:center;} .dtoxProducts .dtoxtitluWrapp .dtoxTitlu{font-size:30px; font-size:3rem; font-weight:bold; line-height:26px; margin:40px 0 15px;} .dtoxProducts .dtoxtitluWrapp .dtoxSubtitlu{font-style:italic;} .dtoxSideB{float:right; width:424px;} .dtoxContentWrapp{width:100%; background:#000;} .dtoxContent{width:100%; max-width:1060px; margin:0 auto;} .dtoxLine{width:100%; height:5px; background:#fff; margin-top:-65px;} .dtoxGiovaniLogo{float:left; margin-left:23px; margin-top:507px;} .dtoxTitleBox { float: left; width: 33.2%; height: 64px; margin-right: 0.20%; text-align: center; color: #fff; background: #292828; height: 60px; text-transform: uppercase; line-height: 14px; margin-top: -10px; cursor: pointer; } .dtoxTitleBox div{margin-top:20px; font-size:10px; font-size:1rem;} .dtoxBoxPachet{float:right; width:45%; text-align:right;} .dtoxBoxPachet:first-child{float:left; text-align:left;} .dtoxBoxPachet img{width:100%;} .dtoxIngWrapp{width:100%; max-width:1080px; padding:0 10px; margin:0 auto; padding-top:65px; box-sizing:border-box; margin-bottom:-73px; padding-bottom:60px;} .dtoxIngWrapp .dtoxTitluIng{font-size:30px; font-size:3rem; font-weight:bold; line-height:30px; margin-top:50px; margin-bottom:45px; text-align:center; color:#fff;} .dtoxIngWrapp .dtoxWidegetBox{float:left; width:50%; margin-bottom:30px;} .dtoxIngWrapp .dtoxWidegetBox .dtoxWidegetBoxSideA{float:left; width:120px; height:120px; border-radius:50%; background:#fff; overflow:hidden;} .dtoxIngWrapp .dtoxWidegetBox .dtoxWidegetBoxSideA img{} .dtoxIngWrapp .dtoxWidegetBox .dtoxWidegetBoxSideB{color:#fff; width:auto; padding:15px 25px 0 15px; overflow:hidden; box-sizing:border-box;} .dtoxIngWrapp .dtoxAarrow{width:0; height:0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom:8px solid #646464;} .dtoxProductWrapp{position:relative; border:1px solid #656565; transition: height 0.5s; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; } .dtoxProductWrapp .dtoxLeft{position:absolute; left:0; top:50%; margin-top:-43px; margin-left:-65px; background:url(../uploads/dtox/dtox-arrow-left.png) no-repeat; width:40px; height:85px; cursor:pointer;} .dtoxProductWrapp .dtoxRight{position:absolute; right:0; top:50%; margin-top:-43px; margin-right:-65px; background:url(../uploads/dtox/dtox-arrow-right.png) no-repeat; width:40px; height:85px; cursor:pointer;} .dtoxProductWrapp .dtoxProductHelp{overflow:hidden;} .dtoxProductWrapp .dtoxProductContainer .dtoxProduct{float:left;} #featuresContainer{background:#fff;} #home-slide-widget #sliderContainer{} #march1 #text-container{ position:relative;} #march1 #text-container:before{ content: ''; position: absolute; background-image: url(../img/diverse/march-1-decoration.png); height: 94px; width: 150px; background-repeat: no-repeat; background-position: center; left: -130px; top: 0; bottom: 0; background-size: contain; margin: auto;} #march1 #text-container:after{ content: ''; position: absolute; background-image: url(../img/diverse/march-1-decoration2.png); height: 94px; width: 150px; background-repeat: no-repeat; background-position: center; right: -130px; top: 0; bottom: 0; background-size: contain; margin: auto;} #march1 p{font-size: 16px;line-height: 28px;} /* s: PRODUS SPECIAL*/ #mainProductImgWrapper {position:relative; display:inline-block; width: 60px;} #mainProductImgWrapper img{ display: inline-block; height: 460px; width: auto;} #mainProductImgWrapper .decoration{position: absolute; bottom: -50px; left: -80px; width: 360px; height: auto;} { max-width: 310px; margin: 0 auto; display: block; border: 1px solid #ccc; padding: 54px 20px; box-sizing: border-box; background: #fff; } #topHeader h1{ text-align: center; font-size: 40px; padding-bottom: 20px;} #topHeader #textHeaderContent{text-align:center; padding-top:50px;} #topHeader #textHeaderContent p{font-style:italic;} #topHeader #textHeaderContent h1{font-size:40px;padding-bottom:20px} #topHeader #detailsButton { max-width: 310px; margin: 0 auto; display: block; padding: 54px 20px; box-sizing: border-box; } #topHeader #detailsButton .priceText{color: #999999; font-size: 12px; font-weight: 400;} #topHeader #detailsButton .price{font-size: 40px; font-weight: bold;} #topHeader #detailsButton small{font-size:20px;} #topHeader #detailsButton .addToBag{max-width:270px; float:right; background:url(../img/icons/bag-icon-white.png),#aaa; background-repeat:no-repeat; background-position:center top 20px; background-position-x: 50%; background-position-y: 20px; background-size:20px; padding-top: 55px;padding-bottom: 25px; line-height:0; border-radius: 0 5px 5px 0 !important;} #topHeader #detailsButton .addToBag.active{transition: all .2s ease-in; background:url(../img/icons/bag-icon-white.png),#ECB02A; background-repeat:no-repeat; background-position:center top 15px; background-position-x: 50%; background-position-y: 15px; background-size:20px; } #topHeader #detailsButton .addToBag.active:hover{ background:url(../img/icons/bag-icon-white.png),#FC5511; background-repeat:no-repeat; background-position:center top 15px; background-position-x: 50%; background-position-y: 15px; background-size:20px; } #topHeader #detailsButton .addToBagWrapper .addToCartQty { width: 70px; background: #ECB02A; border-radius: 5px 0 0 5px;} #productImages{margin-top:-100px; padding-bottom:100px;} #productImages #listOfImages .col-2 img{} #productImages #listOfImages .col-2 #no1{width:400px;position:relative; z-index:1; top:110px;} #productImages #listOfImages .col-2 #no2{width: 200px; position: absolute; left: -420px; top: -220px;} #productImages #listOfImages .col-3.advantages{ position: relative; right: 0; left: 25%; bottom: 280px; width: 100%;} .list{ padding-left:15px; list-style-type:none;} .list li{ display:block; color:#000; margin-bottom:15px; } .list li:before {content: "\2713"; margin-left:-15px; padding-right: 5px; color:#ce171f; font-weight:bold;} .list1{ padding-left:15px; list-style-type:none;} .list1 li{ display:block; color:#000; margin-bottom:15px; font-size:14px; font-weight:bolder;} .list1 li:before {content: "\2713"; margin-left:-15px; padding-right: 5px; color:#ce171f; font-weight:bold;} .advantages .list{ padding-left: 0; list-style-type: none; width: 100%; box-sizing: border-box; text-align: center;} .advantages .list li{display: block; color: #000; margin-bottom: 22px; font-size: 18px; font-weight: bolder; background: #fff; padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left: 100px;} .advantages .list li:before {content: "\2713"; margin-left:-15px; padding-right: 5px; color:#ECB02A; font-weight:bold;} .advantages .list li:last-child{margin-bottom:0;} .buttonToCenter{margin:0 auto; text-align:center;} .buttonToCenter.otherColor .button{background:#C00025;} .buttonToCenter.otherColor .button:hover{background:#730016;} .specialheight .addToBag.active { transition: all .2s ease-in; background: url(../img/icons/bag-icon-white.png),#ff63a0; background-repeat: no-repeat; background-position: left 20px top 8px; background-position-x: 20px;background-position-y: 8px; background-size: 18px; border-radius: 5px;font-size: 12px; font-weight: normal;} .specialheight .addToBag{ padding-top: 10px; padding-bottom: 10px; padding-left: 18px; line-height: 0;border-radius: 5px !important; width:200px;} .specialheight .addToBag.active:hover { background: url(../img/icons/bag-icon-white.png),#03933e; background-repeat: no-repeat; background-position: left 20px top 8px; background-position-x: 20px; background-position-y: 8px; background-size: 18px;} .content1{padding:50px 0;} .content1 .container-table .table-element.text{padding-right:50px;} .content1 .container-table .table-element.text h2{color:#3A2315; padding-bottom:20px; font-weight:bolder; font-size:28px;} .content1 .container-table .table-element.img img{max-width:100%;} .content1 .button{transition: all .2s ease-in; background-color:#ff63a0;background-repeat: no-repeat; border-radius:5px; font-size:12px; font-weight:normal; color:#fff; text-decoration:none;padding:10px 20px;} .content1 .button:hover{background-color:#03933e;color:#fff; text-decoration:none;} .content1 .container-table .icons #ohterIconsList .col-3 img{padding-bottom:20px; margin:0 auto;} #otherLogo { padding:50px 0;} #otherLogo img{display:inline-block; width:120px; padding:0 15px;} .content2{padding:50px 0; border-top:1px solid #fff;} .content2 .container-table .table-element.text{padding-left:50px;} .content2 .container-table .table-element.text h2{color:#3A2315; padding-bottom:20px; font-weight:bolder; font-size:28px;} .content2 .container-table .table-element.img img{max-width:100%;} .comandaAcumGel{padding:50px 0;text-align:center;} .comandaAcumGel h2{padding-bottom:20px; font-weight:bolder; font-size:24px;} .comandaAcumGel #content{padding:20px; width:500px; display:block; margin:0 auto;} /* e: PRODUS SPECIAL*/ /* START: AJAX Load Products */ .product-list { position: relative; padding-top: 30px; padding-bottom: 30px; } .product-list.loading { min-height: 100px; opacity: .8; } .product-list.no-products { opacity: .7; padding-bottom: 30px; } .product-list.grey { background: #eee; margin-bottom: 30px; } .product-list .no-ajax-products { font-size: 20px; } .ajax-product-slider .product-box { margin-bottom: 0; } .product-list.grey .ajax-product-slider .product-image-wrapper { background: #fff; margin: 0 5px; } .custom-loader, #section-loader, #loading { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(255, 255, 255, .7); } /*#section-loader { z-index:999999; background:url(../img/icons/section-loader.svg),rgba(255,255,255,0.8); position:absolute; width:100%; height:100%; background-position:center; background-position-x: 50%; background-position-y: 50%; background-repeat:no-repeat; background-size:25px; top:0; left:0;}*/ body > #section-loader {z-index: 99; position: fixed;} #loading { display: none!important; z-index: 9999; position: fixed; } .custom-loader:before, #section-loader:before, #loading:before { border: 5px solid #eee; border-radius: 50%; border-top-color: #03933e; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; content: " "; display: block; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* END: AJAX Load Products */ #ProdusAlertaStocForm, #alertaStocForm { max-width: 320px; } #alertaStocForm { margin: 0 auto; } #ProdusAlertaStocForm input[type="submit"], #alertaStocForm input[type="submit"] { padding-left: 10px; padding-right: 10px; width: auto; line-height: 20px; } @media screen and (max-device-width: 1210px), screen and (max-width: 1210px) { .dtoxProductWrapp .dtoxLeft{display:none;} .dtoxProductWrapp .dtoxRight{display:none;} } @media screen and (max-device-width: 1060px), screen and (max-width: 1060px) { .dtoxContentWrapp .imgBig {padding:0;} #productImages #listOfImages .col-2 #no1{display:none;} #productImages #listOfImages .col-2 #no2 { width: 200px; position: inherit; left: 0; top: -220px;} .advantages{width:100%;} } @media screen and (max-device-width: 1080px), screen and (max-width: 1080px) { .dtoxGiovaniLogo{display:none;} } @media screen and (max-device-width: 866px), screen and (max-width: 866px) { .dtoxProducts .dtoxVideo{display:none;} .dtoxSideA{float:none; width:100%;} .dtoxSideB{float:none; width:100%;} .dtoxIngWrapp .dtoxAarrow{display:none;} .dtoxIngWrapp .dtoxWidegetBox{float:none; width:100%;} .dtoxLine2{width:100%; height:5px; background:#fff; display:block; margin-top:-15px;} .dtoxBoxPachet{float:none; width:100%; text-align:center !important; margin-bottom:30px;} } @media screen and (max-device-width: 600px), screen and (max-width: 600px) { .dtoxProduct {padding:0; padding-right:20px;} } #cart-checkout-table{} #cart-checkout-form{ padding-right: 20px;} #checkout-features{ width: 250px;} #checkout-features .feature-item{ padding:10px 5px; box-sizing:border-box; border-bottom:solid 1px #ccc; text-transform: uppercase; font-size: 12px;} #showShowHiddenFeatures{display:none;} #footerFeatures{background:#808080; padding:15px 0;} #footerFeatures #centerElementContainer{ margin:0 auto;} #footerFeatures #rightElementContainer{margin-left:auto;} #footerFeatures .footer-feature-item{width:auto; color:#fff;} #footerFeatures .footer-feature-item span{display:block; font-size:20px;} #footerFeatures .footer-feature-item small{display:block; line-height:14px; font-size:14px;} #footerFeatures .footer-feature-item .lep span{ font-size:40px;} .level-3 a[title="SUMMER SALES"]{ font-weight:bold !important; color:#03933e !important; } .level-3 a[title="SUMMER SALES"]::before{content: "\f185"; font: normal normal normal 14px/1 FontAwesome;} @media only screen and (min-width: 1900px){ .product-image{display:block;} } @media only screen and (max-width: 1300px) { #flotantBannerNewContainer{display:none;} } @media screen and (max-width: 600px) { table#userOrders caption{background-image: none; } table#userOrders thead{display: none; } table#userOrders tbody td{display: block; } table#userOrders tbody tr td:first-child{background: #666; color: #fff; } table#userOrders tbody td:before { content: attr(data-th); font-weight: bold;display: inline-block;} table#userOrders tr{ margin-bottom:15px; display:block;} table#userOrders td{ text-align:left;} } @media only screen and (max-width: 1500px) { } @media only screen and (max-width: 1300px) { #social-media .footerItemList li:last-child a{padding-right:5px;} #payment-methods{width:165px;} #payment-methods .footerItemList li:last-child a{padding-right:5px;} } @media only screen and (max-width: 930px) { #topHeader{height:auto !important; padding: 50px 0 !important;} .blocksTable, .blocksTable>.table-element{ display:block; width:100% !important; text-align:center !important; margin:0;} #topHeader #mainProductImgWrapper {position: relative;display: inline-block;width: auto;} #topHeader .advantages{margin-top:50px;} #topHeader .advantages .list li{padding-left:0;} #otherLogo {text-align: center;} } @media only screen and (max-width: 1100px) { .announcement {margin-top: 60px;} #drawer .dropdown.megamenu{ position:static;} #drawer .dropdown.megamenu .categorii{background: #fff;} #drawer .dropdown.megamenu .produs{ display:none;} #newsletterRegistrationImage{} #sliderIndex{max-height:100%;} .addthis_native_toolbox{display:none;} body.lps #lps-timeWrapper{margin: -15px;margin-bottom: 0; margin-top:0; position: relative; z-index: 1;} #productDetailsVariant .col-2{ width:100%; float:none;} .customVatiante .dropdownSelector{width:270px;} #productDetailsContent .addToFavorites{ float:left;} .static-page>.container-table,#sideBarContent{display:block;} #sideBarContent{padding-left:0;} .zopim{display:none;} footer{padding:0;} #drawer .nav-links li.space{display:none;} #home-slide-widget>.container-table{display:block;} #home-slide-widget #sliderContainer{display:block; width:100%; padding-right:0; margin-bottom:0px;} #home-slide-widget #widgetContainer{display:block;} #home-slide-widget #widgetContainer .widget-boxWrapper{ width:100%; margin-bottom:0px;} #home-slide-widget #widgetContainer #distribuitorBox{ width:50%; float:left; padding-right:10px; box-sizing:border-box;} #home-slide-widget #widgetContainer #sophiCartBox{ width:50%; float:left; clear:right;padding-left:10px; box-sizing:border-box;} #BlogMoreWidgets,#LivrareMoreWidgets{display:none;} .moreWidgets #BlogMoreWidgets,.moreWidgets #ProblemeMoreWidgets{border:0;} #productDetailsVariant .noattributes .addToBagWrapper{margin-top:0; float:none;} #productDetailsVariant .noattributes .addToFavorites { width:270px; float:none;} #productDetailsVariant .element-center .addToFavorites{ float:none; margin:0 0px 20px;} #productDetailsProducatorCod{display:block; margin-top:10px;} #productDetailsProducatorCod .table-element{display:block;} #productDetailsProducatorCod .table-element.element-right{ text-align:left;} #productDetailsProducatorCod .product-code{text-align:left;} #productDetailsVariant .element-center{text-align:left;} #produsCadouDetaliu{margin-bottom:20px;} #mobile-header #search{float:none; padding-left:60px; border-right:0;} #header-wrapper #main-nav .dropdown-content .dropdown-wrapper >ul>li.hideFromMain{ display:block;} #header-wrapper{display:none;} #mobile-header, #mobile-header-wrapper{display:block;} .info-header {margin-top: 50px;} .info-header-contact { margin-top: 50px; } .info-header + .info-header-contact { margin-top: 0; } .login, .wishlist{ border:0;} #burgerMenu{display:block !important;} #burgerNavbarLogo{width:100px;} #fromBlog{height:285px;} #fromBlog h2{ margin-bottom:50px;} #sideBarContent .product-box.col-4{width:33.33%;} #productListHeader {padding: 5px 5px;} #sortByWrapper.opened #sortBy{display:block;} #sortByWrapper:after{content: '';width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent; border-top: 5px solid #ccc; position: absolute;top: 14px;right: 10px;} #sortByWrapper.opened:after{ border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #ccc; border-top:0;} #sortBy{display: none;right: -1px;padding-top: 5px; top:100%; position: absolute;z-index: 2;background: #fff;text-align: left;width: 100%;border: solid 1px #ccc} #sortBy li{display:block;} #sortBy li a {padding: 5px 15px;border-right: 0;line-height: 12px;} #sortBy li a.active{font-weight:700;} #hiddenFilters{ display: block;border: solid 1px #03933e;background: #fff;font-weight: bold;color: #03933e;padding: 5px 10px;margin-right: 5px;cursor: pointer;line-height: 22px;float: left;} #sideBarContent{width:100%;} #sideBar, #sideBarTop{position:fixed; height:100%;margin-left: -270px; left:0; top: 0px;display: block;z-index: 4;overflow: hidden;background: rgb(255, 255, 255);} .static-page #sideBar{padding:0;} #sideBarWrapper{ overflow-y: auto; height:100%; width: 250px; border:0;} .static-page #sideBarContent{padding-left:0; max-width:100%;} #hiddenSideBarTrigger { margin-bottom:30px; background: #03933e; color: #fff;padding: 5px 10px;cursor: pointer;line-height: 22px; display:inline-block; padding-left: 30px;} #hiddenSideBarTrigger:before { content: "\f329"; font-family: Font Awesome\ 5 Pro; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; position: absolute; left: 15px; font-size: 22px; } .hideOnTablet{display:none !important;} #social-media,#payment-methods{display:block; width:100%; text-align:center;} .category .col-5{width:25%;} .category .col-5:nth-child(5n+5){ clear:none;} .category .col-5:nth-child(5n+1){ clear:none;} .category .col-5:nth-child(4n+4){ clear:right;} .category .col-5:nth-child(4n+1){ clear:left;} } @media only screen and (max-width: 850px) { #rightsReserved{padding-left:0; text-align:center;} #footerFeatures>.container-fixed>.container-table, #leftElementWrapper, #centerElementWrapper, #rightElementWrapper{ display:block; width:100%; padding:0 !important; text-align:center !important;} #footerFeatures .footer-feature-item{margin:0 auto !important;} #centerElementContainer{padding:20px 0;} .img-visa {width :auto!important;} #cart-checkout-table, #cart-checkout-form, #checkout-features{ display:block; width:100%; padding-right: 0;} #checkout-features{ text-align: center; width: 100%; /* display: none; */} #checkout-features .sigele-features img { margin: 0 auto; margin-top: 20px;} #newsletterRegistration>.container-table{ display:block; width:100% !important; margin: 0!important;} #newsletterRegistration>.container-table>.table-element{ display:block; text-align:center; width:100% !important; padding: 0 15px !important;box-sizing: border-box;} #newsletterRegistrationImage img{margin:0 auto; width:70px;} #newsletterRegistration h4{text-align:center; margin:5px 0;} .decoration-left, .decoration-right{ display:none;} #productDetailsRest>.container-table, #productDetailsRest>.container-table>.table-element{display:block; width:100%; padding-left:0 !important; padding-right:0 !important;} #productDetailsRest>.container-table>.table-element:last-child{margin-top:15px;} #productDetailsContent .addToFavorites{float:right; margin-top:0;} #productDetailsVariant .noattributes .addToBagWrapper{margin-top:0; float:left;} #productDetailsVariant .noattributes .addToFavorites {} #brandsList li a{height:160px;} #newsletterRegistrationImage{display:none;} #productDetailsFeatures{display:none;} #descriere .col-2{width:100%; float:none;} #productDetailsNav.fixed{top:0;} #mobileProductTitle{display:block; margin-bottom:10px;} #JSappendPDetails{padding:10px 0; background:#fff; margin-top: 50px;} #productDetailsTitle h1{font-size: 24px!important;} #breadcrumbs {display :none;} #JSappendPDetails>.container-table{display:block;} #JSappendPDetails #productDetailSliderWrapper{display:block;} #JSappendPDetails #productDetailsContent{display:block;} #productDetailsContent .addToBagWrapper{ float:left;} #productDetailsVariant .element-center .addToFavorites{ float:right;} #productDetailsTitle,#productDetailsPrice .product-price,#produsCadouDetaliu,#productDetailsVariant{ padding-left:0;} #footerCopyright .container-table,#footerCopyright .container-table .table-element{ display:block; width:100%;} #footerCopyright #designBy{ width:100%; text-align:center; margin-top:10px;} #widgetIndexCatWrapper .col-6{width:25%;} #widgetIndexCatWrapper .col-6:nth-child(6n+1){clear:none;} #widgetIndexCatWrapper .col-6:nth-child(6n+6){clear:none;} #widgetIndexCatWrapper .col-6:nth-child(4n+1){clear:left;} #widgetIndexCatWrapper .col-6:nth-child(4n+4){clear:right;} .form-group .col-2.l{padding-bottom:20px;} .form-group .col-3.l{padding:0; padding-bottom:20px; width:100%; float:none;} .form-group .col-3.c{padding:0; padding-bottom:20px; width:100%; float:none;} .form-group .col-3.r{padding:0; width:100%; float:none;} #features .featured-element .image{display:block; margin-bottom:15px; float:none;} #features .featured-element .image img{margin:0 auto; padding:0;} #features .featured-element .text{display:block; border-left:0; float:none; text-align:center;} #features #featuresWrapper .table-element>.container-table{padding:10px 0;} .showQuickView{display:none;} .category .col-5{width:33.33%;} .category .col-5:nth-child(4n+4){ clear:none;} .category .col-5:nth-child(4n+1){ clear:none;} .category .col-5:nth-child(3n+3){ clear:right;} .category .col-5:nth-child(3n+1){ clear:left;} .category .col-4{width:33.33%;} .category .col-4:nth-child(4n+4){ clear:none;} .category .col-4:nth-child(4n+1){ clear:none;} /*.category .col-4:nth-child(3n+3){ clear:right;}*/ .category .col-4:nth-child(3n+1){ clear:left;} .static-page .col-2{width:100%; padding-left:0 !important; padding-right:0 !important;} #homeReviewBoxWrapper>.container-table, #homeReviewBoxWrapper>.container-table>.table-element{ display:block; width:100% !important; padding:0 !important;} #homeReviewBoxWrapper #textDescription{text-align:center;} #homeReviewBoxWrapper .reviewBoxItem{ padding:10px;} .reviewBoxItem .reviewBoxContent .product-name {font-size: 12px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: auto;} #homeReviewBoxWrapper #productsWrapper .productReviewSLider{ padding:0;} .content1 .container-table .element-left{display:block;} .content1 .container-table .element-right{display:block; text-align: center;} .content2 .container-table .table-element{display:block;} .content2 .container-table .table-element.text{padding-left:0;} .content2 .container-table .table-element.img img{width:100% !important; max-width:100% !important;} } @media only screen and (max-width: 715px) { .onlyForMobileee{display:none;} #haloweenPromo{margin-top:50px;} #haloweenPromo .halNo{display:none !important;} #checkout-features{margin-top:50px;} #hideFeaturesOnMobile{ display:none;} #showShowHiddenFeatures{display:inline-block; vertical-align:middle; float:right;} #checkout-features h2{cursor:pointer; border: solid 2px; padding: 5px; box-sizing: border-box;} #home-slide-widget h1{ font-size:16px; line-height:1.5; display:block;} #home-slide-widget h1 small{ font-size:12px; line-height:1.5; display:block; margin-top:8px;} #cartActionButtons .button.secondary.l{display:none;} #vipPageMsg{ font-size:12px;} #home-features a{display:block;} #home-features img{ max-width:inherit; width:100%;} #topPageRandomFeatures>.container-table.fixed{display:block;} #topPageRandomFeatures .random-feature{height:36px;} #topPageRandomFeatures>.container-table.fixed>.table-element{display:block;} #home-features .col-4{ width:50%;} .category .col-4:nth-child(4n+4){ clear:none;} .category .col-4:nth-child(4n+1){ clear:none;} .category .col-4:nth-child(2n+2){ clear:right;} /*.category .col-4:nth-child(2n+1){ clear:left;}*/ #bap-background{ background:transparent !important;} #bap-avantaj{display:none;} #bap{width:100% !important;} #bap-container{text-align:center;} #xmasBanner p {font-size: 14px;line-height: 28px;} #cart-table-footer table tr td:nth-child(3) { position: relative; width: 30px; } #cart-table-footer table tr td:nth-child(3) span { right: 0; } #brandsList .col-3{width:50%;} #brandsList .col-3:nth-child(3n+3){ clear:none;} #brandsList .col-3:nth-child(3n+1){ clear:none;} #brandsList .col-3:nth-child(2n+2){ clear:right;} #brandsList .col-3:nth-child(2n+1){ clear:left;} .image-text{display:block;} .image-text .table-element{padding:0; display:block;} .image-text .table-element img{ max-width:100%; margin:0 auto; display:block;} #testimoniale-table .content td:first-child{display:none;} #testimoniale-table td,#testimoniale-table tr{display:block;} #testimoniale-table .name td{padding:0px;} #aparitiiInBlogguri a{word-break: break-all;} #newsletterPageFormImage{display:none;} .boxPletsPlay{ float:none; width:280px; clear:both; margin:15px auto;} .boxPletsPlay img{max-width:90px;} .voucherPletsPlay{ max-width:280px; width:100%; margin-bottom:15px;} .transformInBlocks{ display:block;} .transformInBlocks>.table-element{display:block;} .transformInBlocks>.table-element:first-child{margin-bottom:20px;} #doneazaDonatori #doneazaDonatoriProduct{ margin:0 auto; padding:0;} #doneazaDonatori #doneazaDonatoriMessage{ width:280px; margin:0 auto; border:0; margin-bottom:20px; padding:0;} #staticComandaLivrarePlata ol,#staticComandaLivrarePlata ul{ padding-left:15px;} .moreWidgets #DonatoriMoreWidgets{margin: 0 -15px;padding: 0 15px;} .moreWidgets .widget-row{display:block;} .moreWidgets .widget-row>.table-element{ display:block;} .messageWrapper .button.secondary.l{float:none; margin-bottom:20px;} .messageWrapper .button.primary.r{float:none;} #cart-table-footer{ padding-right:0px; display:block;} #cart-table-footer table tr td:first-child{ text-align:left;} #cart-table td{padding-bottom:10px;} .removeFromCart{position:absolute; top:50%; margin-top:-10px; right:10px;} .cartProductDetails{position:relative;} #cartTableWrapper{margin:0px auto; padding-bottom: 20px;} .cartQuantityWrapper{display: inline-block; float:left;} .cartPriceWrapper{float:left;} .cartQuantityWrapper .incrementCartProductQuantity{float: right;height: 30px; width:30px; margin: 0; text-align: left; margin-top: 5px;} .cartQuantityWrapper .incrementCartProductQuantity:after {content: '\f054';} .cartPriceWrapper span { display: inline-block; } .cartQuantityWrapper input.cartProductQuantity{float:right; height: 30px;} .cartQuantityWrapper .decrementCartProductQuantity{float: left; height: 30px; width:30px; margin: 0; text-align: right; margin-top: 5px;} .cartQuantityWrapper .decrementCartProductQuantity:after {content: '\f053';} #codDiscountWrapper{display:block;} #codDiscountWrapper form{margin:0 auto;} #cartActionButtons{text-align:center;} #cartActionButtons .button.secondary.l{float:none; margin:0 auto; margin-bottom:20px;} #cartActionButtons .button.primary.r{float:none;} .mobileBlockTable .cartCheckoutTable,.mobileBlockTable .cartCheckoutTable tbody,.mobileBlockTable .cartCheckoutTable tr,.mobileBlockTable .cartCheckoutTable th,.mobileBlockTable .cartCheckoutTable td{display:block;} #comandaSubmit{ margin:0 auto; float: none;} .noneM{display:none;} #totalCosCheckoutWrapper .cartCheckoutTable th,#totalComandaWrapper .cartCheckoutTable th{width:50%;} #totalCosCheckoutWrapper .cartCheckoutTable td,#totalComandaWrapper .cartCheckoutTable td{width:50%;} #burgerMenu {padding: 17px 15px;} /*#drawer .dropdown-content a.backToCat{ height:50px; line-height:50px;}*/ #mobileSearch{margin-left: 56px;} .my-bag{padding-right:0;} #searchBox{padding: 10px 5%;} #searchBox #searchButton,#searchBox #closeButton{width:25px;} #searchBox #searchButton button, #searchBox #closeButton button{ width:25px; height:25px;} #searchBox #searchButton img, #searchBox #closeButton img{max-height:12px;} #searchBoxInput input{ height: 25px;padding: 0 5px;font-size: 12px;} #promo .sec, #promo .th {margin-right: 0px;} #promo .th {margin-top: 15px;} #promo .four {margin-top: 15px;margin-left: 0px;margin-right: 7.5px;} #promo .fif {margin-top: 15px;margin-left: 7.5px;margin-right: 0px;} .tabs .nav-tabs li{display:inline-block; width:50%; float:left;} #description .col-2{width:100%;} #productDetailsFeatures{display:none;} #newsletterForm button{height:50px; font-size:10px; line-height:50px;} #newsletterForm #newsletterEmailButton{width:100px;} #info-page>div>.col-2.l{width:100%; padding:0;} #info-page>div>.col-2.r{width:100%; padding:0; margin-top:30px;} #info-page>div>.col-2.r input[type="submit"]{margin:0 auto;} .footerItemList li a{padding:0 3px;} } @media only screen and (max-width: 600px){ #idProdusGet{padding-top:0;} #productDetailsSlider-thumbs-wrapper{position: relative;width: 100%;left: 0;top: 0;margin-bottom: 0;margin-top: 5px;} #productDetailSlider-thumbs{margin: -3px} #productDetailSlider-thumbs .thumb-item {padding: 3px 3px;box-sizing: border-box;width: 20%;display: inline-block;vertical-align: middle;} #productDetailSlider-thumbs .thumb-item a{ display:inline-block; vertical-align:middle;} #productDetailSlider-thumbs .thumb-item img{display: inline-block;vertical-align: middle;} #fixedButtons{ display:none;} #adaugaUnTruck{ display:none;} #march1 p{font-size: 12px;line-height: 24px;} #productDetailsContent .addToFavorites{margin-top:20px;} .customVatiante .dropdownSelector {width: 260px;} #productDetailsVariant .noattributes .addToBagWrapper{ float:none;} #productDetailsVariant .noattributes .addToFavorites { float:none; margin: 0 auto;} #products-feed span{display:block;} #productDetailsContent .addToBagWrapper{ float:none;} #productDetailsVariant .element-center .addToFavorites{ float:none;} #productDetailsNavHolder{display:none;} #mobile-header #search{padding-left:50px;} #backToTop{display:none;} #breadcrumbs .container-fixed{padding:10px 15px 10px;} .mtop40{margin-top:10px;} .category .col-5{width:50%;} .category .col-5:nth-child(3n+3){ clear:none;} .category .col-5:nth-child(3n+1){ clear:none;} .category .col-5:nth-child(2n+2){ clear:right;} .category .col-5:nth-child(2n+1){ clear:left;} .category .col-4{width:50%;} .category .col-4:nth-child(3n+3){ clear:none;} .category .col-4:nth-child(3n+1){ clear:none;} .category .col-4:nth-child(2n+2){ clear:right;} .category .col-4:nth-child(2n+1){ clear:left;} .col-3{width:50%;} .col-3:nth-child(3n+3){ clear:none;} .col-3:nth-child(3n+1){ clear:none;} .col-3:nth-child(2n+2){ clear:right;} .col-3:nth-child(2n+1){ clear:left;} #productDetailsVariant .col-2{width:100%;} #productDetailsVariant .col-2:nth-of-type(2){text-align:center;} /*#productDetailsVariant .addToBag{float:none; margin-top:20px;}*/ .addToBagWrapper{margin:0 auto;} #productDetailsVariant .addToFavorites{float:none;} #sideBarContent .product-box.col-4{width:50%;} .customVatiante, #sizeSelector{margin:0 auto;} #promoBox{margin-right:0; margin-top: 0px; padding-top: 20px;} #promoBox #rightPromoBox{width:100%;padding-left:0; margin-top:15px;} #promoBox #rightPromoBox .promoBoxElement{width:50%; float:left; } #promoBox #rightPromoBox .promoBoxElement:first-child{ padding-right:7.5px; box-sizing:border-box;} #promoBox #rightPromoBox .promoBoxElement:last-child{ padding-left:7.5px; box-sizing:border-box;} #promoBox #leftPromoBox, #promoBox #centerPromoBox, #promoBox #rightPromoBox{ padding-left:0;} #leftPromoBox{width:50%;} #promoBox #leftPromoBox{padding-right: 7.5px; margin-left:0;} #promoBox #centerPromoBox{width:50%; padding-left:7.5px;} .content1 .container-table .table-element.text h2{font-size:20px;} .list1 li {font-size:12px; margin-bottom:5px;} .content1 .container-table .table-element.text p{font-size:12px !important;} .content1 .container-table .table-element .container-table .element-middle{display:block;} .content1{padding:25px 0;} .content1 .container-table .table-element .container-table .element-middle.icons{padding-top:20px;} .content1 .container-table .table-element .container-table .element-middle.icons #ohterIconsList .col-3{width:33%; clear:inherit;} .content2{padding:25px 0;} .content2 .container-table .table-element.text h2{font-size:20px;} .content2 .container-table .table-element.text p{font-size:12px !important;} .comandaAcumGel{padding:25px 0;} .comandaAcumGel #content{width:100%; padding:0;} .comandaAcumGel h2{font-size:20px;} } @media only screen and (max-width: 550px){ #bap strong {font-size: 9px;} #bap p {font-size: 9px;} #bap-container {padding-bottom: 10px;padding-top: 10px;padding-left: 10px;padding-right: 10px;} .customMessage .messageWrapper h2{font-size:16px;} .tab-nav h2{font-size: 14px;} } @media only screen and (max-width: 500px){ .oath_login{ text-align:center;} .oath_login a{margin:5px 0;} .keepMeOnline{text-align:center;} .keepMeOnline a{ float:none !important; margin-top:10px; display:block;} #recentlyViewed h2{font-size:18px;} #xmasBanner p {font-size: 12px;line-height: 24px;} #home-slide-widget #sliderContainer{padding-bottom:0;} #widgetIndexCatWrapper .col-6{width:33.33%;} #widgetIndexCatWrapper .col-6:nth-child(4n+1){clear:none;} #widgetIndexCatWrapper .col-6:nth-child(4n+4){clear:none;} #widgetIndexCatWrapper .col-6:nth-child(3n+1){clear:left;} #widgetIndexCatWrapper .col-6:nth-child(3n+3){clear:right;} #home-slide-widget #widgetContainer{display:none;} .widgetIndexCat .widgetIndexCatBox a span{font-size:10px;} .moreWidgets #DonatoriMoreWidgets .widget-element-icon{display:none;} .moreWidgets #DonatoriMoreWidgets .widget-element-content{ padding:0 15px 20px;} .boxStocReview .boxStoc span{font-size:8px;} #indexText{ margin-top:20px;} #features { padding: 10px 0 20px;} #features .featured-element{display:block;} #features .featured-element .image{float:left; width:62px; margin-bottom:0;} #features .featured-element .image img{margin:0 auto; padding:7px 0;} #features .featured-element .text{display:block; border-left:0; float:left; text-align:left; border-left:solid 1px#ccc; width:187px;} #features>.table-element.featured-element.l>.container-table{padding:15px 0 0;} #features>.table-element.featured-element.c>.container-table{padding:15px 0 15px;} #features>.table-element.featured-element.r>.container-table{padding:0px 0 15px;} #info-page>div>.col-2.r .col-2.r{width:100%; padding-left:0;} #info-page>div>.col-2.r .col-2.l{width:100%; padding-right:0;} #promo{margin-top:20px;} #promo .fir{margin-right: 0px;} #promo .sec{margin-left: 0px; margin-top:15px;} #promo .th {margin-left: 15px;} #promo .four {margin-top: 15px;margin-left: 0px;margin-right: 7.5px;} #promo .fif {margin-top: 15px;margin-left: 7.5px;margin-right: 0px;} .product-slider {margin-top: 20px; margin-bottom: 20px;} #haloweenPromo .table-element{font-size:12px; line-height:normal;} } @media only screen and (max-width: 400px){ .tabs .nav-tabs li{width:100%;} body.lps #lps-timeWrapper p{font-size:10px;} body.lps #lps-timeWrapper h1{font-size:26px;} .wishlist>a>img {padding: 3px 15px 3px 0px;} .my-bag>a>img {padding: 3px 15px 3px 0px;max-height: 18px;} .bag-items.show {top: -8px;} #newsletterRegistrationImage{display:none !important;} } /* Alex */ /* Pagina Produs */ .easy-modal {display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); text-align: left;} .easy-modal-content {position: relative; margin: auto;padding: 0;-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;display: table-cell;vertical-align: middle;height: 100%;} .easy-modal-overflow {height: 100%;overflow: auto;} .easy-modal-inner {border-radius: 10px; background-color: #fff;max-width: 700px;width: 90%;border: 1px solid #888;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);margin: 50px auto;padding: 15px 30px;position: relative;overflow: auto;box-sizing: border-box;} .easy-modal .easy-modal-close {color: #000;position: absolute;top: 0;right: 0;font-size: 40px;font-weight: bold;height: 40px;width: 40px;text-align: center;line-height: 40px;} .easy-modal .easy-modal-close:hover, .easy-modal .easy-modal-close:focus {color: black;text-decoration: none;cursor: pointer;} .easy-modal-header {} .easy-modal-header h2 {text-align: left;font-size: 20px;color: #000;} .easy-modal-body {padding: 10px 0;} .easy-modal-footer {display: table;} .trimite-comanda {width: auto; padding: 10px; box-sizing: border-box;text-transform: uppercase; text-align: center;border-radius: 10px; height: auto; background: #ff63a0;} .trimite-comanda:hover {background: #03933e;} .info-trimite {display: table-cell; vertical-align: middle; padding-left: 10px; font-size:12px; line-height:normal;} .grup-form {margin-bottom: 10px;} .grup-form label {display: block;color: #000;margin-bottom: 0;font-weight: 700;} .grup-form input, .grup-form textarea, .grup-form select {width: 100%;border-radius: 5px; margin-top: 10px;} span.required { color: #f00;} @-webkit-keyframes animatetop { from {top: -300px; opacity: 0} to {top: 0; opacity: 1} } @keyframes animatetop { from {top: -300px; opacity: 0} to {top: 0; opacity: 1} } #productDetailsVariant .col-2 .addToBagWrapper {margin-top:0;} #productDetailsVariant .deschide-comanda, #productDetailsVariant .deschide-comanda-whatsapp { display: block;float: right;width: 225px;height: 70px; font-size: 14px; line-height :50px;} #productDetailsContent .deschide-comanda { margin-top: 20px; margin-bottom: 20px;} .deschide-comanda, .deschide-comanda-whatsapp {max-width: 270px;margin-top: 20px;float: right;line-height: 0; color: #000; text-transform: uppercase;} .deschide-comanda:after, .deschide-comanda-whatsapp:after { font-size: 20px; font-family: Font Awesome\ 5 Pro; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 400; content: "\f0e7"; margin-left: 10px; position: relative; top: 2px; } .deschide-comanda-whatsapp:after { font-family: Font Awesome\ 5 Brands; content: "\f232"; } #JSappendQuickView .addToBagWrapper {float: left; margin-top: 20px;} #JSappendQuickView .deschide-comanda {} .stoc-produs {font-weight: 700; font-size: 14px; text-transform: uppercase; margin-bottom: 15px;} .stoc-produs:before {clear: both; content:" "; display: block;} .stoc-produs .verde {color: #03933e;} .stoc-produs .galbe, .stoc-produs .galben span {color: #000!important;} .stoc-produs .rosu {color: #cc5a56;} .sub-titlu {border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; border-top: 0; margin-top: 10px; padding-top: 10px;} .fidelitate {border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px; border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px;} .fidelitate i {font-size: 20px; margin-right: 5px; float: left;} .estimari {} .estimari-titlu {font-weight: 700; margin: 5px 0;} .estimari-titlu i {font-size: 20px; margin-right: 5px; float: left;} .estimari ul {padding-left: 30px;} .estimari ul li {font-size: 11px; line-height: 16px; color: #555; font-style: italic;} .recenzii-produs a {color: #000; text-decoration: none;} .alerta-stoc {text-transform: none!important; font-weight: 400!important; border-top: 1px solid #ccc;margin-top: 10px;padding-top: 10px;} .alerta-stoc h3 {text-align: left;} .reteteProduse { line-height: 22px; } .reteteProduse + .reteteProduse { margin-top: 10px; padding-top: 10px; border-top: dashed 1px #ddd;; } .reteteProduse h3 {font-size:14px; font-size:1.4rem; margin-bottom:10px;} .reteteProduse .retete-right {float:right; width:49%;} .reteteProduse .retete-left {float:left; width:49%;} @media only screen and (max-width: 1100px) { #productDetailsVariant .element-center .deschide-comanda {float: none; margin: 0 0px 20px; width: 270px;} } @media only screen and (max-width: 850px) { #productDetailsVariant .element-center .deschide-comanda {float: right;} } @media only screen and (max-width: 600px){ #productDetailsVariant .element-center .deschide-comanda {float: none; margin: 0 auto; margin-bottom: 20px;} .reteteProduse .retete-right {float: none; width: 100%} .reteteProduse .retete-left {float: none; width: 100%; margin-bottom: 15px;} } /* Pagina Produs */ #home-slide-widget {margin-top: 20px;} #bife-cont .popup-body-wrapper { max-width: 600px!important; } #bife-cont .popup-body { padding: 20px!important; } #show-bife-cont {cursor: pointer; padding: 5px;} .bife-cont {border: none; padding-left :30px; line-height: 26px; margin-top: 20px;} .bife-cont i, .bife-cont span {color: #03933e;} .bife-cont i {margin-right: 3px;} .comanda-rapida .popup-body-wrapper { max-width: 500px!important; } /* Urgency */ .urgency {position: fixed; left: 30px; bottom: 30px; width: auto; max-width: 100%; background: #eee; color: #777; box-shadow: 0 5px 10px rgba(0,0,0,.5); padding: 10px; border-radius: 5px; display: none; box-sizing: border-box; line-height: 14px; text-align: left; z-index: 999;} .urgency.urgency-quickview {position: absolute; z-index: 99;} .urgency-close {font-size: 14px; line-height: 14px; color: #777; position: absolute; right: -10px; top: -10px; width: 20px; height: 20px; text-align: center; background: #eee; border-radius: 50%; padding: 3px; box-sizing: border-box; cursor: pointer;} .urgency .urgency-content {} .urgency .urgency-content > div + div {margin-top: 5px; padding-top: 5px; border-top: 1px dashed #ddd;} .urgency .urgency-content .urgency-stoc span {color:red; text-decoration:underline;} @media only screen and (max-width: 600px){ .urgency {left: 20px; bottom: 20px; right: 20px;} } /* Urgency */ /* Alex Popup */ .alex-popup { background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;height: 100%;z-index: 9999;width: 100%; display: none; padding: 20px; box-sizing: border-box;} .alex-popup img {max-width: 100%;height: auto;} .alex-popup .popup-overlay {cursor: pointer;box-sizing: border-box;display: table-cell;text-align: center;vertical-align: middle;} .alex-popup .popup-body-wrapper {max-width: 700px;margin: 0 auto;position: relative;width: 100%;box-sizing: border-box;} .alex-popup .popup-body {position: relative;background: #fff;padding: 15px;box-sizing: border-box;margin: 0 auto;text-align: left;cursor: default;border-radius: 5px;} .alex-popup .popup-close {cursor: pointer;font-size: 32px;font-weight: bolder;line-height: 32px;text-align: center;width: 32px;height: 32px; position: absolute; top: -15px; right: -15px; background: #fff; border-radius: 50%; color: #000; font-family: Arial!important; transition: .4s;} .alex-popup .popup-close:hover {color: #03933e;} @media only screen and (max-height: 768px) { .alex-popup.active {display: block!important; overflow: scroll;} .alex-popup .popup-overlay {display: block; width: 100%;} } /* Alex Popup */ /* Info Premium & Play */ .show-popup-info {cursor: pointer; padding: 2px;} .show-popup-info i {font-size: 14px!important; line-height: 14px!important; margin: 0!important; float: none!important; color: #a2a2a2!important;} .show-popup-info i:hover {color: #6f968c!important;} .letsplay-item-wrapper {text-align: center;} .letsplay-item {width: 25%;float: left;margin-top: 15px;margin-bottom: 15px; box-sizing: border-box; padding: 0 5px;} .letsplay-item .image {text-align: center;} .letsplay-item .image img {margin: 0 auto;} .letsplay-item .title {text-align:center;} .letsplay-item .title .small {font-size: 14px; margin-top:20px; margin-bottom:10px;} .letsplay-item .title .big {font-size: 16px; font-weight: 700;} .premium-item-wrapper {text-align: center;} .premium-item {width: 33.33%;float: left;margin-top: 15px;margin-bottom: 15px; box-sizing: border-box; padding: 0 5px;} .premium-item .image {display: table; text-align: center; background: #ddd; padding: 10px; font-size: 20px; border-radius: 50%; width: 100px; height: 100px; margin: 0 auto; font-weight: 700;} .premium-item.silver .image {} .premium-item.gold .image {background: #ecde16;} .premium-item.platinum .image {background: #ff63a0;} .premium-item .image span {display: table-cell; vertical-align: middle;} .premium-item .title {text-align:center;} .premium-item .title .small {font-size: 14px; margin-top:20px; margin-bottom:10px;} .premium-item .title .big {font-size: 16px; font-weight: 700;} .popup-premium-quickview .popup-content, .popup-premium .popup-content, .popup-play-quickview .popup-content,.popup-play .popup-content {text-align: center;} @media only screen and (max-width: 600px){ .letsplay-item {width: 50%;} .premium-item {width: 45%; float: none; display: inline-block;} } /* Info Premium & Play */ /* Review comment/dinamic */ #reviewScroll { padding-bottom: 30px; padding-top: 30px; margin-bottom: 30px; } .review-add-email {display: none;} .review-box { margin-top: 30px; } .review-box + .review-box {margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd;} .review-box.inactiv {padding: 10px; background: #fffad7; border: 1px solid #f1e7a5;} .review-box:after {clear: both; display: table; content: ' ';} .user-info {width: 150px; float: left;} .user-info .user-image {margin-bottom: 10px;} .user-info .image-inner {display: inline-block; background: #635e5a!important; padding: 5px; width: 75px; height: 75px; border-radius: 50%; text-align: center; font-size: 28px; line-height: 65px; color: #fff; text-shadow: 0 0 1px #000; position: relative;} .user-info .image-inner span {} .user-info .user-name {font-size: 14px; font-weight: 700;;} .user-info .user-name span {font-size: 12px; font-weight: 400; color: #a2a2a2;} .user-info .review-date {margin-bottom: 10px; } .user-info .review-verified {color: #1a9352; font-size: 14px;} .user-info .review-verified i {margin-right: 5px;} .review-content {width: calc(100% - 150px); float: left; font-size: 16px; padding-left: 10px; box-sizing: border-box;} .review-content p {line-height: 18px;} .review-content img {margin-bottom: 15px;} .review-content .review-title {margin-bottom: 15px; font-size: 16px; font-weight: 700;} .review-content .show-comments-info {margin-top: 10px; font-weight: 700;} .review-content .show-comments-info a {line-height: 12px; font-size: 12px; cursor: pointer; transition: color .5s; text-decoration: none; font-weight: 700;} .review-content .show-comments-info a.comment-delete {font-size: 14px; color: red; text-transform: uppercase;} .review-content .show-comments-info a.comment-approve {font-size: 14px; color: green; text-transform: uppercase;} .review-content .show-comments-info a i {} .review-content .show-comments-info a:hover {color: #000;} .review-content .show-comments-info span {line-height: 14px; font-size: 14px; cursor: pointer; color: #ddd;} .comment {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd;} .comment.inactiv {padding: 10px; background: #fffad7; border: 1px solid #f1e7a5;} .comment:after {clear: both; display: table; content: ' ';} .comment-user-info {float: left;} .comment-user-info .comment-user-image {margin-bottom: 10px;} .comment-user-info .comment-image-inner {display: inline-block; background: #ec1e8c; padding: 5px; width: 40px; height: 40px; border-radius: 50%; text-align: center; font-size: 18px; line-height: 28px; color: #fff; text-shadow: 0 0 1px #000;} .comment-user-info .comment-image-inner span {} .comment-content-wrapper {} .comment-content-wrapper .comments {display: none;} .comment-content-wrapper .add-comment {display: none; padding: 15px 15px; box-sizing: border-box; background: #fff6f2; border-radius: 5px; border: solid 1px #ddd; margin-top: 20px;} .comment-content {font-size: 14px; color: #333;} .comment-content p {line-height: 16px;} .comment-content .added-by {font-size: 12px; color: #9e9e9e; margin-top: 5px;} .comment-content .added-by span {color: #000; font-weight: 700;} .comment-content .show-comments-info a.comment-delete {font-size: 14px; color: red; text-transform: uppercase;} .comment-content .show-comments-info a.comment-approve {font-size: 14px; color: green; text-transform: uppercase;} .comment-content .show-comments-info a i {} form.comment-form {} /*form.comment-form .form-group {padding-bottom: 10px;} form.comment-form .form-group input, form.comment-form .form-group textarea {margin-top: 10px;}*/ .form-group {padding-bottom: 10px;} .form-group input:not([type=checkbox]):not([type=radio]), .form-group textarea {margin-top: 10px;} @media screen and (max-device-width: 600px), screen and (max-width: 600px) { .user-info {width: 100%; float :none; margin-bottom: 20px;} .user-info .user-image {float :left; margin-right: 40px;} .review-content {width: 100%; float: none; padding-left: 0; margin-top: 40px;} } /* Review comment/dinamic */ /* Alex */ /* OLD CSS - De curatat si mai mult */ /* NEW CSS */ html { font-size: 14px; padding: 0; margin: 0; } body { font-family: 'Lato', sans-serif; font-size: 14px; /*line-height: 16px;*/ line-height: 22px; padding: 0; margin: 0; } body.loading { overflow: hidden; } *, ::after, ::before { box-sizing: border-box; } img { max-width: 100%; height: auto; } a { transition: color .5s; color: #03933e; } a:hover { color: #bc2546; text-decoration: none; } h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; line-height: normal; } a, span { padding: 0; margin: 0; line-height: normal; } p { margin: 0; } .static-page p { line-height: 24px; } h1 { font-size: 30px!important; font-weight: normal; line-height: 34px!important; } h1 small { font-size: 16px; } h2 { font-size: 20px!important; line-height: 28px!important; } .static-page h2 { margin: 20px 0; } h2 small { font-size: 14px; } h3, h4 { font-size: 18px; line-height: 24px; font-weight: normal; } #productDetailsRest h2, .product-list h2, .comanda-rapida h2, h2.underlined { padding: 0; margin-bottom: 20px; font-weight: bold; position: relative; z-index: 1; text-transform: uppercase; } h1, #productDetailsTitle h1, #categoryTitle h1, .static-page #sideBarContent h1, #staticPageTitle h1, h1.underlined { position: relative; z-index: 1; margin-bottom: 20px; } #productDetailsTitle h1 { margin-bottom: 0; } .mbtm10 { margin-bottom: 10px; } .mbtm20 { margin-bottom: 20px; } .mbtm30 { margin-bottom: 30px; } .mbtm40 { margin-bottom: 40px; } .mbtm50 { margin-bottom: 50px; } /* Start: Form */ input[type="text"], input[type="password"], input[type="email"], input, textarea, select { border-radius: 10px; background: #fff; border: 1px solid #ddd; padding: 10px; color: #000; transition: .5s; } input[type="checkbox" i] { margin-top: 0; } input:focus, textarea:focus, select:focus { box-shadow: 0px 5px 15px -5px #03933e; border-color: #03933e; } input::placeholder, textarea::placeholder { color: #888; font-style: italic; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #888; font-style: italic; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #888; font-style: italic; } button { border: none; background: none; } /* End: Form */ /* Start: Buttons */ .buttons { margin: 20px 0; } .buttons .button-left { float: left; } .buttons .button-right { float: right; } .btn-card { font-size: 12px; } .btn, input[type="submit"], .produse-head-detalii a, .addToAStoc.active, .button { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 10px 30px; font-size: 1rem; line-height: 1.5; text-transform: uppercase; border-radius: 10px; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; cursor: pointer; } .btn-default, input[type="submit"], .button.primary { background: #bc2546; border-color: #bc2546; color: #fff; font-weight: 700; } .btn-default:hover, input[type="submit"]:hover, .addToBag.active:hover, .boxProduseVip .addCartVip:hover, .button.primary:hover { color: #fff; background-color: #ea0033; border-color: #ea0033; } .btn-ghost, .produse-head-detalii a, .addToAStoc.active, .button.secondary { border-color: #03933e; color: #03933e; font-weight: 700; } .btn-ghost:hover, .produse-head-detalii a:hover, .addToAStoc.active:hover, .button.secondary:hover { color: #fff; border-color: #03933e; background: #03933e; } .btn-ghost-inverted { font-weight: 700; color: #fff; border-color: #03933e; background: #03933e; } .btn-ghost-inverted:hover { border-color: #03933e; background: transparent; color: #03933e; } .button.small { font-size: 11px; line-height: 32px; height: 32px; min-height: 32px; max-width: initial; width: initial; padding: 0px 15px; } .button.big { padding: 25px 80px; font-size: 14px; } .button.round-corners { border-radius: 10px; } .button.r { float: right; } .button.l { float: left; } /* End: Buttons */ .content-wrapper { position: relative; } .content-wrapper:before { position: absolute; top: 0; z-index: 2; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); transition: .5s; display: none; content: ' '; } .content-wrapper.menu-active:before { display: block; } .container-fluid { max-width: 1100px; width: 95%; box-sizing: border-box; padding-left: 10px; padding-right: 10px; margin: 0 auto; position: relative; } .container-fixed { max-width: 1100px; width: 95%; box-sizing: border-box; padding-left: 10px; padding-right: 10px; margin: 0 auto; position: relative; } .cms.content img { max-width: 100%; width: 100% !important; height: auto !important; } .cms.content p { display: block; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .cms.content ul { padding: 0 40px; display: block; list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px; } .cms.content ul li { display: list-item; text-align: -webkit-match-parent; } iframe[id^="xtd_receiver"] { position: absolute; } .float-left { float: left!important; } .float-right { float: right!important; } .clearfix::after { display: block; clear: both; content: " "; } #breadcrumbs { color: #a2a2a2; font-size: 10px; padding: 10px 0; margin-bottom: 20px; border-bottom: 2px solid #ddd; } #breadcrumbs>.container-fixed { padding: 5px 15px; } #breadcrumbs a { color: #999; font-size: 10px; transition: all .4s; } #breadcrumbs a:hover { color: #000; } /* Start: Header */ header { padding: 5px 0 15px; padding-top:5px; } #header.fixed { height: 115px; box-sizing: border-box; } #header.fixed #header-fixedWrapper { position: fixed; width: 100%; top: 0; left: 0; padding: 10px 0; background: #fff; z-index: 2; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4); } #header.fixed #center-header a img { padding: 5px 0; height: 50px; } #header-wrapper { position: relative; z-index: 3; background: #fff; } #header #left-header { position: relative; } #header-wrapper .dropdown { position: relative; display: inline-block; } #header-wrapper .dropdown-content { display: none; position: absolute; min-width: 380px; background-color: #fff; -webkit-animation: dropdown-effect-out .4s; animation: dropdown-effect-out .4s; } .product-box-head { } .product-box-head + .product-box-head { padding-top: 10px; margin-top: 10px; border-top: 1px dashed #ddd; } .product-box-head-pic { width: 80px; box-sizing: border-box; } .product-box-head-pic .product-image { padding: 0 10px; } .product-box-head-pic .product-image img { padding: 0; margin: 0; max-width: 100%; max-height: none; } .produse-head-titlu { padding: 5px 10px; background: #eee; border-bottom: solid 1px #ccc; } .produse-head-detalii { padding: 10px; background: #eee; font-weight: bold; text-align: center; } .product-box-head-name { vertical-align: middle!important; } .product-box-head-name a { font-weight: 700 } .product-box-head-price { font-size: 12px; } .produse-head-wrapper { overflow: hidden; overflow-y: auto; height: 300px; padding: 10px 0; } #header-wrapper .dropdown-content.bottom-left { top: 100%; left: 0; } #header-wrapper .dropdown-content.bottom-right { top: 100%; right: 0; } #header-wrapper .dropdown-content.bottom-center { top: 100%; right: 0; padding-top: 10px; } #header-wrapper .dropdown-content .option { color: #000; padding: 12px 10px; text-decoration: none; display: block; width: 100%; box-sizing: border-box; } #header-wrapper .dropdown-content .option .lang-flag { margin: 0 5px; } #header-wrapper .dropdown-content .option .lang-text { padding: 0; padding-right: 10px; } #header-wrapper .dropdown-content .option .lang-flag img { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } #header-wrapper .dropdown-content .option .lang-flag.active img { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; } #header-wrapper .dropdown-wrapper { padding: 12px 10px; } #header-wrapper .dropdown:hover .dropdown-content { display: block; z-index: 1; -webkit-animation: dropdown-effect-in .4s; animation: dropdown-effect-in .4s; } .sideBarSectionTitle { transition: all .5s; } .sideBarSectionTitle + .sideBarSectionTitle { border-top: 1px solid #ddd; } .sideBarSectionTitle[active], .sideBarSectionTitle:hover { color: #fff; background: #03933e; } .sideBarSectionTitle[active] a, .sideBarSectionTitle:hover a { color: #fff; text-decoration: none; } .contul-meu .active { background: #000; padding-left: 10px; color: #fff; } .contul-meu .active a { color: #fff!important; border: none!important; } #right-header .dropdown-content.dropdown-cont { min-width: 300px; right: 0; } #right-header .dropdown-content.dropdown-cont .dropdown-wrapper { padding: 0; } .dropdown-cont .sideBarSectionTitle { margin: 0; padding: 0; } .dropdown-cont .sideBarSectionTitle a { padding: 10px; display: block; font-size: 14px; text-transform: none; } .dropdown-cont .sideBarSectionTitle a:before { content: "» "; } .acount-info-picture { cursor: pointer; border-bottom: 1px dashed #ddd; margin: 0 -15px; padding: 15px 25px; display: flex; align-items: center; } .account-circle { display: inline-block; padding: 5px; font-size: 20px; background: #03933e; border: solid 1px #03933e; border-radius: 50%; font-weight: bold; height: 45px; width: 45px; line-height: 32px; text-align: center; float: left; margin-right: 10px; color: #fff; transition: .3s; } #header-wrapper .dropdown.megamenu { position: static; } #header-wrapper .dropdown.megamenu .categorii { background: #fff; background-position: center center; } #header-wrapper .dropdown.megamenu .produs { background: #fff; padding: 0 15px; width: 250px; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; box-sizing: border-box; } #header-wrapper .dropdown.megamenu .produs .boxStocReview a { padding: 0 !important; } #header-wrapper .dropdown .product-box { margin-bottom: 5px; } #header-wrapper .dropdown.megamenu .produs .product-name { font-size: 12px; height: 40px; } #header-wrapper .dropdown.megamenu .produs .product-price { font-size: 14px; } #header-wrapper #main-nav .dropdown.megamenu .dropdown-wrapper { /*border:solid 3px #EC008C;*/ box-sizing: border-box; } #header-wrapper #main-nav .dropdown.megamenu .dropdown-content { z-index: 1; } #header-wrapper #main-nav .dropdown.megamenu .backToCat { display: none; } #header-wrapper .dropdown.megamenu .level-2 { text-align: left; min-height: 375px; } #header-wrapper .dropdown.megamenu .level-2>li { width: 33.33%; display: inline-block; vertical-align: top; padding: 0 10px; box-sizing: border-box; } #header-wrapper .dropdown.megamenu .level-2.level-4>li { width: 25%; } #header-wrapper .dropdown.megamenu .level-2>li:nth-child(1)::after { content: ''; position: absolute; top: 0; left: 33.33%; margin-left: -0.5px; width: 1px; height: 100%; background: #cccccc; } #header-wrapper .dropdown.megamenu .level-2>li:nth-child(2)::after { content: ''; position: absolute; top: 0; left: 66.66%; margin-left: -0.5px; width: 1px; height: 100%; background: #cccccc; } #header-wrapper .dropdown.megamenu .level-2.level-4>li:nth-child(1)::after { content: ''; position: absolute; top: 0; left: 25%; margin-left: -0.5px; width: 1px; height: 100%; background: #cccccc; } #header-wrapper .dropdown.megamenu .level-2.level-4>li:nth-child(2)::after { content: ''; position: absolute; top: 0; left: 50%; margin-left: -0.5px; width: 1px; height: 100%; background: #cccccc; } #header-wrapper .dropdown.megamenu .level-2.level-4>li:nth-child(3)::after { content: ''; position: absolute; top: 0; left: 75%; margin-left: -0.5px; width: 1px; height: 100%; background: #cccccc; } #header-wrapper .dropdown.megamenu .separator { border-top: dashed 2px #ccc; margin-top: 15px; } #header-wrapper .dropdown.megamenu .megaMenuPtitlu { font-size: 14px; line-height: 16px; padding: 10px; margin: 0 -15px; background: #03933e; text-align: center; font-weight: bold; color: #fff; text-transform: uppercase; box-sizing: border-box; } #header-wrapper .dropdown.megamenu .level-2>li>a { text-align: left; border-bottom: solid 2px #03933e; display: block; padding: 15px 0; margin-bottom: 15px; font-weight: bold; font-size: 14px; } #header-wrapper .dropdown.megamenu .level-3 { padding: 0; box-sizing: border-box; } #header-wrapper .dropdown.megamenu .level-3>li { display: block; } #header-wrapper .dropdown.megamenu .level-3>li>a { text-align: left; padding: 10px 0; font-size: 14px; position: relative; padding-left: 0px; color: #000; } #header-wrapper .dropdown.megamenu .level-3>li>a>span {} #header-wrapper .dropdown.megamenu .level-3>li>a:hover { font-weight: bold; color: #03933e; } .clear { clear: both; width: 0; height: 0; display: block; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .right-header .dropdown { padding: 0 5px; display: inline-block; } .right-header .dropdown:hover > a { color: #03933e; } .right-header .dropdown-content { width: 100%; max-width: 400px; cursor: initial; text-align: left; z-index: 1; overflow: hidden; border-top: 3px solid #03933e; border-bottom: 3px solid #03933e; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } #header-wrapper .dropdown-content .option { padding: 12px 15px; } #header-wrapper .dropdown-content .dropdown-wrapper { padding: 12px 15px; } #mobile-header .my-bag { margin-right: 15px; } #header-wrapper #main-nav .dropdown-content .dropdown-wrapper { padding: 0; } #header-wrapper #main-nav .dropdown-content.slimScroll .dropdown-wrapper { max-height: 330px; overflow-y: auto; } #header-wrapper #main-nav .dropdown-content { padding-top: 0; border-top: 0; z-index: -1; } #header-wrapper #main-nav .dropdown-content .dropdown-wrapper >ul>li { display: block; } #header-wrapper #main-nav .dropdown-content .dropdown-wrapper >ul>li + li { border-top: 1px solid #ddd; } #header-wrapper #main-nav .dropdown-content .dropdown-wrapper >ul>li>a { transition: all .2s ease-in; color: #000; text-transform: uppercase; display: block; text-align: left; padding: 10px 0; font-size: 14px; position: relative; padding-left: 20px; } #header-wrapper #main-nav .dropdown-content .dropdown-wrapper >ul>li>a > span { position: absolute; top: 8px; left: 10px; } #header-wrapper #main-nav .dropdown-content .dropdown-wrapper >ul>li>a:hover { font-weight: bold; color: #03933e; } #header-wrapper #main-nav .dropdown-content .dropdown-wrapper >ul>li>a.backToCat { display: none; } .logo-left { width: 20%; min-width: 300px; } #header.fixed #center-header.logo-left { min-width: 225px; width: 225px; } .links-right { width: 25%; min-width: 450px; } #mobile-header .links-right { width: auto; min-width: 0; } #right-nav-tablet > div { display: inline-block; } .right-header .dropdown { padding: 5px 0; } .right-header .dropdown + .dropdown { margin-left: 25px; } #header-wrapper .dropdown-content .option { padding: 12px 15px; } #header-wrapper .dropdown-content .dropdown-wrapper { padding: 5px; } .right-header .dropdown > a { display: flex; align-items: center; color: #000; font-weight: 700; text-align: left; } .right-header .dropdown i { font-size: 28px; margin-right: 10px; color: #03933e; } #mobile-header .right-header .dropdown + .dropdown { margin-left: 10px } #mobile-header .right-header .dropdown i { font-size: 20px; margin-right: 5px; } #mobile-header .right-header .dropdown > a > span { font-size: 12px; } #search { border: solid 1px transparent; border-left: 0; border-right: solid 1px #ccc; display: inline-block; vertical-align: middle; cursor: pointer; width: auto; } #search span { font-weight: bold; font-size: 20px; } .search-header { padding: 10px; } #mobile-header #search .account-header a { color: #000; padding: 10px;} .info-header { background: #bc2546; padding: 10px 10px; font-size: 16px; text-align: center; } .info-header .notice { color: #fff; } .info-header-contact { font-size: 16px; } .info-header-contact .inner { padding: 5px 10px; background: #eee; border-radius: 0 0 10px 10px; margin-bottom: 10px; } .info-header-contact .phone { float: left; } .info-header-contact .links { width: auto; float: right; } .info-header + .info-header-contact .links { border-top: 1px solid #fff; } .info-header-contact .links, .info-header-contact .phone { color: #333; font-weight: 400; font-size: 14px; } .info-header-contact .links a, .info-header-contact .phone a { text-transform: uppercase; color: #635e5a; font-weight: 400; font-size: 14px; } .info-header-contact .links a:hover { color: #000; } .info-header-contact .links a + a { border-left: 1px solid #333; padding-left: 10px; margin-left: 10px; } #searchBox-new { position: relative; } #searchBoxInput-new { position: relative; } #searchBoxInput-new input { border: 3px solid #ddd; border-radius: 5px; padding-left: 10px; padding-right: 50px; font-size: 13px; } #searchBoxInput-new button { position: absolute; right: 0; top: 0; bottom: 0; color: #ddd; font-size: 25px; padding: 0; padding-right: 10px; /*padding-left: 10px; border-left: 3px solid #ddd;*/ cursor: pointer; } #searchBoxInput-new button > i { padding-left: 10px; border-left: 1px solid #ddd; } #searchBoxInput-new input::placeholder { color: #888; font-style: italic; } #searchBoxInput-new input:-ms-input-placeholder { color: #888; font-style: italic; } #searchBoxInput-new input::-ms-input-placeholder { color: #888; font-style: italic; } #searchBox { background: #f5f5f5; padding: 5px; padding-top: 20px; z-index: 5; position: fixed; width: 100%; box-sizing: border-box; display: none; top: 0; } #searchBox #searchButton, #searchBox #closeButton { width: 50px; } #searchBox #searchButton button, #searchBox #closeButton button { transition: all .2s ease-in; border: none; cursor: pointer; background: transparent; height: 50px; width: 50px; } #searchBox #searchButton button, #searchBox #closeButton button:hover { background: #ccc; border-radius: 50%; font-size: 18px; } #searchBox #searchButton img, #searchBox #closeButton img { margin: 0 auto; max-height: 25px; } #searchBoxInput input { font-size: 18px; border: none; background: #f5f5f5; line-height: normal; box-shadow: none; } #searchBoxOverlay { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 4; top: 0; left: 0; display: none; } #searchADVsugestii { margin-top: 20px; } #searchADVsugestii .titluRec { color: #a2a2a2; border-bottom: 1px solid #ddd; } .searchADVproduseBox { transition: all .2s ease-in; padding: 5px 10px; cursor: pointer; box-sizing: border-box; } #searchADVcuvinte .searchADVcuvinteBox { transition: all .2s ease-in; padding: 5px 10px; cursor: pointer; box-sizing: border-box; display: block; } #searchADVcuvinte .searchADVcuvinteBox:hover { background: #eee; } .searchADVproduseBox .product-image { width: 60px; } .searchADVproduseBox .product-info { padding-left: 20px; box-sizing: border-box; } #searchADVsugestii-new { position: absolute; top: 100%; right: 0; text-align: left; background: #fff; z-index: 10; padding: 0px; box-sizing: border-box; width: 100%; display: none; } #searchBox-new:hover #searchADVsugestii-new, .focused #searchADVsugestii-new { display: block; } #searchADVsugestii-new .titluRec { color: #a2a2a2; border-bottom: 1px solid #ddd; border-top: solid 1px #ddd; padding: 5px 10px; font-weight: 700; } #searchBox-new .searchADVproduseBox { transition: all .2s ease-in; padding: 5px 10px; cursor: pointer; box-sizing: border-box; } #searchBox-new .searchADVproduseBox + .searchADVproduseBox { margin-top: 5px; padding-top: 5px; border-top: 1px dashed #ddd; } #searchADVcuvinte-new .searchADVcuvinteBox { transition: all .2s ease-in; padding: 5px 15px; cursor: pointer; box-sizing: border-box; display: block; } #searchADVcuvinte-new .searchADVcuvinteBox:hover { background: #eee; } #searchBox-new .searchADVproduseBox .product-image { width: 60px; } #searchBox-new .searchADVproduseBox .product-image img {} #searchBox-new .searchADVproduseBoxNume { font-weight: bold; color: #03933e; } #searchBox-new .searchADVproduseBox .product-info { padding-left: 20px; box-sizing: border-box; line-height: normal; vertical-align: middle!important; } #searchBox-new .searchADVproduseBox .product-info .searchADVproduseBoxPret { margin-top: 5px; font-size: 12px; } #searchBox-new .searchADVproduseBox:nth-child(2) { margin-top: 5px; } #searchBox-new .searchADVproduseBox:last-child { margin-bottom: 5px; } #searchADVproduse .product-image { display: table-cell; padding: 0; } #main-nav-wrapper { position: relative; height: 46px; } #main-nav { background: #bc2546; position: absolute; left: 0; top: 0; width: 100%; } #main-nav .container-fixed { padding: 0; max-width: 100%; } #main-nav ul { text-align: center; font-size: 0; padding: 0; margin: 0; position: relative; display: table; width: 100%; } #main-nav ul.nav-links>li { display: table-cell !important; } #main-nav ul li { display: inline-block; } #main-nav .nav-links>li { transition: all .2s ease-in; } #main-nav .nav-links>li a { font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; display: block; padding: 15px 5px; font-weight: 700; } #main-nav .nav-links>li.active>a, #main-nav .nav-links>li:hover { background: #635e5a; } #main-nav .nav-links>li:hover a { text-decoration: none; } #main-nav .nav-links > li .slimScroll { padding-bottom: 63px; } .see-all { position: absolute; bottom: 0; background: #eee; width: 100%; padding: 10px; } .see-all > a { display: inline-block!important; margin: 0 auto; padding: 10px 30px!important; color: #03933e!important; font-size: 1rem!important; } .see-all > a:hover { color: #fff!important; } body.showFixedNavMenu #header.fixed~#main-nav-wrapper>#main-nav { position: fixed; top: 70px; } #fixedMenuWrapper { background: #fff; display: none; } #fixedMenu { padding: 10px; cursor: pointer; z-index: 4; text-decoration: none; outline: 0; -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; -ms-transition: all .5s ease-in-out; -ms-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; box-sizing: border-box; display: inline-block; vertical-align: middle; display: inline-block; vertical-align: middle; border: 1px solid #000; } #header.fixed #fixedMenuWrapper { width: 60px; display: table-cell; } #fixedMenu .menuBar { width: 20px; height: 3px; background: #000; display: block; margin-top: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; content: '' } #fixedMenu .menuBar.top { margin-top: 0px; } #fixedMenu .menuText { display: none; text-transform: uppercase; font-size: 7px; line-height: 7px; margin-top: 3px; text-align: center; color: #000; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out } @-webkit-keyframes topDo { 0% { -webkit-transform: translatey(0px) } 50% { -webkit-transform: translatey(6px) } 100% { -webkit-transform: translatey(6px) rotate(45deg) } } @-moz-keyframes topDo { 0% { -moz-transform: translatey(0px) } 50% { -moz-transform: translatey(6px) } 100% { -moz-transform: translatey(6px) rotate(45deg) } } @-ms-keyframes topDo { 0% { -ms-transform: translatey(0px) } 50% { -ms-transform: translatey(6px) } 100% { -ms-transform: translatey(6px) rotate(45deg) } } @keyframes topDo { 0% { transform: translatey(0px) } 50% { transform: translatey(6px) } 100% { transform: translatey(6px) rotate(45deg) } } #fixedMenu.close .menuBar.top { -webkit-animation-name: topDo; -moz-animation-name: topDo; -ms-animation-name: topDo; animation-name: topDo; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes topUndo { 0% { -webkit-transform: translatey(6px) rotate(45deg) } 50% { -webkit-transform: translatey(6px) } 100% { -webkit-transform: translatey(0px) } } @-moz-keyframes topUndo { 0% { -moz-transform: translatey(6px) rotate(45deg) } 50% { -moz-transform: translatey(6px) } 100% { -moz-transform: translatey(0px) } } @-ms-keyframes topUndo { 0% { -ms-transform: translatey(6px) rotate(45deg) } 50% { -ms-transform: translatey(6px) } 100% { -ms-transform: translatey(0px) } } @keyframes topUndo { 0% { transform: translatey(6px) rotate(45deg) } 50% { transform: translatey(6px) } 100% { transform: translatey(0px) } } #fixedMenu.open .menuBar.top { -webkit-animation-name: topUndo; -moz-animation-name: topUndo; -ms-animation-name: topUndo; animation-name: topUndo; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes middleDo { 0% { -webkit-transform: translatey(0px) } 50% { -webkit-transform: translatey(0px) } 100% { -webkit-transform: translatey(0px) rotate(-45deg) } } @-moz-keyframes middleDo { 0% { -moz-transform: translatey(0px) } 50% { -moz-transform: translatey(0px) } 100% { -moz-transform: translatey(0px) rotate(-45deg) } } @-ms-keyframes middleDo { 0% { -ms-transform: translatey(0px) } 50% { -ms-transform: translatey(0px) } 100% { -ms-transform: translatey(0px) rotate(-45deg) } } @keyframes middleDo { 0% { transform: translatey(0px) } 50% { transform: translatey(0px) } 100% { transform: translatey(0px) rotate(-45deg) } } #fixedMenu.close .menuBar.middle { -webkit-animation-name: middleDo; -moz-animation-name: middleDo; -ms-animation-name: middleDo; animation-name: middleDo; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes middleUndo { 100% { -webkit-transform: translatey(0px) } 50% { -webkit-transform: translatey(0px) } 0% { -webkit-transform: translatey(0px) rotate(-45deg) } } @-moz-keyframes middleUndo { 100% { -moz-transform: translatey(0px) } 50% { -moz-transform: translatey(0px) } 0% { -moz-transform: translatey(0px) rotate(-45deg) } } @-ms-keyframes middleUndo { 100% { -ms-transform: translatey(0px) } 50% { -ms-transform: translatey(0px) } 0% { -ms-transform: translatey(0px) rotate(-45deg) } } @keyframes middleUndo { 100% { transform: translatey(0px) } 50% { transform: translatey(0px) } 0% { transform: translatey(0px) rotate(-45deg) } } #fixedMenu.open .menuBar.middle { -webkit-animation-name: middleUndo; -moz-animation-name: middleUndo; -ms-animation-name: middleUndo; animation-name: middleUndo; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes bottomDo { 0% { -webkit-transform: translatey(0px) } 50% { -webkit-transform: translatey(-6px) } 100% { -webkit-transform: translatey(-6px) rotate(-45deg) } } @-moz-keyframes bottomDo { 0% { -moz-transform: translatey(0px) } 50% { -moz-transform: translatey(-6px) } 100% { -moz-transform: translatey(-6px) rotate(-45deg) } } @-ms-keyframes bottomDo { 0% { -ms-transform: translatey(0px) } 50% { -ms-transform: translatey(-6px) } 100% { -ms-transform: translatey(-6px) rotate(-45deg) } } @keyframes bottomDo { 0% { transform: translatey(0px) } 50% { transform: translatey(-6px) } 100% { transform: translatey(-6px) rotate(-45deg) } } #fixedMenu.close .menuBar.bottom { -webkit-animation-name: bottomDo; -moz-animation-name: bottomDo; -ms-animation-name: bottomDo; animation-name: bottomDo; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes bottomUndo { 0% { -webkit-transform: translatey(-6px) rotate(-45deg) } 50% { -webkit-transform: translatey(-6px) } 100% { -webkit-transform: translatey(0px) } } @-moz-keyframes bottomUndo { 0% { -moz-transform: translatey(-6px) rotate(-45deg) } 50% { -moz-transform: translatey(-6px) } 100% { -moz-transform: translatey(0px) } } @-ms-keyframes bottomUndo { 0% { -ms-transform: translatey(-6px) rotate(-45deg) } 50% { -ms-transform: translatey(-6px) } 100% { -ms-transform: translatey(0px) } } @keyframes bottomUndo { 0% { transform: translatey(-6px) rotate(-45deg) } 50% { transform: translatey(-6px) } 100% { transform: translatey(0px) } } #fixedMenu.open .menuBar.bottom { -webkit-animation-name: bottomUndo; -moz-animation-name: bottomUndo; -ms-animation-name: bottomUndo; animation-name: bottomUndo; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; animation-fill-mode: forwards } /* End: Header */ .product-slider-tabs, .product-slider-tabs2 { margin-top: 50px; } .owl-carousel.loading { display: none; } .owl-carousel .caption { position: absolute; right: 20%; bottom: 20%; padding: 20px; max-width: 40%; padding: 20px; border-radius: 10px; background: rgba(3, 147, 62, .7); display: none; } .owl-carousel .caption .title { font-size: 28px; font-weight: 800; text-transform: uppercase; margin-bottom: 1rem; color: #fff; } .owl-carousel .caption .text { font-weight: 600; font-size: 18px; margin-bottom: 2rem; color: #fff; } .owl-theme .owl-nav { padding: 0; } /*.owl-height { transition: none!important; }*/ .slider, .images-slider { display: block!important; height: 200px; overflow: hidden; } .slider.owl-loaded, .images-slider.owl-loaded { height: auto; overflow: auto; } .slider:before, .images-slider:before { display: flex; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: url('../js/owl-carousel/assets/ajax-loader.gif'); z-index: 99; text-align: center; justify-content: center; align-items: center; font-size: 28px; } .slider.owl-loaded:before, .images-slider.owl-loaded:before { display: none; } .week-brands-slider .owl-stage, .images-slider .owl-stage { display: flex; align-items: center; } .slider .owl-nav { padding: 0 50px; } .slider .owl-item .item > a { width: 100%; margin-bottom: -7px; } .slider .owl-item .item > a > img { width: 100%; } .product-box-details { color: #635e5a; padding: 25px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .product-box-details .features-carousel { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-around; } .product-box-details .item { display: flex; align-items: center; justify-content: center; } .product-box-details .inner { display: flex; align-items: center; font-weight: 300; } .product-box-details .inner a { color: #fff; font-weight: 700; } .product-box-details .inner strong { font-weight: 400; } .product-box-details .inner i { font-size: 32px; margin-right: 10px; } .wishlist .produse-head-titlu { display: none; } .my-bag .produse-head-titlu { display: none; } /* Start: Product Box */ .product-slider2 .product-box, .product-slider .product-box, .product-slider-white .product-box, .product-slider-add .product-box { margin: 0; } .product-slider-white .product-box { padding: 5px; background: #fff; } .product-slider-add .product-box .product-name { height: 40px; margin: 5px 0; } .wishlist-item-icon { color: #ddd; font-size: 32px; line-height: 32px; text-align: center; transition: all .5s; z-index: 1; position: absolute; display: inline-block; top: 5px; right: 5px; cursor: pointer; padding: 5px; } .wishlist-item-icon.added { color: #03933e; } .wishlist-item-icon:after { content: "\f004"; font-family: Font Awesome\ 5 Pro; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; } .wishlist-item-icon.added:after, .wishlist-item-icon:hover:after { font-weight: 900; } .product-box .wishlist-item-icon { transition: all .2s ease-in; font-size: 24px; } .product-box .addToBagWrapper { max-width: 100%; margin: 10px auto 0; } .product-box .addToBag, .boxProduseVip .addCartVip { padding: 5px 0; width: 100%; } .product-box .addToBag.active, .boxProduseVip .addCartVip { transition: all .2s ease-in; font-size: 12px; border-radius: 10px; } .showQuickView { z-index: 1; cursor: pointer; transition: all .2s ease-in; opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(255, 255, 255, 0.8); font-weight: bold; color: #000; padding: 10px 10px; box-sizing: border-box; } .showQuickView span:before { font-size: 20px; font-family: Font Awesome\ 5 Pro; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 400; content: "\f06e"; margin-right: 10px; display: inline-block; position: relative; top: 2px; } .product-box:hover .showQuickView { opacity: 1; } .product-image { position: relative; padding: 10px; } .product-name { margin-top: 15px; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 60px; margin-bottom: 15px; text-align: center; } .product-price { font-weight: 700; } .old-price { text-decoration: line-through; } .badge { position: relative; display: block; text-align: center; background: #ee6f6a; padding: 5px; color: #fff; } .new-price { color: #f00; margin-left: 10px; font-weight: bold; } .boxStoc { display: none; } .boxReview .reviewLink { margin-left: auto; display: block; width: 70px; height: 12px; position: relative; background: url(../img/icons/rate-0.png); background-size: 70px; background-repeat: no-repeat; background-position: left top; background-position-x: 0%; background-position-y: 0%; margin-top: 5px; } .boxReview .reviewPercentage { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: url(../img/icons/rate-5.png); background-size: 70px; background-repeat: no-repeat; background-position: left top; background-position-x: 0%; background-position-y: 0%; } .flex-wrapper {} .featured-product-wrapper { float: left; width: 30%; padding-right: 15px; position: relative; display: flex; align-items: stretch; margin-top: 50px; } .featured-product { flex: 1; width: 100%; height: 100%; padding: 10px; border: 3px solid #ff809c; } /* Start: Instagram */ .instagram-posts { display: flex; flex-wrap: wrap; } .instagram-posts:after { clear: both; content: ' '; display: table; } .instagram-posts .item { flex: 0 0 33.33%; padding: 5px; } .instagram-posts .item:first-child { flex: 0 0 100%; margin-bottom: 10px; } .instagram-posts .item .inner { position: relative; overflow: hidden; } .instagram-posts .item img { transition: transform .4s; } .instagram-posts .item:hover img { transform: scale(1.1, 1.1); } .instagram-posts .item .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; line-height: 1; opacity: 0; background: rgba(0, 0, 0, 0.6); transition: opacity .6s; display: flex; justify-content: center; align-items: center; cursor: pointer; } .instagram-posts .item:hover .info { opacity: 1; } .instagram-posts .item .info span { color: #fff; font-size: 16px; margin: 0 2px; } .instagram-posts .item .info span.text { font-size: 14px; } .instagram-posts .item:first-child .info span { color: #fff; font-size: 18px; margin: 0 2px; } .instagram-posts .item:first-child .info span.text { font-size: 16px; } /* End: Instagram */ .featured-product > a { display: block; margin-top: 20px; transition: .4s; text-align: center; } .featured-product > a:hover { opacity: .6; } .featured-product > a > img { margin: 0 auto; } .product-flex-box { display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 20px; float: ; } .product-flex-box .product-box { flex: 0 0 20%; } .product-box .boxReview .reviewLink { margin: 0 auto; } /* End: Product Box */ /* Start: Add to bag */ .addToBagWrapper { max-width: 270px; width: 100%; } .addToBagWrapper .addToBag, .boxProduseVip .addCartVip { background: #bc2546; font-weight: bold; cursor: pointer; text-transform: uppercase; line-height: 20px; color: #fff; font-weight: 700; border-radius: 0 10px 10px 0; transition: all .2s ease-in; font-size: 14px; border: 1px solid #bc2546; } .boxProduseVip .addCartVip { border-radius: 10px; } .addToBagWrapper .addToBag:after, .boxProduseVip .addCartVip:after { font-size: 20px; font-family: Font Awesome\ 5 Pro; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 400; content: "\f290"; margin-left: 10px; position: relative; top: 2px; } .addToBagWrapper .addToCartQty { width: 70px; background: #bc2546; border-radius: 10px 0 0 10px; text-align: center; } .addToBagWrapper .addToCartQty .incrementCartProductQuantity { text-align: center; margin-bottom: 0; color: #fff; transition: all .2s; } .addToBagWrapper .addToCartQty .incrementCartProductQuantity:hover { } .addToBagWrapper .addToCartQty .decrementCartProductQuantity { text-align: center; color: #fff; margin-top: 0; transition: all .2s; } .addToBagWrapper .addToCartQty .decrementCartProductQuantity:hover { } .addToBagWrapper .addToCartQty .cartProductQuantity { background: transparent; border: transparent; color: #fff; font-weight: bold; font-size: 16px; padding: 0; width: 60px; height: 20px; } .addToBagWrapper .addToCartQty .cartProductQuantity:hover, .addToBagWrapper .addToCartQty .cartProductQuantity:focus { transition: all .2s; border: none; box-shadow: none; } .addToAStocWrapper .addToAStoc.active { width: 100%; height: 35px; } .product-box .addToBagWrapper button.addToAStoc { height: 35px; width: 100%; max-width: 100%; padding: 5px 0; } .addToAStoc { max-width: 270px; float: right; padding-top: 10px; padding-bottom: 10px; padding-left: 28px; line-height: 0; color: #666; } .addToAStoc.active { font-size: 12px; line-height: 0; } .addToAStoc:after { font-size: 20px; font-family: Font Awesome\ 5 Pro; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 400; content: "\f05a"; margin-left: 10px; position: relative; top: 2px; line-height: 0; } /* End: Add to bag */ /* Start: Rangali Live */ .about-rangali { padding: 50px 0; text-align: center; } .rangali-live { padding: 50px 0; background: #03933e; } .rangali-live .title { font-size: 24px; display: flex; align-items: center; } .rangali-live .title .live { color: #f00; text-transform: uppercase; border: 1px solid #f00; padding: 5px; margin-left: 10px; } .rangali-live .title .subtitle { font-size: 14px; margin-left: 15px; padding: 10px 0 10px 15px; border-left: 1px solid #000; font-style: italic; font-weight: 400; } /* End: Rangali Live */ /* Start: Brands Page */ #brandsList { padding: 0; margin: 0; list-style-type: none; margin: 0 -10px; } #brandsList li { text-align: center; display: table; } #brandsList li div { padding: 10px; box-sizing: border-box; } #brandsList li a { transition: all .2s ease-in; height: 140px; display: block; border: solid 3px #ff809c; padding: 15px; box-sizing: border-box; font-size: 14px; display: block; vertical-align: middle; font-weight: bold; } #brandsList li a span { display: block; } #brandsList li a img { margin: 0 auto; max-height: 60px; margin-bottom: 10px; background: #fff; } #brandsList li a:hover { border-color: #03933e; } /* End: Brands Page */ /* Start: Product Page */ .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; } .giftBox{padding: 15px;box-sizing: border-box;background: #eee;border: solid 1px #ddd;border-radius: 5px;} .giftBox img{padding:5px; background:#fff; margin-right:10px;} .giftBox .giftBoxTitle{color:#03933e;} .giftBox .giftBoxImage{width:60px;} .giftBox .giftBoxText{padding-left: 20px;} .disclaimer-product { color: #999; font-size: 12px; line-height: 14px; margin-top: 20px; font-style: italic; display: block; } #productDetailsRest { margin: 0 auto; } #productDetailsContent { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 20px; display: block; } #productDetailSlider .thumb-item { text-align: center; } #productDetailSlider .additional-images { margin-top: 20px; } #productDetailSlider .additional-images .thumb-item { padding-top: 20px; width: 33.33%; display: inline-block; } .js-showMoreWrapper { overflow: hidden; position: relative; text-align: left; height: 200px; } .js-showMoreWrapper.smaller { height: 100px; } .js-showMoreWrapper.disabled { height: auto; } .js-showMore { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; background: #f5f5f5; border: 1px solid #e8e8e8; box-sizing: border-box; font-weight: bold; cursor: pointer; display: none; } .js-showMoreWrapper.show { height: auto; overflow: inherit; } .js-showMoreWrapper.show .js-showMore.show, .js-showMoreWrapper.disabled .js-showMore.show { display: none; } .js-showMoreWrapper:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 35%, #fff 90%); background-repeat: repeat-x; z-index: 0; content: ' '; z-index: 1; } .js-showMore.show { border: none; background: none; color: #03933e; text-align: left; font-size: 14px; display: none; display: block; z-index: 2; } .js-showMoreWrapper.show:before, .js-showMoreWrapper.disabled:before { display: none; } #recenzii { padding-bottom: 40px; } .reviewProduseBox { padding: 10px 0; margin: 10px 0; border: dashed 1px #ccc; background: #f5f5f5; border-radius: 5px; } .reviewProduseBox-content img { height: 12px; } .reviewProduseBox-avatar { width: 60px; text-align: center; } .reviewProduseBox-avatar img { max-width: 20px; margin-top: 5px; } .reviewProduseBox h3 { display: inline-block; padding: 0; font-size: 16px; } .reviewProduseBox img { display: inline-block; } .reviewProduseBox p { display: block; } #showReviewBoxContainer, #showTestimonial { display: inline-block; cursor: pointer; } #showReviewBoxContainer { float: right; margin-top: 0; font-size: 14px; font-weight: 700; } #showReviewBoxContainer span, #showTestimonial span { display: inline-block; cursor: pointer; background: #ff809c; color: #000; font-weight: bold; border-radius: 50%; font-size: 20px; line-height: 30px; margin-left: 10px; font-weight: bold; height: 30px; width: 30px; text-align: center; vertical-align: middle; } #testimonialeForm { padding: 15px 15px; box-sizing: border-box; background: #fff6f2; border-radius: 5px; border: solid 1px #ddd; } #reviewForm { padding: 15px 15px; box-sizing: border-box; background: #fff6f2; border-radius: 5px; border: solid 1px #ddd; display: none; } .no-review { padding: 10px; background: #fff6f2; border-radius: 5px; border: solid 1px #ddd; font-weight: bold; } .description { margin-bottom: 30px; } #floating-product { padding: 15px 0; position: fixed; top: -80px; left: 0; width: 100%; z-index: 11; background: #fff; transition: all 0.2s ease-in-out; box-shadow: 0 0 10px #000; visibility: hidden; opacity: 0; } #floating-product.show { top: 0; visibility: visible; opacity: 1; } #floating-product-image { width: 64px; height: 50px; } #floating-product-image img { height: 50px; overflow: hidden; } #floating-product-title { font-weight: bold; } #floating-product-price .product-price #vat-included { color: #999999; font-size: 12px; font-weight: 400; } #floating-product-button { width: 200px; } #floating-product-button .addToBagWrapper { margin-top: 0; } .product-details-share-content { margin: 15px auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; } .product-details-share-content.pe-paginatie { float: left; margin: 30px auto; } .product-details-pint { color: #c91d2b; } .product-details-pint:hover { color: #565656; } .product-details-whatsapp { color: #2dd36a; border-radius: 3px; } .product-details-whatsapp:hover { color: #565656; } .product-details-google { color: #de3e19; } .product-details-google:hover { color: #565656; } .product-details-share-content > a { font-size: 22px; margin-left: 5px; line-height: 0; } .product-details-share-content.pe-paginatie > a { font-size: 22px; } /* End: Product Page */ /* Start: Sidebar */ .account-bar { display :none; } #sideBar, #sideBarTop { width: 250px; padding-right: 20px; z-index: 5; } #sidebar-overlay{transition: all .2s ease-in; position: fixed;z-index: 5;height: 100%;width: 100%;top: 0;display: none;background-color: rgba(0,0,0,0.5);} #sideBarWrapper { background: #fff; position: sticky; top: 130px; } #sideBarContent {} /* End: Sidebar */ /* Start: Filtre */ .static-page #sideBar #sideBarWrapper .sideBarSectionTitle, .account-bar #sideBarTop #sideBarWrapper .sideBarSectionTitle{ padding:10px 10px; border-top:solid 1px #ccc; box-sizing:border-box; width:100%;} .static-page #sideBar #sideBarWrapper .sideBarSectionTitle:first-child, .account-bar #sideBarTop #sideBarWrapper .sideBarSectionTitle:first-child{border-top:0;} .static-page #sideBar #sideBarWrapper .sideBarSection, .account-bar #sideBarTop #sideBarWrapper .sideBarSection{ padding:2px 10px; background:#fff; box-sizing:border-box; width:250px; background:#ddd;border-top:solid 1px #ccc; font-size:12px;} .static-page #sideBar #sideBarWrapper .sideBarSection:last-child, .account-bar #sideBarTop #sideBarWrapper .sideBarSection:last-child{border-radius:0 0 5px 5px;} .static-page #sideBar #sideBarWrapper, .account-bar #sideBarTop #sideBarWrapper {width:250px; background:#eee;border :1px solid #ccc; overflow: hidden;} .static-page #sideBarContent{max-width: 830px;width: 100%; box-sizing:border-box;} .sideBarSectionTitle{font-size: 12px;padding: 5px;font-weight: bold; text-transform:uppercase; transition: all .5s;} .sideBarSection{padding:0; padding: 5px 0; border-top: solid 1px #ddd; list-style-type:none;} .sideBarSection li{margin-top:5px;} .sideBarSection li{transition: all .2s ease-in; display:block; padding: 5px;} .sideBarSection li a{display:block;} .sideBarSection li:hover a,.sideBarSection li.active a{color:#fff; text-decoration:none;} .sideBarSectionTitle[active], .sideBarSectionTitle:hover, .sideBarSection li:hover,.sideBarSection li.active { color: #fff; background: #03933e;} .sideBarSectionTitle[active] a, .sideBarSectionTitle:hover a {color: #fff; text-decoration: none;} /* .accordeon { padding: 5px 0; cursor: pointer; padding-right: 50px; box-sizing: border-box; background-repeat: no-repeat; background-position: right center; background-position-x: 100%; background-position-y: 50%; background-size: 30px; transition: background-image 0.2s ease-in-out } .accordeon-cont { padding: 5px 10px; border: 1px solid #ddd; border-radius: 10px; background: #eee; margin-bottom: 10px; } .accordeon.open { background-repeat: no-repeat; background-position: right center; background-position-x: 100%; background-position-y: 50%; background-size: 30px; } .accordeon-target { padding: 5px 0px; box-sizing: border-box; display: none; background: #eee; padding: 40px; margin-top: -9px; margin-bottom:10px; } .accordeon-target.open { display: block; } .accordeon-target.scroll { max-height: 147px; overflow-y: auto; } .accordeon-target.scroll::-webkit-scrollbar { width: 5px; height: 10px; } .accordeon-target.scroll::-webkit-scrollbar-thumb { background-color: #ccc; } .accordeon-target.scroll::-webkit-scrollbar-thumb:hover { background-color: #ccc; } .accordeon-target.scroll::-webkit-scrollbar-track { background-color: #eee; }*/ #sideBarForm .accordeon{ padding-left:15px; padding-right:15px; box-sizing:border-box; border: none;} #sideBarForm .accordeon:first-child{} #sideBarForm .accordeon-target:last-child{} #sideBarForm .accordeon-target{ padding-left:15px; padding-right:15px; box-sizing:border-box; background:#fff;border: 1px solid #ccc;} .accordeon{padding:5px 0; cursor:pointer; padding-right:50px; box-sizing:border-box; background:#f5f5f5; background-repeat:no-repeat; background-position: right center; background-position-x: 100%; background-position-y: 50%; background-size: 30px; border-bottom:solid 1px #eee; transition: background-image 0.2s ease-in-out} .accordeon.open{background:#bc2546; background-repeat:no-repeat; background-position: right center; background-position-x: 100%; background-position-y: 50%; background-size: 30px; color: #fff;} .accordeon-target{padding: 5px 0px; box-sizing: border-box; display: none;} .accordeon-target.open{display:block;} .accordeon-target.scroll{/*max-height: 147px; */overflow-y: auto;} .accordeon-target.scroll::-webkit-scrollbar { width: 5px; height: 10px; } .accordeon-target.scroll::-webkit-scrollbar-thumb { background-color: #ccc; } .accordeon-target.scroll::-webkit-scrollbar-thumb:hover { background-color: #ccc; } .accordeon-target.scroll::-webkit-scrollbar-track { background-color: #eee; } #sideBarContent .accordeon{padding:10px; box-sizing:border-box; border:solid 1px #ccc; margin-top:10px;} #sideBarContent .accordeon-target{padding:10px; box-sizing:border-box; border:solid 1px #ccc; border-top:0;} #hiddenFilters{display: none;border: solid 1px #001e33;background: #fff; font-weight:bold; color: #001e33;margin-right: 0;cursor: pointer;float: left;height: 30px;padding: 0 8px;line-height: 30px; transition: all .2s ease-in;} #hiddenFilters:hover{background: #001e33; color:#fff;} #productsNo { float: left; line-height: 30px; padding-right: 10px; display: block; padding-left: 10px; } #viewAllButton { float: left; line-height: 30px; font-weight: bold; display: block; } .listSelector { margin: 0; padding: 0; list-style: none; font-weight: bold; } .listSelector li { padding: 5px 0; margin: 0; position: relative; font-weight: normal; } .listSelector li a { color: #000; } .listSelector li a.active, .listSelector li a:hover { color: #03933e; } input[type=checkbox] { display: inline-block; vertical-align: middle; } .listSelector li .customCheckbox input[type=checkbox] { display: none; } .listSelector li .customCheckbox { padding-left: 25px; cursor: pointer; display: block; position: relative; } .listSelector li .customCheckbox::after { position: absolute; display: block; width: 14px; height: 14px; content: ''; border: solid 1px #ccc; background: #f8f8f8; top: 2px; left: 0; } .listSelector li .customCheckbox.selected, .listSelector li .customCheckbox:hover { color: #03933e; } .listSelector li .customCheckbox.selected::after { content: '\2713'; text-align: center; line-height: 14px; font-size: 14px; border: solid 1px #03933e; } .listSelector-dropdown {} .listSelector-dropdown>a { background: #f8f8f8; display: block; border: solid 1px #ddd; padding: 5px 10px; font-weight: bold; } .listSelector-dropdown>a::before { content: '+'; padding-right: 5px; box-sizing: border-box; font-weight: bold; font-size: 16px; line-height: 13px; display: inline-block; vertical-align: middle; } .listSelector-dropdown.open>a::before { content: '-'; padding-right: 5px; box-sizing: border-box; font-weight: bold; font-size: 16px; line-height: 13px; display: inline-block; vertical-align: middle; } .listSelector-dropdown.open .listSelector-dropdown-list { display: block; } .listSelector-dropdown.open>a, .listSelector-dropdown-list .selected>a { font-weight: bold; color: #03933e; } .listSelector-dropdown .listSelector-dropdown-list { padding: 0; margin: 0; list-style-type: none; display: none; padding-left: 15px; } .listSelector-dropdown .listSelector-dropdown-list li>a { text-align: left; padding: 5px 0; font-size: 12px; position: relative; padding-left: 10px; font-weight: normal; } .listSelector-dropdown .listSelector-dropdown-list li { margin: 0; } .listSelector-dropdown .listSelector-dropdown-list li>a>span { transition: all .2s ease-in; position: absolute; top: 4px; left: 0; } .listSelector-dropdown .listSelector-dropdown-list li.listSelector-dropdown-list-all>a { padding-left: 3px; color: #888; text-transform: uppercase; } /* End: Filtre */ /* Start: Sort */ #productListHeader { padding: 5px 5px; border: solid 1px #ddd; margin-bottom: 5px; background: #f8f8f8; box-sizing: border-box; margin-top: 20px; } #incarcaMaiMultWrapp { text-align: center; padding-top: 50px; } #incarcaMaiMult { border: solid 1px #03933e; background: #f5f5f5; border-radius: 5px; padding: 10px; cursor: pointer; color: #000; position: relative; color: #03933e; font-weight: bold; text-transform: uppercase; max-width: 400px; margin: 0 auto; margin-top: 50px; } #incarcaMaiMult.loading { padding-top: 28px; text-indent: -99999px; } #incarcaMaiMult.loading:before { border: 5px solid #eee; border-radius: 50%; border-top-color: #03933e; width: 40px; height: 40px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; position: absolute; top: 10px; left: 50%; margin-left: -20px; content: " "; display: block; } #incarcaMaiMult.loading:after { content: ""; } #sortByWrapper { text-align: center; border: 0; color: #000; padding: 5px 20px 5px 5px; font-size: 14px; cursor: pointer; display: inline-block; position: relative; border-radius: 5px; } #sortByWrapper.opened #sortBy, #sortByWrapper:hover #sortBy { display: block; } #sortByWrapper:after { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; position: absolute; top: 12px; right: 5px; } #sortByWrapper.opened:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #888; border-top: 0; } #sortBy { display: none; right: 0; padding: 0; top: 100%; position: absolute; z-index: 2; background: #fff; text-align: left; overflow: hidden; font-size: 14px; min-width: 180px; font-weight: 700; } #sortBy li { display: block; } #sortBy li a { padding: 10px 15px; border-right: 0; line-height: 12px; white-space: nowrap; display: block; } #sortBy li a { padding: 10px 15px; border-right: 0; line-height: 12px; white-space: nowrap; display: block; } #sortBy li + li a { border-top: 1px solid #ddd; } #sortBy li:hover a, #sortBy li a.active { background: #03933e; text-decoration: none; color: #fff; } /* End: Sort */ /* Start: Message */ .formMessage { display: none; box-sizing: border-box; } .formMessage.error { width: 100%; background: red; padding: 5px; text-align: left; font-weight: 800; color: #fff; z-index: 9999; moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); } .formMessage.succes { width: 100%; background: green; padding: 5px; text-align: left; font-weight: 800; color: #fff; z-index: 9999; moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); } #notification .close { position: fixed; width: 30px; height: 30px; top: 0; right: 0; background: url(../img/close.png), #fff; cursor: pointer; background-size: 20px; background-position: center; background-position-x: 50%; background-position-y: 50%; background-repeat: no-repeat; } .formMessage #error-title { font-size: 12px; box-sizing: border-box; } .formMessage ol { list-style-type: decimal; text-align: left; font-weight: 400; padding: 0 40px 0 20px; margin: 0 auto; box-sizing: border-box; display: inline-block; } .formMessage ol li { display: list-item; padding-top: 5px; font-size: 10px; line-height: 12px; } .customMessage { display: none; position: fixed; z-index: 9999; top: 0; left: 0; height: 100%; background: rgba(0, 0, 0, 0.5); color: #000; font-size: 14px; font-weight: bold; text-align: center; } .customMessage .messageWrapper { background: #fff; max-width: 800px; margin: 0 auto; padding: 15px; box-sizing: border-box; position: relative; } .customMessage .messageWrapper h2 { text-transform: none; font-size: 24px; padding: 15px; color: inherit; } .customMessage .closeMessage { cursor: pointer; font-size: 32px; font-weight: bolder; line-height: 32px; text-align: center; width: 32px; height: 32px; position: absolute; top: -15px; right: -15px; background: #fff; border-radius: 50%; color: #000; font-family: Arial!important; transition: .4s; } .customMessage .closeMessage:hover { color: #03933e; } .message { width: 100%; box-sizing: border-box; padding: 20px; margin: 20px auto; box-sizing: border-box; background: #f9f9f9; color: #333; font-size: 14px; font-weight: bold; text-align: center; border-radius: 5px; } .message.info, .message.info .closeMessage { background: #a7f1ff; } .message.error, .message.error .closeMessage { background: #ee6f6a; color: #fff; } .message.alert, .message.alert .closeMessage { background: #ffcb6b; } .message.positive, .message.positive .closeMessage { background: #8eee71; } span.error { color: red; } /*.customMessage .message{background: #fff !important;} .customMessage .message.info {color: #a7f1ff;} .customMessage .message.error {color: #ef1f32;} .customMessage .message.alert {color: #ffcb6b;} .customMessage .message.positive {color: #8eee71;}*/ .message a { font-weight: bold !important; text-decoration: underline !important; } /* End: Message */ /* Start: Cart */ .incrementCartProductQuantity { width: 50px; height: 20px; margin: 0 auto; margin-bottom: 5px; cursor: pointer; } .incrementCartProductQuantity:after { content: "\f077"; font-family: Font Awesome\ 5 Pro; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; font-size: 20px; } .decrementCartProductQuantity { width: 50px; height: 20px; margin: 0 auto; margin-top: 5px; background-repeat: no-repeat; cursor: pointer; } .decrementCartProductQuantity:after { content: "\f078"; font-family: Font Awesome\ 5 Pro; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; font-size: 20px; } .decrementCartProductQuantity.inactive, .incrementCartProductQuantity.inactive { opacity: 0.5; } /* End: Cart */ /* Start: Footer */ #payments-footer { display: flex; align-items: center; } #payments-footer > * { padding: 0 5px; box-sizing: border-box; } .footer-links { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc; } .footer-links .footer-slider { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-around; flex-wrap: wrap; } .footer-links .item { display: flex; align-items: center; justify-content: left; flex: 0 0 25%; } .footer-links a { color: #000; } .footer-links .inner { display: flex; align-items: center; font-weight: 300; padding: 0 5px; } .footer-links .inner strong { font-weight: 400; } .footer-links .inner i { font-size: 32px; margin-right: 10px; } .social { font-size: 20px; text-align: center; } .footer-social { } .footer-social .inner { max-width: 300px; border-top: 1px solid #ccc; padding-top: 20px; margin: 0 auto; margin-top: 20px; display: inline-block; } .social a { width: 40px; line-height: 40px; background: #000; color: #fff; border-radius: 50%; transition: .4s; text-align: center; } .social a.facebook { background-color: #4e71a8; } .social a.facebook:hover { background-color: transparent; color: #4e71a8; } .social a.twitter { background-color: #1cb7eb; } .social a.twitter:hover { background-color: transparent; color: #1cb7eb; } .social a.pinterest { background-color: #ca3737; } .social a.pinterest:hover { background-color: transparent; color: #ca3737; } .social a.google-plus { background-color: #e3411f; } .social a.google-plus:hover { background-color: transparent; color: #e3411f; } .social a.instagram { background-color: #444444; } .social a.instagram:hover { background-color: transparent; color: #444444; } .footer-top-features { display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; } .footer-top-features p { margin: 0; padding: 0; } .footer-top-features h2 { margin: 0; padding: 0; } #newsletterRegistrationWrapper { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ccc; /*border-top: 1px solid #ccc;*/ } .newsletter-form-content { border-radius: 10px; } .newsletter-form-content input { border-radius: 10px 0 0 10px!important; } footer { background-color: #f5f5f5; margin-top: 40px; padding-bottom: 20px; padding-top:30px; } .footerItemList li img { max-height: 20px !important; } .footer .nav-links { text-align: center !important; } .flex-footer-icons { width: 100% !important; display: flex !important; flex-direction: row !important; justify-content: space-between !important; margin-top: 40px !important; align-items: center; } .big-percent { font-size: 22px; } #newsletterForm { max-width: 350px; } #newsletterRegistrationForm { box-sizing: border-box; } #newsletterRegistrationForm #newsletterForm button { border-radius: 0 10px 10px 0; height: 40px; line-height: 40px; font-size: 12px; padding: 0 15px; width: 100%; } #newsletterRegistrationForm #newsletterForm button:hover { background: #4fbc86; border-color: #4fbc86; color: #fff; } .footer-nav-content { text-align: left; } .footer-bottom-flex-content { display: flex; justify-content: space-between; align-items: center; } .d-block { display: block; } #footer-icons { border-top: 1px solid #ccc; margin-top: 30px; padding-top: 30px; } .p510 { padding: 5px 10px !important; height: 40px; } a.black-link { color: #808080; } /* End: Footer */ .cautariRecente { display: inline-block; } .cautariRecente + .cautariRecente { margin-left: 10px; } .rangali-live .cautariRecente { color: #fff; } .rangali-live .cautariRecente a { color: #fff; } .rangali-live .cautariRecente a:hover { color: #000; } .next-page { text-align: center; display: flex; align-items: center; justify-content: center; height: auto!important; opacity: 0; transition: .4s; } .next-page a { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; } .next-page i { font-size: 64px; } .next-page span { margin-top: -30px; } .hide-desktop { display: none!important; } #discountForm .input-button { display: none; } .show-discount { cursor: pointer; } .show-discount.active i:before { content: "\f056"; } #cart-checkout-table { line-height: normal; } .fixed-table-product { background: #03933e; color: #fff; margin-bottom: 30px; padding: 10px 0; } .about-section { } .about-section * { box-sizing: border-box; } .about-section p, .about-section h2{ color: #555; font-size: 20px; } .about-section p { margin-bottom: 10px; font-size: 14px; line-height: 24px; } .about-section .section { display: flex; margin-bottom: 30px; vertical-align: center; align-items: center; background: #f5f5f5; border-radius: 10px; padding: 10px; } .about-section .section img { border-radius: 10px; width: 100% } .about-section h1 { font-size: 40px; text-align: center; margin-bottom: 30px; border: 0!important; font-style: italic; } .about-section .section .section-small { flex: 0 0 35%; } .about-section .section .section-big { flex: 0 0 65%; } .about-section .section .section-small + .section-big { padding-left: 20px; } .about-section .section .section-big + .section-small { padding-left: 20px; } .about-section .slogan { /*margin-left: 50px;*/ } /* landingPage*/ .cariereContent .table-element {width:50%;} .cariereContent .detailsCariere { background:#f5f5f5; padding:0 20px;} .cariereContent .element-top{padding-left:50px;} .partDonatori .img{padding-left:50px;} .partDonatori{padding:50px 0;} #doneazaDonatori{background:#f5f5f5; padding:50px 0;} #doneazaDonatori .container-table .product-image{background:#fff !important;} #doneazaDonatoriMessage h2{padding-bottom:0 !important;} .ceFaceFundatia{padding:50px 0;} .ceFaceFundatia .element-left ul{-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0; margin-left:15px; margin-top:15px;} #despreNoi{padding:100px 0;} #despreNoi .hText{display:block; margin:0 auto; text-align:center;} #despreNoi h1{text-align:center; margin-bottom:30px;} #despreNoi .container-table{padding:50px 0;} #despreNoi .content{padding-bottom:50px;} #echipaNoastra{padding:50px 0;; background:#f5f5f5; text-align:center;} #echipaNoastra .container-fixed h2{text-align:center; padding-bottom:30px;} #echipaNoastra #echipaLista .col-4 .contentWrapper{background:#fff; border-radius:10px; padding:30px;} #echipaNoastra #echipaLista .col-4 .contentWrapper i{font-size:26px; display:block; padding-bottom:15px;} #echipaNoastra #echipaLista .col-4 .contentWrapper h4{font-size:16px; font-style:italic;} #echipaNoastra #echipaLista .col-4.cep{padding-left:15px; padding-right:15px;} #premiu{padding:100px 0;} #premiu h3{padding-bottom:30px;} #premiu h3 span{color:#ff809c;} #premiu .container-table .element-left{width:400px;} #teamSection{padding-bottom:100px; text-align:center;} #teamSection .container-fixed{width:500px; margin:0 auto; display:block; padding:20px;background:#ff809c; border-radius:10px;} #letsPlay{padding:100px 0;} #letsPlay .container-fixed{margin:0 auto; display:block; text-align:center;} #letsPlay h1{text-align:center; margin-left:0; margin-bottom:0;} #letsPlay h1 span{color:#03933e; font-size:26px; font-style:italic; font-family: 'Pacifico', cursive;} #letsPlay .content {padding:50px 0;} #letsPlay .content h2{padding-bottom:30px;} #letsPlay .content .listOfPlay .col-4 .container-table .icon{width:50px; border-left:1px solid #ccc;} #letsPlay .content .listOfPlay .col-4 .container-table .icon i{font-size:25px !important; color:#ff809c;padding-left:10px;} #letsPlay .content h3{font-weight:bold; padding-bottom:30px;} #letsPlay .content #listOfPoints span{display:block; padding:30px 0;font-size:20px;} #letsPlay .content #listOfPoints strong{font-size:20px;} #letsPlay .content #listOfPoints p{font-size:20px} #letsPlay .content #listOfPoints .contentWrapper{border-radius:20px; padding:30px;} #letsPlay .content #listOfPoints .col-3.cep{padding-left:15px; padding-right:15px;} #letsPlay .pasiLeft:before{content: '';width: 1px;height: 320px; background: #03933e;position: absolute;left: 20px;margin-top: 9px;} #letsPlay .pasi .container-table .circle{width:50px; height:50px; background-color:#fff;} #letsPlay .pasi .container-table .circle:before{content: '';display: block;width: 10px;height: 10px;margin: 6px;border-radius: 50%; background:#03933e;box-shadow: 0 0 0 6px rgba(0, 136, 118,0.21); } #letsPlay .pasi .container-table .title .pas{color:#03933e; padding-bottom:10px; font-weight:bold;} #letsPlay .pasi .element-center h2{font-style:italic;line-height:43px !important;font-size:30px !important;font-family: 'Pacifico', cursive;color:#ff809c;/* Safari */ -webkit-transform: rotate(-25deg); /* Firefox */ -moz-transform: rotate(-90deg); /* IE */ -ms-transform: rotate(-90deg); /* Opera */ -o-transform: rotate(-90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} #programAfiliere{padding:100px 0; } #programAfiliere .container-fixed{magin:0 auto; display:block; text-align:center;} #programAfiliere .container-fixed h1{text-align:center; margin-bottom:30px;} #programAfiliere .container-fixed .sectionContent{padding-top:30px; text-align;center;} #programAfiliere .container-fixed .sectionContent h2{font-weight:400; padding-bottom:15px;} .pasi .container-table .circle{width:50px; height:50px; background-color:#fff;} .pasi .container-table .circle:before{content: '';display: block;width: 10px;height: 10px;margin: 6px;border-radius: 50%; background:#03933e;box-shadow: 0 0 0 6px rgba(0, 136, 118,0.21);} .content h3{padding-bottom:30px;} .content{padding-bottom:100px;} .content .pasiLeft:before{display: none; content: '';width: 1px;height: 535px;background: #03933e;position: absolute;left: 20px;margin-top: 64px;} .pasi .container-table .title .pas {color: #03933e;padding-bottom: 10px;font-weight: bold;} .pasiLeft{padding-right:50px;} .content .container-table .element-center{padding:0 50px; background:#f5f5f5;} #teamSection{padding-bottom:100px; text-align:center;} #teamSection .container-fixed{width:800px; margin:0 auto; display:block; padding:20px;background:#ff809c; border-radius:10px;} #bloggerProgram{} #bloggerProgram .container-fixed h1{margin-bottom:15px;} #bloggerProgram h2{text-align:center; margin-bottom:50px; font-weight:400;} #bloggerProgram .container-fixed #listOfBP .col-3.cep{padding-left:15px; padding-right:15px;} #bloggerProgram .container-fixed #listOfBP .col-3 .contentWrapper{padding-top:30px;; border-radius:20px;} #bloggerProgram .container-fixed #listOfBP .col-3 .contentWrapper h3{padding-bottom:30px; padding-left:30px;} #bloggerProgram .container-fixed #listOfBP .col-3 .contentWrapper ul{border-radius:0 0 20px 20px; padding:30px;} #neBucuram{background: #f5f5f5;padding: 50px;border-radius: 20px;width: 500px;margin: 50px auto;} #neBucuram h3{text-align:center; padding-bottom:15px;} #neBucuram p{text-align:center; padding-bottom:30px;} #neBucuram small{margin:0 auto; font-style:italic; text-align:center; line-height:15px !important; display:block;} #reduceriPeViata{padding:100px 0;} #reduceriPeViata .container-fixed h1{margin-bottom:30px;} #reduceriPeViata .container-fixed p{padding-bottom:30px; text-align:center;} #reduceriPeViata .container-fixed h2{text-align:center;} #reduceriPeViata .content #listOfPoints{text-align:center;} #reduceriPeViata .content #listOfPoints .contentWrapper { border-radius: 20px; padding: 30px; } #reduceriPeViata .content #listOfPoints .col-3.cep { padding-left: 15px; padding-right: 15px; } #reduceriPeViata .content #listOfPoints strong { font-size: 20px; } #reduceriPeViata .content #listOfPoints span { display: block; padding: 30px 0; font-size: 20px; } #reduceriPeViata .content #listOfPoints p { font-size: 20px; } .pasi p{text-align:left !important;} #reduceriPeViata .title ul{padding:0; margin-bottom:30px; margin-left:15px;} #nuUita h3{padding-bottom:10px !important;} /* landingPage*/ /* Start: Brands Home */ .trends-title { display: inline-block; vertical-align: middle; margin-right: 15px; color: #a2a2a2; } /*.product-slider { transition: .5s !important; }*/ .weeks-brands-content { background: #eee; } .week-brands-slider-container { width: 95%; margin: 0 auto; padding: 30px 15px; text-align: center; } .text-center { text-align: center; } .week-brands-slider-container h2 { display: inline-block; position: relative; z-index: 1; } .week-brands-slider-container p { margin-bottom: 30px; } .week-brands-slider-container h2 span { position: relative; z-index: 10; font-weight: 700; } .colored-b-bottom span:before { content: ' '; display: block; background: #ff809c; width: 100%; height: 8px; position: absolute; bottom: 2px; left: -15px; z-index: -1; opacity: 1; transition: .2s; } .week-brands-slider { background-color: #fff; border-radius: 20px; padding: 20px; } .week-brands-slider img { max-height: 70px; } /* End: Brands Home */ /* Start: Countdown */ #transport-countdown { margin-top: 10px; font-weight: 700; display:inline-block; margin-left:20px; } #transport-countdown span { padding: 5px; background: #000; color: #fff; border-radius: 3px; font-size: 14px; line-height: 14px; } /* End: Countdown */ /* Start: Tooltips */ .tooltip{position: relative;} .tooltip:hover::before, .tooltip:hover::after{ position:absolute; left:50%; opacity:0; z-index:-100;} .tooltip:hover::before{border: solid;border-width: 10px 7px 0 7px;border-color: #000 transparent transparent transparent;bottom: 100%;margin-left: -7px;content: ''; } .tooltip:hover::before{ opacity:1; transform:scale(1); z-index:100;} .tooltip:hover::after{content: attr(data-tip);background: #000;border-radius: 4px; bottom: 100%;color: #eee; width: 130px; padding: 5px; margin-left: -65px;font-size: 10px;margin-bottom: 7px;font-style: italic;line-height: normal;text-align: center;text-transform: initial;box-sizing: border-box; } .tooltip:hover::after{ opacity:1; transform:scale(1); z-index:100; } .tooltip.right:hover::before{transform: translate(0%, -50%);bottom: auto;margin: 0;top: 50%;left: 100%;box-sizing: border-box;border-width: 7px 10px 7px 0;border-color: transparent #000 transparent transparent;} .tooltip.right:hover::after{transform: translate(0%, -50%);bottom: auto;margin: 0;top: 50%;left: 100%;margin-left: 7px;box-sizing: border-box;} .tooltip.left:hover::before{transform: translate(0%, -50%);left: auto;bottom: auto;margin: 0;top: 50%;right: 100%;box-sizing: border-box;border-width: 7px 0 7px 10px;border-color: transparent transparent transparent #000;} .tooltip.left:hover::after{transform: translate(0%, -50%);left: auto;bottom: auto;margin: 0;top: 50%;right: 100%;margin-right: 7px;box-sizing: border-box;} .tooltip.bottom:hover::before{ bottom: auto; top:100%; border-width: 0 7px 10px 7px;border-color: transparent transparent #000 transparent;} .tooltip.bottom:hover::after{ bottom: auto; top: 100%; margin-bottom: 0px; margin-top: 7px;} /* End: Tooltips */ /* Start: Resigilate */ .resigilate { margin-bottom: 30px; margin-top: 20px; padding: 20px; background: #f5f5f5; } .resigilat-item { border: solid 1px #ccc; box-sizing: border-box; padding: 8px; border-radius: 4px; background: #f5f5f5; margin-bottom: 8px; } .resigilat-item-title { width: 60%; margin-bottom: 5px; } .resigilat-product-price { font-size: 14px; text-align :left; } .resigilat-old-price { text-decoration: line-through; color: #888; } .resigilat-new-price { font-weight: bold; } .resigilate .addToBag { display: inline-block!important; height: auto!important; width: auto!important; padding: 5px 10px!important; font-size: 12px!important; } .resigilat-item-price span { white-space: nowrap; } /* End: Resigilate */ .descriere-producator-wrapper { margin: 20px 0; } .descriere-producator-inner { display: flex; } .descriere-producator-inner img { min-width: 150px; padding-right: 25px; } .descriere-producator-wrapper .js-showMore { padding-left: 150px; } #newsletterRegistration .col-2:first-child { padding-right: 10px; } #newsletterRegistration .col-2:last-child { padding-left: 10px; } .footer-img-item { position: relative; display: block; max-width: 600px; margin: 0 auto; overflow: hidden; } .footer-img-item img { transition: .4s; } .footer-img-item:hover img { transform: scale(1.1); } .footer-img-item > div.text { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .5); transition: .4s; flex-wrap: wrap; color: #fff; text-align: center; } .footer-img-item > div.text h3 { font-size: 28px; line-height: 32px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } .footer-img-item > div.text p { text-transform: none; font-size: 14px; font-weight: 700; } .footer-img-item:hover > div.text { background: rgba(0, 0, 0, .7); } .text-home { padding: 30px 0; background: #03933e; color: #fff; } .text-home h2 { font-size: 22px!important; } .text-home .text { font-size: 16px; } .text-home .text p:last-child { margin-bottom: 0; } .text-home h2 + .text, .text-home h2 + .link, .text-home .text + .link { margin-top: 20px; } /* Start: Responsive */ @media only screen and (max-width: 1500px) { .category .col-6 { width: 20%; } .category .col-6:nth-child(6n+6) { clear: none; } .category .col-6:nth-child(6n+1) { clear: none; } .category .col-6:nth-child(5n+1) { clear: left; } .category .col-6:nth-child(5n+5) { clear: right; } .product-flex-box .product-box { flex: 0 0 25%; } .product-flex-box .product-box:nth-child(8), .product-flex-box .product-box:nth-child(9) { display: none; } } @media only screen and (max-width: 1100px) { body { margin-top: 50px; } .about-section .section .section-small { display: none; } .about-section .section .section-big { flex: 0 0 100%; padding: 0!important; } .about-section .slogan { text-align: center; } #sideBarWrapper { position: relative; top: auto; } #hiddenFilters { display: block; } .info-header-contact .links, .info-header-contact .phone { float: none; text-align: center; } .right-header .dropdown i { color: #000; } .resigilat-item, .resigilat-item .table-element { display: block; width: 100%; } .resigilat-item .table-element.resigilat-item-price, .resigilat-item .table-element.resigilat-item-redus { width: 50%; float: left; margin: 8px 0; } .resigilat-item .table-element { padding: 0; } .footer-links { display: none; } #floating-product { top: auto; bottom: -80px; } #floating-product.show { bottom: 0; top: auto; } #floating-product #floating-product-price { display: none; } .see-all { display: none; } .container-fluid, .container-fixed { width: 100%; } .account-bar { display: block; } .owl-carousel .caption { position: relative; display: block; max-width: 100%; top: auto; left: auto; } .slider .owl-item img { width: 175%; max-width: 175%; } .category .col-6 { width: 25%; } .category .col-6:nth-child(5n+5) { clear: none; } .category .col-6:nth-child(5n+1) { clear: none; } .category .col-6:nth-child(4n+1) { clear: left; } .category .col-6:nth-child(4n+4) { clear: right; } .featured-product-wrapper { display: none; } .product-flex-box { padding-left: 0; } } @media only screen and (min-width: 850px) { #sideBarForm .parent:hover .accordeon { background: #ff809c; } #sideBarForm .parent:hover .accordeon-target { visibility: visible; opacity: 1; } } @media only screen and (max-width: 850px) { .descriere-producator-inner { display: block; } .descriere-producator-inner img { min-width: 150px; max-width: 150px!important; padding-right: 0; margin-bottom: 20px; } .descriere-producator-wrapper .js-showMore { padding-left: 0; } #reduceriPeViata{padding:50px 0;} #reduceriPeViata .content #listOfPoints .col-3.cep {padding-left: 0;padding-right: 0;} #reduceriPeViata .content #listOfPoints .col-3{width:100%; margin-bottom:30px;} #reduceriPeViata .content #listOfPoints .contentWrapper{padding:10px;} .content{padding-bottom:50px;} #bloggerProgram #listOfBP .col-3.cep{padding-left:0; padding-right:0;} #bloggerProgram #listOfBP .col-3{width:100%; margin-bottom:30px;} #bloggerProgram h2{font-size:16px !important;} #neBucuram{width:100% !important; margin:0;} #despreNoi{padding:50px 0 0 0;} #despreNoi .container-table .table-element{display:block;} #despreNoi .container-table .table-element.img{padding-left:0 !important; padding-top:15px;} #despreNoi .container-table{padding-top:0;} #premiu{padding-bottom:30px;} #premiu .container-table .table-element{display:block;} #premiu .container-table .table-element.img{padding-left:0 !important; padding-top:15px;} #teamSection{padding-bottom:30px;} #teamSection .container-fixed{width:100%;} #letsPlay{padding:50px 0;} #letsPlay .content .listOfPlay .col-4{width:50%; margin-bottom:20px;} #letsPlay .content{padding:20px 0;} #listOfPoints .col-3.cep{padding-left:0 !important; padding-right:0 !important;} #listOfPoints .col-3{margin-bottom:30px; width:100%;} #letsPlay .content #listOfPoints span{padding:15px 0;} .content .pasi .pasiLeft{display:block;} .content .pasi .element-center{display:block; margin-top:50px; padding:15px;} .pasiLeft:before{display:none;} #programAfiliere{padding:50px 0;} .cariereContent .table-element{width:100%;display:block;} .cariereContent .detailsCariere{padding:15px 0;} .cariereContent .element-top{padding-left:0;} .partDonatori{padding:25px 0;} .partDonatori .table-element{display:block;} .partDonatori .table-element.img{padding-left:0; padding-top:20px;} .ceFaceFundatia{padding:25px 0;} .ceFaceFundatia .table-element{display:block;} .ceFaceFundatia .table-element.element-middle{padding-right:0 !important; padding-bottom:20px;} .additional-images { display: none; } .category .col-6 { width: 33.33%; } .category .col-6:nth-child(4n+4) { clear: none; } .category .col-6:nth-child(4n+1) { clear: none; } .category .col-6:nth-child(3n+1) { clear: left; } .category .col-6:nth-child(3n+3) { clear: right; } .info-header { text-align: center; } .info-header .notice { float: none; margin-bottom: 0; max-width: 100%; padding: 0; } .info-header .links { float: none; max-width: 100%; display: none; } .product-box-details > .container-fluid { -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-box-details .item .inner { justify-content: center; } .product-box-details .item + .item + .item { margin-top: 20px; } #rightsReserved { width: 100%; margin-bottom: 30px; } .footer-bottom-flex-content { flex-wrap: wrap; } .footer-bottom-flex-content > div { flex: 0 0 100%; text-align: center; } #payments-footer { padding-bottom: 20px; display: block; text-align: center; } #sideBarForm { flex-wrap: wrap; } #sideBarForm .parent { flex: 0 0 50%; border: 1px solid #ff809c; } #sideBarForm .parent:first-child { border-left: 1px solid #ff809c; } #sideBarForm .parent:last-child { border-right: 1px solid #ff809c; } #sideBarForm .parent.active .accordeon { background: #ff809c; } #sideBarForm .parent .accordeon-target { max-width: 100%; } #sideBarForm .parent.active .accordeon-target { visibility: visible; opacity: 1; right: 0; } } @media only screen and (max-width: 715px) { .footer-top-features .col-3 { float: none; width: 100%; } .footer-top-features .col-3 + .col-3 { margin-top: 20px; } .producator-page .container-table { display: block; } .producator-page .container-table .table-element { display: block; } .producator-page img { margin-left: 0!important; display: block!important; } } @media only screen and (max-width: 600px) { #productsNo { line-height: 10px; } #viewAllButton { padding-left: 10px; line-height: 20px; } #sortByWrapper > strong { white-space: nowrap; } #newsletterRegistration .col-2:first-child { padding-right: 0; } #newsletterRegistration .col-2:last-child { padding-left: 0; padding-top: 20px; } #newsletterRegistration .col-2 { float: none; width: 100%; } .slide-wrapper { margin-top: 50px; } #BannersHome .col-3 {width:100%; padding-bottom:10px;} .trends-title { display: none; } .new-login-wrapper > .container-table { display: block; } .new-login-wrapper > .container-table > .table-element { display: block; text-align: left; } .new-login-wrapper > .container-table > .table-element:last-child { margin-top: 10px; } #floating-product-button { width: 50px; } #floating-product-button .addToBagWrapper .addToBag:after, #floating-product-button .addToBagWrapper .addToAStoc:after { margin-left: 0; } .images-slider .owl-item { max-height: 50vh; } .images-slider .owl-item img { max-height: 50vh!important; } #alertaStocForm .table-element { display: block; margin-top: 10px; } #alertaStocForm .table-element input, #alertaStocForm .table-element button { border-radius: 10px!important; } .buttons .button-right, .buttons .button-left { float: none; } .buttons .button-right { margin-top: 20px; } h1 { margin-left: 0!important; } h1:after,#productDetailsTitle h1:after, #categoryTitle h1:after, .static-page #sideBarContent h1:after, #staticPageTitle h1:after, h1.underlined:after { left: 0; } .rangali-live .title .subtitle { font-size: 12px; } .category .col-6 { width: 50%; } .category .col-6:nth-child(3n+3) { clear: none; } .category .col-6:nth-child(3n+1) { clear: none; } .category .col-6:nth-child(2n+1) { clear: left; } .category .col-6:nth-child(2n+2) { clear: right; } .hide-mobile { display: none!important; } .hide-desktop { display: block!important; } .product-box-details .item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .product-box-details .item + .item { margin-top: 20px; } .footer-top-features { display: none; } .categorie-produs { display: none; } .product-details-share-content { display: none; } .product-price-container { display: block; text-align: center; } #productDetailsPrice .product-price { text-align: center } .product-price-container .table-element { text-align: center!important; display: block!important; } .product-price-container .boxReview { display: block; text-align: left; margin: 0; margin-bottom: 20px; } .product-price-container .boxReview .reviewLink { margin: 10px auto; } #sideBarForm .parent .accordeon #productsNo { display: none; } #showReviewBoxContainer { margin-bottom: 20px; display: block; float: none; } } /* End: Responsive */ /* Start: Animations */ @-webkit-keyframes dropdown-effect-in { from { top: 140%; opacity: 0.3; } to { top: 100%; opacity: 1; } } @-moz-keyframes dropdown-effect-in { from { top: 140%; opacity: 0.3; } to { top: 100%; opacity: 1; } } @keyframes dropdown-effect-in { from { top: 140%; opacity: 0.3; } to { top: 100%; opacity: 1; } } @-webkit-keyframes dropdown-effect-out { from { opacity: 1; } to { opacity: 0; display: none; } } @-moz-keyframes dropdown-effect-out { from { opacity: 1; } to { opacity: 0; display: none; } } @keyframes dropdown-effect-out { from { opacity: 1; } to { opacity: 0; display: none; } } /* End: Animations */ /* NEW CSS */ /* BLOG */ .backToBlog{border-bottom: solid 1px #000;margin-bottom: 16px;} .backToBlog a{display: inline-block;border: solid 1px #000;margin-bottom: -1px;box-sizing: border-box;padding: 8px 16px;font-weight: bold;color: #fff !important;background: #000;text-decoration: none !important;} .backToBlog a i{ margin-right:4px;} /******* S: Blog Widget ******/ .blog-widget{box-sizing: border-box; height: 130px; background:#fff;} .blog-widget .blog-widget-title{font-size: 12px;padding: 6px 8px;box-sizing: border-box;background: #000;color: #fff;} .blog-widget .blog-post .blog-post-image{width: 130px;padding-right: 8px;box-sizing: border-box;} .blog-widget .blog-post .blog-title a{text-decoration: none;} .blog-widget .blog-post .blog-content p{ margin:0; padding:0; line-height:1.3;} .blog-widget .blog-post{padding: 6px;box-sizing: border-box;} #titleSection #textSection h1 { text-align: center;font-weight:bold;padding-top:30px;} .detaliiArticolContent p {line-height:24px;} .detaliiArticolContent p img{display:inline-block; padding-right:10px;} .blogMarcareTOTW h3{ background:#15639c;color:#fff; font-size:16px; padding:15px;text-align:center;} #detailsPage{padding:30px 0 !important;} #detailsPage #text{padding:0 50px 0 0; border-right:1px solid #ccc;} #detailsPage #sideBar{width:300px; padding-left:20px;} #detailsPage .imageWrapper{ margin-bottom:15px;} #detailsPage .container-fixed>img{margin:0 auto; display:block; padding-bottom:20px;} #detailsPage .lideDashed {width:100%; height:1px; overflow:hidden; border-bottom:1px dashed #c3c3c3; margin:10px 0px;} #detailsPage .blogAbout{color:#B2B2B2; font-style:italic; margin-top:0px; margin-bottom:10px; font-size:12px;} #detailsPage .element-right{text-align:center;} #blogDetails { padding: 30px 0;} #blogDetails .blogAbout{color:#B2B2B2; font-style:italic; margin-top:0px; margin-bottom:10px; font-size:12px;} #blogDetails .imgWrapper{position:relative;} #blogDetails .imgWrapper img{ width:100%; } #blogDetails .imgWrapper a {display:block;} #blogDetails .imgWrapper .data { position: absolute; top: 0; padding: 15px;background: #bc2546; color: #fff; text-align: center; line-height:normal;} #blogDetails .imgWrapper .data .zi { font-size:24px;} #blogDetails .imgWrapper .data .lunaAn { font-size:12px;} #blogDetails #textWrapper { padding: 0 50px 0 0; border-right: 1px solid #ccc;} #blogDetails #sideBar {width: 270px;padding-left: 20px; position: relative;margin-left: 0;border: 0;display: table-cell; height: inherit; z-index:inherit;} #blogDetails #sideBarWrapper{ padding: 10px;box-sizing: border-box;} #sideBar #sideBarWrapper .sideBarContent .sideBarOthers .container-table { margin: 10px 0;padding-bottom: 10px; border-bottom: 1px dashed #ccc;} #sideBar #sideBarWrapper .sideBarContent .sideBarOthers .imgContent { width: 30%;} #sideBar #sideBarWrapper .sideBarContent .sideBarOthers .imgContent img { max-width: 100%;} #sideBar #sideBarWrapper .sideBarContent .sideBarOthers .textContent { width: 70%; padding-left: 15px;} #sideBar #sideBarWrapper .sideBarContent .sideBarOthers .container-table:last-child { border-bottom: 0;} #sideBar #sideBarWrapper .sideBarContent .sideBarOthers .container-table { margin: 10px 0; padding-bottom: 10px; border-bottom: 1px dashed #ccc;} #sideBar #sideBarWrapper .sideBarContent { padding-bottom: 15px;} #blogDetails #textWrapper { padding: 0 50px 0 0; border-right: 1px solid #ccc;} #blogDetails .content { padding: 50px 0; border-bottom: 1px solid #ccc;} #blogDetails .content .textContent { padding: 20px 0;} #blogDetails .content .textContent h2 a {} #blogDetails .content .textContent h2 a:hover{text-decoration:underline;} #blogDetails .content .blogButtonWrapper .veziDetalii{ color: #fff; background:#bc2546; margin-top: 2px; padding:10px 30px; font-style: italic; font-size: 14px;} #blogDetails .content .blogButtonWrapper .veziDetalii:hover{background:#BF6C1C; color:#fff; transition: all .2s ease-in;} #blogDetails #sideBarWrapper .sideBarContent .sideBarOthers .textContent h4{text-align:left;} #blogDetails #sideBarWrapper .sideBarContent .sideBarOthers .textContent h4 a { color: #bc2546; font-size: 12px; font-weight: bold; line-height: 16px;text-transform: capitalize;text-align:left; vertical-align: top;} #blogDetails #sideBarWrapper .sideBarContent .sideBarOthers .textContent h4 a:hover { text-decoration:underline;} #sideBar #sideBarWrapper .sideBarContent .sideBarOthers .tags a { color: #bc2546; display: block; background: #fff; border: 1px solid #bc2546; padding: 3px 10px; border-radius: 4px;} #sideBar #sideBarWrapper .sideBarContent .sideBarOthers .tags a:hover { background: #bc2546; color: #fff; transition: all .2s ease-in; text-decoration: none;} #sideBar #sideBarWrapper .sideBarContent .sideBarOthers .tags { display: inline-block; margin-right: 5px; margin-bottom: 5px; font-size: 12px;} .sidebarArhive a { color: #12442b; padding: 0 5px;} #detailsPage #sideBarWrapper .sideBarContent .sideBarOthers .textContent h4{text-align:left;} #detailsPage #sideBarWrapper .sideBarContent .sideBarOthers .textContent h4 a { color: #bc2546; font-size: 14px; font-weight: bold;text-transform: capitalize; text-align:left;} #detailsPage #sideBarWrapper{ padding: 10px;box-sizing: border-box;} #detailsPage #sideBar {width: 270px;padding-left: 20px; position: relative;margin-left: 0;border: 0;display: table-cell; height: inherit; z-index:inherit;} #citesteArticol.blog-details { background: #f5f5f5;} #citesteArticol { padding: 60px 0;} #citesteArticol.blog-details .col-4Content { background: #fff;padding:15px;} #citesteArticol .col-4Content .imageWrapper { position: relative; width: 100%;} #citesteArticol .col-4Content h4{text-align:left;} #citesteArticol .col-4Content a { font-weight: bold; color: #bc2546; font-size: 14px; margin-left:0; padding-left:0;} #citesteArticol .col-4Content a:hover{text-decoration:underline;} #citesteArticol .col-4Content img { max-width: 100%; width: 100%;} #citesteArticol .element-center { padding-bottom: 60px;} #citesteArticol .col-4Content h4 { padding: 20px 0 5px 0;} #citesteArticol .col-4Content p { padding: 25px 0;} .detaliiArticolBigImgOver h1{margin-top:20px;font-weight:bold;} .sideBarContent form .noHov:hover{background:#15639C !important;} .sideBarContent form input[type="text"]{height:46px;} .hiddenFiltersBlog {display: none;border: solid 1px #bc2546;background: #fff; font-weight:bold; color: #bc2546;margin-right: 5px;cursor: pointer;float: left;height: 30px;padding: 0 15px;line-height: 30px; transition: all .2s ease-in;} .hiddenFiltersBlog:hover{background: #bc2546; color:#fff;} @media only screen and (max-width: 1100px) { #alatura-teComunitatii .blog-widget{height:auto;} #citesteArticol .col-4 {width: 50%; margin-bottom: 10px;} } @media only screen and (max-width: 900px) { #blogDetails>.container-fixed>.container-table, #blogDetails #textWrapper { border:0; padding:0; display:block; width:100%;} #blogDetails #sideBar{position: fixed;height: 100%;margin-left: -250px;left: 0;top: 0px;display: block;z-index: 6;overflow: hidden;background: rgb(255, 255, 255);border-right: 0;overflow-y: auto;box-sizing: border-box;width:250px;padding:0;} #blogDetails #sideBarWrapper{border:0;} .hiddenFiltersBlog {display:inline-block; margin-bottom: 16px; margin-top:16px;} } .video-wrapper > p, .video-wrapper-inline { position: relative; padding-bottom: 56.25%; height: 0; margin-bottom: 20px; } .video-wrapper p > iframe, .video-wrapper-inline > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; }