#Shop{display:grid;grid-template-columns:1fr /*3fr*/;grid-gap:50px} #Shop div#Head{display:none} #Shop #mobile-sidebar{background:none;font-family:var(--font-family-Open-Sans);margin:0;padding:0 0 15px;cursor:default} #Shop #mobile-sidebar a{background:var(--primary-color);color:var(--default-bg);text-decoration:none;font-size:16px;line-height:28px;font-weight:700;text-align:center;display:inline-block;padding:5px 10px} #Shop #mobile-sidebar a:hover{background: var(--dark-color);} #Shop #mobile-sidebar a i.fa{font-size:16px;font-weight:400} #Shop #mobile-sidebar a i:not(:first-child){display:none} #Shop div#Sidebar{display:none} #Shop div#Sidebar .sidebarContent{} #Shop div#Sidebar .close-sidebar{background:var(--gold-color);color:var(--default-bg)} #Shop div#Sidebar ul#ShopNav{display:none} #Shop div#Sidebar .box,#Shop div#Sidebar form#user-login,#Shop div#Sidebar #user-login{background:var(--default-bg);color:#999;margin-bottom:20px;padding:0 20px 20px} #Shop div#Sidebar .box.delivery,#Shop div#Sidebar .box.payment{line-height:1.4em} #Shop div#Sidebar .box.delivery .image-left,#Shop div#Sidebar .box.payment .image-left{margin-right:10px} #Shop div#Sidebar .box.delivery strong,#Shop div#Sidebar .box.payment strong{color:#545454} #Shop div#Sidebar .box.delivery img{max-width:100%;height:auto} #Shop div#Sidebar .box.payment .payment-icons{margin:-5px} #Shop div#Sidebar .box.payment .payment-icons td{padding:5px} #Shop div#Sidebar .box.payment .payment-icons img{width:100%;height:auto;border-radius:5px} #Shop div#Sidebar .box.facebook{padding:0} #Shop div#Sidebar .box_cart{display:none} #Shop div#Sidebar .box h2,#Shop div#Sidebar form#user-login h2,#Shop div#Sidebar #user-login h2{background:var(--gold-color);font-family:var(--font-family-Open-Sans);padding:15px 20px;color:var(--default-bg);font-weight:400;font-size:22px;text-transform:uppercase;border-bottom:none;margin:0 -20px 20px} #Shop div#Sidebar .box.facebook h2{margin:0} #Shop div#Sidebar form#user-login input.field{background:var(--default-bg);border:1px solid #ccc;height:45px;padding:5px 10px;font-family:var(--font-family-Open-Sans);margin-bottom:10px} #Shop div#Sidebar form#user-login input.field:focus{border-color:#999} #Shop div#Sidebar form#user-login a.Send{background:var(--gold-color);color:var(--default-bg);float:none;clear:both;margin:10px 0 0;font-size:16px;font-weight:800;padding:5px 15px} #Shop div#Sidebar form#user-login a.Send::before{content:none} #Shop div#Sidebar form#user-login a.Send:hover{background:var(--gold-color)} #Shop div#Sidebar a.user-wishlist{display:none} #Shop div#Sidebar #brandsMenu ul > a{font-family:var(--font-family-Open-Sans);border-bottom:3px solid var(--gold-color)} #Shop div#Sidebar #brandsMenu ul span{color:#333} #Shop div#Sidebar #brandsMenu ul span:hover{color:var(--gold-color)} #Shop div#Sidebar ul.Cart li.row{background:none;border-top:1px solid #ccc;padding-left:0;padding-top:5px;padding-bottom:5px;margin:0} #Shop div#Sidebar ul.Cart li.row:first-child{border-top:0} #Shop div#Sidebar ul.Cart li.row a.Remove{right:0;top:5px;padding:0;color:#545454} #Shop div#Sidebar ul.Cart li.row a.Remove:hover{color:var(--gold-color)} #Shop div#Sidebar a.CartBtn{background:var(--gold-color);color:var(--default-bg);float:none;clear:both;margin:10px 0 0;font-size:16px;font-weight:800;padding:5px 15px} #Shop div#Sidebar a.CartBtn::before{content:none} #Shop div#Sidebar a.CartBtn:hover{background:var(--gold-color)} #Shop div#ShopContent{width:auto;float:none;max-width:none} .content2 #Shop div#ShopContent{padding:65px 179px 69px 0;display:table} .webshopArticleTemplate #Shop div#ShopContent,.webshopCheckoutTemplate #Shop div#ShopContent{width:auto;max-width:none;float:none;grid-column:1 / -1} #Shop div#ShopContent #Breadcrumbs{display:none;padding:5px 0;color:#999;font-size:14px;line-height:20px;margin-bottom:10px} #Shop div#ShopContent #Breadcrumbs::after{content:'';display:block;clear:both} .webshopCheckoutTemplate #Shop div#ShopContent #Breadcrumbs{display:none} #Shop div#ShopContent #Breadcrumbs a.myAccount{background:var(--gold-color);color:var(--default-bg);text-decoration:none;font-weight:700;padding:0 5px;text-align:center;margin-left:10px;float:right} #Shop div#ShopContent #Breadcrumbs a.myAccount:hover{background:var(--dark-color);color:var(--default-bg)} #Shop div#ShopContent #Breadcrumbs a{color:var(--gold-color);text-decoration:none} #Shop div#ShopContent #Breadcrumbs a:hover{color:var(--dark-color)} #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:#999} #Shop div#ShopContent #superbanner-category{margin-bottom:15px} #Shop div#ShopContent #article-content{padding-top:0} #Shop div#ShopContent #article-content > h1#Title{font-size:26px;line-height:40px;margin:0 0 20px;padding:10px 15px;background:var(--default-bg);text-align:center;color:var(--gold-color)} .webshopHomeTemplate #Shop div#ShopContent #article-content > h1#Title{display:none} #Shop div#ShopContent #article-content .homeShopContent hr.ProductsBlockSpacer{border-color:var(--default-bg);border-width:2px;margin:30px 0} #Shop div#ShopContent #article-content #CatSubCats{background:none;padding:15px 0;border-top:5px solid var(--default-bg);border-bottom:5px solid var(--default-bg)} .search-tpl #Shop div#ShopContent #article-content #CatSubCats{display:none;} .page-cat #Shop div#ShopContent #article-content #CatSubCats{display:none} .home .content1 #Shop div#ShopContent #article-content #CatSubCats{display:none} #Shop div#ShopContent #article-content #CatSubCats ul{margin:-10px} #Shop div#ShopContent #article-content #CatSubCats li{} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]{position:relative;overflow:hidden;padding-bottom:70%;background:var(--hover-color) url(../images/icon-photo.png) no-repeat center;background-size:50%;margin:10px} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover{box-shadow:0 0 0 5px var(--default-bg)} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]::after{content:'';position:absolute;z-index:20;left:0;right:0;top:0;bottom:0;box-shadow:inset 0 0 0 0 rgba(255,255,255,0);transition:box-shadow .6s} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover::after{box-shadow:inset 0 0 0 10px rgba(255,255,255,.5)} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .foto-sub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:101%} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .foto-sub{opacity:.7} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"] .subCatTitle{position:absolute;left:0;right:0;padding:10px;top:50%;transform:translateY(-50%);color:var(--default-bg);font-weight:700;font-size:18px;font-family:var(--font-family-Open-Sans);text-shadow:0 2px 5px rgba(0,0,0,.85)} #Shop div#ShopContent #article-content #CatSubCats a[class^="level"]:hover .subCatTitle{color:var(--default-bg);text-shadow:0 2px 5px rgba(0,0,0,.25),0 0 25px rgba(0,0,0,.15)} .home .content1 #Shop div#ShopContent #article-content div#CatContent{display:none} .content2 #Shop div#ShopContent #article-content #CatSubCats, .content2 #Shop div#ShopContent #Products{display:none} .webshopArticleTemplate #Shop div#ShopContent #article-content div#CatContent{display:grid;grid-template-columns:4fr 5fr;grid-gap:30px} #Shop div#ShopContent #article-content div#CatContent nav.prev-next{position:fixed;z-index:30;left:0;right:0;top:0} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext,#Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt{position:fixed;top:50%;transform:translateY(-50%);height:80px;line-height:80px;width:40px;text-align:center;border:none;display:block;font-size:0;text-decoration:none;color:var(--default-bg);background:rgba(0,0,0,.5);opacity:.5} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext{right:0} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt{left:0} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:hover,#Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:hover{background:var(--gold-color);color:var(--default-bg);width:60px;opacity:.9} #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:30px} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:after{content:'\f105';padding-left:5px} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:after{content:'\f104';padding-right:5px} #Shop div#ShopContent #article-content div#CatContent .outer{margin:0;width:auto;float:none;display:grid;grid-gap:15px} #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{margin:0} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery li{margin:0;padding:0;margin:0;background:none} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery.zoomGallery a.medPhotoLink{display:block} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container,#Shop div#ShopContent #article-content div#CatContent.nophotos .outer ul.Gallery .medPhotoLink .nailthumb-container{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{box-shadow:0 0 0 5px var(--default-bg)} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;transition:all .6s} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink:hover .nailthumb-container::after{box-shadow:inset 0 0 0 10px rgba(255,255,255,.5)} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink .nailthumb-container img.medPhoto,#Shop div#ShopContent #article-content div#CatContent.nophotos .outer ul.Gallery .medPhotoLink .nailthumb-container img.medPhoto{width:100%!important;height:auto!important;top:0!important;left:0!important;display:block!important} #Shop div#ShopContent #article-content div#CatContent .outer ul.Gallery a.medPhotoLink:hover .nailthumb-container img.medPhoto{} #Shop div#ShopContent #article-content div#CatContent.nophotos .outer ul.Gallery .medPhotoLink .nailthumb-container img.medPhoto{object-fit:scale-down;background:var(--default-bg)} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs{margin:0;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:15px} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li{margin:0} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li .nailthumb-container{border:none;width:auto!important;height:auto!important} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li > .nailthumb-container{position:relative;padding-top:100%!important} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs li .nailthumb-container img{position:absolute!important;width:100%!important;height:100%!important;left:0!important;top:0!important;object-fit:cover;display:block!important} #Shop div#ShopContent #article-content div#CatContent .articleSummary .dagdeal span{background:var(--gold-color);display:inline-block;color:var(--default-bg);padding:8px 10px;margin-bottom:20px;font-weight:700;text-transform:uppercase} #Shop div#ShopContent #article-content div#CatContent .articleSummary h1#Title{font-size:26px;margin:0;line-height:30px} #Shop div#ShopContent #article-content div#CatContent .articleSummary h1#Title span#article-price{font-size:23px;color:var(--gold-color);margin:0;padding:10px 0 25px} #Shop div#ShopContent #article-content div#CatContent .articleSummary h1#Title span#article-price.price-request{font-size:18px;line-height:20px} #Shop div#ShopContent #article-content div#CatContent .articleSummary h1#Title span#article-price span.strikePrice{color:#b3b3b3;font-weight:400} #Shop div#ShopContent #article-content div#CatContent .articleSummary h1#Title span#article-price a{background:var(--gold-color);color:var(--default-bg);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 .articleSummary h1#Title span#article-price a:hover{background:var(--gold-color)} #Shop div#ShopContent #article-content div#CatContent .articleSummary #add-favorite-button a{color:var(--gold-color);background:rgba(255,255,255,.5);text-decoration:none;border:1px solid var(--gold-color);line-height:28px;text-align:center;display:inline-block;padding:0 10px;transition:color .6s,background .6s,border .6s} #Shop div#ShopContent #article-content div#CatContent .articleSummary #add-favorite-button a i.fa{margin-right:5px} #Shop div#ShopContent #article-content div#CatContent .articleSummary #add-favorite-button a:hover{color:var(--dark-color);background:var(--default-bg);border-color:var(--dark-color)} #Shop div#ShopContent #article-content div#CatContent .articleSummary #add-favorite-button.active a{border-color:#c00!important;background:var(--default-bg)} #Shop div#ShopContent #article-content div#CatContent .articleSummary .articleShortDesc{position:relative;margin:25px 0} #Shop div#ShopContent #article-content div#CatContent .articleSummary .articleShortDesc p{margin:0;padding:0} #Shop div#ShopContent #article-content div#CatContent .articleSummary #markLogo .nailthumb-container{width:auto!important;height:auto!important} #Shop div#ShopContent #article-content div#CatContent .articleSummary #markLogo .nailthumb-container .nailthumb-image{width:auto!important;height:auto!important;left:0!important;top:0!important;max-height:300px} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox{padding-left:0;overflow:visible} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList{margin-top:10px} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList + select.spec{border:5px solid var(--default-bg);padding:2px 5px;display:block;width:100%} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .optionList + select.spec option:disabled{color:#ccc;background:#f6f6f6} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox a#resetChoices{background:var(--gold-color);color:var(--default-bg);text-decoration:none;font-weight:700;padding:5px 15px;height:auto;width:auto;text-align:center;display:inline-block;margin:10px 0} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox a#resetChoices:hover{background:var(--gold-color)} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .displayMessageStockShortage{font-weight:700} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .displayMessageStockShortage > div{padding:0 5px} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice{font-size:16px} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice label{margin-right:10px} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox p#qtychoice input#Qty{border:1px solid #ccc;border-left:none;border-right:none;padding:2px 5px;transition:all .4s;width:50px;text-align:center} #qtychoice a.Decrease,#qtychoice a.Increase{padding:5px 0;border:1px solid #ccc;width:35px!important} #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:focus{border-color:#9bccc6} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart{background:var(--gold-color);color:var(--default-bg);text-decoration:none;font-size:16px;line-height:30px;padding:5px 15px;height:auto;width:auto;text-align:center;display:inline-block} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox div#OrderBtns a.AddCart:hover{background:var(--dark-color)} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox #subArticleSpecErrors{color:#999;font-style:italic;font-size:12px;line-height:16px;margin:10px 0} #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 a::after{color:var(--default-bg);background:var(--gold-color);width:32px;line-height:32px;font-size:14px;display:inline-block;text-align:center;transition:background .5s,color .5s;font-family:"Font Awesome 5 Brands";font-weight:400} #Shop div#ShopContent #article-content div#CatContent form.articleInfoBox .addthis_toolbox a:hover::after{background:var(--dark-color);color:var(--default-bg)} #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_pinterest_share::after{content:'\f231'} #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 #Products #relatedArticles > p{font-size:18px} #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem{grid-template-columns:1fr} #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem .ProdPhoto{order:1;display:grid;grid-template-rows:300px auto} #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem .ProdPhoto .nailthumb-container{position:relative;width:auto!important;padding:0!important;height:auto!important} #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem .ProdPhoto .nailthumb-container img.nailthumb-image{position:relative!important;width:100%!important;left:0!important} #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem .ProdNoPhoto .nailthumb-container img.nailthumb-image{object-fit:scale-down} #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem .ProdPrice{order:2} #Shop div#ShopContent #Products #relatedArticles #Items .ProdItem .displayMessageStockShortage{order:3;margin:0 10px 10px;font-weight:700;font-size:.85em} #Shop div#ShopContent .articleReviews{margin-top:30px} #Shop div#ShopContent .articleReviews .ReviewBtn{background:var(--gold-color);color:var(--default-bg)} #Shop div#ShopContent .articleReviews .ReviewBtn:hover{background:var(--dark-color)} #Shop div#ShopContent #Products #Items.displaySimpleList{display:block;width:100%;clear:both} .webshopHomeTemplate #Shop div#ShopContent #Products{position:relative;padding:0} #Shop div#ShopContent #Products.catalog-front-products > hr{border-color:var(--default-bg);margin:30px 0} #Shop div#ShopContent #Products.catalog-front-products > h3{margin:20px 0 0} .home .webshop-content #catalogDisplayOrder{text-align:right;float:right;display:flex;margin:-30px 0 55px;align-content:center;grid-gap:10px} .home .0-pager{margin:-68px 0 0;font-size:12px;font-weight:300;color:var(--dark-color)} .home .webshop-content #catalogDisplayOrder{text-align:right;float:right;display:flex;align-content:center;grid-gap:9px;margin:-34px 0 69px} .webshop-content #catalogDisplayOrder select{border:1px solid var(--tertiary-color);background:none;height:29px;letter-spacing:.1em} .home .webshop-content .displayProduct{padding:0} .home .webshop-content .displayProduct a{text-align:center;color:var(--tertiary-color);border:1px solid var(--tertiary-color);padding:5px 3px!important} .home .webshop-content .displayProduct a:hover{color:var(--gold-color);border:1px solid var(--gold-color)} #Shop div#ShopContent #Products form.categoryArticles-pager{padding:0;margin:0 0 15px;overflow:visible} #Shop div#ShopContent #Products form.categoryArticles-pager #ProdNav{display:flex} #Shop div#ShopContent #Products form.categoryArticles-pager #ProdNav #catalogDisplayOrder{float:none;margin-left:auto;display:flex;align-items:center;gap:5px} #Shop div#ShopContent #Products form.categoryArticles-pager #ProdNav #catalogDisplayOrder select#categoryArticles-displayOrder{margin:0} #Shop div#ShopContent #Products form.categoryArticles-pager #ProdNav #catalogDisplayOrder .displayProduct{padding:0;float:none} #Shop div#ShopContent #Products form.categoryArticles-pager #ProdNav #catalogDisplayOrder .displayProduct a{background:var(--gold-color);color:var(--default-bg);text-decoration:none;line-height:30px;height:30px;min-width:35px;text-align:center;display:block} #Shop div#ShopContent #Products form.categoryArticles-pager #ProdNav #catalogDisplayOrder .displayProduct a:hover{background:var(--gold-color)} #Shop div#ShopContent #Products form.categoryArticles-pager #ProdNav #catalogDisplayOrder .displayProduct a i.fa{vertical-align:sub} form#0-pagerArticles{text-align:right;position:relative;margin:0 0 30px} select#0-displayOrderArticles{background:none;letter-spacing:.05em;height:29px;margin:0 0 0 5px} #Shop div#ShopContent #Products #Items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px 42px;width:100%} #Shop div#ShopContent #Products #Items .ProdItem{background:var(--default-bg);font-family:var(--font-family-Open-Sans);float:none;display:grid!important;grid-template-rows:1fr auto auto;padding:0;margin:0 0 40px 0;} #Shop div#ShopContent #Products #Items .ProdItem:hover{box-shadow:3px 0 7px rgba(0,0,0,.21)} #Shop div#ShopContent #Products #Items .ProdItem.promo::before{content:'promo';position:absolute;right:10px;top:10px;background:rgba(255,255,255,.7);display:block;padding:1px 7px;text-transform:uppercase;font-size:12px;color:var(--gold-color);font-weight:700;border-radius:4px;border:2px solid var(--gold-color);z-index:15;pointer-events:none} #Shop div#ShopContent #Products #Items .ProdItem .articleStatusList{top:5px} #Shop div#ShopContent #article-content #add-favorite-button{position:relative;grid-column:1 / -1;z-index:10} #Shop div#ShopContent #Products #Items .ProdItem > a{position:static;color:var(--default-color);padding:0;grid-column:1 / -1;order:1;display:grid} #Shop div#ShopContent #Products #Items .ProdItem > a.ProdNoPhoto{height:100%} #Shop div#ShopContent #Products #Items .ProdItem > a::after{display:none} #Shop div#ShopContent #Products #Items .ProdItem > a.ProdPhoto > img.fixedSize,#Shop div#ShopContent #Products #Items .ProdItem > a.ProdPhoto > .nailthumb-loading{display:none} #Shop div#ShopContent #Products #Items .ProdItem > a .nailthumb-container{position:relative;width:auto!important;height:auto!important;display:grid;grid-template-rows:367px auto} #Shop div#ShopContent #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container{height:100%!important} #Shop div#ShopContent #Products #Items .ProdItem > a .nailthumb-container .nailthumb-loading{height:100%} #Shop div#ShopContent #Products #Items .ProdItem .articleStatusList .statusArticle.dagdeal span{background:var(--gold-color);color:var(--default-bg);font-weight:700;text-transform:uppercase} #Shop div#ShopContent #Products #Items .ProdItem > a .nailthumb-container img.nailthumb-image{width:100%!important;height:100%!important;top:0!important;left:0!important;transition:transform 1s;object-fit:cover;border: 1px solid rgba(160,160,160,.25)} #Shop div#ShopContent #Products #Items .ProdItem > a.ProdNoPhoto .nailthumb-container img.nailthumb-image{background:#ccc;object-fit:scale-down;opacity:.25;height:100%!important} #Shop div#ShopContent #Products #Items .ProdItem:hover > a .nailthumb-container img.nailthumb-image{opacity:1} #Shop div#ShopContent #Products #Items .ProdItem:hover > a.ProdNoPhoto .nailthumb-container img.nailthumb-image{opacity:.25;transform:scale(1)} #Shop div#ShopContent #Products #Items .ProdItem > a span.nailthumb-title{left:auto;right:auto;bottom:auto;top:auto!important;width:auto!important;padding:15px 12px 0;font-size:14px;font-weight:400;text-align:center;color:var(--dark-color);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 0 var(--dark-color)} #Shop div#ShopContent #Products #Items .ProdItem:hover > a .nailthumb-container span.nailthumb-title{color:var(--dark-color);text-shadow:0 0 0 var(--dark-color)} #Shop div#ShopContent #Products #Items .ProdItem > a .displayMessageStockShortage{position:relative;font-weight:700;margin:0 10px;align-self:end} #Shop div#ShopContent #Products #Items .ProdItem .ProdPrice{padding:0 10px 10px;color:var(--dark-color);font-size:14px;line-height:30px;font-weight:400;pointer-events:none;margin:0;letter-spacing:.05em;text-align:center;order:2} #Shop div#ShopContent #Products #Items .ProdItem:hover .ProdPrice{color:var(--dark-color)} #Shop div#ShopContent #Products #Items .ProdItem .ProdPrice s{display:block;font-size:.75em;color:#999} #Shop div#ShopContent #Products #Items .ProdItem .ProdScore{pointer-events:none;font-size:12px;line-height:12px;order:3;margin:0 0 20px;padding:0} #Shop div#ShopContent #Products #Items .ProdItem .ordering{display: none !important;} #Shop div#ShopContent #Products #Items .ProdItem .ordering a{font-family:var(--font-family-Open-Sans);background:none;font-size:0;line-height:0;display:inline-block;padding:0;vertical-align:top} #Shop div#ShopContent #Products #Items .ProdItem:hover .ordering a:hover{background:none} #Shop div#ShopContent #Products #Items .ProdItem .ordering a::before{content:'';width:38px;height:38px;margin:0;background:var(--dark-color) url(../images/icon-shop.png) no-repeat;color:var(--default-bg);display:block;text-align:center;transition:background .4s} #Shop div#ShopContent #Products #Items .ProdItem:hover .ordering a:hover::before,#Shop div#ShopContent #Products #Items .ProdItem .ordering a:hover::before, #Shop div#ShopContent #Products #Items .ProdItem:hover .ordering a::before{background-color:var(--dark-color)} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails{text-align:right} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails .displayMessageStockShortage{margin:0 0 10px;font-weight:700;font-size:.85em} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails .displayMessageStockShortage > div{display:inline-block;padding:0 5px} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails .ProductOrder .ProductOrderBtn{background:var(--gold-color);padding:0 10px 2px;color:var(--default-bg)} #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails .ProductOrder .ProductOrderBtn:hover{background:var(--dark-color)} .dialog-product-popup #modal-footer a{background:var(--gold-color)!important;color:var(--default-bg)!important}.dialog-product-popup #modal-footer a:hover{background:var(--dark-color)!important} #Shop div#ShopContent #Products .pagesHolder{margin-top:30px;display:flex;justify-content:center;font-weight:300;color:var(--secondary-color)} #Shop div#ShopContent #Products .pagesHolder a{background:var(--light-bg);color:var(--dark-color)} #Shop div#ShopContent #Products .pagesHolder a:hover,#Shop div#ShopContent #Products .pagesHolder a.jp-current{background:var(--light-color);color:var(--default-bg)} #Shop div#ShopContent #Products .pagesHolder a.jp-current{pointer-events:none} #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;font-size:18px;line-height:30px;color:#999;margin:0 10px} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a::after{content:'';position:absolute;left:50%;bottom:0;width:0;height:3px;background:var(--gold-color);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{width:100%;left:0} #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:#333} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.TabDetails{display:none} div#ContainerBlockSocial{margin:20px 0 0} #Shop div#ShopContent #Products .Tabs div.TabContent{background:#f0f0f0;border:none;border-top:1px solid #ccc} #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;background:url(../images/list-icon01.png) no-repeat 0 5px;padding-left:25px} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDescription ul ul li,#Shop div#ShopContent #Products .Tabs div.TabContent#Tabextra ul ul li{background-image:url(../images/list-icon02.png);padding-left:20px} #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:var(--gold-color);color:var(--default-bg)} #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:var(--dark-color);color:var(--default-bg)} #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:var(--gold-color);color:var(--default-bg)} #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:var(--dark-color);color:var(--default-bg)} #Shop div#ShopContent #Products .Tabs div.TabContent#TabDetails{display:none!important} #Shop div#ShopContent #Products .wishlist-back-btn{background:var(--gold-color);color:var(--default-bg);font-weight:700} #Shop div#ShopContent #Products .wishlist-back-btn:hover{background:var(--dark-color)} #Shop div#ShopContent #Checkout th{background:var(--default-bg)} #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{content:'\f146'} #Shop div#ShopContent #Checkout a.Increase::after{content:'\f0fe'} #Shop div#ShopContent #Checkout tr.product[class*="cart-row"] > td a.ProdPhoto img{border:none;height:auto!important;object-fit:cover} #Shop div#ShopContent #Checkout tr.product[class*="cart-row"] > td:last-child a{text-decoration:none;background:var(--gold-color);color:var(--default-bg);padding:0 5px} #Shop div#ShopContent #Checkout tr.product[class*="cart-row"] > td:last-child a:hover{background:var(--dark-color)} #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::before{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900} #Shop div#ShopContent #Checkout ol.Checkout-steps > li{background-color:#f0f0f0} #Shop div#ShopContent #Checkout a.Checkout,#Shop div#ShopContent #Checkout a.Send{background:var(--gold-color);color:var(--default-bg);text-decoration:none;font-size:14px;line-height:24px;font-weight:700;padding:5px 10px;text-align:center;display:inline-block} #Shop div#ShopContent #Checkout a.Send{margin:38px 0 0} #Shop div#ShopContent #Checkout a.Checkout:hover,#Shop div#ShopContent #Checkout a.Send:hover{color:var(--default-bg);background:var(--dark-color)} #Shop div#ShopContent #Checkout ol li.Border{border:none;margin-bottom:5px} #Shop div#ShopContent #Checkout a.Checkout{margin:44px 0 0} #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:var(--dark-color);color:var(--default-bg);font-size:20px;font-weight:800;text-transform:uppercase} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a{background:var(--gold-color);color:var(--default-bg)} #Shop div#ShopContent #Checkout ol li.Border h4.StepTitle a:hover{background:var(--dark-color);color:var(--default-bg)} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li{position:relative;padding:10px 0;border-top: none;background: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 #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:0} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div input.field{margin-bottom:5px} #Shop div#ShopContent #Checkout ol li.Border label{width:20%;min-width:0;float:left;margin:0;font-weight:400;line-height:40px} #Shop div#ShopContent #Checkout ol table.checkoutConfirmTable li{padding:0;background:none} #Shop div#ShopContent #Checkout ol li.Border label:not(:first-of-type){padding-left:10px} #Shop div#ShopContent #Checkout ol li.Border label span.required{color:#c00} #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:var(--default-bg);border:1px solid #ccc;height:40px;width:30%;float:left;margin:0;clear:none;box-shadow:inset 0 0 0 2px rgba(204,204,204,0);font-weight:400;font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif} #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} #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} #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;box-shadow:inset 0 0 0 2px #999} #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:var(--gold-color);color:var(--default-bg)} #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 th{background:var(--dark-color);color:var(--default-bg);border:none} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine span.catalogPromoEnterYourCode{font-weight:700;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:none;font-family:var(--font-family-Open-Sans);font-size:14px;line-height:30px;color:var(--default-color);padding:5px 10px;outline:none!important;background:var(--default-bg);height:35px;margin:0 10px 0 0;float:left;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);transition:all .4s} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine input.catalogPromoInputCodePromo:focus{box-shadow:inset 0 0 0 3px rgba(0,0,0,.2);background:var(--default-bg)} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit{margin:0} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit input#buttonCouponSubmit{font-family:var(--font-family-Open-Sans);font-size:14px;line-height:24px;color:var(--default-bg);font-weight:700;padding:5px 10px;outline:none!important;background:var(--gold-color);border:0;width:auto;display:inline-block;margin:0 auto;height:auto;transition:all .4s;z-index:5;cursor:pointer;border-radius:0} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .couponSubmit input#buttonCouponSubmit:hover{background:var(--dark-color);color:var(--default-bg)} #Shop div#ShopContent #Checkout ol table#checkoutDetail .couponLine .messageCoupon{clear:both} #Shop div#ShopContent #Checkout ol form#checkoutConfirmForm label.livrtxtmess{background:var(--gold-color);color:var(--default-bg)} #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:var(--default-bg);border:1px solid #dddcdf} #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:var(--gold-color);color:var(--default-bg)} #Shop div#ShopContent div#accountRegister a.send:hover{background:var(--dark-color);color:var(--default-bg)} #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:var(--gold-color);color:var(--default-bg)} #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:var(--dark-color);color:var(--default-bg)} #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:var(--default-bg)} #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:var(--gold-color);color:var(--default-bg)} #Shop div#ShopContent div#accountContent a.btn:hover,#Shop div#ShopContent div#ProdContent a.btn:hover{background:var(--dark-color);color:var(--default-bg)} #Shop div#ShopContent #ProdContent .Tabs ul.tabNavigation li a:hover{background:var(--gold-color);color:var(--default-bg);border-color:var(--gold-color)} #Shop div#ShopContent #ProdContent .Tabs div.TabContent input{border:1px solid #dddcdf;background:var(--default-bg)} #Shop div#ShopContent #ProdContent .Tabs div.TabContent input:focus{border-color:#c4c1c7} .ui-widget .addSubToCart{background:var(--gold-color);color:var(--default-bg);font-weight:700} .ui-widget .addSubToCart:hover{background:var(--dark-color);color:var(--default-bg)} .ui-widget .addSubToCart::before{content:none} .ui-autocomplete{position:absolute!important;background:var(--default-bg)!important;box-shadow:0 3px 5px rgba(0,0,0,.25)} .ui-autocomplete li a{color:var(--gold-color)!important;font-size:14px!important;font-weight:700!important} .ui-autocomplete li a:hover,.ui-autocomplete li a#ui-active-menuitem{background:var(--gold-color);color:var(--default-bg)!important;font-weight:700!important} #TabProfileForm{margin:0 -25%} body:not(.Webshop_Cat) #article-content { display: flex; flex-direction: column; flex-wrap: wrap;} body:not(.Webshop_Cat) #article-content #Title {order: 1;} body:not(.Webshop_Cat) #article-content #CatSubCats { order: 4;} body:not(.Webshop_Cat) #article-content #CatContent { order: 2;} body:not(.Webshop_Cat) #article-content #Products { order: 3;} @media only screen and (max-width : 1646px) { .content2 #Shop div#ShopContent{padding:65px 150px 69px 0} } @media only screen and (max-width : 1320px) { #Shop div#ShopContent #Products #Items{grid-gap:20px} .content2 #Shop div#ShopContent{padding:50px 30px 50px 0} } @media only screen and (max-width : 1199px) { #Shop div#ShopContent #Products #Items .ProdItem > a .nailthumb-container{grid-template-rows:300px auto} .content2 #Shop{display:block;padding:0 0 0 30px} } @media (max-width: 991px) { #Shop{grid-template-columns:1fr;grid-gap:10px} #Shop #Breadcrumbs{grid-column:1;margin-bottom:0} #Shop div#ShopContent{width:auto;float:none} #Shop #mobile-sidebar{display:block} #Shop div#Sidebar{display:block!important;width:100%;transition:none} #Shop div#Sidebar .sidebarContent{position:relative;top:0} #Shop div#Sidebar.active{position:relative;margin-top:-65px} #Shop div#Sidebar.active + #ShopContent{display:none} #Shop div#ShopContent #Products #Items{grid-gap:20px} #TabProfileForm{margin:0} #Shop div#ShopContent #Products #Items .ProdItem > a .nailthumb-container{grid-template-rows:240px auto} .content2 #Shop{padding:0 0 0 15px} .content2 #Shop div#ShopContent{padding:50px 15px 50px 0} .home .webshop-content #catalogDisplayOrder{margin:-57px 0 26px} } @media (max-width: 768px) { .articleNoPhoto #Shop div#ShopContent #article-content div#CatContent .articleGallery{display:none} #Shop div#ShopContent #article-content div#CatContent .outer ul.thumbs{grid-template-columns:repeat(4,1fr)} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li{padding:0} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a{font-size:16px;margin:0} #Shop div#ShopContent #Checkout > form > table td:empty,#Shop div#ShopContent #Checkout table#checkoutDetail td:empty{display:none} #Shop div#ShopContent #Checkout tr.product[class*="cart-row"] > td:last-child{text-align:left} .webshopHomeTemplate #Shop div#ShopContent #Products::after{font-size:35px;line-height:40px} } @media (max-width: 640px) { #Shop #Breadcrumbs a.account{float:none;margin:0 10px 0 0} #Shop div#ShopContent #Products #Items{grid-gap: 30px 10px;grid-template-columns:repeat(2,1fr)} #Shop div#ShopContent #article-content #CatSubCats li{} .webshopArticleTemplate #Shop div#ShopContent #article-content div#CatContent{grid-template-columns:1fr;grid-gap:0} #Shop div#ShopContent #article-content div#CatContent .articleSummary .articleStatus{margin-top:15px} #Shop div#ShopContent #article-content div#CatContent .articleSummary .articleStatus:empty{display:none} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext,#Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt{width:30px;height:55px;line-height:55px} #Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnNext:hover,#Shop div#ShopContent #article-content div#CatContent nav.prev-next .btnAnt:hover{width:40px} #Shop div#ShopContent #Checkout ol li.Border label{width:35%} #Shop div#ShopContent #Checkout ol li.Border label:not(:first-of-type){padding-left:0} #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{width:65%;margin-bottom:5px} #Shop div#ShopContent #Checkout ol li.Border select#countryKey{width:65%} } @media only screen and (max-width : 767.98px) { #Shop div#ShopContent #Products #Items.displaySimpleList .Product .ProductPriceDetails{text-align:left} } @media (max-width: 480px) { #Shop div#ShopContent #Products #Items{grid-template-columns:1fr} .webshopHomeTemplate #Shop div#ShopContent #Products::after{top:-29px} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li{display:block;padding:0} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.selected,#Shop div#ShopContent #Products .Tabs ul.tabNavigation li a.selected:hover{background:var(--gold-color);color:var(--default-bg);border-color:var(--gold-color)} #Shop div#ShopContent #Products .Tabs ul.tabNavigation li a:hover{background:var(--dark-color);border-color:var(--dark-color)} #Shop div#ShopContent #Checkout ol li.Border div[id^="checkout"] > form > ul > li{border:none;padding:0} #Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div label,#Shop div#ShopContent #Checkout ol li.Border #checkout-user-login div input.field{width:100%} #Shop div#ShopContent #Checkout ol li.Border label{width:100%;line-height:normal;padding:5px 0} #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,#Shop div#ShopContent #Checkout ol li.Border select#countryKey{width:100%} #Shop div#ShopContent #Checkout ol li.Border input[type="radio"],#Shop div#ShopContent #Checkout ol li.Border input[type="checkbox"]{} #Shop div#ShopContent #article-content #CatSubCats li{width:100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%} #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:var(--gold-color);color:var(--default-bg)} #Shop div#ShopContent #Products #Items.displaylist .prodItemTitle .itemtitle td{padding:5px 0;border-color:var(--default-bg)} #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:var(--dark-color)!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} #Shop div#ShopContent #Products form.categoryArticles-pager:not(:first-child){display:none} } @media (max-width: 420px) { .home .webshop-content #catalogDisplayOrder{margin:0 0 26px} } #Shop div#ShopContent #article-content h1#Title span#article-price { display: inherit!important; } #Shop div#ShopContent #Products #Items .ProdItem .ProdPrice { display: inherit!important; } /**Block NEW ARTICLES**/ #new-articles { clear: both; float: none; margin: 40px auto; position: relative; display: block; } #new-articles #Items { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; } #new-articles #pagesHolder .pagesHolder { margin: 10px auto; text-align: center; } #new-articles #pagesHolder .pagesHolder a { width: 15px; height: 15px; padding: 5px; text-align: center; background: var(--light-bg); margin: 1px; position: relative; text-decoration: none; } #new-articles #pagesHolder .pagesHolder a:hover,#new-articles #pagesHolder .pagesHolder a.jp-current { color: #fff; background: var(--gold-color); } @media (max-width: 440px) { #new-articles #Items .ProdItem { width: 50% !important; height:auto !important; } #new-articles #Items .ProdItem .nailthumb-container, #new-articles #Items .ProdItem .nailthumb-container img{width:100% !important; height:auto !important;} }