#Shop{display:grid;grid-template-columns:1fr;grid-gap:50px;} .webshopCheckoutTemplate #Shop{grid-template-columns:1fr;} .dialogModalTitle + br, .dialogModalTitle { display:none; } label[for^='fieldPersonalizedArticle'] { font-size:15px; } #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductDetails > div { margin-bottom: 0.35em; }#messageDivCont { color: #fff; } .home #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductDetails > div { color: #000; } #Shop div#Head{grid-column:1/-1;order:1;} #Shop div#Sidebar{grid-column:2/3;width:auto;float:none;order:3;} #Shop div#ShopContent{grid-column:1/2;width:auto;float:none;max-width:none;order:2;} #Shop div#Head{padding:0;display:none;align-items:center;} #Shop div#Head::after{content:'';position:absolute;left:-50px;right:-50px;top:-50px;bottom:-20px;background:#f6f4f2;border-bottom:1px solid rgba(0,0,0,.05);z-index:-2;} #Shop div#Head::before{content:'';position:absolute;left:0;right:0;top:-50px;bottom:-20px;background:url(/med../../images/new-images2/bg-shop-head.png) left top no-repeat;background-size:contain;opacity:.2;z-index:-1;} #Shop div#Head a.CartBtn{order:2;float:none;margin:0 0 0 5px;background:#8aad4f;color:#ffffff;padding:5px 15px;font-weight:bold;text-transform:uppercase;height:auto;} #Shop div#Head a.CartBtn::before{font-family:"Font Awesome 5 Free";font-weight:900;} #Shop div#Head a.CartBtn:first-child{order:3;} #Shop div#Head a.CartBtn:first-child::before{content:'\f2f5';} #Shop div#Head a.CartBtn:hover{background:#222;color:#ffffff;} #Shop div#Head #catalog_cart_mini{order:1;float:none;margin-right:auto;} #Shop div#Head #catalog_cart_mini span{font-weight:bold;} #Shop div#Head #catalog_cart_mini span#catalog_cart_mini-nbr-items{} #Shop div#Sidebar{display:none;} .webshopCheckoutTemplate #Shop div#Sidebar{display:none;} #Shop div#Sidebar h2{position:relative;font-size:1.8em;line-height:1.35em;padding:0 0 10px;background:none;color:#222;border:none;text-transform:none;} #Shop div#Sidebar h2::after{content:'';position:absolute;left:0;bottom:0;width:30px;border-bottom:1px solid #222;} #Shop div#Sidebar ul#ShopNav a{padding:8px 0;color:#222;} #Shop div#Sidebar ul#ShopNav a:hover, #Shop div#Sidebar ul#ShopNav a.opened{color:#8aad4f;} #Shop div#Sidebar ul#ShopNav .cptProducts{font-size:.8em;color:#999;} #Shop div#Sidebar ul#ShopNav li{border-color:#3d4d24;} #Shop div#Sidebar ul#ShopNav > li > ul li::before{font-family:"Font Awesome 5 Free";font-weight:900;color:#8aad4f;} #Shop div#Sidebar ul#ShopNav a.open{} #Shop div#Sidebar ul#ShopNav a.open::before{font-family:"Font Awesome 5 Free";font-weight:900;color:#8aad4f;} #Shop div#Sidebar ul#ShopNav a.open:hover::before{color:#8aad4f;} #Shop div#Sidebar form#user-login{margin:0 0 5px;} #Shop div#Sidebar form#user-login::after{content:'';display:block;clear:both;} #Shop div#Sidebar form#user-login input.field{background:#fff;border:1px solid #3d4d24;height:45px;padding:5px 10px;margin-bottom:10px;} #Shop div#Sidebar form#user-login input.field:focus{border-color:#999;} #Shop div#Sidebar form#user-login a.Send{background:#3d4d24;color:#fff;float:none;clear:both;margin:10px 0 0;text-transform:uppercase;font-weight:bold;padding:5px 15px;font-size:.8em;display:table;} #Shop div#Sidebar form#user-login a.Send::before{content:none;} #Shop div#Sidebar form#user-login a.Send:hover{background:#222;} #Shop div#Sidebar .clear{margin:0px 0;} #Shop div#Sidebar a.user-wishlist{} #Shop div#Sidebar ul.Cart{margin-top:20px;} #Shop div#Sidebar ul.Cart li.row{background:none;border-top:1px solid #3d4d24;padding-left:0;padding-top:5px;padding-right:30px;padding-bottom:5px;margin:0;} #Shop div#Sidebar ul.Cart li.row:first-child{border-top:0;} #Shop div#Sidebar ul.Cart li.row .cartQty{} #Shop div#Sidebar ul.Cart li.row strong.cartPrice{display:block;} #Shop div#Sidebar ul.Cart li.row a.Remove{right:0;top:5px;padding:0;color:#666;font-size:.8em;width:24px;height:24px;line-height:22px;border:1px solid #3d4d24;border-radius:50%;text-align:center;display:inline-block;} #Shop div#Sidebar ul.Cart li.row a.Remove:hover{color:#a44;border-color:#fdd;background:#fdd;} #Shop div#Sidebar ul.Cart li.row a.Remove::after{font-family:"Font Awesome 5 Free";font-weight:900;} #Shop div#Sidebar a.CartBtn{background:#8aad4f;color:#fff;float:none;clear:both;margin:10px 0 0;text-transform:uppercase;font-weight:bold;padding:5px 15px;font-size:.8em;} #Shop div#Sidebar a.CartBtn::before{content:none;} #Shop div#Sidebar a.CartBtn:hover{background:#222;} #Shop div#Sidebar a.CartBtn ~ .clear{display:none;} #Shop div#ShopContent{width:auto;float:none;} #Shop div#ShopContent #Breadcrumbs{ padding: 10px; position: relative; background: #f8f5ee; color: #000;} .webshopHomeTemplate #Shop div#ShopContent #Breadcrumbs, .webshopCheckoutTemplate #Shop div#ShopContent #Breadcrumbs{display:none;} #Shop div#ShopContent #Breadcrumbs a.account{background:#8aad4f;color:#000;text-decoration:none;border-radius:3px;font-weight:bold;padding:0 5px;text-align:center;margin-left:10px;float:right;} #Shop div#ShopContent #Breadcrumbs a.account:hover{background:#222;color:#000;} #Shop div#ShopContent #Breadcrumbs a{color: #8aad4f; text-decoration: none;} .dialog-product-popup .dialog-product-added-inner h4 { color:#000; } .dialog-product-popup .dialog-product-added-inner h5 { color:#000; } #Shop div#ShopContent #Breadcrumbs a:hover{color:#fff;text-decoration:none;} #Shop div#ShopContent #Breadcrumbs a.myAccount{float:right;display:inline-block;margin-left:10px;} #Shop div#ShopContent #Breadcrumbs a:hover{color:#fff;} #Shop div#ShopContent #Breadcrumbs a i.fa{padding:0 2px 0 0;} #Shop div#ShopContent #Breadcrumbs span.separator{display:inline-block;font-size:0;} #Shop div#ShopContent #Breadcrumbs span.separator::after{content:'\f105';font-family:'Font Awesome 5 Free';font-weight:900;font-size:12px;padding:0 2px;color: #0b0b0b;} #Shop div#ShopContent #article-content{padding-top:0;} #Shop div#ShopContent #article-content > h1#Title{position:relative;color:#fff;font-size:22px;line-height:22px;margin:0 0 30px; display: none;} .home #Shop div#ShopContent #article-content > h1#Title{display:none;font-size:30px; letter-spacing:0em; } .home #Shop div#ShopContent #article-content > h1#Title{display:none;} #Shop div#ShopContent #article-content #CatSubCats{ background: none; padding: 0 0 75px; margin: 0; border: none; position: relative;} main.content-wrapper.home #Shop div#ShopContent #article-content #CatSubCats{} main.content-wrapper.home #Shop div#ShopContent #article-content #CatSubCats{ display:none;} main.content-wrapper.home #Shop div#ShopContent #article-content #CatSubCats:before { position: absolute; left: -554px; right: -554px; top: 0px; bottom:0px; content: ''; background: #e5e5e5; pointer-events: none; } .home #Shop div#ShopContent #Breadcrumbs{display:none;} #Shop div#ShopContent #article-content #CatSubCats { background: none; padding: 15px 0; padding-left: 12.5%; } #Shop div#ShopContent #article-content #CatSubCats ul { margin: -10px } #Shop div#ShopContent #article-content #CatSubCats li { width: 100%; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] { position: relative; overflow: hidden; padding-bottom: 90%; background: #fbfbfb url(../../images/new-images2/nophoto.png) no-repeat center; margin: 10px; box-shadow: 0 0 1px 0 #000 } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover { box-shadow: none; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5); } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .foto-sub { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: transform 1s; object-fit: cover;width:100%;height:100% } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .foto-sub { opacity: 1; transform: scale(1.05) translate(-50%,-50%) } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle { position: absolute; left: 10px; right: 10px; padding: 15px 0; bottom: 20px; font-size: 13px; font-weight: 400; letter-spacing: 0; background: #3d4d24; color: #fff!important; text-transform: uppercase; z-index:2; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle::after { content: 'Voir plus'; position: absolute; bottom: 10px; left: 50%; font-weight: 300; transform: translateX(-50%); pointer-events: none; font-size: 12px; opacity: 0; background-color: #8aad4f; line-height: 0; border-radius: 45px; transition: all .6s; opacity: 0; letter-spacing: .1em; padding: 18px 20px; border: none; color: #fff; display: block; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .subCatTitle::after { opacity: 1 } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .subCatTitle { padding-bottom: 64px } #Shop div#ShopContent #article-content div#CatContent{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; margin: 50px 0 25px;} /*.home #Shop div#ShopContent #article-content div#CatContent:before{ position:absolute; left:0px; right:0px; margin:0 auto; bottom:-40px; width:1px; height:72px; content:''; background:#e7d7c4; z-index: 2;}*/ #Shop div#ShopContent #article-content div#CatContent .articleStatus .dagdeal span{background:#222;display:inline-block;color:#fff;padding:5px 10px;margin-bottom:20px;font-weight:bold;text-transform:uppercase;font-size:.8em;} #Shop div#ShopContent #article-content div#CatContent h1#Title{color:#fff;font-size:2em;line-height:1.5em;font-weight:normal;margin:0 0 10px;} body.pageTemplate #Shop div#ShopContent #article-content div#CatContent h1#Title{color:#000;} #Shop div#ShopContent #article-content div#CatContent h1#Title span{display:block;} #Shop div#ShopContent #article-content div#CatContent h1#Title span[itemprop*="name"]{} #Shop div#ShopContent #article-content div#CatContent h1#Title span#article-price{color:#fff;font-size:1em;line-height:1.5em;font-weight:normal;margin:5px 0;padding:0;} body.pageTemplate #Shop div#ShopContent #article-content div#CatContent h1#Title span#article-price{color:#000;} #Shop div#ShopContent #article-content div#CatContent h1#Title span#article-price span.strikePrice{color:#b3b3b3;font-weight:normal;} #Shop div#ShopContent #article-content div#CatContent h1#Title span#article-price a{background:#8aad4f;color:#fff;text-decoration:none;font-size:18px;line-height:28px;padding:5px 10px;text-align:center;display:inline-block;} #Shop div#ShopContent #article-content div#CatContent h1#Title span#article-price a:hover{background:#222;} #Shop div#ShopContent #article-content div#CatContent #add-favorite-button a{color:#000;background:none;text-decoration:none;border:none;text-align:center;display:inline-block;padding:0;font-size:15px;transition:color .6s;}#Shop div#ShopContent .review-summary i.fa-star-o { } #Shop div#ShopContent #article-content div#CatContent #add-favorite-button a i.fa{margin-right:5px;} #Shop div#ShopContent #article-content div#CatContent #add-favorite-button a:hover{color:#8aad4f;} #Shop div#ShopContent #article-content div#CatContent #add-favorite-button.active a{color:#8aad4f;} #Shop div#ShopContent #article-content div#CatContent .review-summary{font-size:.8em;margin-bottom:30px;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next{position:absolute;left:auto;right:0;top:-35px;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt{line-height:0;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext{} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt{} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:hover, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:hover{color:#8aad4f;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext span, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt span{display:none;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext::after, #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt::after{font-family:'Font Awesome 5 Free';font-weight:900;font-size:24px;line-height:24px;} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext::after{content:'\f30b';} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt::after{content:'\f30a';} #Shop div#ShopContent #article-content div#CatContent .articleShortDesc{position:relative;margin-bottom:30px; background: #efefef;padding:10px;margin:20px 0; color: #000;} #Shop div#ShopContent #article-content div#CatContent .articleShortDesc p{margin:0;padding:0;} #Shop div#ShopContent #article-content div#CatContent .outer{margin:0;width:auto;float:none;} #Shop div#ShopContent #article-content div#CatContent.nophoto .outer{display:none;} #Shop div#ShopContent #article-content div#CatContent .outer>ul>li>img, #Shop div#ShopContent #article-content div#CatContent .outer>ul>li>a>img{display:none;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery{ border: none; margin-bottom: 25px; max-height: 800px;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery li{padding:0;background:none;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink, #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery div.medPhotoLink{display:block !important;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container, #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery div.medPhotoLink .nailthumb-container{border-radius: 5px !important;border:none;position:relative;transition:all .6s;width:auto !important;height:auto !important;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink:hover .nailthumb-container{} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container::after{content:'\f002';font-family:"Font Awesome 5 Free";font-weight:900;width:42px;line-height:40px;border-radius:50%;display:block;text-align:center;color:#fff;background:#8aad4f;box-shadow:0 0 20px rgba(0,0,0,.5);position:absolute;right:-100px;bottom:10px;transition:right .6s;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink:hover .nailthumb-container::after{right:10px;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto{border-radius: 5px !important; width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; display: block !important; transition: transform .6s; max-height: 700px; object-fit: cover;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery div.medPhotoLink .nailthumb-container img.medPhoto{width:100% !important;height:auto !important;top:0 !important;left:0 !important;display:block !important;object-fit:scale-down;transition:transform .6s;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery .medPhotoLink:hover .nailthumb-container img.medPhoto{transform:scale(1.3);} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs{margin-right:0;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs::after{content:none;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li { margin: 0; padding: 0; background: none; } #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li .nailthumb-container{border:1px solid #3d4d24;width:auto !important;height:auto !important;transition:border-color .6s;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li.on .nailthumb-container{border-color:#8aad4f;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li .nailthumb-container img{width:100% !important;height:100% !important;left:0 !important;top:0 !important;} #Shop div#ShopContent #article-content div#CatContent .articleInfoBox{} #Shop div#ShopContent #article-content div#CatContent.nophoto .articleInfoBox{} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox{padding:0;overflow:unset;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList{float:left;width:20%;margin-bottom:5px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList label{padding:5px 10px 5px 0;font-weight:normal;line-height:1em;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList ~ select{width:80%;line-height:1em;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList ~ .displayType{margin-bottom:10px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .displayMessageStockShortage{font-weight:bold;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .displayMessageStockShortage > div{padding:0 5px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p{margin:0;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox select.spec{display:table;border:1px solid #3d4d24;padding:5px 10px;margin-bottom:10px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox a#resetChoices{margin-bottom:10px;font-size:.85em;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices{position:relative;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList{margin-bottom:20px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListName{margin-bottom:5px;font-weight:bold;} .optionsListName { display: none;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListSelect select.optionsListValue{border-color:#ddd;box-shadow:none !important;color: #000;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListSelect select.optionsListValue:focus{border-color:#999;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValueGroup{overflow:hidden;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .optionsListValueName{font-weight:normal;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .custom-control-input ~ .optionsListValueName::before{border-color:#ddd;box-shadow:none !important;background:#fff;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .custom-control-input:checked ~ .optionsListValueName::before{border-color:#999;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .custom-control-input[type=checkbox]:checked ~ .optionsListValueName::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23222' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValue .custom-control-input[type=radio]:checked ~ .optionsListValueName::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23222'/%3e%3c/svg%3e");} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValueGroup_More_Less{position:relative;font-size:.8em;background-color:#8aad4f;color:#fff;padding:1px 7px;text-decoration:none;display:inline-block;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #optionsChoices .optionsList .optionsListValueGroup_More_Less i{margin-right:5px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice{display:flex;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice label{display:none;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Decrease, #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Increase{border:1px solid #ddd;padding:10px 10px;width:auto;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Decrease{border-right:0;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Increase{border-left:0;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Decrease:hover, #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Increase:hover{color:#000;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Decrease::after, #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Increase::after{font-family:'Font Awesome 5 Free';font-weight:900;vertical-align:middle;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Decrease::after{content:'\f068';} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice .Increase::after{content:'\f067';} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice input#Qty{border:1px solid #ddd;padding:10px 10px;transition:all .4s;width:60px;text-align:center;color: #000;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice input#Qty[disabled]{background:#fff;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice input#Qty:focus{border-color:#222;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#personalizedChoice{margin-top:15px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#personalizedChoice input{border-radius: 28px;border:1px solid #ddd;padding:10px;width:100%;transition:all .4s; color: #000;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns{margin-top:20px; margin-bottom: 20px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart{ border-radius: 28px;position:relative;background: #8aad4f;font-weight: normal;color:#fff;text-decoration:none;text-transform:uppercase;padding:10px 25px;height:auto;width:auto;text-align:center;display:inline-block;z-index:1;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart::before{border-radius: 28px;content:'';position:absolute;z-index:-1;left:0;top:0;bottom:0;width:0;display:inline-block;background:#000;transition:width .4s;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:hover::before{width:100%;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:hover{ color:#fff;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #subArticleSpecErrors{clear:both;margin-top:0;color:#999;font-style:italic;font-size:.8em;line-height:1.4em;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox{margin:25px 0;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox::before{content:'Share: ';line-height:30px;margin-right:10px;float:left;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a{cursor:pointer;margin-right:5px;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a::after{font-family:"Font Awesome 5 Brands";font-weight:400;color:#222;background:#fff;border:1px solid #3d4d24;border-radius:50%;width:32px;line-height:30px;font-size:14px;display:inline-block;text-align:center;transition:background .6s, border-color .6s, color .6s;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a:hover:after{background:#8aad4f;border-color:#8aad4f;color:#fff;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a.addthis_button_facebook:after{content:'\f39e';} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a.addthis_button_twitter:after{content:'\f099';} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a.addthis_button_linkedin:after{content:'\f0e1';} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a.addthis_button_google_plusone_share:after{content:'\f0d5';} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a.addthis_button_email:after{font-family:"Font Awesome 5 Free";font-weight:900;content:'\f0e0';} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a.addthis_button_pinterest_share:after{content:'\f231';} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a.addthis_button_google_plusone:after{content:'\f0d5';} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .articleOrder div#OrderBtns a.AddCart::before{font-family:"Font Awesome 5 Free";font-weight:900;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox ~ br{display:none;} #Shop div#ShopContent #Products.catalog-front-products>hr{border-color:#fff;margin:30px 0;} #Shop div#ShopContent #Products.catalog-front-products>h3{margin:20px 0 0 0;} .home #Shop div#ShopContent #Products{position:relative; padding: 0px 0px 0px;/* overflow-x:hidden; */} main.content-wrapper.home #Shop div#ShopContent #article-content div#CatContent { position: relative; padding: 30px 0 0px !important; margin: 0;display: block; } .home .txt-cat-content { display: block; grid-column: 1/3; max-width: 100%; margin: 0 auto; } .home #Shop div#ShopContent #Products:after { } div#accountRegister .row { margin-bottom: 20px!important; } #Shop div#ShopContent #Products form.categoryArticles-pager{padding:0;margin:0 0 10px;} #Shop div#ShopContent #Products #ProdNav #catalogDisplayOrder { font-weight: 400; position: relative; padding: 0px 11px; z-index: 5; }div#catalogDisplayOrder { color: #000; float: right; margin-top: 0px; text-transform: none; font-size: 13px; letter-spacing: 0.12em; } .home #Shop div#ShopContent #Products #ProdNav #catalogDisplayOrder { color: #000; } .home #Shop div#ShopContent #Products div#ProdNav{ margin-top:-80px;} #Shop div#ShopContent #Products form.categoryArticles-pager select#categoryArticles-displayOrderArticles{border-radius: 5px;font-size:14px;line-height:30px;padding:5px;margin: 0 0 0 7px; color: #000;} #Shop div#ShopContent #Products #Items{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 25px 77px; width: 100%; padding: 0px 0px 0px; } #Shop div#ShopContent #Products #Items a{ text-decoration:none;} .home #Shop div#ShopContent #Products #Items{ /* padding: 15px 105px 97px;*/} #Shop div#ShopContent #Products #Items.displaySimpleList { display: block; width: 100%; float: left; } #Shop div#ShopContent #Products #Items .ProdItem{ float: none; margin: 0; min-height:457px; overflow: hidden; padding: 0px; background: none;} body.pageTemplate #Shop div#ShopContent #Products #Items .ProdItem:hover{} #Shop div#ShopContent #Products #Items .ProdItem:hover{ } #Shop div#ShopContent #Products #Items .ProdItem.promo::before{content:'promo';position:absolute;left:5px;top:5px;background:#8aad4f;display:block;padding:1px 7px;text-transform:uppercase;font-size:12px;color:#fff;font-weight:bold;z-index:15;pointer-events:none;} #Shop div#ShopContent #Products #Items .ProdItem #add-favorite-button{position:relative;z-index:10;grid-column:1/-1;} #Shop div#ShopContent #Products #Items .ProdItem #add-favorite-button a#add-to-wishlist{background:#8aad4f;color:#fff;font-size:1em;width:30px;height:30px;line-height:30px;border:1px solid transparent;border-radius:50%;text-align:center;display:inline-block;} #Shop div#ShopContent #Products #Items .ProdItem #add-favorite-button a#add-to-wishlist:hover{color:#a44;border-color:#fdd;background:#fdd;} #Shop div#ShopContent #Products #Items .ProdItem > a{ position: static; color: #666666; padding: 0; grid-area: products-top; background: #f5f5f5; border-radius: 30px; min-height: 338px; padding: 55px 13px} /******************/ .homeShopContent .ProdAbstract { display: none !important;} .ProdAbstract { display: block !important; margin-top: -44px; } #Shop div#ShopContent #Products #Items .ProdItem:hover .ProdAbstract { color: #fff ; } .articleSummary .articleShortDesc { display: none; } /****/ #Shop div#ShopContent #Products #Items .ProdItem > a.ProdNoPhoto{height:100%;} /*#Shop div#ShopContent #Products #Items .ProdItem > a::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;width:auto;height:auto;margin:0;opacity:1;z-index:50;}*/ #Shop div#ShopContent #Products #Items .ProdItem:hover > a::after{} #Shop div#ShopContent #Products #Items .ProdItem>a.ProdPhoto>img.fixedSize{display:none;} #Shop div#ShopContent #Products #Items .ProdItem>a .nailthumb-container{position:relative;width:auto !important;} #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem > a .nailthumb-container{height:308px!important; border-radius:30px; background:#f5f5f5;} #Shop div#ShopContent #Products #Items .ProdItem:hover > a { background:#8aad4f;} #Shop div#ShopContent #Products #Items .ProdItem > a .nailthumb-container::before{/*font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00e"; position: absolute; left: 43%; top: 36%; color: #fff; background: rgba(0, 0, 0, 1); border-radius: 50%; width: 50px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; z-index: 2; opacity: 0; transition: all .6s;*/} #Shop div#ShopContent #Products #Items .ProdItem>a.ProdNoPhoto .nailthumb-container{} #Shop div#ShopContent #Products #Items .ProdItem .articleStatusList .statusArticle.dagdeal span{background:#222;color:#fff;font-weight:bold;text-transform:uppercase;} #Shop div#ShopContent #Products #Items .ProdItem>a .nailthumb-container img.nailthumb-image{ width: 100% !important; height: 100% !important; object-fit: cover; top: 0 !important; left: 0 !important; transition: transform 1s; height: 100%!important; object-fit: cover; z-index: 2; max-height: 175px; } #Shop div#ShopContent #Products #Items .ProdItem:hover>a .nailthumb-container img.nailthumb-image{} #Shop div#ShopContent #Products #Items .ProdItem>a .nailthumb-container::before{/*position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ''; opacity: 0; background: rgba(217, 157, 149, 0.7); position: absolute; left: 0; top: 0; bottom: 39px; right: 0; content: ''; opacity: 0; background: rgba(217, 157, 149, 0.7); transform: none; border-radius: 0; width: 100%; height: auto;*/} #Shop div#ShopContent #Products #Items .ProdItem:hover>a .nailthumb-container::before{ left:0%;top:0%;transform:none; opacity:1} #Shop div#ShopContent #Products #Items .ProdItem>a.ProdNoPhoto .nailthumb-container img.nailthumb-image{object-fit:scale-down;margin:0 auto;} #Shop div#ShopContent #Products #Items .ProdItem:hover>a .nailthumb-container img.nailthumb-image{transform:none;opacity:1;} #Shop div#ShopContent #Products #Items .ProdItem:hover>a.ProdNoPhoto .nailthumb-container img.nailthumb-image{transform:none;} #Shop div#ShopContent #Products #Items .ProdItem>a span.nailthumb-title{ position: relative !important; z-index: 2; left: 0px; right: 0px; bottom: 0; top: auto !important; padding: 9px 0px 0; color: #202616; background: none; font-size: 20px; text-align:center; min-height: 31px; line-height: 15px; font-weight: 300; text-align: revert; text-transform: none; letter-spacing: 0em; width: 100% !important; margin-top: 20px !important; font-family: 'BodoniModa_48ptRegular'; } #Shop div#ShopContent #Products #Items .ProdItem:hover>a .nailthumb-container span.nailthumb-title{ color:#fff;} #Shop div#ShopContent #Products #Items .ProdItem>a span.nailthumb-title::after{content:none;} #Shop div#ShopContent #Products #Items .ProdItem.promo>a span.nailthumb-title::after{bottom:65px;} #Shop div#ShopContent #Products #Items .ProdItem>a .displayMessageStockShortage{position:relative;z-index:100;font-weight:bold;} #Shop div#ShopContent #Products #Items .ProdItem .ProdPrice{ grid-area: products-price; display: none; position: relative; z-index: 2; margin: 0; padding: 15px 0px 0px; color: #8aad4f; font-size: 15px; line-height: 25px; pointer-events: none; text-align: center; letter-spacing: 0em; font-family: 'BodoniModa_48ptRegular'; } #Shop div#ShopContent #Products #Items .ProdItem:hover .ProdPrice{ color:#8aad4f;} #Shop div#ShopContent #Products #Items .ProdItem .ProdPrice s{display:block;} #Shop div#ShopContent #Products #Items .ProdItem .ProdScore{ position: absolute; z-index: 2; right: 0; pointer-events: none; font-size: 10px; line-height: 10px; text-align: center; padding: 0; bottom: 9%; color: #000000; left: 0; } #Shop div#ShopContent #Products #Items .ProdItem:hover .ProdScore{color: #000000;} div#pagesHolder { position: relative; } #Shop div#ShopContent #Products #Items .ProdItem .ProdScore i.fa-star-o{color:#1e1e1e;background:#000000;-webkit-clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);} #Shop div#ShopContent #Products #Items .ProdItem:hover .ProdScore i.fa-star-o{color:#000;background:#000;} #Shop div#ShopContent #Products #Items .ProdItem .ordering{ position: absolute; z-index: 2; right: 0px; right: 20px; top: 24px; height: auto !important; margin: 0 !important; padding: 0; text-align: center; overflow: visible; width:38px !important; height:38px !important; background:url(../../images/new-images2/pan2.png)!important; left: auto; } #Shop div#ShopContent #Products #Items .ProdItem:hover .ordering{ background:url(../../images/new-images2/pan2-h.png)!important;} #Shop div#ShopContent #Products #Items .ProdItem .ordering a{ position:relative; width:100%; color:#272b34; font-size:0px; background:none!important; text-transform:none; line-height: 35px!important; letter-spacing:0;} #Shop div#ShopContent #Products #Items .ProdItem .ordering a::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f07a'; font-size: 18px; line-height: 38px; width: 38px; display: inline-block; vertical-align: middle; margin: 0; padding: 0; color: #fff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0.8px; -webkit-text-stroke-color: #fff; display:none; }div#ProdNav { float: right; clear: both; width: 290px; height: 32px; background: #fff; border-radius: 0px; min-height: 32px; z-index: 2; position: relative; float: right; margin-top: 0; font-size: 13px; letter-spacing: 0; margin-bottom: 15px; font-family: 'BodoniModa_48ptRegular'; } select#\30 -displayOrderArticles { color: #000000; width: 146px; height: 32px; border: 1px solid #000; } #Shop div#ShopContent #Products #Items .ProdItem:hover .ordering a::before,#Shop div#ShopContent #Products #Items .ProdItem:hover .ordering a:hover::before,#Shop div#ShopContent #Products #Items .ProdItem .ordering a:hover::before{ color: #8aad4f; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 0.8px; -webkit-text-stroke-color: #8aad4f;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product, #Shop div#ShopContent #Products #Items.displaySimpleList .Product:first-child{border-color:#000;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product.promo::before{content:'promo';position:absolute;left:5px;top:21px;background:#8aad4f;display:block;padding:1px 7px;text-transform:uppercase;font-size:12px;color:#fff;font-weight:bold;z-index:15;pointer-events:none;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPhoto{border:1px solid #3d4d24;border-radius: 5px;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPhoto img { border-radius: 5px; } #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPhoto:hover{border-color:#8aad4f;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductDetails a.ProductTitle { text-decoration: none; } #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductDetails a.ProductTitle:after {content:"";background: url(../../images/new-images2/shopping-basket1.png) left top no-repeat;width:18px;height:22px;position: absolute;right: 0;top: 65px;display:none;} .home #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductDetails a.ProductTitle:after {content:""; background: url(../../images/new-images2/shopping-basket.png) top center; display:none;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductDetails a.ProductTitle:hover:after {background-position: bottom left} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductDetails .ProductReference, #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductDetails .ProductScore{font-size:.8em;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails .ProductPrice{} .home #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails .ProductPrice{text-align:right; color: #000;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails .ProductOrder .ProductOrderBtn{display:none;background:#8aad4f;color:#000;text-transform:uppercase;font-size:.8em;line-height:1.35em;font-weight:bold;padding:10px 20px;text-align:center;} .home #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails .ProductOrder .ProductOrderBtn{background:#000;color:#fff; display: block;} .home #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails .ProductOrder .ProductOrderBtn:hover{background:#8aad4f;} #Shop div#ShopContent #Products .pagesHolder a{ background: #8aad4f; color: #fff;} #Shop div#ShopContent #Products .pagesHolder a:hover, #Shop div#ShopContent #Products .pagesHolder a.jp-current{background:#8aad4f;color:#fff;} #Shop div#ShopContent #Products .Tabs ul.tabNavigation{text-align:center;margin:0;padding:0;} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li{float:none;display:inline-block;padding:0;background:none;} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a, #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.selected{border:none;background:none;} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a{position:relative;padding:5px;color:#8aad4f;text-transform:none;font-size:1.4em;line-height:1.5em;margin:0 10px 10px;} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.selected{color:#8aad4f;} #Shop #ShopContent #Checkout ol ul { display: block; } #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a::after{content:'';position:absolute;left:50%;bottom:0;width:6px;height:6px;transform:translateX(-50%);border-radius:50%;display:block;background:#8aad4f;opacity:0;transition:all .4s;} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.selected::after, #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a:hover::after{opacity:1;} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.selected:hover, #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a:hover{background:none;border:none;color:#8aad4f;} #Shop div#ShopContent #Products .Tabs div.TabContent{ border: none; border-top: 1px solid #3d4d24; background: #f1f1f1; padding: 20px 10px;} #Shop div#ShopContent #similarArticles #Items .ProdItem .nailthumb-title, #Shop div#ShopContent #relatedArticles #Items .ProdItem .nailthumb-title, #Shop div#ShopContent .splide_cart_related_articles #Items .ProdItem .nailthumb-title, #Shop div#ShopContent .splide_cart_related_articles #Items .ProdItem .nailthumb-title { display: block; padding: 10px 0; color: #000; } #Shop div#ShopContent #Products #relatedArticles img, #Shop div#ShopContent #Products #similarArticles img { width: 100% !important; height: 400px !important; object-fit: contain; } #Shop div#ShopContent #relatedArticles #Items .ProdItem{ min-height:350px; } #Shop div#ShopContent #Checkout a{ color:#000;} #Shop div#ShopContent #Products .Tabs div.TabContent h2{ font-size: 20px;} #Shop div#ShopContent #Products #Items .ProdItem > a:after{ content:'';} div#checkoutReviewBox li{ padding:0px; background:none;} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDescription>*:first-child, #Shop div#ShopContent #Products .Tabs div.TabContent#Tabextra>*:first-child{padding-top:0;margin-top:0;} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDescription ul, #Shop div#ShopContent #Products .Tabs div.TabContent#Tabextra ul{padding-left:10px;} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDescription ul li, #Shop div#ShopContent #Products .Tabs div.TabContent#Tabextra ul li{list-style:none;position:relative;padding-left: 26px;} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDescription ul li::before, #Shop div#ShopContent #Products .Tabs div.TabContent#Tabextra ul li::before{/* content:''; */position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#8aad4f;} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDescription ul ul li, #Shop div#ShopContent #Products .Tabs div.TabContent#Tabextra ul ul li{} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDetails fieldset #subArticlesList .ListItem .bundleAddCart, #Shop div#ShopContent #Products .Tabs div.TabContent#TabRelated .ListItem .bundleAddCart, #Shop div#ShopContent #Products .Tabs div.TabContent#TabBundle .ListItem .bundleAddCart{background:#8aad4f;color:#ffffff;} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDetails fieldset #subArticlesList .ListItem .bundleAddCart:hover, #Shop div#ShopContent #Products .Tabs div.TabContent#TabRelated .ListItem .bundleAddCart:hover, #Shop div#ShopContent #Products .Tabs div.TabContent#TabBundle .ListItem .bundleAddCart:hover{background:#222;color:#ffffff;} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a, #Shop div#ShopContent #Products .Tabs div.TabContent#TabRelated .pagesHolder a, #Shop div#ShopContent #Products .Tabs div.TabContent#TabBundle .pagesHolder a{background:#8aad4f;color:#ffffff;} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a:hover, #Shop div#ShopContent #Products .Tabs div.TabContent#TabRelated .pagesHolder a:hover, #Shop div#ShopContent #Products .Tabs div.TabContent#TabBundle .pagesHolder a:hover, #Shop div#ShopContent #Products .Tabs div.TabContent#TabDetails fieldset .pagesHolder a.jp-current, #Shop div#ShopContent #Products .Tabs div.TabContent#TabRelated .pagesHolder a.jp-current, #Shop div#ShopContent #Products .Tabs div.TabContent#TabBundle .pagesHolder a.jp-current{background:#222;color:#ffffff;} #Shop div#ShopContent #Products #relatedArticles{border-top:2px solid #3d4d24;margin-top:30px;padding-top:30px;} #Shop div#ShopContent #Products #relatedArticles > p{font-size:1.4em;line-height:1.35em;margin:0 0 15px;font-weight:bold;} #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem > a .nailthumb-container img.nailthumb-image{ height: 178px !important;} #Shop div#ShopContent .articleReviews{border-top:2px solid #3d4d24;margin-top:30px;padding-top:30px; padding-bottom: 30px;} #Shop div#ShopContent .articleReviews h3{font-size:1.4em;line-height:1.35em;margin:0 0 15px;font-weight:bold;font-family: 'Dosis';} #Shop div#ShopContent .articleReviews .ReviewBtn{background:#8aad4f;color:#fff;font-size:.8em;text-transform:uppercase;font-weight:bold;padding:10px 20px;} .dialog-product-popup #modal-footer a[class*="dialog-product-added-btn"]{text-transform:uppercase;font-weight:400;font-size:13px;padding:7px ​10px 4px; border-radius: 28px;background:#8aad4f;color:#fff;letter-spacing:.05em;} .dialog-product-popup #modal-footer a.dialog-product-added-btn-checkout, .dialog-product-popup #modal-footer a.dialog-product-added-btn-wishlist{background:#8aad4f;color:#fff;letter-spacing:.1em;} #Shop div#ShopContent #Products .wishlist-back-btn{background:#8aad4f;color:#000;} .dialog-product-popup #modal-footer a.dialog-product-added-btn-checkout:hover,.dialog-product-popup #modal-footer a[class*="dialog-product-added-btn"]:hover, .dialog-product-popup #modal-footer a.dialog-product-added-btn-wishlist:hover,#Shop div#ShopContent #Products .wishlist-back-btn:hover{background:#000;color:#fff;} #Shop div#ShopContent #Checkout .Border{ } #fancybox-wrap, #fancybox-wrap a{ color:#000!important;} #Shop div#ShopContent #Checkout thead tr{ background-color: #383838; color: #fff;} #Shop div#ShopContent #Checkout #catalog_cart_complete .row{display:table-row;} #Shop div#ShopContent #Checkout tr.product[class*="cart-row"] > td a.ProdPhoto img{width:100% !important;height:100% !important;display:block;object-fit:cover;border:1px solid #3d4d24;transition:border-color .6s;} #Shop div#ShopContent #Checkout tr.product[class*="cart-row"] > td a.ProdPhoto img:hover{border-color:#8aad4f;} #Shop div#ShopContent #Checkout tr.product[class*="cart-row"] > td:last-child a{text-decoration:none;color:#8aad4f;font-size:0.9em;text-align:center;display:inline-block;transition:color .6s;} #Shop div#ShopContent #Checkout tr.product[class*="cart-row"] > td:last-child a:hover{color:#222;} #Shop div#ShopContent #Checkout tr.product[class*="cart-row"] > td:last-child a img[alt*="remove"]{display:none;} #Shop div#ShopContent #Checkout tr.product[class*="cart-row"] > td:last-child a::after{content:'\f2ed';font-family:'Font Awesome 5 Free';font-weight:900;} #Shop div#ShopContent #Checkout ol.Checkout-steps > li{ background-color: #d3e8b2;padding: 0px 10px; color:#000; line-height: 29px;} #Shop div#ShopContent #Checkout table ~ p.checkout{margin:20px 0;text-align:right;} #Shop div#ShopContent #Checkout a.Checkout, #Shop div#ShopContent #Checkout a.Send{position:relative;background:#8aad4f;color:#000;text-decoration:none;font-size:.8em;text-transform:uppercase;padding:10px 20px;text-align:center;display:inline-block;float:none;margin:10px 0;z-index:1; border-radius: 28px;} #Shop div#ShopContent #Checkout a.Checkout { margin: 26px 0 0; } #Shop div#ShopContent #Checkout a.Checkout::before, #Shop div#ShopContent #Checkout a.Send::before{content:''; border-radius: 28px;position:absolute;z-index:-1;left:0;top:0;bottom:0;width:0;display:inline-block;background:#8aad4f;transition:width .4s;}#Shop #ShopContent #Checkout ol label { width: 120px; display: inline-block; text-shadow: none; } #Shop div#ShopContent #Checkout a.Checkout:hover::before, #Shop div#ShopContent #Checkout a.Send:hover::before{width:100%;} #Shop div#ShopContent #Checkout a.Checkout:hover, #Shop div#ShopContent #Checkout a.Send:hover{background:#8aad4f;} #Shop div#ShopContent #Checkout #redirect ~ a.Send{margin-left:10px;} #Shop div#ShopContent #Checkout a.Checkout#btn-confirm-address-change{float:right;} #Shop div#ShopContent #Checkout a.Checkout[onclick*="cancel"]{background-color:#999;} #Shop div#ShopContent #Checkout a.Decrease, #Shop div#ShopContent #Checkout a.Increase{color:#222;} #Shop div#ShopContent #Checkout a.Decrease:hover, #Shop div#ShopContent #Checkout a.Increase:hover{color:#8aad4f;} #Shop div#ShopContent #Checkout a.Decrease::after, #Shop div#ShopContent #Checkout a.Increase::after{font-family:"Font Awesome 5 Free";font-weight:900;} #Shop div#ShopContent #Checkout a.Decrease::after{} #Shop div#ShopContent #Checkout a.Increase::after{} #Shop div#ShopContent #Checkout ol li.Border{border:none;margin-bottom:5px;} #Shop div#ShopContent #Checkout ol li.Border small{margin:0;font-size:85%;} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle{padding:10px 15px;} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a{margin:-10px -15px;padding:10px 15px;} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle.Active{background:#222;color:#ffffff;font-size:20px;font-weight:800;text-transform:uppercase;} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a{background:#8aad4f;color:#ffffff;} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a:hover{background:#222;color:#ffffff;} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li{position:relative;padding:10px 0;background:none;border:none;} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li::after{content:'';display:block;clear:both;} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul#delivery-method-table > li .shippingModeradio ~ div > p{font-weight:normal;} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div{width:auto;padding-right:15px;} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div label{width:35%;padding-left:0px;} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div input.field{width:65%;margin-bottom:5px;} #Shop div#ShopContent #Checkout ol li.Border label { width: 20%; min-width: 0; float: left; margin: 0; line-height: 40px; font-weight: 400; letter-spacing: .05em; }div#fancybox-content { color: #000; } div#fancybox-content h1 { color: #000; } #Shop div#ShopContent #Checkout ol li.Border label:not(:first-of-type){padding-left:10px;} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form#deliveryForm > ul > li:first-child label:last-of-type, #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form#deliveryForm > ul > li:first-child .NomTel:last-child { margin-top: 20px;} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form#deliveryForm > ul > li:first-child label:last-of-type{padding-left:0;} #Shop div#ShopContent #Checkout ol li.Border label span.required{ color: #000;} #Shop div#ShopContent #Checkout ol li.Border input.field, #Shop div#ShopContent #Checkout ol li.Border input.Text, #Shop div#ShopContent #Checkout ol li.Border select, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker, #Shop div#ShopContent #Checkout ol li.Border input.NomTel{background:#fff;border:1px solid #ccc;height:auto;padding:10px 15px;width:30%;float:left;margin:0;clear:none;font-weight:normal;} #Shop div#ShopContent #Checkout ol li.Border select#countryKey, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker{width:auto;color: #000;} #Shop div#ShopContent #Checkout ol li.Border input.timepicker{margin-left:5px;} #Shop div#ShopContent #Checkout ol li.Border select#checkoutAddress{width:auto;float:none; color: #000;} #Shop div#ShopContent #Checkout ol li.Border input.field:focus, #Shop div#ShopContent #Checkout ol li.Border input.Text:focus, #Shop div#ShopContent #Checkout ol li.Border select:focus, #Shop div#ShopContent #Checkout ol li.Border input.datepicker:focus, #Shop div#ShopContent #Checkout ol li.Border input.timepicker:focus, #Shop div#ShopContent #Checkout ol li.Border input.NomTel:focus{border-color:#999;} #Shop div#ShopContent #Checkout ol li.Border #deliveryForm{text-align:right;} #Shop div#ShopContent #Checkout ol li.Border #deliveryForm ul{text-align:left;} #Shop div#ShopContent #Checkout ol li.Border #delivery-method-table input[type="radio"], #Shop div#ShopContent #Checkout ol li.Border #checkoutPayementBox input[type="radio"]{margin:0 5px 0 0;vertical-align:baseline;width:auto;} #Shop div#ShopContent #Checkout ol table#checkoutAddress thead th, #Shop div#ShopContent #Checkout ol table#checkoutShippingMethod th, #Shop div#ShopContent #Checkout ol table#checkoutBillingMethod th, #Shop div#ShopContent #Checkout ol table#checkoutDetail tbody th{background: #8aad4f; color: #fff;} #Shop div#ShopContent #Checkout ol table#checkoutAddress thead .Border, #Shop div#ShopContent #Checkout ol table#checkoutDetail thead tr{border:none;} #Shop div#ShopContent #Checkout ol table#checkoutDetail thead tr{background:none;} #Shop div#ShopContent #Checkout ol table#checkoutDetail thead th{background:#8aad4f;color:#fff;border:none;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .ProdPhoto, #Shop div#ShopContent #Checkout ol table#checkoutDetail .ProdNoPhoto{float:none;margin:0;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .ProdPhoto{width:100px;height:80px;display:block;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .ProdPhoto img{width:100% !important;height:100% !important;display:block;margin:0;object-fit:cover;border:1px solid #3d4d24;transition:border-color .6s;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .ProdNoPhoto{min-height:auto;border:none;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine span.catalogPromoEnterYourCode{font-weight:bold;display:block;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine span.catalogPromoEnterYourCode+br{display:none;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine input.catalogPromoInputCodePromo{border:1px solid #3d4d24;padding:10px;background:#fff;margin:0px 10px 0px 0px;float:left;transition:border-color .6s;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine input.catalogPromoInputCodePromo:focus{border-color:#222;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit{margin:0;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit input#buttonCouponSubmit{background:#8aad4f;color:#fff;border:0;padding:10px 15px;font-size:.8em;text-transform:uppercase;font-weight:bold;border:1px solid #8aad4f;transition:background .6s, border-color .6s;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit input#buttonCouponSubmit:hover{background:#222;border-color:#222;} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .messageCoupon{clear:both;} #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm label.livrtxtmess{background:#8aad4f;color:#fff;} #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm textarea#orderComment{border:1px solid #3d4d24;transition:border-color .6s; color: #000;} #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm textarea#orderComment:focus{border-color:#222;} #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm .spacer{height:auto;} #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm a.Checkout{float:right;font-size:1em;} #Shop div#ShopContent #Checkout ol #invalidPayment{background-color:#f2dede;color:#a94442;padding:5px 10px;} #Shop div#ShopContent div#accountRegister ul li{padding:0;background:none;} #Shop div#ShopContent div#accountRegister ul li label { width: 190px !important; letter-spacing: .05em; font-weight: 400; } #Shop #ShopContent #Checkout ol label { color: #000; } #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm p.checkoutCondition a { color: #000;} #Shop div#ShopContent #Checkout ol #checkoutDetail tbody:last-child tr:last-child td { color: #fff; } #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine input.catalogPromoInputCodePromo { color: #000; } #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel{background:#ffffff;border:1px solid #dddcdf;width:calc(50% - 209px) !important;} #Shop div#ShopContent div#accountRegister ul li input.field:focus, #Shop div#ShopContent div#accountRegister ul li input.Text:focus, #Shop div#ShopContent div#accountRegister ul li select:focus, #Shop div#ShopContent div#accountRegister ul li input.datepicker:focus, #Shop div#ShopContent div#accountRegister ul li input.timepicker:focus, #Shop div#ShopContent div#accountRegister ul li input.NomTel:focus{border-color:#c4c1c7;} #Shop div#ShopContent div#accountRegister a.send{background:#8aad4f;color:#ffffff;} #Shop div#ShopContent div#accountRegister a.send:hover{background:#222;color:#ffffff;} #Shop div#ShopContent div#accountContent a#Print, #Shop div#ShopContent div#ProdContent a#Print, #Shop div#ShopContent div#accountContent a#PDF, #Shop div#ShopContent div#ProdContent a#PDF{background:#8aad4f;color:#ffffff;} #Shop div#ShopContent div#accountContent a#Print:hover, #Shop div#ShopContent div#ProdContent a#Print:hover, #Shop div#ShopContent div#accountContent a#PDF:hover, #Shop div#ShopContent div#ProdContent a#PDF:hover{background:#222;color:#ffffff;} #Shop div#ShopContent div#accountContent a#Print::after, #Shop div#ShopContent div#ProdContent a#Print::after, #Shop div#ShopContent div#accountContent a#PDF::after, #Shop div#ShopContent div#ProdContent a#PDF::after{font-family:"Font Awesome 5 Free";font-weight:900;} #Shop div#ShopContent div#accountContent ul#edit-adress li input, #Shop div#ShopContent div#ProdContent ul#edit-adress li input, #Shop div#ShopContent div#accountContent ul#edit-adress li select, #Shop div#ShopContent div#ProdContent ul#edit-adress li select{border:1px solid #dddcdf;background:#ffffff;} #Shop div#ShopContent div#accountContent ul#edit-adress li input:focus, #Shop div#ShopContent div#ProdContent ul#edit-adress li input:focus, #Shop div#ShopContent div#accountContent ul#edit-adress li select:focus, #Shop div#ShopContent div#ProdContent ul#edit-adress li select:focus{border-color:#c4c1c7;} #Shop div#ShopContent div#accountContent a.btn, #Shop div#ShopContent div#ProdContent a.btn{background:#8aad4f;color:#ffffff;} #Shop div#ShopContent div#accountContent a.btn:hover, #Shop div#ShopContent div#ProdContent a.btn:hover{background:#222;color:#ffffff;} #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a:hover{background:#8aad4f;color:#ffffff;border-color:#8aad4f;} #Shop div#ShopContent #ProdContent .Tabs div.TabContent input{border:1px solid #dddcdf;background:#ffffff;} #Shop div#ShopContent #ProdContent .Tabs div.TabContent input:focus{border-color:#c4c1c7;} .ui-widget .addSubToCart{background:#8aad4f;color:#ffffff;} .ui-widget .addSubToCart:hover{background:#222;color:#ffffff;} .ui-widget .addSubToCart::before{font-family:"Font Awesome 5 Free";font-weight:900;} .ui-autocomplete{position:absolute !important;background:#fff !important;box-shadow:0 3px 5px rgba(0, 0, 0, .25);} .ui-autocomplete li a{color:#8aad4f !important;font-size:14px !important;font-weight:bold !important;} .ui-autocomplete li a:hover, .ui-autocomplete li a#ui-active-menuitem{background:#222;color:#fff !important;font-weight:bold !important;} #Shop div#ShopContent #Products #ProdNav #catalogDisplayOrder .displayProduct{ padding: 0px 0 0;} #Shop div#ShopContent #Products #ProdNav #catalogDisplayOrder .displayProduct a{ text-decoration: none; margin-left: 10px; color: #000; text-decoration: none; margin-left: 10px; color: #000; /* text-shadow: 0px 0px 0px #000; */ width: 32px; height: 32px; display: table; /* border: 1px solid #000000; */ line-height: 23px; text-align: center; margin-top: 7px;} .displayProduct .fa { font-size: 1.5em; padding: 0px!important; } #Shop div#ShopContent #Products #Items.displaylist{margin:0;} #Shop div#ShopContent #Products #Items.displaylist .prodItemTitle td, #Shop div#ShopContent #Products #Items.displaylist .ProdItem td{word-wrap:anywhere;} #Shop div#ShopContent #Products #Items.displaylist .prodItemTitle .itemtitle{background:#222;color:#fff;} #Shop div#ShopContent #Products #Items.displaylist .prodItemTitle .itemtitle td{padding:5px 0;border-color:#fff;} #Shop div#ShopContent #Products #Items.displaylist .ProdItem{min-height:0;} #Shop div#ShopContent #Products #Items.displaylist .ProdItem:hover{box-shadow:none;} #Shop div#ShopContent #Products #Items.displaylist .ProdItem table{margin:0;line-height:1.3em;} #Shop div#ShopContent #Products #Items.displaylist .ProdItem>a::after{pointer-events:none;} #Shop div#ShopContent #Products #Items.displaylist .ProdItem:hover>a::after{box-shadow:inset 0 0 0 10px rgba(83, 172, 161, .5);} #Shop div#ShopContent #Products #Items.displaylist .ProdItem .ProdPrice, #Shop div#ShopContent #Products #Items.displaylist .ProdItem .ProdScore, #Shop div#ShopContent #Products #Items.displaylist .ProdItem .ordering{position:relative;width:auto !important;text-align:center;padding:5px 0 0;overflow:visible;} #Shop div#ShopContent #Products #Items.displaylist .ProdItem .ProdScore{padding:0;} #Shop div#ShopContent #Products #Items.displaylist .ProdItem:hover .ProdPrice{color:#222 !important;} #Shop div#ShopContent #Products #Items.displaylist .ProdItem .ordering a{margin-bottom:5px;} #Shop div#ShopContent #Products #Items.displaylist .ProdItem .bundle_product{margin-bottom:5px;} #Shop div#ShopContent #Products #Items.displaylist .ProdItem .reference_product, #Shop div#ShopContent #Products #Items.displaylist .ProdItem .column_description, #Shop div#ShopContent #Products #Items.displaylist .ProdItem .column_filters, #Shop div#ShopContent #Products #Items.displaylist .ProdItem .bundle_product{font-size:.85em;} .optionsListValue.custom-control.custom-checkbox{margin-bottom:10px;} #articleOptionsCart{width:100%;color:#fff;border-top:1px dotted #6d6d6d;max-height:100vh;display:grid;grid-template-rows:auto 1fr auto;} span.optionsList { font-size: 12px; text-align: left; display: block; width: 100%; text-shadow: 0 0 0 #000; letter-spacing: .05em; } ul#catalog_cart{list-style:none;margin-left:-25px;text-align:left;overflow:auto;margin-right:-20px;} ul#catalog_cart li.cart-list{margin-right:20px;border-bottom:1px dotted #6d6d6d;margin-bottom:10px;padding-bottom:10px;} strong.cartPrice{display:block;text-align:right;width:90%;} aside.sidebar #articleOptionsCart ul.catalog_cart_options li.cart-list > a.Remove{text-decoration:none;color:#8aad4f;font-size:0.9em;text-align:center;display:inline-block;margin-left:10px !important;transition:color .6s;} aside.sidebar #articleOptionsCart ul.catalog_cart_options li.cart-list > a.Remove:hover{color:#fd5d1e;} aside.sidebar #articleOptionsCart ul.catalog_cart_options li.cart-list > a.Remove::after{content:'\f2ed';font-family:'Font Awesome 5 Free';font-weight:900;} a.mini-cart-option{position:relative;z-index:1;background:#8aad4f;color:#fff;padding:10px 30px 10px 30px;margin-bottom:30px;width:100%;text-decoration:none;display:block;transition:color .6s;} a.mini-cart-option:hover{color:#222;} a.mini-cart-option::before{content:'';position:absolute;z-index:-1;left:0;top:0;bottom:0;width:0;display:inline-block;background:#fff;transition:width .4s;} a.mini-cart-option:hover::before{width:100%;} .modal-left-article-options li{font-size:11px !important;margin-bottom:-5px;} .promotions{margin-top:20px;border-top:1px solid #3d4d24;padding-top:20px;} .promotions h2{padding-bottom:30px;} .promotions form#promos-pager{overflow:hidden;padding:0;margin:0;} .promotions form#promos-pager #ProdNav #catalogDisplayOrder{float:right;font-weight:bold;} .promotions form#promos-pager #ProdNav #catalogDisplayOrder select#promos-displayOrder{border:1px solid #dddcdf;height:30px;line-height:30px;padding:5px 8px;margin-left:10px;font-weight:normal;} .promotions form#promos-pager #ProdNav #catalogDisplayOrder .displayProduct{padding:5px 0;} .promotions form#promos-pager #ProdNav #catalogDisplayOrder .displayProduct a{text-decoration:none;margin-left:5px;} .promotions #Items{position:relative;min-height:0!important;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:30px;} .promotions #Items .ProdItem{position:relative;-webkit-box-flex:0;-webkit-flex:0 0 200px;-ms-flex:0 0 200px;flex:0 0 200px;float:left;margin:5px;text-align:center;background:#e5e5e5;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;-webkit-transition:all .4s;transition:all .4s;background:#fff;float:none;margin:0;min-height:auto;border:1px solid #3d4d24;overflow:hidden;display:grid !important;grid-template-columns:repeat(2, 1fr);grid-template-areas:"products-top products-top" "products-price products-score";} .promotions #Items .ProdItem.promo::before{content:'promo';position:absolute;left:5px;top:5px;background:#8aad4f;display:block;padding:1px 7px;text-transform:uppercase;font-size:12px;color:#fff;font-weight:bold;z-index:15;pointer-events:none;} .promotions #Items .ProdItem:hover{border-color:#8aad4f;} .promotions #Items .ProdItem > a{position:static;color:#666666;padding:0;grid-area:products-top;text-decoration:none;display:block;z-index:5;} .promotions #Items .ProdItem > a .nailthumb-container{position:relative;width:auto !important;height:auto!important;} .promotions #Items .ProdItem > a .nailthumb-container::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00e";position:absolute;left:50%;top:0;transform:translate(-50%,0);color:#fff;background:rgba(221, 107, 51, 1);border-radius:50%;width:50px;height:50px;line-height:50px;font-size:20px;text-align:center;z-index:10;opacity:0;transition:all .6s;} .promotions #Items .ProdItem:hover > a .nailthumb-container::before{left:50%;top:50%;transform:translate(-50%,-40px);opacity:1;} .promotions #Items .ProdItem > a .nailthumb-container img.nailthumb-image{width:100% !important;height:100% !important;object-fit:contain;top:0 !important;left:0 !important;transition:transform 1s;} .promotions #Items .ProdItem > a span.nailthumb-title{position:relative !important;z-index:50;left:0;right:0;bottom:0;top:auto !important;width:auto !important;padding:10px 10px 0;margin:0;background:none;font-size:18px;font-weight:bold;text-align:left;display:block;transition:all .4s;} .promotions #Items .ProdItem .ProdPrice{grid-area:products-price;align-self:end;position:relative;z-index:20;margin:0;padding:10px;color:#222;font-size:16px;line-height:25px;font-weight:bold;text-align:left;pointer-events:none;transition:all .4s;} .promotions #Items .ProdItem .ProdPrice s{display:block;font-size:10px;} .promotions #Items .ProdItem .ProdPrice span{display:none;} .promotions #Items.displaySimpleList{display:block;} .promotions #Items.displaySimpleList .Product{position:relative;display:grid;grid-template-columns:200px auto 200px;grid-gap:15px;border-bottom:1px solid rgba(0,0,0,.15);padding:1em 0;} .promotions #Items.displaySimpleList .Product, .promotions #Items.displaySimpleList .Product:first-child{border-color:#3d4d24;} .promotions #Items.displaySimpleList .Product:first-child{border-top:1px solid rgba(0,0,0,.15);} .promotions #Items.displaySimpleList .Product.promo::before{content:'promo';position:absolute;left:5px;top:21px;background:#8aad4f;display:block;padding:1px 7px;text-transform:uppercase;font-size:12px;color:#fff;font-weight:bold;z-index:15;pointer-events:none;} .promotions #Items.displaySimpleList .Product .ProductPhoto{border:1px solid #3d4d24;text-align:center;} .promotions #Items.displaySimpleList .Product .ProductPhoto img{object-fit:cover;max-width:100%;margin:0 auto;} .promotions #Items.displaySimpleList .Product .ProductDetails a.ProductTitle{font-weight:bold;font-size:1.2em;margin-bottom:.35em;display:inline-block;} .promotions #Items.displaySimpleList .Product .ProductDetails .ProductReference{font-size:.8em;color:#999;} .promotions #Items.displaySimpleList .Product .ProductDetails > div{margin-bottom:.35em;} .promotions #Items.displaySimpleList .Product .ProductPriceDetails .ProductPrice{text-align:right;font-size:1.2em;font-weight:bold;margin-bottom:.5em;} .promotions #Items.displaySimpleList .Product .ProductPriceDetails .ProductPrice s{font-weight:normal;font-size:.8em;color:#999;} #Shop div#ShopContent #Products form.categoryArticles-pager:not(:first-child){display:none;} #Shop div#ShopContent #Products .pagesHolder { margin:20px 0 0; } #Shop div#ShopContent #Products .pagesHolder span{ text-shadow: 0 0 0 #424242; letter-spacing: .1em; color: #3f3f3f; font-size: 14px; } .dialogModal .close { color: #fff !important; padding: 0 0 9px !important; line-height: 21px !important; font-weight:100; } .dialogModal .addSubToCart, .dialogModal .addToCart { padding: 0 22px !important; border: none !important; letter-spacing: .1em !important; } .form-inline .form-group label { font-weight: 400 !important; } .form-group.mb-2 input[id^='fieldPersonalizedArticle'] { width: 100% !important; font-size: 14px !important; line-height: 26px !important; color: #000 !important; text-shadow: 0 0 0 #000 !important; letter-spacing: .075em !important; padding: 0 7px !important; } .dialog-product-popup .dialog-product-added-inner { transform: translate(-50%,-50%) !important; top: 50% !important; background: #fff; color: #000 !important; } .dialog-product-popup .dialog-product-added-content #modal-right-side { border-left: 1px solid #dddcdf; padding: 10px; } @media only screen and (max-width:1500px){ } @media only screen and (max-width:1320px){.home #Shop div#ShopContent #Products #Items{padding:0;margin-top: 20px; padding-bottom: 30px;} #Shop div#ShopContent #article-content #CatSubCats ul{padding:0;} #Shop div#ShopContent #article-content #CatSubCats ul { display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 0; } .specialite::before { display:none;} .home #Shop div#ShopContent #article-content div#CatContent:before{ display:none; } .home #Shop div#ShopContent #article-content div#CatContent:after{ display:none; } } @media only screen and (max-width:1199.98px){strong.cartPrice{width:85%;} #Shop{grid-template-columns:1fr;grid-gap:30px;} .home #Shop div#ShopContent #Products{margin:37px 0 0;} #Shop div#ShopContent #Products #Items{grid-gap:15px;} #Shop div#ShopContent #article-content #CatSubCats ul { display: grid; grid-template-columns: repeat(3, 1fr); } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] { padding-bottom: 50%;} .home #Shop div#ShopContent #Products::before { font-size: 34px;} } @media only screen and (max-width:1023.98px){ #Shop div#ShopContent #article-content #CatSubCats ul { display: grid; grid-template-columns: repeat(3, 1fr); } #Shop div#ShopContent #article-content #CatSubCats{padding:0;} } @media only screen and (max-width:991.98px){ #Shop div#ShopContent #article-content #CatSubCats li { width: 100%; max-width: 400px; margin: 0 auto; }#Shop div#ShopContent #article-content #CatSubCats { padding: 15px 0 !important; } .home #Shop div#ShopContent #Products div#ProdNav { margin: 0 auto; float: none; } #Shop div#ShopContent #Products #Items .ProdItem > a .nailthumb-container::before { bottom: 34px;} .h-home { font-size: 48px; } #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] { padding-bottom: 48%; height: auto; } #Shop div#ShopContent #article-content #CatSubCats ul { display: grid; grid-template-columns: repeat(2, 1fr); } #Shop div#Head #catalog_cart_mini{background:none;padding:0;color:inherit;} #Shop div#Sidebar{position:relative;left:auto;} .home #Shop div#ShopContent #Products::before{letter-spacing: 0; top: -218px;} #Shop div#ShopContent #Products #Items{grid-template-columns:repeat(3, 1fr);margin-top: 25px;} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle{/* font-size: 30px; *//* bottom: 40px; */} .home #Shop div#ShopContent #Products::after { display:none; } } @media only screen and (max-width:767.98px){ #Shop{grid-template-columns:1fr;} #Shop div#ShopContent #article-content div#CatContent{grid-template-columns:1fr;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product{grid-template-columns:100px auto;grid-template-rows:auto 1fr;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPhoto{grid-row:1/-1;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPhoto.ProdNoPhoto img{object-fit:scale-down;} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails .ProductPrice{text-align:left;} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList{width:auto;float:none;margin-bottom:0;} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery{margin-bottom:10px;} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs{grid-gap:10px;} .dialog-product-popup .dialog-product-added-inner .dialog-product-added-content{grid-template-columns:1fr;} .dialog-product-popup .dialog-product-added-content #modal-right-side{border-left:0;border-top:1px solid #dddcdf;} #Shop div#ShopContent #Checkout ol.Checkout-steps{display:block;} #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active::before, #Shop div#ShopContent #Checkout ol.Checkout-steps > li.Active::after{content:none;} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li{padding:10px 0 0;border:0;} #Shop div#ShopContent #Checkout ol li.Border label, #Shop div#ShopContent #Checkout ol li.Border input.field, #Shop div#ShopContent #Checkout ol li.Border input.Text, #Shop div#ShopContent #Checkout ol li.Border select, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker, #Shop div#ShopContent #Checkout ol li.Border input.NomTel{float:none;width:100%;display:block;} #Shop div#ShopContent #Checkout ol li.Border select#countryKey, #Shop div#ShopContent #Checkout ol li.Border input.datepicker, #Shop div#ShopContent #Checkout ol li.Border input.timepicker{width:100%;} #Shop div#ShopContent #Checkout ol li.Border select#checkoutAddress{width:100%;} #Shop div#ShopContent #Checkout ol li.Border label{line-height:1.4em;} #Shop div#ShopContent #Checkout ol li.Border label:not(:first-of-type){padding-left:0;padding-top:10px;} #Shop div#ShopContent #Products #Items{grid-template-columns:repeat(2, 1fr);} #Shop div#ShopContent #article-content #CatSubCats ul{width: 100%;margin: 0 auto;grid-template-columns: repeat(2, 1fr);} .home #Shop div#ShopContent #Products::after{white-space:nowrap} #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel{width:calc(100% - 229px) !important;} .home #Shop div#ShopContent #Products {padding: 0 0 0px;} .home #Shop div#ShopContent #article-content div#CatContent::before { bottom: -153px;} .txt-cat-content{max-width: 100%;} #Shop div#ShopContent #Checkout ol li.Border #checkoutAddressBox label{ display: inline-block;} } @media only screen and (max-width:639px){ .home #Shop div#ShopContent #Products::after { display:none;} #Shop div#ShopContent #Products #Items{grid-template-columns: repeat(1, 1fr); width: 100%; margin: 0 auto; margin-top: 0px; max-width: 294px; margin-top: 20px;} #Shop div#ShopContent #article-content #CatSubCats ul{width: 100%; margin: 0 auto; grid-template-columns: repeat(1, 1fr);} .home #Shop div#ShopContent #Products::after{ display:none;} .home #Shop div#ShopContent #Products::before{white-space:nowrap} #Shop div#ShopContent div#accountRegister ul li input.field, #Shop div#ShopContent div#accountRegister ul li input.Text, #Shop div#ShopContent div#accountRegister ul li select, #Shop div#ShopContent div#accountRegister ul li input.datepicker, #Shop div#ShopContent div#accountRegister ul li input.timepicker, #Shop div#ShopContent div#accountRegister ul li input.NomTel{width:100% !important;margin-right:0} .home #Shop div#ShopContent #Products::before{ font-size: 19px;} .home div#ProdNav { margin-top: 0; width: 269px; } select#\30 -displayOrderArticles { width: 122px;} } @media only screen and (max-width:480px){ #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle { /* font-size: 30px; */ /* bottom: 25px; */} } div#checkoutNewAddressBoxDelivery:before { content: 'Nouvelle adresse de livraison:'; display:block; font-size:24px; color:var(--second-color); border-top: 1px solid; padding-top: 1em; margin: 2em 0 1.5em 0; }