/* Project Name: Costa Theme URI: https://www.os2.it Author: Os2 Front-end developers */ /*********** FONTS **********/ @import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i&display=swap'); @import url('https://fonts.googleapis.com/css?family=Crimson+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap'); @font-face { font-family: "costa-2019"; src:url("fonts/costa-2019.eot?v1"); src:url("fonts/costa-2019.eot?#iefix") format("embedded-opentype"), url("fonts/costa-2019.woff") format("woff"), url("fonts/costa-2019.ttf") format("truetype"), url("fonts/costa-2019.svg#costa-2019") format("svg"); } @font-face { font-family: 'social-networks'; src: url('fonts/social-networks.eot?v=3'); /* IE9 Compat Modes */ src: url('fonts/social-networks.eot?iefix') format('eot'), /* IE6-IE8 */ url('fonts/social-networks.woff?v=3') format('woff'), /* Modern Browsers */ url('fonts/social-networks.ttf?v=3') format('truetype'); /* Safari, Android, iOS */ } .fixed-header {position: fixed;top: 0;left: 0;width: 100%;z-index:9;/*transition-timing-function: ease-in; transition: 0.4s;*/box-shadow:0 2px 6px 0 rgba(0,0,0,.08);} .fixed{position:fixed;z-index:99;top:24px;} .specifiche {/* position:absolute; *//* top: 20px; */z-index: 1;width: 50px;border-radius: 0 5px 5px 0;/* display: block; */background: #c9ab67;font-family: 'Muli', sans-serif;font-size: 10px;text-transform: uppercase;padding: 0;} .specifiche > span {display: block;color: #fff;text-align: center;padding: 5px 0;} .specifiche > span img{margin: 0 auto;/* display: block; */} .specifichec {display: block;position: absolute;top: 50px;left:10px} .container {padding:20px 10px; position:relative } .desktopSlider {/*width: 100%;height: calc(100vh - 115px);*/} .desktopSlider .slide {height:calc(100vh - 114px);overflow: hidden;} .mobileSlider .slide {height:calc(100vh - 70px);overflow: hidden;} .desktopSlider .slide img, .mobileSlider .slide img {object-fit: cover; min-width: 100%; min-height: 100%; width: 100%; height: auto; max-width: 100%; max-height: 100%;} .mobileSlider .slid img {object-position: bottom;} /*********** CSS RESET **********/ * { margin: 0; outline: none; padding: 0; text-decoration: none;} *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} html { margin: 0; -webkit-text-size-adjust: none;} ol, ul { list-style: none;} a img { border: none;} a:hover {color: #C9AB67} a:active {outline: none;} /*** Link ***/ a:link, a:visited, a:before, a:after, a *, a *:before, a *:after, input, textarea {text-decoration:none;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear} a:link, a:visited {color:#5E4B2F} a:hover {color:#CAAE6E} /*** Form e Img ***/ header, main, footer, figure, blockquote {display:block;margin:0} body > header {min-width:320px;position:relative; text-align: center;} header, main {padding:0; margin:0 auto;} main{min-width:320px; position:relative} main {padding:0} *, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-font-smoothing: antialiased;-webkit-appearance:none;} p {margin:10px 0} h1, h2, h3, h4 {margin:0;color: #CAAE6E; font-family: 'Crimson Pro', sans-serif; font-weight: 300} h1, h2 {font-size:25px; text-align: center} h3 {font-size:20px;} h4 {font-size:17px;} b, strong {font-weight: 700} img {border:0; display: block} form {margin:0} ul {margin:0; padding:0; list-style:none} *:focus {outline:none} input, select {padding: 0 15px; height: 40px;} input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {margin: 0;border: 0;padding: 0;} input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea { border-radius: 0;} input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;} input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0 1000px #fff;} input, textarea, select, button {font-family: 'Muli', sans-serif} script { display: none !important;} button {cursor: pointer; border: none; margin:0; padding: 0; background: transparent} select{min-width: 50px; height: 40px; /*safari padding fix*/padding: 6px;background-image:url('data:image/svg+xml;utf8,^');background-repeat:no-repeat;background-position:98% center;min-width:60px} select:hover {cursor:pointer} /*********** GENERICS **********/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: none; background: transparent; vertical-align: baseline} div p:first-child {margin-top: 0} .abs-hidden{position:absolute; left:-9999px; top:-9999px} .icon:before, .social:before {content:""; text-transform: none} .icon:before {font-family: 'costa-2019', sans-serif;line-height:1} .social:before {font-family: 'social-networks', sans-serif;} .flex-vcenter {display: flex; align-items: center} /*********** Icons **********/ #showmenu:before {content:"m"} #closemenu:before, #close-promotionbar:before {content:"x"; color: #000} .menu-container .cart:before {content: "c";} .menu-container .user:before {content: "u"} #express:before {content:"t"} #standard:before {content:"a"} #home-delivery:before {content:"d"} #pick-up:before {content:"s"} #facebook:before {content:"f"} #twitter:before {content:"t"} #instagram:before {content:"i"} #closemenu {display: none;} .input-validation-error {border-color: #ff6d6d !important;-webkit-box-shadow: 0 0 0 1px #ff6d6d; box-shadow: 0 0 0 1px #ff6d6d;} /*********** Owl-Carousel **********/ .owl-carousel.owl-theme .owl-dots{margin:auto} .owl-carousel.owl-theme .owl-dots button.owl-dot span{width:14px; height:14px; background:#6D6E71; margin:5px 3px; opacity:1} .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel .owl-dots button.owl-dot:hover span{background:#00ADEE} /* .owl-carousel.owl-theme .owl-item img{width:auto; height:auto} */ .owl-carousel.owl-theme .owl-nav button{position: absolute; top:0; bottom: 0; margin: auto; height:40px;} .owl-carousel.owl-theme .owl-nav button.owl-prev, .owl-carousel.owl-theme .owl-nav button.owl-next{font-size: 30px;font-family:'costa-2019';background-color: #c9ab6790; color: #fff;} .owl-carousel.owl-theme .owl-nav button.owl-prev:hover, .owl-carousel.owl-theme .owl-nav button.owl-next:hover{background-color: #c9ab67;} .owl-carousel.owl-theme .owl-nav button.owl-prev{left:20px;} .owl-carousel.owl-theme .owl-nav button.owl-next{right:20px} .owl-carousel.owl-theme .owl-nav button {background-color: transparent; color:#CAAE6E} .home-page-product-grid .owl-carousel .owl-stage-outer .product-item .details h2 {font-size:14px; padding-top:10px} #slider-carousel .item-content img {margin: 20px auto 0 auto; width: auto} #slider-carousel .item-content p {font-family: 'Crimson Pro', sans-serif; color: #5E4B2E} #featured-carousel .item-box {width: 290px; margin: 0} #featured-carousel .owl-nav button.owl-prev {left: 0} #featured-carousel .owl-nav button.owl-next{right:0} #featured-carousel .owl-carousel.owl-theme .owl-nav button.owl-prev, #featured-carousel .owl-carousel.owl-theme .owl-nav button.owl-next {color: #CAAE6E} .product-grid.home-page-product-grid, #featured-carousel .owl-nav {margin: 0} .home-page-product-grid, #featured-carousel .item-box .details .buttons {display: flex} #featured-carousel .item-box .product-item h2 {color: #CAAE6E; font-style: italic; font-size: 25px; text-align: center} #featured-carousel .item-box .details {font-family: 'Crimson Pro', serif;} #featured-carousel .item-box .details .weight {color:#000} #featured-carousel .item-box .details .description {font-family: 'Muli', serif; margin: 15px 0} #featured-carousel .item-box .details .prices {text-align: right;} #featured-carousel .item-box .details .price.actual-price {display: flex; align-items: center; width: 100%; white-space: nowrap; font-size: 30px; color: #000} #featured-carousel .item-box .details .price.actual-price::before {content: ""; width: 100%; height: 1px; background: #CAAE6E; margin-right: 15px;} #featured-carousel .item-box .details .buttons { justify-content: space-between} #featured-carousel .item-box .details .buttons [type="button"] {white-space: normal; line-height: 1; height: auto; width: 95px; color: #5E4B2F} #featured-carousel .item-box .details .buttons [type="button"]:hover {color: #CAAE6E} #featured-carousel .item-box .details .buttons a {font-size: 16px; width:140px; text-transform: uppercase; text-align: center} .product-grid.home-page-product-grid {padding: 20px 10px 30px 10px;} .home-page-product-grid {justify-content: center} #stores-carousel .owl-nav button.owl-prev, #stores-carousel .owl-nav button.owl-next {color: #fff} /*********** CSS CUSTOM **********/ .message-failure{color:#e4434b;font-size: 13px;padding:8px 0;font-weight: 600;} .message-validation-billing-form a:link {font-weight:600; text-decoration: underline;} .clearfix:after {content: ""; display: table; clear: both;*zoom: 1} .icon:before{font-family:'costa-2019'; vertical-align: middle; text-transform: none} .icon.house:before{content:"b"} .icon.airplane:before{content:"n"} .icon.scooter:before{content:"f"} .icon.h24:before{content:"a"} .icon.geoloc:before{content:">"} .icon.close:before{content: "x";} .icon.back:before{content:"<"} .icon.remove:before{content: "j";font-size: 25px;} .gfield-wrapper{position: relative;/* width: 100% */display: flex;justify-content: space-between;margin:0 auto} .gfield-wrapper + .avviso{text-align: center;flex-basis: 100%;font-size: 12px;padding-top: 10px; font-weight:500;} .gfield-wrapper label{margin-right:10px} .gfield-wrapper label:hover{cursor:pointer; color:#caad6a} .gfield-wrapper .field-placeholder{font-size: 12px;position: absolute; bottom: 10px;color: #5E4B2F;padding: 0 8px; -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1); transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1); z-index: 1} .gfield-wrapper .field-placeholder span{font-weight: 500;padding: 0px 8px} .gfield-wrapper .field-placeholder.hidden{display:none} .gfield-wrapper input:not([disabled]):focus~.field-placeholder, .gfield-wrapper.hasValue input:not([disabled])~.field-placeholder{-webkit-transform: translateY(-39px) translateX(-10px); transform: translateY(-39px) translateX(-10px);} .location-box{display:flex; align-items:center; justify-content: center} .location-box .icon.geoloc:before{color: #fff;font-size:20px;} .location-box input{/* width:360px; */border:none;height:40px;font-size: 14px;border-radius:3px;} .location-box .group{position:relative; padding:0 0 20px 0} .location-box .geoloc{/* position: absolute; *//* right: -50px; */background: #BDD685;padding: 13px;} .flex-group{display:flex; flex-wrap:wrap} .product-details-page .k-numeric-wrap{position:relative; display:inline-block; margin:0; display:flex; width: 100%; max-width: 90px; height:35px; line-height: 35px} .product-details-page .k-numeric-wrap input[type=number]::-webkit-inner-spin-button,.product-details-page .k-numeric-wrap input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0} .product-details-page .k-numeric-wrap input[type=number] {-moz-appearance: textfield} .product-details-page .k-numeric-wrap [class*="quantity"]{position:absolute; width: 35px; cursor:pointer; color:#3D393A; font-size: 22px; text-align: center; top:0} .product-details-page .k-numeric-wrap .quantity-up{content:"+"; right:0} .product-details-page .k-numeric-wrap .quantity-down{content:"-"; left:0} .product-details-page .k-numeric-wrap .qty-input,.product-details-page .k-numeric-wrap .quantity-down,.product-details-page .k-numeric-wrap .quantity-up{height:35px; background:#EEE} .product-details-page .k-numeric-wrap .qty-input{width:100%; background:#fff} .product-details-page .k-numeric-wrap .quantity-down,.product-details-page .k-numeric-wrap .quantity-up{width:35px; border-radius:50%; line-height: 30px;font-size: 25px;font-weight: 500} .product-details-page .k-numeric-wrap input{text-align:center; width:100%; border-radius:5px; height: 100%;border:none} .product-details-page .k-numeric-wrap.disabled [class*="quantity"] { z-index: -1} .html-category-page .item-box .icon.house:before, .html-product-details-page .icon.house:before{color:#D3BC87} .html-category-page .item-box .icon.airplane:before, .html-product-details-page .icon.airplane:before{color:#99CCCC} .html-category-page .item-box .icon.scooter:before, .html-product-details-page .icon.scooter:before{color:#BDD685} .html-category-page .item-box .icon.h24:before, .html-product-details-page .icon.h24:before{color:#FFC855} .html-category.page .abs-hidden{position:absolute; left:-9999px; top:-9999px} .html-category-page .header #slider-carousel, .html-category-page #footer .delivery-info{display:none} .html-category-page .header-image{position:relative; z-index:0; display:flex; justify-content: center; align-items: flex-end; flex-wrap:wrap; max-height: 400px; overflow: hidden} .html-category-page .header-image img{width:100%;} .html-category-page .header-image h1{text-transform: uppercase; font-size:30px; line-height:33px; padding:30px 0 0 0; color:#5E4B2F} .html-category-page input::-webkit-input-placeholder, .html-category-page input::-moz-placeholder, .html-category-page input:-ms-input-placeholder, .html-category-page input::-moz-placeholder {opacity:1} .html-category-page input{font-size: 12px;color:#5E4B2D;font-family: 'Muli', sans-serif;} .html-product-details-page .main-grid-selectors .title, .html-category-page .main-grid-selectors .title, .html-shopping-cart-page .main-grid-selectors .title { padding: 10px; color: #5E4B2F; text-align: center} .html-product-details-page .main-grid-selectors .filters-box, .html-shopping-cart-page .main-grid-selectors .filters-box, .html-category-page .main-grid-selectors .filters-box, .html-product-details-page .main-grid-selectors .title, .html-category-page .main-grid-selectors .title, .html-shopping-cart-page .main-grid-selectors .title{max-width:1100px; margin:auto} .html-category-page .main-grid-selectors .filters-box, .html-shopping-cart-page .main-grid-selectors .filters-box {max-width:1200px;} .html-product-details-page .main-grid-selectors .title.error, .html-category-page .main-grid-selectors .title.error, .html-shopping-cart-page .main-grid-selectors .title.error{color:#e4434b; font-weight:500} .html-product-details-page .main-grid-selectors .product-filters, .html-shopping-cart-page .main-grid-selectors .product-filters, .html-category-page .main-grid-selectors .product-filters{border:none; margin:auto} .html-product-details-page .main-grid-selectors .product-filters a, .html-shopping-cart-page .main-grid-selectors .product-filters a, .html-category-page .main-grid-selectors .product-filters a, .html-product-details-page .main-grid-selectors .group, .html-shopping-cart-page .main-grid-selectors .group, .html-category-page .main-grid-selectors .group, .location-box .group{display:flex; flex-wrap:wrap} .html-product-details-page .main-grid-selectors .group, .html-shopping-cart-page .main-grid-selectors .group, .html-category-page .main-grid-selectors .group, .location-box .group{align-items:center;/* max-width: 260px; */} .html-product-details-page .main-grid-selectors .product-filters a, .html-shopping-cart-page .main-grid-selectors .product-filters a, .html-category-page .main-grid-selectors .product-filters a{flex-wrap:inherit; justify-content:flex-start} .html-product-details-page .main-grid-selectors .group li, .html-shopping-cart-page .main-grid-selectors .group li, .html-category-page .main-grid-selectors .group li{width:100%} .html-product-details-page .main-grid-selectors .product-filters a, .html-shopping-cart-page .main-grid-selectors .product-filters a, .html-category-page .main-grid-selectors .product-filters a{color:#000; position:relative} .html-product-details-page .main-grid-selectors .product-filters a.disabled, .html-shopping-cart-page .main-grid-selectors .product-filters a.disabled, .html-category-page .main-grid-selectors .product-filters a.disabled{ color:#ddd; pointer-events:none} .html-product-details-page .main-grid-selectors .product-filters a.disabled:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.disabled:before, .html-category-page .main-grid-selectors .product-filters a.disabled:before{background:#ddd!important} .main-grid-selectors .product-filters .group.price-range-group li:hover {cursor:no-drop} .main-grid-selectors .product-filters .group.price-range-group a.disabled:hover{pointer-events:none !important;color:#ddd !important} .main-grid-selectors .product-filters a.disabled:hover:after { width: 0 !important;} .html-product-details-page .main-grid-selectors .product-filters a:hover, .html-shopping-cart-page .main-grid-selectors .product-filters a:hover, .html-category-page .main-grid-selectors .product-filters a:hover{color:#5E4B2F} .html-product-details-page .main-grid-selectors .product-filters a:before, .html-shopping-cart-page .main-grid-selectors .product-filters a:before, .html-category-page .main-grid-selectors .product-filters a:before{font-size:36px; width:60px; height:60px; line-height:60px; border-radius:50%; color:#fff; text-align:center} .html-product-details-page .main-grid-selectors .product-filters a span, .html-shopping-cart-page .main-grid-selectors .product-filters a span, .html-category-page .main-grid-selectors .product-filters a span{padding-left:10px; text-align: left;} .html-product-details-page .main-grid-selectors .product-filters a:after, .html-shopping-cart-page .main-grid-selectors .product-filters a:after, .html-category-page .main-grid-selectors .product-filters a:after, .html-product-details-page .main-grid-selectors .product-filters a.selected:after, .html-product-details-page .main-grid-selectors .product-filters a:hover:after, .html-shopping-cart-page .main-grid-selectors .product-filters a.selected:after, .html-shopping-cart-page .main-grid-selectors .product-filters a:hover:after, .html-category-page .main-grid-selectors .product-filters a.selected:after, .html-category-page .main-grid-selectors .product-filters a:hover:after{width:90%; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px)} .html-product-details-page .main-grid-selectors .product-filters a.house:after, .html-shopping-cart-page .main-grid-selectors .product-filters a.house:after, .html-category-page .main-grid-selectors .product-filters a.house:after, .html-product-details-page .main-grid-selectors .product-filters a.house:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.house:before, .html-category-page .main-grid-selectors .product-filters a.house:before{ background: #D3BC87} .html-product-details-page .main-grid-selectors .product-filters a.scooter:after, .html-shopping-cart-page .main-grid-selectors .product-filters a.scooter:after, .html-category-page .main-grid-selectors .product-filters a.scooter:after, .html-product-details-page .main-grid-selectors .product-filters a.scooter:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.scooter:before, .html-category-page .main-grid-selectors .product-filters a.scooter:before{ background: #BDD685} .html-product-details-page .main-grid-selectors .product-filters a.h24:after, .html-shopping-cart-page .main-grid-selectors .product-filters a.h24:after, .html-category-page .main-grid-selectors .product-filters a.h24:after, .html-product-details-page .main-grid-selectors .product-filters a.h24:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.h24:before, .html-category-page .main-grid-selectors .product-filters a.h24:before{ background: #FFC855} .html-product-details-page .main-grid-selectors .product-filters a.airplane:after, .html-shopping-cart-page .main-grid-selectors .product-filters a.airplane:after, .html-category-page .main-grid-selectors .product-filters a.airplane:after, .html-product-details-page .main-grid-selectors .product-filters a.airplane:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.airplane:before, .html-category-page .main-grid-selectors .product-filters a.airplane:before{ background: #99CCCC} .html-category-page .item-grid{padding:50px 0} .html-product-details-page .attributes li [id^="attr-"] {display:none} input[type="checkbox"] { position: relative;/*top: -0.375rem;*/margin: 0 !important;cursor: pointer;width: 20px;height: 20px;padding: 0;} input[type="checkbox"]:before {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;content: "";position: absolute;left: 0;z-index: 1;width: 20px;height: 20px;border: 2px solid #9E9E9E;} input[type="checkbox"]:checked:before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);height: 10px;border-color: #caaf6f;border-top-style: none;border-right-style: none;} input[type="checkbox"]:after {content: "";position: absolute;top:-1px;left: -1px;width: 20px;height: 20px;background: #fff;cursor: pointer;} input[type="radio"] {width: 18px;height: 18px; box-shadow: 0 0 0 0 #4b4d51 inset; transition: all 0.2s ease-in-out; position: relative; cursor: pointer;vertical-align: -4px;outline: 0;border: 1px solid #d9d9d9;box-sizing: border-box;padding: 0;margin-right: 10px; border-radius:10px} input[type="radio"]:after{width: 8px!important;height: 8px; margin-left: -4px!important; background-color: #fff; border-radius: 10px;height: 8px;margin-top: -4px;background-image: url(/Themes/Costa/Content/images/checkbox-tick.svg),none;} input[type="radio"]:after {content: "";display: block;position: absolute; top: 50%; left: 50%; -webkit-transform: scale(0.2);transform: scale(0.2);transition: all 0.2s ease-in-out 0.1s; opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);} input[type="radio"]:checked {box-shadow: 0 0 0 2px #5e4b2f inset;border:none;} input[type="radio"]:checked:after {-webkit-transform: scale(1.3);transform: scale(1.3);opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);} input[type="radio"]:disabled { background-color: #aaa;} input[type="radio"]:disabled ~ label {color: #aaa;} input[type="radio"]:disabled ~ label:hover, input[type="radio"]:disabled:hover {cursor:no-drop;} input[id^="pickup-point-id"]:after {top:0;background: #8BC34A url(/Themes/Costa/Content/images/checkbox-tick.svg) no-repeat center center;left: 2px;width: 20px !important;height: 20px;} /*input[type="checkbox"]:checked ~ label:before, input[type="radio"]:checked ~ label:before {background-color: #CAAF6F;-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 1);-moz-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 1);box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 1);} [type="radio"] ~ label:before, input[type="checkbox"] ~ label:before { content: ""; display: inline-block; width: 14px; height: 14px; border: 1px solid #ccc; margin: -1px 10px 0 0; vertical-align: middle; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} input[type="radio"], input[type="checkbox"] {display: none !important;}*/ /*** elementi griglia generici ***/ .item-box{display:block; padding:0 15px; margin-bottom:40px} .item-box .picture img{margin:auto; max-width: 100%} .item-box .product-item h2{font-style: italic; color: #CAAE6E; font-size: 25px} .item-box .details .description{font-size:15px; line-height:18px; color:#5E4B2F; margin: 15px 0;padding-right:10px;min-height:55px;} .item-box .details .prices{display: flex;align-items: center;justify-content:space-between;width: 100%;} .item-box .details .price.actual-price {font-size: 25px; color: #000} .item-box .icon:before{font-size:25px; vertical-align:baseline} .item-box .prices .opts .icon{z-index: 21;width: 30px;height: 30px;display: inline-block;text-align: center;} .item-box .icon:before{font-size: 25px;vertical-align:baseline;position: absolute;z-index: 10;left: 3px;} .item-box .prices .opts ul li{display: inline-block;position:relative;text-align: center;/* width: 25px; *//* height: 25px; */margin-right: 5px;} .item-box .opts .icon_word{width: 27px;opacity: 0;visibility: visible;white-space: nowrap;transform: rotate(-90deg);transform-origin: 0 0;position: absolute;overflow: hidden;z-index: 9;padding: 0px 0px 0 40px;bottom: -30px;left: 0;opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;/* height: 25px; */border-radius: 20px;line-height: 30px;display: block;} .item-box .opts .icon:hover + .icon_word{width: 150px !important;opacity: 1 !important;visibility: visible !important;color:#fff;text-align: center;font-size: 14px;} .item-box .opts .icon:hover:before {color: #fff;} .item-box .opts .icon:hover {cursor:help;} .main-product-grid .item-box.disabled .product-item {opacity: 0.3; pointer-events: none;} .main-product-grid .item-box.disabled:hover {cursor: no-drop;} .item-box .opts .icon.house:hover + .icon_word{background-color: #D3BC87;} .item-box .opts .icon.scooter:hover + .icon_word{background-color: #BDD685;} .item-box .opts .icon.h24:hover + .icon_word{background-color: #FFC855;} .item-box .opts .icon.airplane:hover + .icon_word{background-color: #99CCCC;} /*** prodotto ***/ .html-product-details-page .full-description{line-height:18px; font-size:14px} .html-product-details-page .full-description h3{text-align:left; color:#000; text-transform:uppercase; font-size: 17px} .html-product-details-page .full-description h3 + p{margin-top:5px} .html-product-details-page .related-products-grid {background: #F5F5F5;padding-top: 20px;} .html-product-details-page .related-products-grid .title{font-size:25px; font-family:'Crimson Text'} .html-product-details-page .related-products-grid .owl-carousel.owl-theme .owl-nav button.owl-next{right:-20px; top: -200px;} .html-product-details-page .related-products-grid .owl-carousel.owl-theme .owl-nav button.owl-prev{left:-20px; top: -200px;} .html-product-details-page .owl-carousel.pictures .owl-nav button.owl-next{right:20px} .html-product-details-page .owl-carousel.pictures .owl-nav button.owl-prev{left:20px} /*.html-product-details-page .owl-carousel.pictures img{width:auto; margin:auto; max-width:400px;}*/ .html-product-details-page .owl-carousel.pictures a{display:block; text-align:center} .html-product-details-page .product-details-page .product-grid .owl-carousel .item-box, .html-product-details-page .shopping-cart-page .product-grid .owl-carousel .item-box{width:100%} .html-product-details-page .product-essential .flex-group > div{width:100%} .html-product-details-page .attributes dt.peso{display:block;} .html-product-details-page .attributes dt label{padding:10px 20px 10px 0;text-align:left; text-transform:uppercase; font-weight:600; color:#000; } .html-product-details-page .overview .back{text-align:right; color:#000; font-family:'Crimson Text'; margin-top:-10px} .html-product-details-page .overview .back:before{font-size:9px; vertical-align: initial; padding-right:5px} .html-product-details-page .overview .back a{text-transform:uppercase; color:#CAAE6E} .html-product-details-page .selected-shipping-method{padding:20px 10px; background: #F5F5F5; text-align:center} .html-product-details-page .selected-shipping-method > div, .html-shopping-cart-page .selected-shipping-method > div, .html-checkout-page .selected-shipping-method > div {text-align:left} .html-product-details-page .selected-shipping-method > div span, .html-shopping-cart-page .selected-shipping-method > div span, .html-checkout-page .selected-shipping-method > div span{display: block;font-size: 13px;} .html-product-details-page .selected-shipping-method b, .html-shopping-cart-page .selected-shipping-method b, .html-checkout-page .selected-shipping-method b{text-transform: uppercase; font-size:15px} .html-product-details-page .selected-shipping-method:before, .html-shopping-cart-page .selected-shipping-method:before, .html-checkout-page .selected-shipping-method:before{font-size:40px; color:#BDD685; padding-right:5px} .html-product-details-page .selected-shipping-method button, .html-shopping-cart-page .selected-shipping-method button{margin-left:10px;border-radius: 15px;border:1px solid #5E4B2F;padding:5px 15px;text-transform: uppercase;color:#000;font-size:15px;height: 30px;} .html-product-details-page .selected-shipping-method button:hover, .html-shopping-cart-page .selected-shipping-method button:hover, .html-checkout-page .selected-shipping-method button:hover{background: #5E4B2F; color:#fff} .html-product-details-page .product-essential{position:relative} .html-product-details-page .product-essential > .container{margin-top:10px} .html-product-details-page .product-essential .quantity{/*width:265px;*/ max-width:100%} .html-product-details-page .product-essential .input-number{width:100px; margin: auto; border-bottom: 1px solid #C9AB67; border-radius: 0; font-size:18px} .html-product-details-page .product-essential .add-to-cart-button:before{vertical-align: text-top;padding-right: 6px;font-size:20px;content:"c";} .product-essential .overview .add-to-cart-button strong {display:none} /*.product-filter .group li.disabled:after {content: 'non attivo';background: #999;font-size: 11px;color: #fff;border-radius: 10px;padding: 2px 5px;display: block;margin: 0 auto;max-width: 70px;text-align: center;}*/ .select-shipping-method {position:fixed; top:0; left:0; right:0; bottom:0; height:100vh; z-index: 2; background:rgba(201, 171, 103, 0.9); display: none; justify-content: center; align-items: center;} .select-shipping-method.open{display:flex} .select-shipping-method .box{background: #EEEEEE;margin-top:45px; padding:20px; position:relative; width:90%} .select-shipping-method #closeModal{position:absolute; top:-10px; right:-10px; background: #fff; color:#000; width:30px; height:30px; border-radius:50%} .select-shipping-method #closeModal:before{line-height: 30px;} .select-shipping-method #closeModal:before{line-height: 30px} .select-shipping-method #closeModal:hover{background: #5E4B2F; color:#fff} .select-shipping-method strong{text-transform: uppercase; font-size:18px; display:block; text-align:left; margin-bottom:50px} .select-shipping-method .location-box .group{padding:0; border:none} .location-box .gfield-wrapper *{margin: 0 5px;} /*********** GLOBAL STYLES **********/ body {max-width: 100%;overflow-x: hidden;background-color: #fff;font-family: 'Muli', sans-serif;font-size: 15px;font-weight: 300;line-height: 1.23;color: #000;} a {color: inherit;cursor: pointer;} a img { opacity: 0.99; /*firefox scale bug fix*/} table { width: 100%;border-collapse: collapse;} input[type="text"],input[type="email"],input[type="tel"],input[type="password"],textarea, select {height: 46px; /*safari padding fix*/border: 1px solid #ddd;padding: 8px 12px;vertical-align: middle;} textarea {min-height: 150px;} input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,input[type="password"]:focus,textarea:focus, select:focus { border-color: #ccc; color: #444;} input[type="checkbox"],input[type="radio"],input[type="checkbox"] + *,input[type="radio"] + * {vertical-align: middle;} input[type="button"], input[type="submit"],button, .button-1, .button-2 {cursor: pointer;} label, label + * {vertical-align: middle;} .master-wrapper-content {position: relative;z-index: 1;width: 100%;margin: 0 auto 20px auto;} .master-column-wrapper {position: relative;z-index: 0;} .master-column-wrapper:after {content: "";display: block;clear: both;} .main-services {background: #FDEEEF} .main-services .box-img-text {display: flex} .main-services .box-img-text .description {text-align: center} .main-services .box-img-text .description > div > a {border: 1px solid #6F5D44; border-radius: 40px; padding:0 40px;display: inline-block; height: 40px; line-height: 38px; text-align: center; color: #000; text-transform: uppercase; font-family: 'Crimson Pro', serif; font-size: 18px; margin-top: 10px; font-weight:400} .main-services .box-img-text .description > div > a:hover, .main-history-intro .readmore:hover:before {background: #fff; color: #C9AB67} .main-history-intro .readmore p {margin: 0} .main-services .box-img-text .description h2 {font-style: italic} .main-services .box-img-text .description h2 a {color: #C9AB67} .main-services .box-img-text .description h2 a:hover {color: #000} .master-column-wrapper .stores {background: #C2E5DE; padding: 20px} .master-column-wrapper .stores .owl-carousel .owl-item {widtH: 320px} .master-column-wrapper .stores .owl-carousel .item img {width: 96%; margin: 0 auto;} .master-column-wrapper .stores h2 {margin-bottom: 20px; font-weight: 400; color: #5E4B2E; font-family: 'Crimson Pro'; font-style: italic; font-size: 25px} .center-1 {margin: 0 0 100px;} .side-2:after {content: "";display: block;clear: both;} .page {min-height: 200px;text-align: center;} .page-title {min-height: 50px;/* margin: 0 0 25px; */padding: 6px 10px;} .page-title h1 {font-size: 30px;font-weight: normal;text-transform: uppercase;} .page-title h1:after {content:"";display: block;height: 2px;width: 70px;background: #caaf6f;margin: 20px auto;} .page:after, .page-title:after, .page-body:after {content: "";display: block;clear: both;} .center-1 .page-title, .center-1 .title {text-align: center;} .buttons {margin: 0 0 30px;} .link-rss { display: none;width: 24px;height: 24px;background: url('../images/rss.png') center no-repeat;font-size: 0 !important;} .category-description ul, .manufacturer-description ul, .full-description ul, .topic-block ul, .topic-page ul, .post-body ul {margin: 12px 0;padding: 0 0 0 36px;list-style: disc;} .category-description ol, .manufacturer-description ol, .full-description ol, .topic-block ol, .topic-page ol, .post-body ol {margin: 12px 0;padding: 0 0 0 36px;list-style: decimal;} .category-description p, .manufacturer-description p, .full-description p, .topic-block p, .topic-page p, .post-body p, .news-body p {margin: 10px 0;text-align: justify;} .flyout-cart {display: none;} .flyout-cart.active {display: block;padding-top: 20px; background-color:transparent} /*** mini carrello ***/ flyout-cart .mini-shopping-cart {box-shadow: 0 0 2px rgba(0,0,0,0.25);background-color: #fff;} #flyout-cart .mini-shopping-cart .item {overflow: hidden;border: 0;padding-top: 20px;display: flex;align-items: center;justify-content: space-between;} #flyout-cart .mini-shopping-cart a {width: 100%;font-size: 14px;color: #333;text-transform: uppercase} #flyout-cart .mini-shopping-cart a:hover {color: #3F7DB8} #flyout-cart .mini-shopping-cart {width: 340px;text-align: center;box-shadow: 0 0 2px rgba(0,0,0,0.25);background-color: #fff;} #flyout-cart .mini-shopping-cart li {font-size: 14px} #flyout-cart .mini-shopping-cart a:hover {text-decoration: none} #flyout-cart .mini-shopping-cart .login, #flyout-cart .mini-shopping-cart .logout {margin-top: 10px; background-color: #3f7db8;padding: 10px 5px;color: #fff;text-align: center; } #flyout-cart .mini-shopping-cart .login:hover, #flyout-cart .mini-shopping-cart .logout:hover {background-color: #FFCF11;color: #333;} #flyout-cart .mini-shopping-cart .register {text-transform: none;display: inline;color: #3f7db8;} #flyout-cart .mini-shopping-cart .register:hover { cursor: pointer;color: #FFCF11} .mini-shopping-cart {text-align: left;font-size: 12px} .mini-shopping-cart .count {padding: 5px 0 15px;color: #444 } .mini-shopping-cart .count a {margin: 0 2px;font-weight: 700;color: #444} .mini-shopping-cart .items {margin: 0 0 20px;padding: 10px 10px 0 10px} .mini-shopping-cart .item {overflow: hidden;padding: 0;border-top: 1px dashed #eee;padding-top: 10px} .mini-shopping-cart .item.first {padding-top: 10px;border: 0} .mini-shopping-cart .picture {/* float: left; *//* width: 18%; */} .mini-shopping-cart .picture a {display: block;position: relative;overflow: hidden} .mini-shopping-cart .picture + .product {/* margin: 0 0 0 80px; */line-height: normal;} .mini-shopping-cart .name {margin: 0 10px;font-size: 14px;/* width: 60%; */display: inline-block;line-height: 17px;/* float: left; */} .mini-shopping-cart .name a {font-weight: 400;text-transform: lowercase} .mini-shopping-cart .name a:hover { color: #e8ca81 } .mini-shopping-cart .attributes {margin: 5px 0;color: #eee;font-size: 12px;font-style: italic} .mini-shopping-cart .price {text-align: right;/* width: 22%; */display: inline-block;/* float: left; */line-height: 16px;} .mini-shopping-cart .price span {font-weight: 500;display: block;font-size: 15px;} .mini-shopping-cart .totals {font-size: 16px; text-align: right; background: #eee; padding: 15px 10px; text-transform: capitalize;} .mini-shopping-cart .totals strong {font-size: 18px;color: #444; padding-left:10px} .mini-shopping-cart .buttons {margin: 0;text-align: center} .mini-shopping-cart input[type="button"] {display: block;border: none;background-color: #CAAF6F;padding: 0 20px;font-size: 16px;color: #fff;text-transform: uppercase;cursor: pointer;width: 100%;height: 50px;} .mini-shopping-cart input[type="button"]:hover {background-color: #e8ca81;-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .mini-shopping-cart .freeshipping-disclaimer {color: #396;text-align: center;margin: 10px auto;font-size: 14px} #topcartlink.disabled span, .menu-container .icon.cart:before{color:#ccc} /*********** GLOBAL FORMS ***********/ .fieldset, .section {position: relative;/*margin: 0 0 40px;*/} .fieldset .title, .section .title {margin: 0 0 15px;padding: 0 10px;font-size: 20px;color: #444;} .fieldset .title strong, .section .title strong {font-weight: normal;} .html-contact-page form, .html-registration-page form, .html-login-page form{text-align:center;max-width: 400px; margin:0 auto} .form-fields {position: relative;margin: 0 auto;text-align: center;/*max-width: 400px;border-top: 1px solid #e6e6e6;padding: 30px 15px;*/} .inputs {position: relative;margin: 0 0 15px;/* text-align: center; */white-space: nowrap; /*fix for 'required' elements*/} .inputs:after {content: "";display: block;clear: both;} /*.inputs label {display: block;width: 100%;margin: 0 0 10px;text-align: center; font-size: 14px; color: #444;}*/ .inputs label:not(.RememberMe) {font-size: 12px;font-weight: 600;position: absolute;top: 0;width: 100%;margin-top: 8px;margin-left: 2px;padding: 0 0.91667em;z-index: 1;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transform: translateY(3px);transform: translateY(3px);pointer-events: none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: 0;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;color: #caad6a;display: block;height: 30px;text-align: left;} .inputs label[for=newsletter] {opacity:1;margin-left: 20px !important;} .inputs label.active {-webkit-transform: none; transform: none; opacity: 1;} .inputs label.active + input {padding-top: 21px;padding-bottom: 0.35714em;font-size:12px;font-weight: 600;} .inputs textarea:focus, .inputs input[type="text"]:focus, .inputs input[type="tel"]:focus, .inputs input[type="email"]:focus, .inputs input[type="password"]:focus, .inputs input[type="text"]:hover, .inputs input[type="email"]:hover, .inputs input[type="tel"]:hover, .inputs input[type="password"]:hover{border: 0;-webkit-box-shadow: 0 0 0 1px #9e9e9e;box-shadow: 0 0 0 2px #9e9e9e;} .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select, .inputs textarea {width: 400px;max-width: 100%;background-color: #fff;} .inputs span.label {font-size:14px; color:#000!important} .inputs.custom-attributes {white-space: normal;} .inputs .option-list {display: inline-block;max-width: 95%;vertical-align: middle;} .inputs .option-list li {display: inline-block;margin: 5px; border: 1px solid #ddd; background-color: #fff; padding: 8px 10px;} .inputs .option-list label {display: inline-block;width: auto !important;margin: 0 0 0 5px;} .inputs.reversed {margin: 0 0 20px;text-align: left;} .new-address .inputs input[type="text"], .new-address .inputs input[type="email"], .new-address .inputs input[type="tel"] {width:100%} .required { margin: 0 -8px 0 3px; /*siblings offset*/vertical-align: top;font-size: 20px;font-weight: normal;color: #e4434b;display:none} .message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error {display: block;text-align: center;font-size: 13px;color: #e4434b; margin-top: 5px;} #opc-shipping .message-error {margin:0 0 20px 0;} #opc-shipping .message-error li{ font-size:14px; font-weight:600} .field-validation-valid, .username-available-status {display: block;text-align: center; font-size: 13px;color: #4cb17c;} .captcha-box {text-align: center;line-height: 0; /*firefox line-height bug fix*/} .captcha-box > div {display: inline-block;max-width: 100%;} .captcha-box input {height: auto;} /*********** GLOBAL TABLES ***********/ .table-wrapper { overflow-x: auto; } .data-table .hidden-row { height: 1px; border: none; } .data-table tr.hidden-row th { padding: 0; border-top: none; } .data-table tr.hidden-row th > span{ height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; } .cart th, .data-table th, .forum-table th { border-width: 1px 1px 0; border-style: solid; border-color: #ddd; background-color: #f6f6f6; padding: 10px; white-space: nowrap; font-weight: normal; } .forum-table th.replies, .forum-table th.views, .forum-table th.votes, .forum-table th.latest-post, .forum-table th.topics, .forum-table th.posts, .forum-table td.replies, .forum-table td.views, .forum-table td.votes, .forum-table td.latest-post, .forum-table td.topics, .forum-table td.posts{ display: none; } .forum-table td.image { min-width: 0; } .cart td, .data-table td, .forum-table td { min-width: 50px; border-width: 1px; border-style: solid; border-color: transparent #ddd #ddd; background-color: #fff; padding: 12px; color: #444; } .forum-table td { min-width: 90px; padding: 10px; } .cart a, .data-table a, .forum-table a { font-weight: normal; color: #caaf6f; } .cart a:hover, .data-table a:hover, .forum-table a:hover { text-decoration: underline; } .cart .product, .data-table .product, .data-table .message, .data-table .info, .data-table .name { min-width: 225px; text-align: left; } .forum-table .forum-details, .forum-table .topic-details { text-align: left; } .cart .product a, .data-table .product a, .data-table .info a { font-weight: bold; color: #444; } .cart .product a:hover, .data-table .product a:hover, .data-table .info a:hover { color: #CAAF6F; text-decoration: none; } .cart .product .edit-item {margin: 10px 0 0;} .cart .product .edit-item a {font-weight: normal;color: #caaf6f;} .cart .product .edit-item a:hover {text-decoration: underline;} .cart .remove-from-cart, .cart .add-to-cart, .data-table .select-boxes, .data-table .order { text-align: center; } .cart td.unit-price, .data-table td.unit-price { white-space: nowrap; } .cart td.quantity input { width: 50px; text-align: center; } .cart td.subtotal, .data-table td.total { white-space: nowrap; color: #444; } .cart td.subtotal .discount, .cart td.subtotal .discount-additional-info { font-style: italic; color: #caaf6f; } .data-table em a { font-weight: bold; color: #444; } .data-table div.download { margin: 10px 0 0; } /*********** NOTIFICATIONS & POPUPS ***********/ .bar-notification-container { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; line-height: 16px; color: #fff; opacity: 0.95;} .bar-notification.success {background-color: #4bb07a;} .bar-notification.error {background-color: #e4444c;} .bar-notification.warning {background-color: #f39c12;} .bar-notification {position: fixed;top: 110px;right: 20px;z-index: 1000;width: 300px;padding: 18px 25px 18px 18px;line-height: 20px;color: #fff;opacity: 0.95;font-size: 16px;border-radius: 5px;} .bar-notification .content {margin: 0 10px 0 0;} .bar-notification .content a {color: #fff;text-decoration: underline;} .bar-notification .close {position: absolute;top: 0;right: 0;width: 32px;height: 32px;margin: 7px;background: #fff url('../images/close.png') center no-repeat;cursor: pointer;} .popup-notification { border-radius: 5px; padding: 3px; margin: 5px 0;} .popup-notification.success { border: 2px rgba( 75,176,122,.5) solid;} .popup-notification.error { border: 2px rgba( 228,68,76,.5) solid;} .popup-notification.warning {border: 2px rgba( 243,156,18,.5) solid;} .noscript { border-bottom: 1px solid #333; background-color: #ff9;padding: 30px 15px; text-align: center;line-height: 22px; color: #444;} .ajax-loading-block-window {position: fixed;top: 50%;left: 50%; z-index: 999; width: 32px;height: 32px;margin: -16px 0 0 -16px;background: url('../images/loading.gif') center no-repeat;} .please-wait {background: url('../images/ajax-loader-small.gif') no-repeat; padding-left: 20px;font-size: 14px;} .ui-dialog {max-width: 90%; border: 1px solid #ddd;box-shadow: 0 0 2px rgba(0,0,0,0.15);overflow: hidden;background-color: #fff;/*override jQuery UI styles, do not delete doubled properties*/border-radius: 0;padding: 0;font: normal 14px Arial, Helvetica, sans-serif;} .ui-dialog:before {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);-webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);} .ui-dialog-titlebar {border-bottom: 1px solid #ddd;overflow: hidden;background-color: #eee;padding: 10px 15px;/*override jQuery UI styles, do not delete doubled properties*/border-width: 0 0 1px;border-radius: 0;background-image: none;padding: 10px 15px !important;font-weight: normal;cursor: auto !important;} .ui-dialog-titlebar > span {float: left;font-size: 18px;color: #444;/*override jQuery UI styles, do not delete doubled properties*/margin: 0 !important;} .ui-dialog-titlebar button {position: absolute;top: 0;right: 0;width: 42px;height: 42px;border: none;overflow: hidden;background: url('../images/close.png') center no-repeat;font-size: 0;/*override jQuery UI styles, do not delete doubled properties*/top: 0 !important;right: 0 !important;width: 42px !important;height: 42px !important;margin: 0 !important;border: none !important;border-radius: 0;background: url('../images/close.png') center no-repeat !important;padding: 0 !important;} .ui-dialog-titlebar button span {display: none !important;} .ui-dialog-content {padding: 15px;line-height: 20px;/*override jQuery UI styles, do not delete doubled properties*/background-color: #fff !important;padding: 15px 15px 20px 15px !important;color: #777;} .ui-dialog-content .page{ min-height: 0;} .ui-dialog-content .page-title{ min-height: 0; margin: 0 0 15px; padding: 0px 10px 10px 10px; text-align: center;} .ui-dialog-content .page-title h1{ font-size: 24px; line-height: 30px;} .ui-dialog-content .back-in-stock-subscription-page { text-align: center;} .ui-dialog-content .back-in-stock-subscription-page .tooltip{ margin-bottom: 10px;} .ui-dialog-content .back-in-stock-subscription-page .button-1{border: none;background-color: #caaf6f; padding: 10px 15px;font-size: 15px;color: #fff;text-transform: uppercase;} .ui-dialog-content .back-in-stock-subscription-page .button-1:hover {background-color: #e8ca81;} .eu-cookie-bar-notification {position: fixed;bottom: 0;left: 0;z-index: 1050;width: 100%;height: auto;background-color: #c2e5de;padding: 20px;text-align: center;font-size: 14px;} .eu-cookie-bar-notification .text {color: #555;display: inline;} .eu-cookie-bar-notification button {min-width: 60px;border: none;background-color: #CAAF6F;font-size: 14px;padding: 5px 10px;color: #fff;margin-left: 8px;border-radius: 3px;} .eu-cookie-bar-notification .buttons-more {display: inline;} .eu-cookie-bar-notification button:hover {background-color: #e8ca81;} .eu-cookie-bar-notification a {color: #CAAF6F;display: inline;font-weight: 700;} .eu-cookie-bar-notification a:hover {text-decoration: underline;} /*********** HEADER ***********/ /*** Header Administration ***/ .admin-header-links {opacity: 0.2;background-color: #000000;text-align: center;color: #eee;/* margin: 0; */position: fixed;bottom: 0;z-index: 2;} .admin-header-links:hover {opacity: 1; -moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;} .admin-header-links a {display: inline-block;margin: 0 10px;color: #fff;line-height: 40px;padding: 0 20px;font-size: 14px;text-transform: uppercase;} .admin-header-links a:hover {color:#FFCF11} .admin-header-links .impersonate {display: inline-block;} .admin-header-links .impersonate a {background-color: #555;padding: 0 15px;} .admin-header-links .impersonate a:hover {background-color: #666;} .admin-header-links ~ #header .info{/* top:40px */} .admin-header-links ~ #header #ico-toggle{/* top:102px */} .admin-header-links ~ #header nav .nav-item.customer-opts{min-width: 55px;height: 24px;position: relative;} .admin-header-links ~ #header nav .top .nav-item:first-of-type{justify-content: flex-end;} .admin-header-links ~ #header nav .top .nav-item #showsearch{/* margin:2px 0 0 30px; */} .header-upper {position: relative;z-index: 1;border-bottom: 1px solid #ddd;} .header-selectors-wrapper {border-bottom: 1px solid #ddd;padding: 10px 0;} .header-selectors-wrapper > div { display: block;width: 50%;margin: 10px auto;vertical-align: middle;} .header-selectors-wrapper select {width: 100%;} .language-list {max-width: 100%;font-size: 0;} .language-list li { display: inline-block;margin: 0 1px;vertical-align: middle;} .language-list a {display: block;position: relative;width: 24px;height: 32px;line-height: 0;} .language-list img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;} .header-links-wrapper {position: relative;padding: 20px 0;} #menu .first-menu {align-items: center;width: 100%;/* margin-top:40px; */background:#fff;-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out;z-index: 9;} #menu .menu-icons {display:flex; align-items: center} #menu .icon:hover:before {color: #CAAE6E} #menu .has-sub .submenu{display: none;} #menu .user-box {display: none} #menu .user-box > div {box-shadow: 0 0 2px rgba(0,0,0,0.25); padding: 20px;background: #fff;} .customer-box, .header-carts {position:relative} .user-box {position: absolute; z-index: 5000;right: -10px; min-width: 300px;} .flyout-cart {position: absolute;top: 24px;right: 0;z-index: 100;/* width: 300px; */background-color: #fff;} .user-box.active {display: block !important;padding-top:20px;} .user-box a {display: block;padding: 10px 0;} .user-box.active a {text-align:center;font-size: 20px;border-bottom: 1px dashed #eee;text-transform: lowercase;} .user-box.active a:hover {background-color: #CAAE6E;color: #fff;} .user-box.active a::first-letter{text-transform:uppercase} .user-box.active a.ico-logout{margin-top:10px} .user-box.active a.ico-login {text-transform:uppercase; background-color:#CAAE6E; text-align:center; color:#fff;border: none;} .user-box.active a.ico-login + .ico-register {border:none} .user-box.active a.ico-login + .ico-register u{text-decoration:underline} .user-box.active a.ico-login + .ico-register:hover {background:none;color:#333} .user-box.active a.ico-logout{border: none;text-align: right;} .user-box.active a.ico-logout:after {content:'';display: inline-block;border-radius: 5px;width: 30px;background: #caaf6f url(/images/button-arrow.svg) no-repeat center center;background-size: 50%;height: 30px;float: right;margin: 0 10px;} .user-box.active a.ico-logout:hover{background-color:transparent!important;color:#333} .user-box.active a.ico-logout:hover:after{background-color:#ecce87!important;} .user-box.active a.ico-logout:hover, .user-box.active a.ico-login:hover, .cart_empty .button-1:hover, .cart_empty .button-2:hover{background-color:#dcbf79;} .user-box.active a.ico-register {font-size:16px; padding-top:10px;text-transform:lowercase} .user-box.active a.ico-register:hover {text-decoration:underline;}.header-links #menu {width: 100%} .user.icon.login {position:relative} .user.icon.login.logged:after{content:'';width: 20px;position:absolute;top:0;height: 20px;border-radius: 10px;margin-top: -10px;background: #c2e5de url(/Themes/Costa/Content/images/checkbox-tick.svg) no-repeat center center;left: 10px;} .header-links, #menu .first-menu {display: flex;} .header-links {align-items: center} .header-links .menu-container .second-menu .top-menu {font-size: 16px;} .header-links, .header-links button {font-size: 15px} .first-menu {text-transform: uppercase} .header-links .menu-container {font-family: 'Crimson Pro', serif;display: flex;flex-direction: column;} .header #slider-carousel {width: 100%; position: relative} .header #slider-carousel .item-content {position: absolute; top: 50%; right: 0; left: 0; text-align: center; transform: translateY(-50%)} .header #slider-carousel .item > img {width: 100%; max-width: 100%; min-width: 100%; max-height: 100%; min-height: 100%; height: auto; object-fit: cover} .header .menu-icons .icon > span {color: #000; margin-left: 10px; text-transform:uppercase;font-size: 20px;} .menu-container .cart:before {font-size: 22px} .header .menu-icons .icon > span:hover {text-decoration:none;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;color:#CAAF6F} .header .menu-icons .icon > span.cart-qty {color: #fff;line-height:20px; border-radius: 20px;font-size: 14px;position: absolute;top: -10px;left: 15px;margin-left:0;width: 20px;height: 20px;text-align: center;font-weight: 800;display:block; background:#ccc;line-height: 20px;} .header .menu-icons .icon > span.cart-qty.red {background:#f44336} .header-links li {display: inline-block;} .header-links a:hover {color: #CAAE6E;} .header-links .first-menu li {font-size: 18px;} #topcartlink a {background: url('../images/shopping-bag.png') left center no-repeat;padding: 0 0 0 20px; position:relative} .header-carts .cart {margin-right: 25px} .header-lower {position: relative;z-index: 0;padding: 35px 0;} .logo a{display:inline-block} .logo img {height: 30px;display: inline-block;} .header-logo {text-align: center;} .header-logo a {display: inline-block; max-width: 100%;line-height: 0; /*firefox line-height bug fix*/} .header-logo a img {max-width: 100%;opacity: 1;} .search-box form {display: inline-block;} .search-box form:after {content: "";display: block;clear: both;} .search-box input.search-box-text {float: left;width: 200px;height: 36px;margin: 0 -1px 0 0;} .search-box .search-box-button {float: left;min-width: 86px;height: 36px;border: none;background-color: #caaf6f;padding: 0 15px;text-align: center;color: #fff;text-transform: uppercase;} .search-box .search-box-button:hover {background-color: #e8ca81;} .search-box .ui-autocomplete-loading {background: #fff url('../images/ajax-loader-small.gif') right center no-repeat;} .ui-helper-hidden-accessible {display: none !important;} .ui-autocomplete {width: 285px !important;border: 1px solid #ddd;border-top: none;overflow: hidden;background-color: #fff;text-align: left; /*override jQuery UI styles, do not delete doubled properties*/border-radius: 0;padding: 0;font: normal 14px Arial, Helvetica, sans-serif;} .ui-autocomplete li {border-top: 1px solid #ddd;} .ui-autocomplete li:first-child {border-top: none;} .ui-autocomplete a {display: block;padding: 15px;font-size: 14px;/*override jQuery UI styles, do not delete doubled properties*/margin: 0 !important;border: none !important;border-radius: 0 !important;background: none !important;padding: 15px !important;line-height: normal !important;color: #777 !important;} .ui-autocomplete a:hover, .ui-autocomplete a.ui-state-focus {background-color: #f6f6f6 !important;} .ui-autocomplete img {display: none;min-width: 20px;margin: 0 10px 0 0;vertical-align: middle;} /*********** FOOTER ***********/ .footer {background-color: #eee;text-align: center;} .footer-upper {width: 95%;margin: auto;border-bottom: 1px solid #ddd;overflow: hidden;padding: 40px 0;font-size: 0;} .footer-block {width: 95%;margin: 1px auto;text-align: left;font-size: 14px; /*reset zeroing*/} .footer-block .title {margin: 0 0 1px;background: #caaf6f url('../images/toggle-white.png') right center no-repeat;padding: 10px 15px;font-size: 20px;color: #fff;cursor: pointer;} .footer-block .title strong {font-weight: normal;} .footer-block .list {display: none;margin: 0 0 20px;background-color: #fff;padding: 10px 15px;} .footer-block .list a {display: block;padding: 10px 15px;line-height: 20px;} #footer .gmaps-container #map {width: 100%;height: 300px;} .footer-block .list a:hover {color: #caaf6f;} .follow-us ul li a:before {width: 40px; height: 40px; display: inline-block; border-radius: 50%; border: 2px solid #fff; text-align: center; line-height: 38px; font-size: 20px} .follow-us ul li a:hover:before {background:#fff} .follow-us ul {display: flex; justify-content: center} .newsletter-email {display: inline-block;overflow: hidden;} .newsletter-email input[type="email"] { float: left;width: 180px;height: 36px;margin: 0 -1px 0 0;} .newsletter-subscribe-button {float: left;height: 36px;border: none;background-color: #caaf6f;padding: 0 15px;text-align: center;color: #fff;text-transform: uppercase;} .newsletter-subscribe-button:hover {background-color: #e8ca81;} .newsletter-email .options { clear: both; padding: 10px 0 0;} .newsletter-validation, .newsletter-result {width: 100%;overflow: hidden;line-height: 28px;} /*.newsletter-validation .please-wait {display: none !important;}*/ .footer-lower {width: 95%;margin: auto;overflow: hidden;padding: 25px 0;font-size: 12px;} .footer-tax-shipping a {font-weight: bold;color: #caaf6f;} .footer-tax-shipping a:hover {text-decoration: underline;} .footer-powered-by {margin: 10px 0 0;} .footer-powered-by a {font-weight: bold;color: #caaf6f;} .footer-powered-by a:hover {text-decoration: underline;} .theme-selector {margin: 10px 0 0;} .theme-selector select {width: 170px;} #footer {position:relative;} #footer .delivery-info .box:before {font-size: 35px; background:#F7D3D7; width:60px; height:60px;line-height:60px; text-align: center;border-radius: 50%; display: inline-block; margin-right: 15px;} #footer .delivery-info .box h3 {text-transform: uppercase; color: #000; font-weight: 400} #footer .delivery-info .box span, #footer .delivery-info .description, .footer-container a {font-family: 'Muli',sans-serif;} #footer .delivery-info .description {margin-top: 15px} #footer .delivery-info .box span {font-weight: 200} #footer .delivery-info .description {font-weight: 300} #footer .delivery-info {padding: 30px} #footer .store-follow {background: #C2E5DE;} #footer .store-follow .store-address > div span {display: block} #footer .follow-us ul li:nth-child(n+2) {margin-left: 20px} #footer .follow-us ul li a:hover:before {color: #CAAF6F} #footer .copyright {text-align: center} #footer .copyright ul {display: inline-block; margin: auto} #footer .copyright ul li {float: left} #footer .footer-container a:hover {text-decoration: underline} #footer .copyright ul li:nth-child(n+2):before {content:"/"; padding: 0 4px} #footer .footer-container > div h2 {font-size: 25px; text-transform: uppercase; text-align: left; font-weight: 400} #footer .store-follow .store-address > div {line-height: 1.8} /*********** SIDE COLUMN ***********/ .block {/*width limit in mobile*/min-height: 50px;margin: auto;text-align: left;} .block .title {position: relative;margin: 0 0 10px;border-bottom: 1px solid #ddd;background: #f6f6f6;padding: 12px 30px 12px 20px;font-size: 20px;color: #777;cursor: pointer;} .block .title strong {font-weight: normal;} .block .listbox {display: none;border-bottom: 1px solid #ddd;padding: 10px 5px;} .block .list li {padding: 5px 0 5px 40px;} .block .list a {display: inline-block;position: relative;padding: 5px 0;font-size: 16px;color: #444;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;} .block .list a:before {content: "";position: absolute;top: 10px;left: -20px;width: 8px;height: 8px;background-color: #d1b77d;border-radius: 10px;} .block .list .active > a {color: #caaf6f;} .block .list a:hover {color: #caaf6f;} .block a.product-picture {display: none;} .block a.product-picture:before {display: none;} .block .sublist {margin: 15px 0 5px;} .block .sublist a {font-size: 14px;} .block .view-all {margin: 10px 0 0;} .block .view-all a {display: inline-block;padding: 10px 15px;font-size: 16px;color: #caaf6f;} .block .view-all a:hover {text-decoration: underline;} .block .tags {margin: 5px 0 10px;} .block .tags ul {font-size: 0;} .block .tags li, .product-tags-all-page li {display: inline-block;position: relative;margin: 0 10px;overflow: hidden;font-size: 17px !important; /*setting base size*/} .block .tags li a, .product-tags-all-page li a {float: left;line-height: 30px;color: #444;} .block .tags li a:hover, .product-tags-all-page li a:hover {color: #caaf6f;} .poll strong {display: block;margin: 10px 0;background-color: #f6f6f6;padding: 10px 15px;font-size: 15px;font-weight: normal;color: #444;text-transform: uppercase;} .poll-options, .poll-results {margin: 10px 0 15px;overflow: hidden;font-size: 15px;color: #444;} .poll-options li, .poll-results li {margin: 10px 0;} .poll-options li > input {margin: 0 5px 0 0;cursor: pointer;} .poll-options li > label {display: inline-block;font-size: 16px;cursor: pointer;} .poll .buttons, .poll-total-votes {} .poll .buttons input {border: none; background-color: #aaa;padding: 10px 20px;font-size: 13px;color: #fff;text-transform: uppercase;} .poll .buttons input:hover {background-color: #bbb;} .poll-total-votes {display: block;margin: 10px 0 0;font-weight: bold;font-style: italic;color: #444;} .home-page-polls {text-align: center;} .home-page-polls .title { border-bottom: 1px solid #ddd; color: #444; font-size: 30px; font-weight: normal; margin: 0 0 30px; padding: 0 0 15px;} .home-page-polls .title strong {font-weight: normal;} .home-page-polls li {display: inline-block; margin: 10px;} /********** CATEGORY PAGE **********/ .breadcrumb { margin: 0 0 50px; background-color: #f6f6f6; padding: 5px 10px; } .breadcrumb ul { font-size: 0; } .breadcrumb li { display: inline-block; } .breadcrumb li * { display: inline-block; margin: 0 5px; font-size: 14px; /*reset zeroing*/ line-height: 32px; } .breadcrumb strong { font-weight: normal; } .breadcrumb a:hover { color: #caaf6f; } .category-description, .manufacturer-description, .vendor-description { margin: 0 0 25px; line-height: 22px; } .contact-vendor { margin: 0 0 30px; } .contact-vendor .button-2 { border: none; background-color: #caaf6f; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; } .contact-vendor .button-2:hover { background-color: #e8ca81; } .product-selectors { margin: 0 0 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0; } .product-selectors:first-child { border-top: none; } .product-selectors:after { content: ""; display: block; clear: both; } .product-selectors > div { display: inline-block; margin: 5px; } .product-selectors span { vertical-align: middle; font-size: 16px; } .product-selectors select { margin: 0 8px; } .product-selectors .product-viewmode { display: none; font-size: 0; } .product-filters { display: table; width: 100%; margin: -20px 0 20px; border-bottom: 1px solid #ddd; } .product-filter { margin: 0 0 10px; } .product-filter .filter-title { margin: 0 0 10px; background-color: #f6f6f6; padding: 10px; font-size: 17px; color: #444; } .product-filter .filter-title strong { font-weight: normal; } .product-filter .filter-content { padding: 10px 0; color: #444; } .product-filter .available-items:after { content: ""; display: block; clear: both; } .product-filter .group { margin: 0 0 10px; } .product-filter .group li { font-size: 15px; } .product-filter .group li a, .product-filter .group li strong { display: inline-block; padding: 5px 0; margin-bottom:0 !important; } .product-filter .group li a:hover { color: #caaf6f; } .product-filter .group li.item { display: inline-block; position: relative; margin: 0 15px 0 0; padding: 0 0 0 15px; } .product-filter .group li.item:before { content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background-color: #ddd; } .product-filter .group li.color-item { padding: 0; display: inline-block; } .product-filter .group li.color-item a { padding: 0; } .product-filter .group li.color-item:before { display: none; } .filtered-items .title { margin: 0 0 5px; font-style: italic; } .filtered-items .item { color: #caaf6f; } .remove-filter { margin: 15px 0; } .remove-filter a { display: inline-block; background-color: #aaa; padding: 10px 20px; font-size: 13px; color: #fff; text-transform: uppercase; } .remove-filter a:hover { background-color: #999; } .item-grid:after {content: "";display: block;clear: both;} .item-box {position: relative;width: 100%;float: left;margin: 0 0 80px;text-align: left;} .item-box .picture {z-index: 1;overflow: hidden; margin: 0 0 20px; /*min-height: 290px;*/} .item-box .picture a {display: block;position: relative;} .item-box .details {padding: 0 10px;} .item-box .product-title {margin: 0 0 10px;overflow: hidden;font-size: 17px; line-height: 1.2;color: #caaf6f;} .item-box .product-title a {color: #CAAE6E;min-height: 60px;display: flex;align-items: center;justify-content: center;} .item-box .product-title a:hover {color: #000;} :root { /* Not my favorite that line-height has to be united, but needed */ --lh: 1.6rem; } html { line-height: var(--lh); } .truncate-overflow { --max-lines: 2; position: relative; max-height: calc(var(--lh) * var(--max-lines)); overflow: hidden; /* padding-right: 1rem; */ /* space for ellipsis */ } .truncate-overflow::before { position: absolute; content: "..."; /* tempting... but shows when lines == content */ /* top: calc(var(--lh) * (var(--max-lines) - 1)); */ /* inset-block-end: 0; inset-inline-end: 0; */ bottom: 0; right: 0; } .truncate-overflow::after { content: ""; position: absolute; /* inset-inline-end: 0; */ right: 0; /* missing bottom on purpose*/ width: 1rem; height: 1rem; background: white; } .item-box .sku { margin: 0 0 15px;} .item-box .product-rating-box { display: inline-block;margin: 0 0 10px;} .item-box .rating {background: url('../images/rating1.png') repeat-x;width: 95px; height: 14px;} .item-box .rating div {background: url('../images/rating2.png') repeat-x; height: 14px;} .item-box .description a {display: block;overflow: hidden;} .item-box .prices { margin: 0 0 10px; /*overflow: hidden;*/} .item-box .old-price {margin: 0 5px 0 0;font-size: 16px;color: #aaa;text-decoration: line-through;} .item-box .actual-price {font-size: 16px;color: #666;font-family:'Crimson Text'} .item-box .tax-shipping-info a {color: #caaf6f;} .item-box .tax-shipping-info a:hover {text-decoration: underline;} .item-box .buttons {margin: 0;} .item-box input[type="button"] {display: inline-block;height: 40px; border: none;vertical-align: middle;} .item-box .product-box-add-to-cart-button {font-size: 16px; text-transform: uppercase; background: transparent} .item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button {width: 20%;border-left: 1px solid #fff !important;background-color: #eaeaea;background-position: center;background-repeat: no-repeat;font-size: 0;} .item-box .add-to-compare-list-button { background-image: url('../images/compare-button.png');} .item-box .add-to-wishlist-button {background-image: url('../images/wishlist-button.png');} .item-box .add-to-compare-list-button:hover, .item-box .add-to-wishlist-button:hover {background-color: #ddd;} .home-page-category-grid, .sub-category-grid, .manufacturer-grid, .vendor-grid {margin: 0 0 20px;} .home-page-category-grid .title, .sub-category-grid .title {text-align: center;font-size: 22px;font-weight: normal; -webkit-transition: all 0.3s ease;transition: all 0.3s ease;} .home-page-category-grid .title a,.sub-category-grid .title a {display: block;padding: 0 0 15px;} .home-page-category-grid .picture, .sub-category-grid .picture {margin: 0;} .home-page-category-grid .picture a:before, .sub-category-grid .picture a:before {padding-top: 65%;} .product-grid .title {padding: 0 0 15px;font-size: 30px;font-weight: normal;color: #444;} .product-grid .title strong {font-weight: normal;} .product-grid.cross-sells .title { text-align: center; font-size: 30px; font-family: 'Crimson Text'; border: none;padding: 0 0 15px;font-weight: normal;color: #444;} .manufacturer-grid .title {margin: 0 0 15px;text-align: center;font-size: 16px;} .manufacturer-grid .title a:hover {color: #caaf6f;} .manufacturer-grid .picture {border: 1px solid #ddd;} .vendor-grid .title { margin: 0 0 15px; text-align: center; font-size: 16px; } .vendor-grid .title a:hover { color: #caaf6f; } .vendor-grid .picture { border: 1px solid #ddd; } .pager { margin: 0 0 20px; } .pager ul { text-align: right; font-size: 0; } .pager li { display: inline-block; margin: 0 5px; vertical-align: top; } .pager li a, .pager li span { display: block; min-width: 35px; height: 35px; border: 1px solid #ddd; background-color: #eee; padding: 8px; text-align: center; font-size: 14px; /*reset zeroing*/ cursor: pointer; } .pager li span { border-color: transparent; background-color: #caaf6f; color: #fff; } .pager li.previous-page *, .pager li.next-page *, .pager li.first-page *, .pager li.last-page * { background-position: center; background-repeat: no-repeat; font-size: 0; color: #fff; } .pager li.previous-page * { background-image: url('../images/prev.png'); } .pager li.next-page * { background-image: url('../images/next.png'); } .pager li.first-page * { background-image: url('../images/first.png'); } .pager li.last-page * { background-image: url('../images/last.png'); } .pager li a:hover { border-color: transparent; background-color: #ddd; } /********** PRODUCT PAGE **********/ /*.gallery .picture:before {content: ""; display: block; padding-top: 95%;}*/ .product-essential:after {content: "";display: block;clear: both;} .gallery .picture-wrapper { margin: 0 0 10px;} .gallery .picture, .gallery .pictures {position: relative;max-width: 100%;overflow: hidden;} .gallery .picture img, .gallery .pictures img, .gallery .picture-thumbs img, .variant-picture img {max-width: 480px;width:100%;margin:0 auto;} .gallery .picture-thumbs {overflow: hidden;font-size: 0;} .gallery .picture-thumbs .thumb-item {display: inline-block;position: relative;width: 100px;height: 100px;margin: 0 5px 10px;overflow: hidden; cursor: pointer;} .overview {position: relative;margin: 0 0 20px;} .overview .discontinued-product { background: #f3f3f3; margin: 0 0 20px;} .overview .discontinued-product h4 { display: inline-block; font-size: 14px; padding: 17px 17px 17px 40px; background: url('../images/discontinued-product-icon.png') no-repeat 13px center;color: #de444c;} .overview .product-name {padding: 0 0 10px; margin-top: 35px;} .overview .product-name h1 {font-size: 40px; font-style:italic; font-weight: normal;} .overview .short-description {margin: 0 0 25px;line-height: 22px;text-align: justify;color: #5E4B2F;} .product-no-reviews, .product-reviews-overview { margin: 0 0 25px; color: #444; } .product-no-reviews a { text-decoration: underline; } .product-review-box { display: inline-block; margin: 0 0 8px; } .product-review-box .rating { width: 95px; height: 14px; background: url('../images/rating1.png') repeat-x; } .product-review-box .rating div { height: 14px; background: url('../images/rating2.png') repeat-x; } .product-review-links a { text-decoration: underline; } .product-review-links a:hover { color: #caaf6f; } .overview .value, .variant-overview .value { color: #444; } .overview .value a, .variant-overview .value a { color: #caaf6f; } .overview .value a:hover, .variant-overview .value a:hover { text-decoration: underline; } .overview-buttons { margin: 0 0 25px; font-size: 0; } .overview-buttons div { width: 80%; margin: 0 auto 3px; } .overview .button-2, .variant-overview .button-2 { display: block; width: 100%; border: none; background-color: #eaeaea; background-position: left center; background-repeat: no-repeat; padding: 12px 15px 12px 40px; text-align: left; font-size: 14px; /*reset zeroing*/ color: #666; } .overview .button-2:hover, .variant-overview .button-2:hover { background-color: #ddd; } .overview .add-to-compare-list-button { background-image: url('../images/compare-button.png'); } .overview .email-a-friend-button { background-image: url('../images/email-button.png'); } .overview .subscribe-button, .variant-overview .subscribe-button { background-image: url('../images/email-button.png'); } .overview .download-sample-button, .variant-overview .download-sample-button { background-image: url('../images/download-button.png'); } .overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button { background-image: url('../images/wishlist-button.png'); } .overview .manufacturers { margin: 0 0 20px; } .overview .availability, .variant-overview .availability { margin: 0 0 20px; overflow: hidden; } .overview .availability .stock, .variant-overview .availability .stock { margin: 0 0 10px; } .overview .availability .back-in-stock-subscription, .variant-overview .availability .back-in-stock-subscription { display: inline-block; } .overview .additional-details, .variant-overview .additional-details { margin: 0 0 20px; } .overview .additional-details div, .variant-overview .additional-details div { margin: 0 0 8px; } .overview .delivery, .variant-overview .delivery { overflow: hidden; } .overview .free-shipping, .variant-overview .free-shipping { display: inline-block; margin: 10px 0; background: url('../images/shipping.png') left center no-repeat; padding: 2px 0 2px 28px; font-weight: bold; color: #444; } .overview .free-shipping.invisible, .variant-overview .free-shipping.invisible { display: none; } .overview .delivery-date, .variant-overview .delivery-date { margin: 10px 0; } .overview .min-qty-notification, .variant-overview .min-qty-notification { margin: 10px 0; font-style: italic; color: #444; } .overview .download-sample, .variant-overview .download-sample { display: inline-block; margin: 0 0 25px; } .overview .prices, .variant-overview .prices { margin: 10px 0; overflow: hidden; } .overview .prices > div > span, .variant-overview .prices > div > span { vertical-align: middle; font-size: 40px; font-family:'Crimson Text' } .overview .prices > div > .old-product-price, .variant-overview .prices > div > .old-product-price, .overview .prices > div > .non-discounted-price, .variant-overview .prices > div > .non-discounted-price { color: #999; text-decoration: line-through; font-size: 23px; vertical-align: inherit; padding-right: 10px; } .overview .product-price, .variant-overview .product-price {font-size: 20px;font-weight: bold;color: #444;font-weight:400} .overview .tax-shipping-info a, .variant-overview .tax-shipping-info a { color: #caaf6f; } .overview .tax-shipping-info a:hover, .variant-overview .tax-shipping-info a:hover { text-decoration: underline; } .customer-entered-price { margin: 0 0 20px; overflow: hidden; } .customer-entered-price .price-input label { display: block; margin: 0 0 5px; font-weight: bold; color: #444; } .customer-entered-price .price-input input { width: 170px; text-align: center; } .customer-entered-price .price-range { margin: 5px 0 0; color: #777; } .tier-prices { margin: 0 0 20px; } .tier-prices .title { display: none; } .tier-prices table td { border: 1px solid #ddd; padding: 10px; color: #444; } .tier-prices .field-header { min-width: 80px; } .tier-prices .item-price { background-color: #f9f9f9; font-size: 16px; color: #e4434b; } .overview .add-to-cart { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #C9AB67; } .overview .add-to-cart-panel, .variant-overview .add-to-cart-panel { display: inline-block; position: relative; } .overview .qty-label, .variant-overview .qty-label { display: none !important; } .overview .qty-input, .variant-overview .qty-input { width: 45px; height: 43px; padding: 0 12px; text-align: center; font-size: 15px; color: #444; } .overview .qty-dropdown, .variant-overview .qty-dropdown { height: 43px; padding: 0 12px; font-size: 15px; color: #444; } .overview .add-to-cart-button, .variant-overview .add-to-cart-button {border-radius: 40px;padding: 0 20px;height: 40px;background: #C9AB67;color: #fff;text-transform: uppercase;font-family: 'Crimson Pro', serif;font-size: 18px;margin: 20px auto 0 auto;} .overview .add-to-cart-button:hover, .variant-overview .add-to-cart-button:hover { background-color: #5E4B2F; } .overview .add-to-cart-button.outofstock {background-color:#ccc;margin: 20px auto 10px auto;display: block;} .overview .add-to-cart-button.outofstock:hover {cursor:no-drop} .overview .add-to-cart-button + .product-outofstock{color: #f44336;font-weight: 600; display:block; text-align:center} .product-share-button { display: inline-block; overflow: hidden; } .full-description { clear: both; line-height: 24px; } .product-collateral .title { margin: 0 0 10px; font-size: 18px; color: #444; } .product-collateral .title strong { font-weight: normal; } .product-variant-line { margin: 0 0 30px; border-bottom: 1px solid #ddd; padding: 0 0 20px; } .product-variant-line:after { content: ""; display: block; clear: both; } .variant-picture { position: relative; width: 220px; height: 220px; margin: 0 auto 15px; overflow: hidden; } .variant-overview { width: 100%; } .variant-overview .variant-name { margin: 0 0 10px; padding: 10px 0; font-size: 16px; font-weight: bold; color: #caaf6f; } .variant-overview .variant-description { margin: 0 0 15px; line-height: 22px; } .variant-overview .add-to-wishlist { margin: 0 0 25px; } .variant-overview .add-to-wishlist-button { display: inline-block; width: auto; } .variant-overview .add-to-cart { margin: 0 0 10px; } .product-specs-box { margin: 0 0 40px; } .product-specs-box td { border: 1px solid #ddd; padding: 10px; } .product-tags-list { font-size: 0; } .product-tags-list li { display: inline-block; font-size: 14px; /*reset zeroing*/ } .product-tags-list li.separator { margin: 0 5px 0 3px; } .product-tags-list a { display: inline-block; line-height: 24px; } .product-tags-list a:hover { color: #444; } .attributes dl { overflow: hidden; padding: 0 2px; /* fix for Chrome in Mac, the checkboxes get cut off */ } .attributes dt, .attribute-label { display: block; margin: 0 0 5px; font-weight: bold; color: #444; } .attributes dd, .attribute-data { margin: 0 0 10px; } .attributes li {margin: 8px 0 12px; display:flex;align-items: center;} .attributes select { width: auto; min-width: 100px; max-width: 100%; } .attributes .option-list label { display: flex; align-items: center;} .attributes .option-list label .icon { display:flex; align-items:center; text-align: left;} .attributes .option-list label .icon:before{ font-size:25px; padding:0 10px} .attributes .option-list label .icon strong{font-family:'Crimson Text'; font-size:12px; font-weight:500} .attributes .option-list label .icon span {font-size:13px; font-family:Muli} .attributes .datepicker {width: 280px;text-align: center;color: #444;} .attributes .qty-box input{width: 48px; height: 32px; text-align: center;} .ui-datepicker { width: 280px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); background-color: #fff; text-align: center; /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; color: #777; } .ui-datepicker-header { position: relative; height: 32px; background-color: #caaf6f; color: #fff; /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; background-image: none; padding: 0 !important; font-weight: normal; } .ui-datepicker-header a { position: absolute; top: 0; z-index: 1; width: 32px; height: 32px; line-height: 32px; font-size: 0; /*override jQuery UI styles, do not delete doubled properties*/ top: 0 !important; width: 32px !important; height: 32px !important; border: none !important; } .ui-datepicker-header a.ui-datepicker-prev { left: 0; background: url('../images/calendar-prev.png') center no-repeat; } .ui-datepicker-header a.ui-datepicker-next { right: 0; background: url('../images/calendar-next.png') center no-repeat; } .ui-datepicker-header a span { /*override jQuery UI styles, do not delete doubled properties*/ display: none !important; } .ui-datepicker-title { position: relative; z-index: 0; line-height: 32px; font-weight: bold; text-transform: uppercase; /*override jQuery UI styles, do not delete doubled properties*/ line-height: 32px !important; } .ui-datepicker-calendar { /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 !important; font-size: 14px !important; } .ui-datepicker-calendar th { background-color: #eee; } .ui-datepicker-calendar th, .ui-datepicker-calendar td { width: 14.285%; border: 1px solid #ddd; /*override jQuery UI styles, do not delete doubled properties*/ padding: 0; } .ui-datepicker-calendar th span, .ui-datepicker-calendar td a { display: block; min-height: 32px; line-height: 32px; color: #444; } .ui-datepicker-calendar td a { /*override jQuery UI styles, do not delete doubled properties*/ border: none !important; background: none !important; padding: 0; text-align: center; color: #444 !important; } .ui-datepicker-calendar .ui-state-active { outline: 2px solid #caaf6f; font-weight: bold; color: #caaf6f; /*override jQuery UI styles, do not delete doubled properties*/ color: #caaf6f !important; } .attribute-squares { font-size: 0; } .attribute-squares li { display: inline-block; margin: 0 5px 5px; text-align: center; } .attribute-squares .attribute-square-container { display: block; position: relative; z-index: 0; padding: 1px; } .attribute-squares label { display: block; margin: 0 !important; overflow: hidden; } .attribute-squares .attribute-square { display: table !important; width: 32px !important; height: 32px !important; border: 1px solid #444 !important; cursor: pointer; } .attribute-squares .selected-value .attribute-square-container { background-color: #caaf6f; } .attribute-squares li input { position: relative; z-index: -1; margin: -32px 0 0; } .tooltip-container { position: absolute; width: 200px; color: #000000; background: #FFFFFF; border: 1px solid #eeeeee; text-align: center; visibility: hidden; border-radius: 5px; } .tooltip-container:before { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -7px; width: 0; height: 0; border-bottom: 7px solid #eeeeee; border-right: 7px solid transparent; border-left: 7px solid transparent; } .tooltip-container:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -6px; width: 0; height: 0; border-bottom: 6px solid #FFFFFF; border-right: 6px solid transparent; border-left: 6px solid transparent; } .attribute-squares li:hover .tooltip-container { visibility: visible; margin-left: -83px; margin-top: 5px; z-index: 999; } .tooltip-container .tooltip-header { background-color:#F6F6F6; height:25px; border-top-right-radius:4px; border-top-left-radius:4px; padding-left:10px; padding-top:5px; text-align:left; width: 198px; font-size: 15px; border-bottom: 1px #EEEEEE solid; } .tooltip-container .tooltip-body { margin:5px; } .tooltip-container .tooltip-body img { border: 0px #FFF; width: 190px; } .giftcard { margin: 0 0 20px; overflow: hidden; } .giftcard div { margin: 0 0 10px; } .giftcard label { display: block; margin: 0 auto 5px; font-weight: bold; color: #444; } .giftcard input, .giftcard textarea { width: 350px; max-width: 100%; } .giftcard textarea { height: 150px; } /********** PRODUCT REVIEWS **********/ .product-reviews-page h1 a { color: #caaf6f; } .product-reviews-page h1 a:before, .product-reviews-page h1 a:after { content: "''"; } .product-reviews-page .title { margin: 0 0 20px; font-size: 20px; color: #444; } .product-reviews-page .title strong { font-weight: normal; } .write-review { margin: 0 0 60px; } .write-review .fieldset { margin: 0 0 30px; } .tooltip { position: initial; display: inline-block; border-bottom: 1px dotted black; color: #444; } .tooltip .tooltiptext { visibility: hidden; width: auto; background: #f0f0f0 no-repeat 100% 5%; border: #c0c0c0 1px dotted; text-align: Left; padding: 10px 10px 5px 5px; position: absolute; z-index: 1; left: 10%; opacity: 0; transition: opacity 0.3s; } .tooltip .tooltiptext::after { content: ""; position: absolute; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; cursor: help; } .write-review .review-rating { text-align: left; padding-top: 10px; padding-bottom: 10px; } .write-review .review-rating label { display: block; margin: 0 0 5px; font-size: 14px; color: #444; } .write-review .review-rating div.first { color: #e4444c; } .write-review .review-rating div.rating-options { padding-top: 2px; } .write-review .review-rating div.rating-options input { vertical-align: baseline; } .write-review .review-rating div.last { color: #4cb17c; } .write-review .captcha-box { margin: 15px 0 0; } .write-review .button-1 { border: none; background-color: #caaf6f; padding: 10px 25px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .write-review .button-1:hover { background-color: #e8ca81; } .product-reviews-page .result, .product-reviews-page .message-error { margin: 0 0 20px; } .product-review-list { overflow: hidden; } .product-review-item { margin: 0 0 40px; } .product-review-item .review-item-head { border-top: 1px solid #ddd; overflow: hidden; background-color: #f6f6f6; padding: 10px; } .product-review-item .review-title { line-height: 20px; font-size: 15px; color: #444; } .product-review-item .product-review-box { margin: 3px 0 0; } .product-review-item .review-content { padding: 20px 10px; } .product-review-item .review-text { margin: 0 0 15px; line-height: 22px; color: #444; } .product-review-item .reply { margin: 15px 0; border-top: 1px solid #ddd; } .product-review-item .reply-header { margin: 15px 0; font-weight: bold; } .product-review-item .reply-text { line-height: 22px; } .product-review-item .review-info { margin: 0 0 5px; } .product-review-item .review-info label { font-weight: normal; } .product-review-item .review-info a, .product-review-helpfulness .vote { display: inline-block; padding: 0 5px; color: #caaf6f; cursor: pointer; } .product-review-helpfulness .question { margin: 0 5px 0 0; font-style: italic; } .product-review-helpfulness .result { margin: 0 0 0 10px; } /********** WISHLIST & COMPARE LIST **********/ .wishlist-page .page-title { margin: 0 0 -1px; } .wishlist-content { margin: 0 0 20px; } .wishlist-content .message-error { margin: 20px 0; } .wishlist-content .table-wrapper { margin: 0 0 30px; } .wishlist-content .product-content { min-width: 300px; text-align: left; } .wishlist-content .tax-shipping-info { margin: 0 0 20px; text-align: center; } .wishlist-content .tax-shipping-info a { color: #4ab3f1; } .wishlist-content .tax-shipping-info a:hover { text-decoration: underline; } .wishlist-content .buttons { font-size: 0; } .wishlist-content .button-2 { display: block; width: 250px; margin: 0 auto 3px; border: none; padding: 10px 25px; text-align: center; line-height: 20px; font-size: 15px; color: #fff; } .wishlist-content .update-wishlist-button, .wishlist-content .wishlist-add-to-cart-button { background-color: #caaf6f; text-transform: uppercase; } .wishlist-content .update-wishlist-button:hover, .wishlist-content .wishlist-add-to-cart-button:hover { background-color: #e8ca81; } .wishlist-content .email-a-friend-wishlist-button { background-color: #aaa; } .wishlist-content .email-a-friend-wishlist-button:hover { background-color: #999; } .wishlist-page .share-info { text-align: center; } .wishlist-page .share-info span { display: block; margin: 0 0 5px; } .wishlist-page .share-info a { font-weight: bold; color: #444; } .wishlist-page .share-info a:hover { color: #caaf6f; } .wishlist-page .no-data { margin: 25px 0 0; } .compare-products-page { position: relative; overflow: hidden; } .compare-products-page .clear-list { display: inline-block; margin: 0 0 20px; background-color: #caaf6f; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } .compare-products-page .clear-list:hover { background-color: #e8ca81; } .compare-products-page .table-wrapper { margin: 0 0 30px; padding: 0 0 1px; /*IE mobile table border fix*/ } .compare-products-table td { min-width: 150px; border: 1px solid #ddd; background-color: #fff; padding: 20px; text-align: left; vertical-align: top; color: #444; } .compare-products-table td:first-child { min-width: 0; } .compare-products-table td label { font-weight: normal; color: #777; } .compare-products-table .remove-button { display: inline-block; border: none; background: url('../images/remove.png') left center no-repeat; padding: 0 0 0 18px; font-size: 12px; color: #666; } .compare-products-table .remove-button:hover { color: #caaf6f; } .compare-products-table .picture { display: block; position: relative; max-width: 200px; height: 200px; overflow: hidden; } .compare-products-table .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .compare-products-table .product-name td { font-weight: bold; } .compare-products-table .product-name td a:hover { color: #caaf6f; } .compare-products-table .short-description td { line-height: 22px; } .compare-products-table .full-description td { display: none; } .compare-products-page .no-data { margin: 25px 0 0; } /*********** TOPICS ***********/ .topic-page h2 {text-align:left; margin:20px 0 10px 0} .topic-block-title {min-height: 50px;margin: 0 0 25px;border-bottom: 1px solid #ddd;padding: 0 0 15px;} .topic-block-title h2 {font-size: 30px;font-weight: normal;} .topic-block-body {text-align: justify;} .topic-page .page-body {text-align: justify;line-height: 22px;width: 95%;margin: 0 auto;} .topic-block strong, .topic-page strong {color: #444;} .home-page .topic-block {margin: 0 0 50px;} .popup-window .topic-page {padding: 15px;} .not-found-page p {margin: 30px 15px;} .topic-password {text-align: center;} .enter-password-title { margin: 0 0 20px;color: #444;} .enter-password-form {display: inline-block;overflow: hidden;} .enter-password-form input[type="password"] {float: left;width: 200px;height: 40px; margin: 0 -1px 0 0;} .enter-password-form input[type="submit"] {float: left;width: auto;min-width: 86px;height: 40px;border: none;background-color: #caaf6f;padding: 0 15px; color: #fff;text-transform: uppercase;} .enter-password-form input[type="submit"]:hover {background-color: #e8ca81;} .topic-page.lastoria p, .topic-page.inostriservizi p{line-height:24px;} .topic-page img{width:40%} .topic-page .imgdx {margin: 0 0 50px 50px;float: right;} .topic-page .imgsx {margin: 0 50px 50px 0;float: left;} .box-gallery{display: flex;align-items: center;text-align: center;flex-wrap: wrap;} .box-gallery a{font-size: 14px;font-weight: 600;margin:0 1% 15px 0; width:48%} .box-gallery a img {width:100%;height:auto;margin-bottom: 5px;} .box-gallery:after {content: '';flex: auto;} /*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/ .contact-page .page-title, .email-a-friend-page .page-title, .apply-vendor-page .page-title { margin: 0 0 -1px; } .contact-page .result, .contact-page .message-error, .email-a-friend-page .result, .email-a-friend-page .message-error, .apply-vendor-page .result, .apply-vendor-page .message-error { margin: 20px 0; } .contact-page .button-1, .email-a-friend-page .button-1, .apply-vendor-page .button-1 { min-width: 140px; border: none; background-color: #caaf6f; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .contact-page .button-1:hover, .email-a-friend-page .button-1:hover, .apply-vendor-page .button-1:hover { background-color: #e8ca81; } .contact-page .topic-block, .email-a-friend-page .title, .apply-vendor-page .title { margin: 25px 0; } .email-a-friend-page .title h2 { font-weight: normal; color: #caaf6f; } .apply-vendor-page .terms-of-service { text-align: center; } .apply-vendor-page .terms-of-service > * { display: inline-block; line-height: 32px; } .apply-vendor-page .terms-of-service span, .apply-vendor-page .terms-of-service a { color: #caaf6f; cursor: pointer; } .contact-page .page-body .indirizzi, .contact-page .page-body .contact-form {width:100%} .contact-page .indirizzi .store-address {margin-top:20px} .contact-page .indirizzi .store-address .store{width:100%;margin-bottom: 10px;} .contact-page .indirizzi .store-address > div span {display: block;} .contact-page .indirizzi > div > span:first-child {display: block; line-height:40px;} .contact-page .indirizzi > div .follow-us ul li {margin-left:15px} .contact-page .indirizzi > div .follow-us ul li a:before {border-color:#5e4b2f} /********** REGISTRATION, LOGIN, ACCOUNT PAGES **********/ .gender { display: inline-block; } .gender span { display: inline-block; margin: 0 5px; } .gender span > * { display: inline !important; margin: 0 5px; line-height: 32px; } .date-of-birth .date-picker-wrapper { display: inline; } .date-of-birth select { width: 31%; /*always single line*/ max-width: 126px; } .date-of-birth select + select { margin: 0 0 0 10px; } .date-of-birth .select-wrapper + .select-wrapper { margin: 0 0 0 10px; } #check-availability-button { margin: 10px 0 0; border: none; background-color: #888; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } #check-availability-button:hover { background-color: #999; } .inputs.accept-consent { text-align: center; } .inputs.accept-consent > * { display: inline-block; line-height: 32px; } .inputs.accept-consent span, .inputs.accept-consent a { color: #caaf6f; cursor: pointer; font-size: 14px; } .inputs.accept-consent label { width: auto; margin-left: 10px; margin-bottom: 0; } .registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1, .configure-cookies .button-1 { min-width: 140px; border: none; background-color: #caaf6f; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1 { width: 100%; } .registration-page .button-1:hover, .registration-result-page .button-1:hover, .login-page .button-1:hover, .password-recovery-page .button-1:hover, .account-page .button-1:hover, .return-request-page .button-1:hover { background-color: #e8ca81; } .return-request-page h1 a { color: #caaf6f; } .return-request-page .return-request-file { font-size: 14px; } .return-request-page .return-request-file .uploadedfileinput { display: inline-block; } .registration-page .message-error, .login-page .message-error, .account-page .message-error { margin: 0 0 10px; } .registration-result-page .result { margin: 0 0 30px; padding: 30px 0; text-align: center; font-size: 16px; color: #4cb17c; } .customer-info-page .email-to-revalidate, .customer-info-page .readonly-username, .customer-info-page .vat-status { margin: 0 5px; font-size: 14px; } .customer-info-page .vat-status { display: block; } .registration-page .vat-note, .customer-info-page .vat-note, .customer-info-page .email-to-revalidate-note { display: block; font-size: 14px; margin-top: 7px; white-space: normal; } .login-page .customer-blocks {margin: 0 0 30px;} .login-page .title {/* margin: 0 0 10px 0; */font-size: 20px;color: #444;} .login-page .title strong {font-weight: normal;} .login-page .new-wrapper {margin: 0 0 20px;} .login-page .new-wrapper .text {margin: 0 0 10px;/* border-top: 1px solid #e6e6e6; */padding: 20px 0;line-height: 18px;font-size: 13px;} .login-page .returning-wrapper .form-fields{/* border-top: 1px solid #e6e6e6; */} .login-page .new-wrapper .topic-block {margin: 0;} .login-page .new-wrapper .topic-block-body strong{color: #444;} .login-page .new-wrapper .button-1 {margin: 0 0 5px;} .login-page .returning-wrapper {margin: 0;} .login-page .returning-wrapper .form-fields {overflow: hidden;padding: 0;} .login-page .returning-wrapper .inputs.reversed {white-space: normal;max-width: 400px;margin: 0 auto 10px auto;} .login-page .returning-wrapper .inputs.reversed * {display: inline-block;margin: 5px;font-size: 13px; /*reset zeroing*/color: #444;} .login-page .returning-wrapper .inputs.reversed a:hover {color: #caaf6f;} .login-page .returning-wrapper .inputs.reversed .forgot-password {float:right;margin: 0;font-size: 10px;} .login-page .captcha-box {margin: -15px 0 20px;} .login-page .returning-wrapper .buttons {background-color: #fff;padding: 10px 0;text-align:center;max-width: 400px;margin: 0 auto 30px auto;} .new-wrapper .buttons {text-align:center;max-width: 400px;margin: 0 auto 30px auto;} .external-authentication {margin: 0 0 50px;overflow: hidden;text-align: center;} .external-authentication .title { margin: 0 0 15px; font-size: 20px; color: #444; } .external-authentication .buttons { margin: 0 0 30px; border-top: 1px solid #e6e6e6; padding: 30px; } .external-auth-errors { color: #e4444c; } .external-auth-association { color: #444; } .external-auth-association a { color: #caaf6f; } .external-auth-association a:hover { text-decoration: underline; } .password-recovery-page .result { margin: 0 0 5px; font-weight: bold; color: #444; } .password-recovery-page .tooltip { margin: 0 0 25px; } .add-more-external-records { text-align: center; } .add-more-external-records a { color: #caaf6f; } .add-more-external-records a:hover { text-decoration: underline; } .account-page .buttons { text-align: center; } .account-page .description { margin: 0 0 25px; padding: 0 10px; } .account-page .table-wrapper { margin: 0 0 30px } .gdpr-tools-page .result { margin: 20px 0; font-size: 13px; color: #e4434b; } .gdpr-tools-page .buttons { margin-top: 20px; } .address-list-page .info, .order-list-page .info { margin: 0 0 10px; border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 20px; line-height: 26px; color: #444; } .address-list-page .info .name, .order-list-page .info .name { font-size: 16px; font-weight: bold; } .address-list-page .button-2, .order-list-page .button-2 { display: inline-block; margin: 0 0 0 10px; border: none; padding: 0 0 0 18px; font-size: 12px; color: #444; } .address-edit-page .edit-address, .address-list-page .address-list, .order-list-page .order-list {margin: 0;padding: 30px 15px;display: flex;justify-content: flex-start;flex-wrap: wrap;} .edit-address-button { background: url('../images/edit.png') left center no-repeat; } .delete-address-button, .cancel-recurring-order-button { background: url('../images/remove.png') left center no-repeat; } .retry-recurring-order-button { background: url('../images/retry.png') left center no-repeat; } .return-items-button { background: url('../images/return.png') left center no-repeat; } .order-details-button { background: url('../images/details.png') left center no-repeat; } .address-list-page .button-2:hover, .order-list-page .button-2:hover { background-color: #e8ca81; } .address-list-page .add-button { margin: 0 0 20px; text-align: center; } .address-edit-page .page-title { margin: 0 0 -1px; } .address-edit-page .message-error { margin: 20px 0; } .address-edit-page .edit-address { margin: 0 0 30px; border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px 15px; } .recurring-payments table td { white-space: nowrap; } .recurring-payments table td:first-child { min-width: 120px; white-space: normal; } .recurring-payments .button-2 { font-size: 14px; } .return-request-list-page .details { border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 20px; line-height: 22px; color: #444; } .return-request-list-page label { margin: 0 5px 0 0; } .return-request-list-page a { color: #caaf6f; } .return-request-list-page a:hover { text-decoration: underline; } .return-request-list-page .comments div { margin: 10px 0 0; font-size: 15px; font-style: italic; color: #444; } .downloadable-products-page table td { color: #444; } .reward-points-overview { margin: 0 0 25px; } .reward-points-history table td { color: #444; } .reward-points-history table td:first-child { min-width: 120px; } .change-password-page .page-title { margin: 0 0 -1px; } .change-password-page .result, .change-password-page .message-error { margin: 20px 0; } .change-password-page .fieldset { margin: 0 0 30px; } .avatar-page .page-title { margin: 0; } .avatar-page .page-body { margin: 0 0 30px; overflow: hidden; background-color: #f9f9f9; padding: 30px 25px; } .avatar-page .message-error { margin: 0 0 10px; } .avatar-page .image { margin: 0 0 10px; } .avatar-page .image img { border: 1px solid #ccc; } .avatar-page .button-1 { font-size: 14px; } .avatar-page .button-2 { border: none; background-color: #888; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; } .avatar-page .button-2:hover { background-color: #999; } .avatar-page .info { color: #444; } .vendorinfo-page .button-2 { border: medium none; background-color: #888; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; } .vendorinfo-page .button-2:hover { background-color: #999; } .vendorinfo-page .vendor-picture { width: 400px; margin: 0 auto; } .vendorinfo-page .vendor-picture * { display: block; margin-top: 15px; } .check-gift-card-balance-page .page-title { margin: 0 0 -1px; } .check-gift-card-balance-page .result, .check-gift-card-balance-page .message-error { margin: 20px 0; } .check-gift-card-balance-page .fieldset { margin: 0 0 30px; } /*** Carrello ***/ .html-shopping-cart-page .shopping-cart-page, .html-shopping-cart-page #main .cart tr {margin-top: 0} .html-shopping-cart-page #main .cart:before {content: ""} #main .cart .row {padding: 10px 10px 60px 0;border-bottom: 1px solid #eee;display: flex;align-items: center;position: relative;} /*.html-shopping-cart-page #main .cart .remove-from-cart button, .html-wishlist-page #main .cart .remove-from-cart button {color: #999;padding: 0 7px;margin-right: 10px;height: 30px;border: 1px solid #999;line-height: 0}*/ .html-shopping-cart-page #main .cart .remove-from-cart button, .html-wishlist-page #main .cart .remove-from-cart button {width: 35px;border-radius: 50%;line-height: 30px;font-weight: 500;height: 35px;color:#666;margin-left: 10px;} .html-wishlist-page .single-qnt {background-color: #0AB3A3;color: #fff;text-align: center;width: 25px;height: 25px;vertical-align: top;display: inline-block;font-size: 12px;line-height: 25px;border-radius: 50%;letter-spacing: -1px;} .html-shopping-cart-page #main .cart .remove-from-cart button:hover, .html-wishlist-page #main .cart .remove-from-cart button:hover {color: #bfbfbf;} .html-shopping-cart-page .cart-footer .totals .coupon-code button {width: 20px;height: 20px;line-height: 0;color: #999;border: 1px solid #999} .html-shopping-cart-page #main .cart .remove-from-cart input, .html-wishlist-page #main .cart .remove-from-cart input {visibility: hidden} .html-wishlist-page .wishlist-page {max-width: 1000px;margin: auto} .html-wishlist-page .table-wrapper div.cart:before {content: ""} .html-wishlist-page #main .cart .remove-from-cart button.addcart {border: none;background-color: #0AB3A3;color: #fff} .html-wishlist-page #main .cart .remove-from-cart button.addcart:before {content: "c";color: #fff} .html-wishlist-page #main .cart .remove-from-cart button.addcart:hover {background-color: #333} #main .shopping-cart-page .cart .brand-name, #main .cart .product-name {font-style: italic} #main .shopping-cart-page .cart .row .product {font-size: 14px;padding-left: 10px;min-width: inherit} #main .shopping-cart-page .cart .row .product .brand-name { text-transform: uppercase} #main .shopping-cart-page .cart .row .product .message-error {text-align: left} #main .shopping-cart-page .cart .row .product .cod {font-size: 13px;font-weight: 300} #main .shopping-cart-page .cart .row .product-picture { width: 80px;height: 80px;text-align: center} #main .shopping-cart-page .cart .row .product-picture img { max-width: 80px;height: auto} #main .shopping-cart-page .cart .prices {position: absolute;margin: auto;/* left: 0; */right: 0;bottom: 15px;} #main .shopping-cart-page .cart .prices .strike {text-align: center} #main .shopping-cart-page .cart .prices .strike span {color: #ccc;text-decoration: line-through;font-size: 13px;} #main .shopping-cart-page .cart .prices .product-subtotal {color: #333;font-size: 20px;vertical-align: sub;font-weight: 600;} #main .shopping-cart-page .cart .prices input.qty-input {width: 30px;border: none;height: 28px;line-height: 30px;padding: 0;font-size: 16px;color: #000;font-weight: 400;border-bottom: 1px solid #ccc;text-align: center} #main .shopping-cart-page .cart .prices span.qty-input {width: 110px;display: inline-block;margin-right: 10px} #main .shopping-cart-page .cart .prices .k-numeric-wrap {position: relative;display: inline-block} #main .shopping-cart-page .cart .prices .k-numeric-wrap .k-select {position: absolute;top: 0;left: 0;right: 0} #main .shopping-cart-page .cart .prices .k-numeric-wrap, #main .cart .prices .k-numeric-wrap .k-select {height: 30px;line-height: 30px} #main .shopping-cart-page .cart .prices .k-numeric-wrap .k-select .k-link .k-icon {left: -9999px;top: -9999px;position: absolute} #main .shopping-cart-page .cart .prices .k-numeric-wrap .k-select .k-link:before {position: absolute;width: 30px;cursor: pointer;background-color: #eeeeee;color: #333;font-size: 26px;text-align: center;border-radius: 20px;font-weight: 600;} #main .shopping-cart-page .cart .prices .k-numeric-wrap .k-select:hover .k-link:hover::before {background-color:#CAAE6E;color:#fff;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear} #main .shopping-cart-page .cart .prices .k-numeric-wrap .k-select .k-link:first-of-type:before {content: "+";right: -40px} #main .shopping-cart-page .cart .prices .k-numeric-wrap .k-select .k-link:last-of-type:before {content: "-";left: -40px} #main .shopping-cart-page .cart-options {opacity: 0;height: 0;position: relative;z-index: -1} #main .shopping-cart-page .cart-footer, #main .cart-footer .totals {border-top: none;background-color: #eee;width: auto} #main .shopping-cart-page .cart-footer h2 {font-size: 20px;padding-top: 20px;text-align: center;padding-bottom: 20px;color: #333;text-transform: uppercase} #main .shopping-cart-page .cart-footer .total-info {padding: 0;margin: 0;border-bottom: none} #main .shopping-cart-page .cart-footer .totals {display: flex;flex-direction: column} #main .shopping-cart-page .cart-footer .totals .earn-reward-points {order: 1;margin-top: -15px;font-style: italic;font-weight: 500;font-size: 11px} #main .shopping-cart-page .cart-footer .totals .addon-buttons {order: 2} #main .shopping-cart-page .cart-footer .totals tr {border-bottom: 1px solid #fff;} #main .shopping-cart-page .cart-footer .totals tr.order-total{border: 0;} .html-shopping-cart-page #main .cart-footer .totals tr:first-of-type {/* border-top: 1px solid #fff */} #main .shopping-cart-page .cart-footer .totals tr td {padding-top: 10px;padding-bottom: 10px;font-size: 15px} #main .shopping-cart-page .cart-footer .totals tr td.cart-total-right {font-size: 16px;} #main .shopping-cart-page .cart-footer .totals tr.coupon-code-box, #main .cart-footer .totals tr.reward-points-box {border: none} #main .shopping-cart-page .cart-footer .totals tr.coupon-code-box .coupon-code {position: relative;display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;} #main .shopping-cart-page .cart-footer .totals tr.coupon-code-box .current-code [type="submit"] {line-height: 0;font-size: 10px;background-color: transparent;color: #999;width: 20px;height: 20px} #main .shopping-cart-page .cart-footer .totals tr.coupon-code-box .coupon-code [type="text"] {background-color: #fff;height: 40px;font-size: 15px;color: #333;font-style: italic;width: 82%;border: none;border-radius: 5px;} #main .shopping-cart-page .cart-footer .totals tr.coupon-code-box .coupon-code [type="submit"], #main .cart-footer .totals tr.reward-points-box [type="submit"] {/* position: absolute; top: 0; right: 0;*/ background-color: #999;color: #fff;border: none;text-transform: uppercase;} #main .shopping-cart-page .cart-footer .totals tr.coupon-code-box .coupon-code [type="submit"] {border-radius:5px;width: 15%;background: #caaf6f url(/images/button-arrow.svg) no-repeat center center;background-size: 50%;} #main .shopping-cart-page .cart-footer .totals tr.reward-points-box [type="submit"] {position: relative} #main .shopping-cart-page .cart-footer .totals tr.reward-points-box .reward-points {display: flex;justify-content: space-between;align-items: center} #main .shopping-cart-page .cart-footer .totals tr.reward-points-box .reward-points .earned {font-size: 13px} #main .shopping-cart-page .cart-footer .totals tr.reward-points-box .reward-points .earned span {color: #0AB3A3} #main .shopping-cart-page .cart-footer .totals .message-success {display: none} #main .shopping-cart-page .cart-footer .totals .applied-discount-code {font-size: 12px;color: #666;vertical-align: sub} #main .shopping-cart-page .cart-footer .totals .current-code {margin-top: 10px} #main .shopping-cart-page .cart-footer .totals .order-subtotal-discount .cart-total-right {color: #0AB3A3} #main .shopping-cart-page .cart-footer .totals .order-total td * {font-size: 18px;text-transform: uppercase;font-weight: 600;color: #333;} #main .shopping-cart-page .cart-footer .totals .order-total .cart-total-left label span {font-size: 13px;text-transform: initial;} #main .shopping-cart-page .cart-footer .totals .order-total td span {font-size: 14px;} #main .shopping-cart-page .cart-footer .checkout-buttons {padding: 20px 0} #main .shopping-cart-page .cart-footer .checkout-buttons .checkout-button {width: 100%;border-radius: 20px;} /*#main .table-wrapper .messages {display: none}*/ #main .shopping-cart-page .table-wrapper .messages {font-size: 17px;line-height: 20px;color: #333;padding: 30px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center} #checkout-steps #checkout-step-confirm-order.step{padding:0;margin:0} #checkout-steps .step{margin:0;padding:10px;text-align:center} .cart_empty {text-align: center; font-size: 0;} .cart_emptyBg {width: 184px;height: 150px;background: url(/images/emptycart.png) no-repeat 50%;margin: 50px auto 0;} .cart_emptyTxt {line-height: 22px;margin: 20px 0;font-size: 14px;color: #999;text-align: center;} .cart_empty .button-1, .cart_empty .button-2 {min-width: 140px;background-color: #caaf6f;padding: 10px 30px;text-align: center;font-size: 15px;color: #fff;text-transform: uppercase;display: inline-block;margin: 5px;} .cart_empty .button-1 {border: 1px solid #caaf6f; background:#fff; color:#caaf6f } .cart_empty .button-1:hover{color:#fff} /********** SHOPPING CART **********/ .order-progress {margin: 0 0 50px;background-color: #f6f6f6;padding: 15px 0;text-align: center;} .order-progress ul {font-size: 0;} .order-progress li {display: inline-block;margin: 10px;} .order-progress a {display: block;min-width: 70px;font-size: 14px; /*reset zeroing*/color: #444;} .order-progress a:before {content: "";display: block;width: 40px;height: 40px;margin: 0 auto 15px;border: 1px solid #bbb;background: #fff url('../images/pointer.png') center no-repeat;} .order-progress li.active-step a {cursor: pointer;} .order-progress li.inactive-step a {opacity: 0.3;cursor: default;} #shopping-cart-form .checkout-attributes {margin: 0 0 30px;color: #444;background: #eee;padding: 10px;} #shopping-cart-form .checkout-attributes dd textarea {min-height: 150px;border-radius: 5px;border: 0;width: 100%;} .checkout-attributes {margin: -30px 0 30px;color: #444;} .checkout-attributes dt {margin: 0 0 5px;font-weight: bold;} .checkout-attributes dd {/*margin: 0 0 20px;*/} .checkout-attributes input[type="text"], .checkout-attributes select {min-width: 170px;} .checkout-attributes ul {font-size: 0;} .checkout-attributes li {display: inline-block;margin: 5px;border: 1px solid #ddd;background-color: #fff;padding: 8px 10px;font-size: 14px; /*reset zeroing*/} .checkout-attributes .attribute-squares li{ border: none; padding: 0; line-height: 0;} .checkout-attributes li label {display: inline-block;margin: 0 0 0 5px;} .selected-checkout-attributes {margin: 30px 0; color: #444;} .selected-checkout-attributes br {content: "";display: block;margin: 3px;} .cart-footer {margin: 0 0 50px;border-top: 1px solid #ddd;} .cart-footer:after {content: ""; display: block; clear: both;} .cart-footer .totals {width: 350px;max-width: 100%;margin: 0 auto 50px; background-color: #f9f9f9; padding: 10px;color: #444;} .cart-footer .total-info {margin: 0 0 20px;border-bottom: 1px solid #ddd;padding: 5px 30px 15px;} .cart-total td {width: 50%;padding: 5px 0;text-align: right;} .cart-total td:first-child {text-align: left;} .cart-total .giftcard-remaining {display: block;font-style: italic;} .cart-total .order-total {font-size: 20px;color: #caaf6f;border: 0;} .cart-total .order-total strong {font-weight: normal;} .cart-total .earn-reward-points {font-style: italic;} .min-amount-warning {color: #e4434b;font-size: 16px;font-weight: 600;text-align: center;} .checkout-page .terms-of-service {padding: 0;margin: 0;font-size: 13px;} .terms-of-service {margin: 0 0 20px;padding: 0 30px;} .terms-of-service label {cursor: pointer;} .terms-of-service a {margin: 0 0 0 3px; color: #caaf6f;} .cart-footer .checkout-buttons {padding: 0 10px;} .cart-footer .checkout-disabled { text-align: center; padding: 15px 50px;display: inline-block;min-width: 160px;border: none;background-color: #9E9E9E;font-size: 16px; color: #fff;text-transform: uppercase;border-radius:30px} .cart-footer .checkout-disabled:hover{cursor:no-drop} .cart-footer .checkout-button {display: inline-block;min-width: 160px;border: none;background-color: #CAAF6F;/*padding: 10px 20px;*/font-size: 16px;color: #fff;text-transform: uppercase;} .cart-footer .checkout-button:hover {background-color: #e8ca81;} .cart-footer .addon-buttons {margin: 20px 0 0;padding: 0 10px;} .cart-collaterals {width: 350px;max-width: 100%;margin: 0 auto 50px;padding: 25px 0 0;} .cart-collaterals > div {max-width: 400px;margin: 0 0 50px;} .cart-collaterals .button-2 {display: inline-block; border: none;background-color: #aaa;padding: 10px 15px;color: #fff;text-transform: uppercase;} .cart-collaterals .button-2:hover {background-color: #999;} .cart-collaterals .title {margin: 0 0 5px;font-size: 18px;color: #444;} .cart-collaterals .title strong {font-weight: normal;} .cart-collaterals .hint {margin: 0 0 10px;} .cart-collaterals .deals > div {margin: 0 0 20px;} .cart-collaterals .coupon-code {overflow: hidden;} .cart-collaterals .coupon-code input[type="text"] {float: left; width: 60%; height: 36px; /*safari padding fix*/margin: 0 -1px 0 0;} .cart-collaterals .coupon-code input[type="submit"] {float: left;width: 40%;height: 36px; /*safari padding fix*/padding: 0;} .cart-collaterals .message-failure {margin: 5px 0 0;font-size: 12px;color: #e4434b;} .cart-collaterals .message-success {margin: 5px 0 0;font-size: 12px;color: #4cb17c;} .cart-collaterals .current-code {margin: 5px 0 0;color: #4cb17c;} .remove-discount-button, .remove-gift-card-button {width: 16px;height: 16px;border: 1px solid #999;background: #fff url('../images/close.png') center no-repeat;cursor: pointer;} .cart-collaterals .shipping select {height: 36px;} .cart-collaterals .shipping-results {margin: 30px 0 0;} .cart-collaterals .shipping-results li {margin: 20px 0;} .cart-collaterals .shipping-results li strong {display: block;margin: 0 0 5px;color: #444;} /********** CHECKOUT **********/ .checkout-page .section {margin: 0 0 30px;} .checkout-page .section.order-summary {margin: 100px 0 30px;} .section.order-completed .hint { color: #F44336;padding: 20px 0;font-size: 14px;font-weight: 600;} .order-summary-content .remove-from-cart > input[type='checkbox'], .wishlist-content .remove-from-cart > input[type='checkbox'], .wishlist-content .update-wishlist-button {display: none !important;} .checkout-page .cart-options {min-height: 60px;overflow: hidden;} .checkout-page .cart-footer {border-top: none;} .checkout-page .total-info {margin: 0;border-bottom: none;padding: 5px 20px 10px;} .checkout-page .buttons .button-1 {border-radius:20px} .checkout-page .button-1 {display: inline-block;min-width: 140px;border: none;background-color: #caaf6f;padding: 10px 30px;text-align: center;font-size: 15px;color: #fff;text-transform: uppercase;} .checkout-page .button-1:hover {background-color: #e8ca81;} .checkout-page .button-new-address.button-1 {margin-bottom:20px} .checkout-page .address-item {width: 350px;max-width: 100%;margin: 0 auto 40px;} .checkout-page .address-item ul {margin: 0 0 15px;background-color: #f9f9f9;padding: 20px;color: #444;} .checkout-page .address-item li {padding: 5px 0;} .checkout-page .address-item li.name {font-size: 16px;font-weight: bold;} .enter-address .message-error {margin: 20px 0;} .checkout-page .ship-to-same-address {padding: 30px 0;text-align: center;} .checkout-page .ship-to-same-address .selector {margin: 0 0 5px;font-weight: bold;color: #444;} .checkout-page .pickup-in-store {text-align: center;} .checkout-page .pickup-in-store .selector {margin: 0 0 5px;font-weight: bold;color: #444; display:none} .checkout-page .pickup-in-store .selector label:after{content:'b ';font-family: 'costa-2019';vertical-align: middle;text-transform: none;font-size: 26px;color: #caaf6f;text-align: center;font-weight: 400;margin-left: 5px;} /*#billing-new-address-form {display:none}*/ #shipping-new-address-form, #billing-new-address-form {width:100%} .select-pickup-point { text-align: center;} .checkout-page .pickup-points-map {/*min-width: 400px;*/ min-height: 350px; vertical-align: middle; margin-top: 5px; margin-bottom: 5px;} .shipping-method .method-list, .payment-method .method-list {margin: 0 auto 30px;text-align: center;font-size: 0;} .shipping-method .method-list li, .payment-method .method-list li {margin: 20px 0;font-size: 14px; /*reset zeroing*/} .shipping-method .method-list li label,.payment-method .method-list li label {font-size: 13px;font-weight: bold;color: #444;cursor: pointer;text-align: center;width: 100%;display: flex;align-items: center;flex-direction: column;} .new-address.deselected {border:none;width: 100%;padding: 0;margin: 0;} .section.select-shipping-address{width:100%} .altri-indirizzi {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto;} .other-addresses{font-size: 16px;font-weight:600;color: #666;height:40px;display:flex;/*justify-content: center;*/align-items: center;/*! border-radius: 30px; *//*! background: #c2e5de; *//*! border:2px solid #a2ddd1; *//*! padding: 5px 10px; justify-content: flex-start; *//*! margin: 0 auto; *//*! width: 100%; */} .other-addresses:hover {cursor:pointer; /*! background:#c3f5eb; */ /*! border:2px solid #c2e5de; */-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;} .other-addresses:before {content:'w';font-family:costa-2019;font-size: 25px;padding-right: 5px;font-weight: normal;} .shipping-addresses, .billing-addresses {text-align: center;font-size: 0;display: flex;flex-wrap: wrap;justify-content: flex-start;} .shipping-addresses li, .billing-addresses li {font-size: 14px;display: block;margin: 10px 2%;vertical-align: top;border: 2px solid #c2e5de;border-radius: 5px;padding: 10px;position: relative;width: 100%;} .shipping-addresses li label, .billing-addresses li label {font-size: 13px;color: #444;cursor: pointer;text-align: center;width: 100%;} .shipping-addresses li label b, .billing-addresses li label b {font-size:15px;} .shipping-addresses li input[type=radio], .billing-addresses li input[type=radio] {position: absolute;right: 0;top: 10px;} .shipping-addresses input[type="radio"]:after, .billing-addresses input[type="radio"]:after{width: 20px!important;height: 20px;margin-left: -10px !important;border-radius: 10px;margin-top: -10px;background: #c2e5de url(/Themes/Costa/Content/images/checkbox-tick.svg) no-repeat center center;} #shipping-addresses_list li.deselected, #billing-addresses_list li.deselected {display:none} /*#shipping-addresses_list li.deselected.open, #shipping-addresses_list li.new-address.deselected.close, #shipping-addresses_list li.new-address.deselected, #billing-addresses_list li.new-address.deselected, #billing-addresses_list li.new-address.deselected.close #billing-addresses_list li.deselected.open,*/ #shipping-addresses_list li.deselected.open, #shipping-addresses_list li.new-address.deselected.close, #shipping-addresses_list li.new-address.deselected, #billing-addresses_list li.deselected.open, #billing-addresses_list li.new-address.deselected.close{display:block} #shipping-addresses_list li.new-address.close ~ li, #billing-addresses_list li.new-address.close ~ li {display: none !important} .other-addresses.shipping + .section.select-shipping-address #shipping-addresses_list li #insert-new-shipping-address-button, .other-addresses.billing + .section.select-billing-address #billing-addresses_list li #insert-new-billing-address-button {display: none;} .other-addresses.shipping.open + .section.select-shipping-address #shipping-addresses_list li #insert-new-shipping-address-button, .other-addresses.billing.open + .section.select-billing-address #billing-addresses_list li #insert-new-billing-address-button {display: inline-block;} #insert-new-shipping-address-button.close:after, #insert-new-billing-address-button.close:after {content: 'chiudi';background: #c2e5de;border-radius: 20px;padding: 4px 10px;margin-left: 5px;} .closed .vertical { transition: all 0.5s ease-in-out; transform: rotate(-90deg);} .closed .horizontal { transition: all 0.5s ease-in-out; transform: rotate(-90deg); opacity: 1;} .open { opacity: 1;} .open .vertical { transition: all 0.5s ease-in-out; transform: rotate(90deg);} .open .horizontal { transition: all 0.5s ease-in-out; transform: rotate(90deg); opacity: 0;} .circle-plus {margin-right: 5px;} .circle-plus .circle {position: relative;width: 30px;height: 30px;border-radius: 100%;/*! border: 2px solid #666; */} .circle-plus .circle .horizontal {position: absolute;background-color: #666;width: 18px;height: 2px;left: 73%;margin-left: -15px;top: 56%;margin-top: -2.5px;} .circle-plus .circle .vertical {position: absolute;background-color: #666;width: 2px;height: 18px;left: 57%;margin-left: -2.5px;top: 70%;margin-top: -15px;} span.DeliveryTime{font-size: 16px;font-weight: 400; padding-bottom: 10px; display: block;} #ddlDeliveryRangeTime {margin-bottom:10px;min-width: 300px;} .button-con {cursor: default;margin: 0 auto 20px auto;width: 300px;display: flex;justify-content: space-around;align-items: center;} .button-con label.mattina:after, .button-con label.pomeriggio:after {font-family:costa-2019;line-height: 25px;padding: 0 5px;text-transform: lowercase;} .button-con label.mattina:after{content:'q';font-size: 23px;} .button-con label.pomeriggio:after{content:'r';text-transform: none;} .button-con label.mattina, .button-con label.pomeriggio {display:flex;align-items: center;justify-content: space-around;font-weight: 700;text-transform: uppercase;font-size: 13px;color: #999;} .button-con label.pomeriggio { flex-direction: row-reverse;} .button-con label.mattina.active, .button-con label.pomeriggio.active {color:#caaf6f;} .toggle { display: none;} .toggle, .toggle:after, .toggle:before, .toggle *, .toggle *:after, .toggle *:before, .toggle + .toggle-button { -moz-box-sizing: border-box; box-sizing: border-box;} .toggle::-moz-selection, .toggle:after::-moz-selection, .toggle:before::-moz-selection, .toggle *::-moz-selection, .toggle *:after::-moz-selection, .toggle *:before::-moz-selection, .toggle + .toggle-button::-moz-selection {background: none;} .toggle::selection, .toggle:after::selection, .toggle:before::selection, .toggle *::selection, .toggle *:after::selection, .toggle *:before::selection, .toggle + .toggle-button::selection {background: none;} .toggle + .toggle-button {outline: 0;display: inline-block;width: 4em;height: 20px;position: relative;cursor: pointer;border: 2px solid #333;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0 5px;} .toggle + .toggle-button:after, .toggle + .toggle-button:before {position: relative;display: block;content: "";width: 40%;height: 100%;} .toggle + .toggle-button:after { left: 0;} .toggle + .toggle-button:before { display: none;} .toggle:checked + .toggle-button:after { left: 50%;} .toggle + .toggle-button { padding: 2px; -webkit-transition: all .2s ease; transition: all .2s ease; border: 2px solid #caaf6f; border-radius: 2em;} .toggle + .toggle-button:after { -webkit-transition: all .2s ease; transition: all .2s ease; background: #caaf6f; content: ""; border-radius: 1em;} .toggle:checked + .toggle-button:after { left: 60%;} @media all and (min-width: 480px) { .shipping-addresses, .billing-addresses {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;} .shipping-addresses li, .billing-addresses li, .section.shipping-method .method-list li, .section.payment-method .method-list li {width: 46%;} .new-address .inputs, .new-billing-address .inputs {width:48%; margin:1%} } @media all and (min-width: 640px) { .shipping-addresses li, .billing-addresses li, .section.shipping-method .method-list li, .section.payment-method .method-list li {width: 29.3333%;} } /*.shipping-addresses li:last-child, .billing-addresses li:last-child{background: #999;padding: 0;border-color: #999;} .shipping-addresses li:last-child input, .billing-addresses li:last-child input{background-color:#999} .shipping-addresses li:last-child input[type=button], .billing-addresses li:last-child input[type=button]{width: 100%; height: 100%; margin: 0;white-space:normal} .shipping-addresses li:last-child:hover, .billing-addresses li:last-child:hover{border-color:#e8ca81;}*/ #insert-new-shipping-address-button, #insert-new-billing-address-button {text-transform:lowercase;margin: 0;padding: 5px 10px;font-size: 14px;line-height: 30px;border-radius: 20px;background-color: transparent;color: #666;font-weight: 600;} #insert-new-shipping-address-button:before, #insert-new-billing-address-button:before {content: 'p';font-family:costa-2019;font-size:20px;margin-right: 5px;float: left;} #insert-new-shipping-address-button.close:before, #insert-new-billing-address-button.close:before {content:'p';font-weight:normal} #checkout-confirm-order-load h4{font-size:18px;line-height:23px;font-weight:400;padding:20px 0} #checkout-step-confirm-order .shopping-cart-page{width:100%;margin-top:20px} #payment-method-block, .section.shipping-method .method-list{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;} #payment-method-block .payment-details input, .shipping-method .method-details input{position:absolute;right: 0;top: 10px;} #payment-method-block .payment-details label span{display:none} #payment-method-block #bonifico-bancario .payment-details label:before, #payment-method-block #paypal .payment-details label:before, #payment-method-block #unicredit-pagonline .payment-details label:before, .shipping-method .method-list li label:before, #payment-method-block #stripe-direct-payment .payment-details label:before, #payment-method-block #paga-alla-consegna .payment-details label:before {content:"";display: inline-block;font-family:costa-2019;font-size: 70px;font-weight: 400;} #payment-method-block #bonifico-bancario .payment-details label:before {content:"h"} #payment-method-block #paga-alla-consegna .payment-details label:before {content:"A"} #payment-method-block #paypal .payment-details label:before {content: url(/images/paypal.svg);} #payment-method-block #stripe-direct-payment .payment-details label:before {content: "i";/*color: #6772E5;*/} #payment-method-block #unicredit-pagonline .payment-details label:before {content:"i"} #payment-method-block li .payment-details input[type="radio"]:after, .section.shipping-method .method-details input[type="radio"]:after{width: 20px!important;height: 20px;margin-left: -10px !important;border-radius: 10px;margin-top: -10px;background: #c2e5de url(/Themes/Costa/Content/images/checkbox-tick.svg) no-repeat center center;} .shipping-method .method-list .consegna-a-domicilio label:before {content:"f"} .shipping-method .method-list .spedizione-standard label:before {content:"n"} .shipping-method .method-list .spedizione-express label:before {content:"a"} .shipping-method .method-list .ritiro-in-negozio label:before {content:"b";font-size:50px} .shipping-method .method-description {margin: 5px 0 0;} .payment-method .method-list li, .shipping-method .method-list li {display: block;width: 100%;margin: 10px 2%;vertical-align: top;border: 2px solid #c2e5de;border-radius: 5px;padding: 10px;position: relative;} .payment-method .method-list li:hover, .shipping-method .method-list li:hover, .shipping-addresses li:hover, .billing-addresses li:hover {border-color:#88c5b9;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear} .payment-method .use-reward-points {margin: 0 0 30px;text-align: center; color: #444;} .payment-method .payment-logo {display: inline-block;vertical-align: middle;} .payment-method .payment-logo label {display: block;font-size: 0 !important;} .payment-method .payment-details {min-width: 180px;display: inline-block;/* margin: 0 0 0 10px; */text-align: center;vertical-align: middle;} .payment-info .info {padding: 30px 15px;color: #444;} .payment-info .info tr {display: block;margin: 0 0 15px;font-size: 0;} .payment-info .info td {display: inline-block;width: 100% !important;max-width: 400px !important;font-size: 14px; /*reset zeroing*/} .payment-info .info td:only-child {width: 100% !important;max-width: 100% !important;} .payment-info .info td input[type="text"] {width: 100% !important;} .payment-info .info td input[name="CardCode"] {width: 65px !important;} .payment-info .info td select {min-width: 70px;} .payment-info .info td:first-child {margin: 0 0 10px;} .payment-info .info p {text-align: center;} .confirm-order .buttons {padding: 10px 0;} .confirm-order .button-1 {font-size: 16px;} /*.order-review-data > div, .order-details-area > div, .shipment-details-area > div{width: 350px;max-width: 100%;margin: 0 auto 40px;background-color: #f9f9f9;padding: 20px;color: #444;} .order-review-data .title, .order-details-area .title, .shipment-details-area .title {margin: 0 0 5px;padding: 0;font-size: 16px; font-weight: bold;} .order-review-data .payment-method-info, .order-review-data .shipping-method-info, .order-details-area .payment-method-info, .order-details-area .shipping-method-info {margin-top: 20px;}*/ .order-review-data li, .order-details-area li, .shipment-details-area li {padding: 3px 0;} .order-review-data .title,.order-details-area .title,.shipment-details-area .title{margin:15px 0;padding:0;font-size:16px;font-weight:700} .order-review-data .title strong, .order-details-area .title strong, .shipment-details-area .title strong { font-weight: 700;} .checkout-data .shopping-cart-page .order-review-data{border-bottom:1px solid #eee;text-align:left} .checkout-data .shopping-cart-page .order-review-data .title,.checkout-data .shopping-cart-page .order-details-area .title,.checkout-data .shopping-cart-page .shipment-details-area .title{text-transform:uppercase;text-align:left} .checkout-data .shopping-cart-page .order-review-data > div,.checkout-data .shopping-cart-page .order-details-area > div,.checkout-data .shopping-cart-page .shipment-details-area > div{background-color:transparent;padding:20px 0 0;color:#444;border:none;margin-bottom:0} .checkout-data .shopping-cart-page .order-review-data > div{padding:0 10px} .checkout-data .shopping-cart-page .order-review-data .payment-method-info{padding-bottom:20px} .checkout-data .address-span{float:left;margin-right:20px;word-break:break-word;width:70%;font-size:15px;line-height:20px;color:#333} .checkout-data .shopping-cart-page .order-review-data li,.checkout-data .shopping-cart-page .order-details-area li,.checkout-data .shopping-cart-page .shipment-details-area li{font-size:14px;color:#999;line-height:14px} .checkout-data .shopping-cart-page .order-review-data > .shipping-info-wrap,.checkout-data .shopping-cart-page .order-review-data > .billing-info-wrap{border-bottom:1px solid #eee;padding-bottom:20px} .checkout-data .shopping-cart-page .order-review-data > .shipping-method-info .free-shipping.icon:before{font-size:60px;color:#0AB3A3} .checkout-data .shopping-cart-page .order-review-data .icon{min-height:50px;line-height:50px;margin-right:10px} .checkout-data .shopping-cart-page .order-review-data > div .info-list li{display:flex;align-items:center} .checkout-data .shopping-cart-page .order-review-data .shipping-method-info .shipping-method .label, .checkout-data .shopping-cart-page .order-review-data .payment-method-info .payment-method .label{display:none} .checkout-data .shopping-cart-page .order-review-data .shipping-method-info .shipping-method .value, .checkout-data .shopping-cart-page .order-review-data .payment-method-info .payment-method .value {display:flex;margin: 10px 0;align-items: center;} .checkout-data .shopping-cart-page .order-review-data .shipping-method-info .shipping-method .value:before, .checkout-data .shopping-cart-page .order-review-data .payment-method-info .payment-method .value:before {display: inline-block;font-family: costa-2019;font-size: 40px;font-weight: 400;padding-right: 10px;} .checkout-data .shopping-cart-page .order-review-data .shipping-method-info .shipping-method .value.ritiro-in-negozio::before {content:"b"} .checkout-data .shopping-cart-page .order-review-data .shipping-method-info .shipping-method .value.consegna-a-domicilio::before {content:"f"} .checkout-data .shopping-cart-page .order-review-data .shipping-method-info .shipping-method .value.spedizione-standard::before {content:"a"} .checkout-data .shopping-cart-page .order-review-data .shipping-method-info .shipping-method .value.spedizione-express::before {content:"e"} .checkout-data .shopping-cart-page .order-review-data .shipping-method-info .shipping-method .value.house::before {content:"b"} .checkout-data .shopping-cart-page .order-review-data .payment-method-info .payment-method .value.bonifico-bancario::before {content:"h"} .checkout-data .shopping-cart-page .order-review-data .payment-method-info .payment-method .value.paypal::before {content: url(/images/paypal.svg);} .checkout-data .shopping-cart-page .order-review-data .payment-method-info .payment-method .value.unicredit-pagonline::before {content:"i"} .order-completed .details {margin: 0 0 30px;padding: 30px 15px;text-align: center;color: #444;} .order-completed .details div {margin: 5px 0;} .order-completed .details strong {font-weight: normal;text-transform: uppercase;} .order-completed .details a {color: #caaf6f;} .order-completed .details a:hover {text-decoration: underline;} .opc .step-title {margin: 0 0 5px;overflow: hidden;background-color: #f6f6f6;text-transform:uppercase;border-radius: 20px;} .opc .allow .step-title {background-color: #c2e5de;cursor: pointer;} .opc .step-title .number, .opc .step-title .title {float: left;min-height: 40px;padding: 10px 15px;line-height: 20px;font-size: 16px;font-weight: normal;} .opc .allow .step-title .number, .opc .allow .step-title .title {color: #5E4B2F;cursor: pointer;} .opc .step-title .number {width: 40px;text-align: center;background-color: #e8ca81;border-radius: 30px;color: #fff;} .opc li.allow.active .number, .opc li.allow .number {background-color:#88c5b9;color: #fff!important;} .opc .step {margin: 10px 0;padding: 30px 15px;text-align: center;} .opc .section {margin: 0 0 20px;} .opc .section > label {display: block;margin: 0;} .opc .section.pickup-points .select-pickup-points {margin-bottom:20px} .opc input[type="text"], .opc select {max-width: 100%;} .opc .buttons {margin-bottom: 0;} .opc .back-link {margin: 0 0 10px;} .opc .back-link small { display: none;} .opc .back-link a {display: inline-block;margin: 0 0 0 -15px;background: url('../images/back-button.png') left center no-repeat;padding: 0 0 0 18px;color: #444;} .opc .back-link a:hover {color: #caaf6f;} .opc .buttons .please-wait {display: block;margin: 10px 0 0; background: none;} .opc .section.ship-to-same-address {margin: 0 0 30px;padding: 0;} .opc .section.pickup-in-store {margin: 0 0 10px;padding: 0;} .opc .payment-info .info tr {text-align: left;} .opc .section.order-summary, .section.top-confirm-order {margin: 0;} .opc .section.pickup-in-store .description {font-weight: 600;} /****** ORDER DETAILS & SHIPPING DETAILS ******/ .order-details-page .page-title {border-bottom: none;} .order-details-page .page-title h1 {margin: 0 0 30px;border-bottom: 1px solid #ddd;padding: 0 0 10px;} .order-details-page .page-title a {display: inline-block;min-width: 180px;margin: 5px 0;border: none;background-color: #aaa;background-image: none;padding: 10px 20px;font-size: 15px;color: #fff;} .order-details-page .page-title a:hover {background-color: #999;} .order-details-page .page-title a.print-order-button {background-color: #caaf6f;} .order-details-page .page-title a.print-order-button:hover {background-color: #e8ca81;} .order-details-page .order-overview {margin: 0 0 50px;line-height: 26px;font-size: 16px;color: #444; margin: 0 1% 40px;} .order-details-page .order-overview .order-number {margin: 0 0 10px;text-transform: uppercase;} .order-details-page .order-overview .order-total strong {font-weight: normal;color: #caaf6f;} .order-details-page .repost .button-2 {display: inline-block;margin: 10px 0;border: none;background-color: #f44336;padding: 10px 15px;font-size: 12px;color: #fff;text-transform: uppercase;} .order-details-page .repost .button-2:hover {background-color: #e8ca81;} .order-details-page .download a {font-weight: normal;color: #caaf6f;} .order-details-page .download a:hover {text-decoration: underline;} .user-agreement-page .terms-of-agreement {margin: 0 0 20px;padding: 20px;text-align: center;} .user-agreement-page .button-1 {min-width: 140px; border: none; background-color: #caaf6f; padding: 10px 30px; text-align: center;font-size: 15px;color: #fff;text-transform: uppercase;} .user-agreement-page .button-1:hover {background-color: #e8ca81;} .order-details-page .tax-shipping-info {margin: 30px 0;} .order-details-page .tax-shipping-info a {color: #caaf6f;} .order-details-page .tax-shipping-info a:hover {text-decoration: underline;} .order-details-page .actions {margin: 30px 0 0;font-size: 0;} .order-details-page .actions input {display: inline-block;min-width: 165px;margin: 5px;border: none;background-color: #aaa;background-image: none;padding: 10px 20px;font-size: 15px;color: #fff;} .order-details-page .actions input:hover {background-color: #999;} .order-details-page .actions input:first-child {background-color: #caaf6f;} .order-details-page .actions input:first-child:hover {background-color: #e8ca81;} .order-details-page .totals.section { width: 370px;padding: 0 10px;max-width: 100%;margin: 0 auto 50px;} .order-details-page .total-info {background-color: #f9f9f9;padding: 15px 20px;color: #444;} /****** SEARCH & SITEMAP ******/ .search-page .page-title { margin: 0 0 -1px; } .search-input .fieldset { margin: 0 0 30px; } .search-input .form-fields { padding: 30px 15px 10px; } .search-input input + label { display: inline; margin: 0 0 0 5px; } .advanced-search { margin: 30px 0 0; } .advanced-search .price-range { display: inline-block; } .advanced-search .price-range input { width: 80px; margin: 3px; } .search-input .buttons { text-align: center; } .search-input .button-1 { min-width: 140px; border: none; background-color: #caaf6f; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .search-input .button-1:hover { background-color: #e8ca81; } .search-results { margin: 30px 0 0; } .search-results .warning, .search-results .no-result { margin: 10px 0; color: #e4434b; } .sitemap-page .description { margin: 0 0 30px; text-align: center; } .sitemap-page .entity { margin: 0 0 30px; } .sitemap-page .entity-title { margin: 0 0 15px; padding: 0 10px; text-align: center; } .sitemap-page .entity-title h2 { font-size: 20px; font-weight: normal; color: #444; } .sitemap-page .entity-body { border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px 15px; text-align: center; } .sitemap-page .entity ul { font-size: 0; } .sitemap-page .entity li { display: inline-block; position: relative; margin: 0 8px; padding: 0 12px; line-height: 50px; font-size: 14px; /*reset zeroing*/ } .sitemap-page .entity li:before { content: ""; position: absolute; top: 23px; left: 0; width: 5px; height: 5px; background-color: #ddd; } .sitemap-page .entity a { color: #444; } .sitemap-page .entity a:hover { color: #caaf6f; } .sitemap-page .entity a:empty { display: none; } /****** BLOG & NEWS ******/ .block-blog-archive .number { display: block; color: #444; cursor: auto; } .block-blog-archive .sublist { margin: 5px 0 5px 15px; } .block-blog-archive li.month { padding: 3px 0 3px 15px; } .blog-page .page-title, .news-list-page .page-title { margin: 0; } .blog-page .post, .news-items .news-item { margin: 0 0 30px; } .blog-page .post:after { content: ""; display: block; clear: both; } .post-title, .news-title { display: inline-block; padding: 20px 10px; line-height: 20px; font-size: 16px; font-weight: bold; color: #444; } .post-title:hover, .news-title:hover { color: #caaf6f; } .post-date, .news-date { display: block; margin: 0 0 15px; background-color: #f6f6f6; padding: 10px; font-style: italic; color: #444; } .post-body, .news-body { margin: 0 0 20px; padding: 0 10px; line-height: 22px; } .blog-page .tags, .blogpost-page .tags { margin: 0 0 15px; overflow: hidden; padding: 0 10px; } .blog-page .tags label, .blogpost-page .tags label { display: inline-block; margin: 0 3px 3px 0; font-weight: bold; color: #444; } .blog-page .tags ul, .blogpost-page .tags ul { display: inline-block; margin: 0 0 3px 3px; font-size: 0; } .blog-page .tags li, .blogpost-page .tags li { display: inline-block; font-size: 14px; /*reset zeroing*/ } .blog-page .tags li.separator, .blogpost-page .tags li.separator { margin: 0 8px 0 0; } .blog-page .tags a, .blogpost-page .tags a { display: block; color: #caaf6f; } .blog-page .tags a:hover, .blogpost-page .tags a:hover { text-decoration: underline; } .blog-posts .buttons, .news-items .buttons { margin: 0; padding: 0 10px; } .blog-posts .buttons .read-comments { display: block; margin: 0 0 15px; font-weight: bold; color: #444; } .blog-posts .buttons .read-comments:hover { color: #caaf6f; } .blog-posts .buttons .read-more, .news-items .buttons .read-more { display: inline-block; border: none; background-color: #caaf6f; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; } .blog-posts .buttons .read-more:hover, .news-items .buttons .read-more:hover { background-color: #e8ca81; } .new-comment { margin: 50px 0 60px; } .new-comment .notifications { margin: 0 0 10px; } .new-comment .result { color: #690; } .new-comment .form-fields { margin: 0 0 20px; } .new-comment .button-1 { border: none; background-color: #caaf6f; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .new-comment .button-1:hover { background-color: #e8ca81; } .comment-list { margin: 0 0 100px; } .comment-list .title { margin: 0 0 15px; padding: 0 10px; font-size: 20px; color: #444; } .comment-list .title strong { font-weight: normal; } .comment-list .comment { margin: 0 0 40px; border-top: 1px solid #ddd; } .comment-list .comment:after { content: ""; display: block; clear: both; } .comment-info { width: 150px; margin: 20px auto; } .comment-info .username { display: block; margin: 0 0 -1px; border: 1px solid #ddd; background-color: #f6f6f6; padding: 11px 0; font-weight: bold; color: #444; } .comment-info a.username:hover { color: #caaf6f; } .comment-info .avatar { position: relative; width: 150px; height: 150px; border: 1px solid #ddd; overflow: hidden; } .comment-info .avatar img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; border: solid 2px #CEDBE1 !important; } .comment-time { margin: 0 0 15px; font-size: 13px; font-weight: bold; } .comment-time span { color: #444; } .comment-title { margin: 0 0 15px; font-size: 16px; color: #444; } .comment-body { line-height: 22px; } .news-list-homepage { margin: 0 0 75px; } .news-list-homepage .title { margin: 0 0 -1px; border-bottom: 1px solid #ddd; padding: 0 0 15px; font-size: 30px; font-weight: normal; color: #444; } .news-list-homepage .title strong { font-weight: normal; } .news-list-homepage .view-all { text-align: center; } .news-list-homepage .view-all a { color: #444; text-decoration: underline; } .news-list-homepage .view-all a:hover { color: #caaf6f; } /*** FORUM & PROFILE ***/ .forums-main-page .topic-block { margin: 0 0 35px; text-align: center; } .forums-main-page .topic-block p { text-align: center; } .forums-main-page .pager { display: none; } .forum-breadcrumb { margin: 0 0 40px; } .forums-header { margin: 0 0 50px; overflow: hidden; } .forums-header:after { content: ""; display: block; clear: both; } .forums-header .current-time { margin: 0 0 15px; color: #444; } .forum-search-box .basic { overflow: hidden; margin: 0 0 10px; } .forum-search-box .advanced a { line-height: 22px; color: #444; text-decoration: underline; } .forum-search-box .advanced a:hover { color: #caaf6f; } .forum-search-page .page-title { margin: 0 0 -1px; } .forum-search-page .search-error, .forum-search-page .no-result { margin: 0 0 15px; text-align: center; color: #e4434b; } /* forum group */ .forums-table-section { margin: 0 0 60px; } .forums-table-section + .pager { margin: -30px 0 30px; } .forums-table-section-title { margin: 0 0 15px; padding: 0 10px; } .forums-table-section-title a, .forums-table-section-title strong { font-size: 22px; font-weight: normal; color: #444; } .forums-table-section-title a:hover { color: #caaf6f; } .forums-table-section .image div { width: 38px; height: 32px; margin: auto; background: url('../images/topic-type1.png') center no-repeat; } .forums-table-section .image div.sticky { background: url('../images/topic-type2.png') center no-repeat; } .forums-table-section .image div.announcement { background: url('../images/topic-type3.png') center no-repeat; } .forums-table-section .forum-title, .forums-table-section .topic-title { margin: 5px 0; } .forums-table-section .forum-title a, .forums-table-section .topic-title a { font-size: 16px; font-weight: bold; color: #444; } .forums-table-section .forum-title a:hover, .forums-table-section .topic-title a:hover { color: #caaf6f; text-decoration: none; } .forums-table-section .topic-title span { display: block; color: #777; } .forums-table-section .forum-description, .forums-table-section .topic-starter { margin: 5px 0; } .forums-table-section .latest-post { white-space: nowrap; } .forums-table-section .latest-post div { margin: 5px 0; } .forums-table-section .latest-post label { color: #777; } .forums-table-section .view-all { margin: 30px 0 0; padding: 0 10px; } .forums-table-section .view-all a { background-color: #caaf6f; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } .forums-table-section .view-all a:hover { background-color: #e8ca81; } /* forum-page, topic page */ .forum-page .forum-info { margin: 0 0 30px; } .forum-page .forum-name, .forum-topic-page .topic-name { margin: 0 0 25px; border-bottom: 1px solid #ddd; padding: 0 10px 10px; } .forum-page .forum-name h1, .forum-topic-page .topic-name h1 { font-size: 30px; font-weight: normal; } .forum-actions, .topic-actions { margin: 0 0 30px; font-size: 0; } .forum-actions .actions a, .topic-actions .actions a { display: inline-block; margin: 1px; padding: 10px 10px 10px 33px; font-size: 14px; } .forum-actions .actions .new-topic { background: #eee url('../images/new.png') left center no-repeat; } .forum-actions .actions .watch-forum, .topic-actions .actions .watch-forum { background: #eee url('../images/watch.png') left center no-repeat; } .forum-actions .actions a:hover, .topic-actions .actions a:hover { background-color: #e6e6e6; } .forum-actions .pager.upper, .topic-actions .pager.upper { display: none; margin: 0; } .topic-actions .reply-topic-button { background: #eee url('../images/reply.png') left center no-repeat; } .topic-actions .watch-topic-button { background: #eee url('../images/watch.png') left center no-repeat; } .topic-actions .move-topic-button { background: #eee url('../images/move.png') left center no-repeat; } .topic-actions .edit-topic-button { background: #eee url('../images/edit_.png') left center no-repeat; } .topic-actions .delete-topic-button { background: #eee url('../images/remove_.png') left center no-repeat; } .topic-actions.lower .actions { display: none; } .active-discussions-page .forums-table-section-title { margin: 0 0 25px; border-bottom: 1px solid #ddd; padding: 0 10px 10px; } .active-discussions-page .forums-table-section-title strong { font-size: 30px; font-weight: normal; } .active-discussions-page .forums-table-section-body { margin: 0 0 20px; } /* topic post */ .topic-post { margin: 0 0 30px; border-top: 1px solid #ddd; } .topic-post:last-child { border-bottom: 1px solid #ddd; } .topic-post:after { content: ""; display: block; clear: both; } .topic-post .post-info { margin: 30px 0; } .topic-post .user-info { width: 150px; margin: 0 auto 15px } .topic-post .username { display: block; margin: 0 0 -1px; border: 1px solid #ddd; background-color: #f6f6f6; padding: 11px 0; font-weight: bold; color: #444; } .topic-post a.username:hover { color: #caaf6f; } .topic-post .avatar, .profile-info-box .avatar { position: relative; width: 150px; height: 150px; border: 1px solid #ddd; overflow: hidden; } .topic-post .avatar img, .profile-info-box .avatar img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .topic-post .avatar img { border: solid 2px #CEDBE1 !important; } .topic-post .user-stats { margin: 0 0 15px; } .topic-post .user-stats li { display: inline-block; margin: 0 10px; } .topic-post .user-stats span, .profile-info-box .profile-stats span { margin: 0 0 0 3px; font-weight: bold; color: #444; } .topic-post .pm-button, .profile-info-box .pm-button { display: inline-block; border: none; background-color: #888; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; } .topic-post .pm-button:hover, .profile-info-box .pm-button:hover { background-color: #999; } .topic-post .post-time { margin: 0 0 15px; background-color: #f6f6f6; padding: 10px 15px; font-size: 13px; font-weight: bold; } .topic-post .post-time span { color: #444; } .topic-post .post-actions { margin: 0 0 15px; font-size: 0; } .topic-post .post-actions > div { display: inline-block; } .topic-post .post-actions a { display: inline-block; margin: 1px 5px; font-size: 14px; } .topic-post .post-actions .edit-post-button, .topic-post .post-actions .delete-post-button { padding: 10px 10px 10px 33px; } .topic-post .post-actions .edit-post-button { background: url('../images/edit_.png') left center no-repeat; } .topic-post .post-actions .delete-post-button { background: url('../images/remove_.png') left center no-repeat; } .topic-post .post-actions .edit-post-button:hover, .topic-post .post-actions .delete-post-button:hover { color: #caaf6f; } .topic-post .post-actions .post-link-button { padding: 10px; font-weight: bold; color: #caaf6f; } .topic-post .post-actions .post-link-button:hover { text-decoration: underline; } .topic-post .post-actions .quote-post-button { background-color: #888; padding: 10px 20px; color: #fff; } .topic-post .post-actions .quote-post-button:hover { background-color: #999; color: #fff; } .topic-post .post-text { /*topic post-text also gets style from blog post-body*/ padding: 0 10px 20px; line-height: 22px; color: #444; margin-bottom: 0; } .topic-post .post-vote{ text-align: center; display: table; margin: 0 auto 20px; } .topic-post .user-posted-image, .latest-posts .user-posted-image { max-width: 100%; height: auto; } .topic-post .quote, .latest-posts .quote { margin: 10px 0; border: 1px dashed #ccc; background-color: #f9f9f9; padding: 10px; color: #777; } .topic-post .signature { border-top: 1px solid #ddd; padding: 20px; font-size: 13px; font-style: italic; clear: both; } .topic-post .post-vote span.vote { cursor: pointer; display: block; width: 40px; height: 24px; } .topic-post .post-vote span.up{ background: url('../images/vote-up.png') no-repeat 50% 50%; } .topic-post .post-vote span.vote.up.selected{ background: url('../images/vote-up-selected.png') no-repeat 50% 50%; } .topic-post .post-vote span.down{ background: url('../images/vote-down.png') no-repeat 50% 50%; } .topic-post .post-vote span.vote.down.selected{ background: url('../images/vote-down-selected.png') no-repeat 50% 50%; } .topic-post .vote-count-post { display: block; font-size: 160%; } /* forum edit & send message */ .forum-edit-page .page-title, .move-topic-page .page-title, .private-message-send-page .page-title { margin: 0 0 -1px; } .move-topic-page label { white-space: normal; } .forum-edit-page .message-error, .private-message-send-page .message-error { margin: 20px 0; } .forum-edit-page .inputs strong { display: inline-block; max-width: 400px; font-size: 22px; /*reset zeroing*/ font-weight: normal; color: #444; white-space: normal; } .forum-edit-page .inputs .topic-subject { font-size: 17px; } .forum-edit-page .inputs.reversed { margin: 0; } .forum-edit-page .inputs.reversed label { width: auto; margin: 5px; font-size: 14px; /*reset zeroing*/ white-space: normal; } .forum-edit-page .bb-code-editor-wrapper, .private-message-send-page .bb-code-editor-wrapper { max-width: 400px; margin: 20px auto; background-color: #ddd; padding: 10px; } .forum-edit-page .toolbar .button, .private-message-send-page .toolbar .button { margin: 0 2px 0 0; border: #cec6b5 1px solid; padding: 2px; } .forum-edit-page .toolbar .button:hover, .private-message-send-page .toolbar .button:hover { border: #333 1px solid; } .forum-edit-page textarea, .private-message-send-page textarea { display: block; margin: auto; } .forum-edit-page .buttons input, .move-topic-page .buttons input, .private-messages .buttons input { min-width: 140px; border: none; background-color: #999; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .forum-edit-page .buttons input:hover, .move-topic-page .buttons input:hover, .private-messages .buttons input:hover { background-color: #888; } .forum-edit-page .buttons .button-1, .move-topic-page .buttons .button-1, .private-messages .buttons .button-1 { background-color: #caaf6f; } .forum-edit-page .buttons .button-1:hover, .move-topic-page .buttons .button-1:hover, .private-messages .buttons .button-1:hover { background-color: #e8ca81; } .private-message-send-page a { font-size: 14px; color: #caaf6f; } .private-message-send-page span { font-size: 14px; } /* jQuery tabs */ .ui-tabs { /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; background: none; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; color: #777; } .ui-widget.ui-widget-content.ui-tabs { border: none; } .ui-tabs-nav { margin: 0 0 30px; border-bottom: 1px solid #ddd; overflow: hidden; font-size: 0; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 0 30px !important; border-width: 0 0 1px; border-radius: 0; background: none; padding: 0 !important; line-height: normal; font-weight: normal; color: #444; } .ui-tabs-nav li { margin: 0 0 -1px; /*override jQuery UI styles, do not delete doubled properties*/ float: none !important; margin: 0 0 -1px !important; border: none !important; border-radius: 0; background: none !important; padding: 0 !important; } .ui-tabs-nav li a { display: block; border: 1px solid #ddd; padding: 12px 24px; text-align: center; font-size: 18px; color: #444; /*override jQuery UI styles, do not delete doubled properties*/ float: none !important; padding: 12px 24px !important; } .ui-tabs-nav li.ui-state-active a { background-color: #eee; color: #caaf6f; } .ui-tabs-panel { /*override jQuery UI styles, do not delete doubled properties*/ padding: 0 !important; } /* inbox & view message */ .private-messages-page .table-wrapper, .private-message-view-page .view-message { margin: 0 0 30px; } .private-messages-page th.select { text-align: center; } .private-messages-page td.from, .private-messages-page td.to, .private-messages-page td.subject { min-width: 150px; } .private-messages-page td.date { white-space: nowrap; } .private-messages-page td.subject a { color: #444; } .private-messages-page td.subject a.pm-unread { color: #caaf6f; } .private-messages-page .pager { margin: 0 0 30px; } .private-messages-page .buttons, .private-message-view-page .buttons { font-size: 0; } .private-messages-page .buttons .button-1, .private-messages-page .buttons .button-2, .private-message-view-page .buttons .button-1, .private-message-view-page .buttons .button-2 { display: block; width: 250px; margin: 0 auto 3px; font-size: 15px; /*reset zeroing*/ } .private-message-view-page .view-message { margin: 0 0 30px; } .private-message-view-page .message-head { margin: 0 0 20px; line-height: 22px; } .private-message-view-page .message-head span { font-weight: bold; color: #444; } .private-message-view-page .message-body { border-top: 1px solid #ddd; background-color: #f9f9f9; padding: 30px 20px; line-height: 22px; text-align: justify; } .private-message-view-page .back-pm-button { text-transform: capitalize !important; } /* profile page */ .profile-info-box { overflow: hidden; /*override jQuery UI styles, do not delete doubled properties*/ line-height: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #777; } .profile-info-box .user-details { margin: 0 0 30px; } .profile-info-box .avatar { margin: 0 auto 15px; } .profile-info-box .title { margin: 0 0 10px; font-size: 18px; color: #444; } .profile-info-box .stats { margin: 0 0 15px; } .latest-posts { /*override jQuery UI styles, do not delete doubled properties*/ line-height: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #777; } .latest-posts .topic { margin: 0 0 35px; } .latest-posts .topic-title { margin: 0 0 20px; border-top: 1px solid #ddd; background: #f6f6f6; padding: 10px; font-size: 16px; } .latest-posts .topic-title a { font-weight: bold; color: #444; } .latest-posts .topic-title a:hover { color: #caaf6f; } .latest-posts .topic-body { margin: 0 0 15px; line-height: 22px; } .latest-posts .topic-data { color: #444; } /* BB codes */ pre { white-space: pre-wrap; white-space: normal; word-wrap: break-word; } .csharpcode { margin: 10px 0; border: 1px dashed #ccc; background-color: #fff; padding: 10px; font-family: "Courier New", Courier, monospace; color: #000; } .csharpcode .rem { color: green; } .csharpcode .kwrd { color: #00f; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #00c; } .csharpcode .preproc { color: #c63; } .csharpcode .asp { background-color: #ff0; } .csharpcode .html { color: maroon; } .csharpcode .attr { color: red; } .csharpcode .alt { width: 100%; margin: 0; background-color: #f6f6f6; } .csharpcode .lnum { color: #666; } #featured-carousel .owl-item img {max-width: 100%; margin: 0 auto; width:auto} #featured-carousel .owl-nav button.diabled {display:none} li.hiddengray input[type=radio][disabled] {background-color: #ddd;} li.hiddengray label, li.hiddengray .icon:before { color: #99999980 !important;} /*Andreas B3ndy Css*/ .address-edit-page .edit-address .inputs {width: 100%;} .address-list-page .section, .order-list-page .section { position: relative; width: 100%; margin-bottom: 10px;border: 1px solid #eee;} .two-columns { min-height: calc(100vh - 270px);} .two-columns .center-2 .fieldset .title { margin-bottom: 24px;} .address-list-page .button-2:first-child, .order-list-page .button-2:first-child {margin:0} .address-list-page .button-2, .order-list-page .button-2 { display: inline-block; border: none; font-size: 13px; text-transform: uppercase;background: #caaf6f;color: #fff;padding: 0 15px;} .address-list-page .buttons, .order-list-page .buttons {position: static;} .address-list-page .info .name, .order-list-page .info .number {font-family: 'Crimson Pro', serif; font-size: 20px; color: #caaf6f; padding-bottom: 20px; font-weight: 500;} .address-list-page .info, .order-list-page .info {margin: 0 0 10px; padding: 16px;line-height: 21px;font-size: 14px;color: #444;list-style: none;font-weight: 500;} .address-edit-page .edit-address, .address-list-page .info, .order-list-page .info {border-top: none;} .order-details-page, .customer-info-page .page-body form, .change-password-page .page-body form {padding:0;} .table-title { margin: 15px 0 5px;font-size: 20px;color: #444;} .order-details-area>div, .shipment-details-area>div{border: 1px solid #ddd;padding: 0 10px 10px 10px;font-size: 14px;background: #f5f5f5;width: 350px;max-width: 100%;margin: 0 auto 40px;} .order-details-page .page-title .re-order-button {background-color: #caaf6f !important;color: #fff !important;} .order-details-page .page-title .re-order-button:hover {background-color: #e8ca81!important;} .order-details-page .table-wrapper { width: 450px; max-width: 100%; margin: 0 auto 40px;background-color: #f9f9f9;color: #444;} .order-details-page .table-wrapper .shipment-id {text-align: center;} .quantity-title { display: none;} .customer-title {font-size: 25px;text-transform: uppercase;line-height: 40px;} .block .title {font-size:16px} .block .title strong{font-weight:600;} .block-account-navigation .title + .listbox ul li {list-style:none} .html-checkout-page .selected-shipping-method{padding:0 20px 25px;text-align:right;display: flex;justify-content: flex-end;align-items: center;} .html-checkout-page .selected-shipping-method button#openModal {display:none !important} .html-checkout-page .selectShippingMethod, .html-checkout-page #shipping-method-wrapper .main-grid-selectors {display:none} .shipping-method .method-list li.disabled {pointer-events:none;border-color:#ddd} .shipping-method .method-list li.disabled label:before, .shipping-method .method-list li.disabled label, .shipping-method .method-list li.disabled .method-description{color:#ddd} .promotionbar {position:relative;} .promotionbar #close-promotionbar{ display: block; width: 15px; height: 15px; position: absolute; right: 20px; top: 10px;} .promotionbar #close-promotionbar:before{border:1px solid #000;padding:3px; } .promotionbar #close-promotionbar:before:hover{color:#fff} .promotionbar .sliderpromo p{text-align:center;font-size: 18px; /*color: #fff; text-transform: uppercase; font-weight: 400;*/ } @media all and (min-width: 320px) and (max-width: 399px) { .html-category-page .main-grid-selectors .product-filters a span strong, .html-product-details-page .main-grid-selectors .product-filters a span strong, .html-shopping-cart-page .main-grid-selectors .product-filters a span strong {font-size: 13px;} .html-product-details-page .main-grid-selectors .group li, .html-shopping-cart-page .main-grid-selectors .group li, .html-category-page .main-grid-selectors .group li { width: 80px;} } @media all and (min-width: 400px) { body {font-size: 15px} .contact-page .indirizzi .store-address,.contact-page .indirizzi .store-address + div {display:flex;margin-bottom:20px;} } @media all and (min-width: 400px) and (max-width: 768px) { .html-product-details-page .main-grid-selectors .product-filters a:before, .html-shopping-cart-page .main-grid-selectors .product-filters a:before, .html-category-page .main-grid-selectors .product-filters a:before { font-size: 45px; width: 80px; height: 80px; line-height: 80px; } .product-filter .group li a, .product-filter .group li strong {font-size: 15px;} .html-product-details-page .main-grid-selectors .product-filters a.h24.selected:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.h24.selected:before, .html-category-page .main-grid-selectors .product-filters a.h24.selected:before, .html-product-details-page .main-grid-selectors .product-filters a.airplane.selected:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.airplane.selected:before, .html-category-page .main-grid-selectors .product-filters a.airplane.selected:before, .html-product-details-page .main-grid-selectors .product-filters a.scooter.selected:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.scooter.selected:before, .html-category-page .main-grid-selectors .product-filters a.scooter.selected:before, .html-product-details-page .main-grid-selectors .product-filters a.house.selected:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.house.selected:before, .html-category-page .main-grid-selectors .product-filters a.house.selected:before {width: 84px;height:84px;} .html-product-details-page .main-grid-selectors .group li, .html-shopping-cart-page .main-grid-selectors .group li, .html-category-page .main-grid-selectors .group li { width: 100px; display: flex; flex-wrap: wrap; align-items: center;justify-content: center;} } @media all and (min-width: 480px) { .html-product-details-page .main-grid-selectors .group, .html-shopping-cart-page .main-grid-selectors .group, .html-category-page .main-grid-selectors .group, .location-box .group{max-width:100%;} .select-shipping-method .box{margin-top:145px;} .main-services .box-img-text .description h2, .main-history-header > h2 {font-size: 35px} .item-box{padding:0} .edit-address {display:-webkit-flex;display:flex; justify-content:flex-start; flex-wrap:wrap} /*.edit-address:after {content: '';flex: auto;}*/ } @media all and (min-width:480px) and (max-width: 1000px){ .specifichec {left: 50%;margin: 0 auto; transform: translateX(-50%); width: 480px; } } @media all and (min-width: 481px) { /*** GLOBAL TABLES ***/ .cart tr {width: 46%;margin: 40px 2% 0;} .cart tr:nth-child(2n+1) {clear: both;} .order-details-page .data-table tr {width: 46%; margin: 40px 2% 0;} .order-details-page .data-table tr:nth-child(2n+1) {clear: both;} /*** HEADER ***/ .header-selectors-wrapper > div { display: inline-block;width: 30%; margin: 10px auto;} .search-box input.search-box-text {width: 280px;} .ui-autocomplete {width: 280px !important;} .ui-autocomplete img {display: inline;} /*** FOOTER ***/ .footer-block {width: 85%;} .newsletter-email input[type="text"] {width: 240px;} /*** CATEGORY ***/ .product-filter {display: table-cell;vertical-align: top;text-align: left;} .product-filter.price-range-filter {width: 200px;} .product-filter .product-spec-group {float: left;margin: 0 25px 10px 0;} .product-filter .product-spec-group.product-spec-color { max-width: 190px;} .product-filter .group li.item {display: block;margin: 0;} .product-filter .group li.color-item { display: inline-block;} .item-box {width: 49%;margin: 0 0.5% 50px;} .item-box:nth-child(2n+1) {clear: both;} .item-box .product-rating-box { margin: 0 0 15px;} .item-box .product-title {margin: 0 0 5px;} /*** PRODUCT PAGE ***/ .overview-buttons div {display: inline-block;width: auto;margin: 0 1px 2px;} /*** WISHLIST ***/ .wishlist-content .button-2 {display: inline-block;width: auto;min-width: 140px;margin: 0 1px 5px;} /*** TOPICS ***/ .enter-password-form input[type="password"] {width: 260px;} /*** FORUM & PROFILE ***/ .forums-header {background-color: #f9f9f9;padding: 30px 20px 20px;} .ui-tabs-nav li {display: inline-block;min-width: 150px;margin: 0 5px -1px;/*override jQuery UI styles, do not delete doubled properties*/margin: 0 5px -1px !important;} .private-messages-page .buttons .button-1, .private-messages-page .buttons .button-2, .private-message-view-page .buttons .button-1, .private-message-view-page .buttons .button-2 {display: inline-block;width: auto;margin: 1px;} .topic-post .post-text { float: left; width: 90.5%;text-align: left;} .forum-group .forum-table th.latest-post, .forum-group .forum-table th.topics, .forum-group .forum-table th.posts, .forum-group .forum-table td.latest-post, .forum-group .forum-table td.topics, .forum-group .forum-table td.posts {display: table-cell;} .topic-group .forum-table th.latest-post, .topic-group .forum-table td.latest-post { display: table-cell;} .forum-table td.image {max-width: 40px;} .forum-table td.image div {max-width: 100%;background-size: contain;} } @media all and (min-width: 640px) { .home-page-product-grid .owl-carousel .owl-stage-outer .product-item .details h2 {font-size:16px} .html-product-details-page .product-essential .flex-group > div{width:50%} .html-product-details-page .prices, .html-product-details-page .add-to-cart{border:none} .html-product-details-page .attributes dt, .html-product-details-page .attribute-label{display:none} #footer .delivery-info > div:first-child {display:flex;flex-wrap: wrap;} #footer .delivery-info > div > div {width:50%} #main .shopping-cart-page .cart .row .product {flex: 1;padding-right: 45px;} #main .shopping-cart-page .cart .prices {position: inherit;bottom: inherit;display: flex;align-items: center;margin: 0} #main .shopping-cart-page .cart .row, #main .cart-footer .totals {justify-content: space-between} .html-product-details-page .attributes dt.peso + dd {width:100%;} .html-product-details-page .attributes dt.peso + dd select { border-radius: 50px; width: 100%;} .html-product-details-page .attributes .attributes dl:first-child {display: flex; width: 100%; align-items: center;} .box-gallery a{width:31.33333%} } @media all and (min-width: 640px) and (max-width: 989px){ .html-product-details-page .product-essential .flex-group{justify-content:space-around; flex-wrap:nowrap} .html-product-details-page .product-essential div.flex-group .attributes{order:0} .html-product-details-page .product-essential div.flex-group > div:last-of-type{order:1} } @media all and (min-width: 768px) { .home-page-product-grid .owl-carousel .owl-stage-outer .product-item .details h2 {font-size:18px} .attributes .option-list label .icon strong{font-size:15px;} #featured-carousel {width: 100%} #featured-carousel .owl-nav button.owl-prev {left: -20px} #featured-carousel .owl-nav button.owl-next{right: -20px} #featured-carousel .item-box .details {padding: 0; position: relative;} /*#featured-carousel .item-box .product-item {justify-content: center}*/ #featured-carousel .item-box .picture {margin-bottom: 10px} #featured-carousel .item-box .picture img {height:auto;width:auto !important} #featured-carousel .item-box .details .price.actual-price {margin-top: 20px} #featured-carousel .item-box .details .buttons {position: absolute; bottom: 10px; width: 100%} .product-grid.home-page-product-grid {padding: 30px} .container, .master-column-wrapper .stores {padding: 30px 10px;} #footer .footer-container.container {padding:30px;} .main-services .box-img-text .description {padding: 0 20px; display:flex; align-items: center} .main-services .box-img-text .description h2 {text-align: left} .main-services .box-img-text > div {width: 50%} .main-services .box-img-text .img img {width: 100%} #main .shopping-cart-page .cart-footer .totals {float: none} #main .shopping-cart-page .cart .row, #main .cart-footer .totals, .html-shopping-cart-page #shopping-cart-form .table-wrapper .messages {max-width: 800px;margin: auto} #checkout-steps .step{margin:10px 0;padding:15px} .html-category-page .main-grid-selectors .product-filters a:after, .html-product-details-page .main-grid-selectors .product-filters a:after, .html-shopping-cart-page .main-grid-selectors .product-filters a:after {content: ""; bottom: 5px; left: 30px; right: 0; height: 5px; background: #000; width:0; position: absolute} .html-product-details-page .selected-shipping-method, .html-shopping-cart-page .selected-shipping-method {padding:20px 25px;text-align:right;display: flex;justify-content: flex-end;align-items: center;} /*** FOOTER **/ #footer .store-follow .container, #footer .store-follow .store-address {display: flex} #footer .store-follow .store-address > div:nth-child(n+2) {margin-left: 20px} #footer .store-follow .store-address > div:first-child {padding-right: 20px; border-right: 1px solid #fff} #footer .store-follow .container {justify-content: space-between} .gfield-wrapper .field-placeholder{font-size:15px} .html-category-page .header-image:after{content:""; position:absolute; bottom:0; width:100%;height:150px; background: rgba(0,0,0,.6); background: -moz-linear-gradient(bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%); background: -webkit-gradient(left bottom,left top,color-stop(0%,rgba(0,0,0,.6)),color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(bottom,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0);} .html-category-page .header-image h1{position:absolute; z-index:1; color:#fff; font-size:50px; line-height:53px; padding:0 0 50px 0} .html-category-page .header-image img{max-width: 100%} .html-product-details-page .main-grid-selectors, .html-category-page .main-grid-selectors, .html-shopping-cart-page .main-grid-selectors {background: #F5F5F5} .html-product-details-page .main-grid-selectors .title, .html-category-page .main-grid-selectors .title, .html-shopping-cart-page .main-grid-selectors .title{font-style:italic; padding-top:20px} .html-product-details-page .main-grid-selectors .group li, .html-shopping-cart-page .main-grid-selectors .group li, .html-category-page .main-grid-selectors .group li{width:50%} .selectShippingMethod {display:none;} /**** GLOBAL ***/ .master-wrapper-content {width: 100%;} .home-page-polls li {min-width: 100px;} /**** GLOBAL TABLES ***/ .cart tr { width: 31.33333%; margin: 40px 1% 0; } .cart tr:nth-child(2n+1) { clear: none; } .cart tr:nth-child(3n+1) { clear: both; } .order-details-page .data-table tr { width: 31.33333%; margin: 40px 1% 0; } .order-details-page .data-table tr:nth-child(2n+1) { clear: none; } .order-details-page .data-table tr:nth-child(3n+1) { clear: both; } /*** HEADER ***/ .header-selectors-wrapper > div {width: 20%;} /*** FOOTER ***/ .footer-block { display: inline-block; width: 25.33333%; margin: 0 4%; vertical-align: top; } .footer-block .title { margin: 0 0 15px; background: none; padding: 0; color: #444; cursor: auto; } .footer-block .list { display: block !important; /* prevents toggle display:none on resize */ background: none; padding: 0; } .footer-block .list li { padding: 5px 0; } .footer-block .list a { display: inline; padding: 0; } /*** CATEGORY ***/ .product-selectors { text-align: left; } .product-selectors .product-viewmode { display: inline-block; float: right; } .product-selectors .product-viewmode span { display: none; } .product-selectors .product-viewmode a { display: inline-block; width: 24px; height: 32px; margin: 0 0 0 12px; background-position: center; background-repeat: no-repeat; opacity: 0.5; } .product-selectors .product-viewmode a.grid { background-image: url('../images/view-grid.png'); } .product-selectors .product-viewmode a.list { background-image: url('../images/view-list.png'); } .product-selectors .product-viewmode a.selected { opacity: 1; } .item-box { width: 32.33333%; margin: 0 0.5% 50px; } .item-box:nth-child(2n+1) { clear: none; } .item-box:nth-child(3n+1) { clear: both; } .product-list .item-box { float: none; width: auto; margin: 0 5px 20px; } .product-list .item-box .product-item:after { content: ""; display: block; clear: both; } .product-list .item-box .picture { float: left; width: 220px; } .product-list .item-box:hover .picture a img { opacity: 1; } .product-list .item-box .picture:hover a img { opacity: 0.85; } .product-list .item-box .picture + .details { margin: 0 0 0 240px; } .product-list .item-box .product-title { height: auto; padding: 10px 0; font-size: 18px; } .product-list .item-box .description { display: block; margin: 0 0 10px; line-height: 22px; } .product-list .item-box .prices { height: auto; margin: 0 0 30px; } .product-list .item-box .buttons { } .product-list .item-box .product-box-add-to-cart-button { width: auto; min-width: 150px; padding: 0 20px; } .product-list .item-box .add-to-compare-list-button, .product-list .item-box .add-to-wishlist-button { width: 42px; } /*** PRODUCT PAGE ***/ .gallery { width: 100%; } .variant-picture { float: left; } .variant-picture + .variant-overview { width: auto; margin: 0 0 0 240px; } .variant-overview { text-align: left; } /*** PRODUCT REVIEWS ***/ .product-review-item .review-title { float: left; max-width: 600px; } .product-review-item .product-review-box { float: right; } .write-review .review-rating div { display: inline-block; margin: 0 0 0 5px; cursor: default; vertical-align: middle; font-size: 14px; height: 17px; } /*** REGISTRATION, LOGIN, ACCOUNT ***/ .address-list-page .section, .order-list-page .section, .return-request-list-page .section { display: inline-block; width: 45%; margin: 20px 1%; vertical-align: top; } .recurring-payments { width: 100% !important; margin: 20px 0 !important; } /*** SHOPPING CART ***/ .order-progress { padding: 20px; } .order-progress li { margin: 0 10px; } .order-progress a { min-width: 80px; } .cart-options .common-buttons { text-align: right; } .cart-options .checkout-attributes, .cart-options .selected-checkout-attributes { padding: 0 10px; } .cart-footer .totals { float: right; width: 45%; margin: 0 2.5%; } .cart-footer .terms-of-service { text-align: left; } .cart-footer .checkout-buttons, .cart-footer .addon-buttons { text-align: right; } .cart-footer .cart-collaterals { float: left; width: 45%; margin: 0 2.5%; } .cart-footer .cart-collaterals div, .cart-footer .cart-collaterals label { text-align: left; } .cart-footer .estimate-shipping label { display: block; margin: 0 0 10px; } .cart-footer .estimate-shipping .buttons { text-align: right; } /*** CHECKOUT ***/ .checkout-page .selected-checkout-attributes { float: right; text-align: right; } .checkout-page .cart-footer .totals { max-width: 350px; margin: 0; } .checkout-page .address-grid { overflow: hidden; } .checkout-page .address-item { float: left; width: 48%; margin: 0 1% 40px; } .shipping-method .method-name { background-color: #f6f6f6; padding: 10px; } .payment-method .payment-logo { display: block; background-color: #f6f6f6; padding: 10px; } .payment-method .payment-details, .shipping-method .method-details {display: block;width: auto;min-width: 0;margin: 0;text-align: center;-webkit-flex-direction: column !important;-ms-flex-direction: column !important;flex-direction: column !important;display: flex;align-items: center;} .payment-info .info { padding: 30px 75px; } .order-review-data, .order-details-area, .shipment-details-area { overflow: hidden; } .order-review-data > div, .order-details-area > div, .shipment-details-area > div { float: left; width: 48%; margin: 0 1% 40px; } /*** ORDER DETAILS & SHIPPING DETAILS ***/ .order-details-page .section.options { text-align: right; } .order-details-page .selected-checkout-attributes { padding: 0 10px; } .order-details-page .tax-shipping-info { text-align: right; } .shipment-details-page .tracking-number .tracking-url { color: #caaf6f; } /*** BLOG & NEWS ***/ .blog-posts .tags { float: right; width: 80%; text-align: right; } .blog-posts .buttons { float: left; width: 20%; text-align: left; } .new-comment { text-align: center; } .new-comment .buttons { text-align: center; } .comment-list .comment { display: table; width: 100%; margin: 0; } .comment-list .comment:last-child { border-bottom: 1px solid #ddd; } .comment-info { display: table-cell; width: 15%; margin: 0; vertical-align: top; } .comment-info .username { min-height: 40px; margin: 0; border: none; text-align: center; } .comment-info .avatar { border: none; } .comment-info .avatar img { max-width: 80%; max-height: 80%; } .comment-content { display: table-cell; width: 85%; border-left: 1px solid #ddd; vertical-align: top; text-align: left; } .comment-time { min-height: 40px; margin: 0; background-color: #f6f6f6; padding: 10px 15px; font-size: 14px; font-weight: normal; } .comment-title { margin: 0 0 -20px; padding: 20px; } .comment-body { padding: 20px; } /*** FORUM & PROFILE ***/ .forum-actions, .topic-actions { overflow: hidden; } .forum-actions .actions, .topic-actions .actions { float: left; } .forum-actions .pager, .topic-actions .pager { float: right; max-width: 450px; } .forum-actions .pager li, .topic-actions .pager li { margin: 2px 4px; } .forum-actions .pager.upper { display: block; } .topic-actions.lower .actions { display: block; } .topic-posts { margin: 0 0 30px; } .topic-post { display: table; width: 100%; margin: 0; } .topic-post .post-info { display: table-cell; width: 15%; margin: 0; vertical-align: top; text-align: left; } .topic-post .user-info { width: auto; } .topic-post .username { min-height: 40px; margin: 0; border: none; text-align: center; } .topic-post .avatar { margin: auto; border: none; } .topic-post .avatar img { max-width: 80%; max-height: 80%; } .topic-post .user-stats li { margin: 0; } .topic-post .send-pm { margin: 0 0 20px; } .topic-post .pm-button, .profile-info-box .pm-button { padding: 8px 16px; font-size: 13px; } .topic-post .post-content { display: table-cell; width: 85%; border-left: 1px solid #ddd; vertical-align: top; text-align: left; } .topic-post .post-head { min-height: 40px; overflow: hidden; background-color: #f6f6f6; } .topic-post .post-time { float: left; margin: 0; font-size: 14px; font-weight: normal; } .topic-post .post-actions { float: right; margin: 0; } .topic-post .post-actions a { margin: 0; line-height: 20px; } .topic-post .post-actions .manage-post a { } .topic-post .post-actions .quote-post a { min-width: 70px; } .topic-post .post-actions a.post-link-button { margin: 0 0 0 10px; border-left: 1px solid #ddd; text-align: center; } .topic-post .post-text { padding: 20px 5px; } .topic-post .post-vote{ padding: 20px 0 20px 15px; } .forum-table th.replies, .forum-table th.views, .forum-table th.votes, .forum-table td.replies, .forum-table td.views, .forum-table td.votes { display: table-cell; } .forum-table td.image { max-width: none; } .forum-table td.image div { max-width: none; background-size: initial; } .ui-tabs-nav { text-align: left; } .ui-tabs-nav li { margin: 0 10px -1px 0; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 10px -1px 0 !important; } .profile-info-box .avatar { float: left; margin: 0 15px 15px 0; } .profile-info-box .profile-stats { float: left; text-align: left; } .profile-info-box .title { text-align: left; } .profile-info-box .send-pm { clear: both; text-align: left; } } @media all and (min-width: 768px) and (max-width: 899px) { #featured-carousel .item-box .details {min-width: 300px; max-width: 320px} } @media (min-width: 769px) { .two-columns .center-2 .form-fields, .address-list-page .address-list, .address-edit-page .edit-address, .order-list-page .order-list {margin: 0 0 30px;display: flex;flex-wrap: wrap; justify-content: space-between; } .two-columns .center-2 .inputs { width: 48%;} /*.two-columns .inputs label { display: block; margin: 0 10px 10px 0; text-align: left; }*/ /*.two-columns .buttons {text-align: inherit !important; }*/ .address-list-page .section, .order-list-page .section, .return-request-list-page .section { border: 1px solid #eee; width: 48%;} .address-list-page .button-2, .order-list-page .button-2, .order-details-page .button-1, .order-details-page .button-2 {margin: 0 0 0 20px;} .html-category-page .main-grid-selectors .product-filters a span strong, .html-product-details-page .main-grid-selectors .product-filters a span strong, .html-shopping-cart-page .main-grid-selectors .product-filters a span strong {font-size: 15px;} } @media screen and (min-width:840px) { .edit-address .inputs {width:31.33333%;margin:1%} } @media screen and (min-width:990px) { .page-title h1 {font-size: 40px;} .html-shopping-cart-page #shopping-cart-form,.html-checkout-page #shopping-cart-form {display: flex;justify-content: space-between;flex-wrap: wrap} .html-shopping-cart-page #shopping-cart-form .table-wrapper,.html-checkout-page #shopping-cart-form .table-wrapper{order:0;width:calc(100% - 360px);padding:0 10px} .html-wishlist-page #main .cart .remove-from-cart button.cart {width: auto;padding: 0 10px} .html-checkout-page #shopping-cart-form .table-wrapper{padding-right:30px} .checkout-data .shopping-cart-page .order-review-data{display:flex;flex-wrap:wrap} #main .shopping-cart-page .cart-footer {order: 1;width: 360px;height: 100%} #main .shopping-cart-page .cart-footer .totals {padding: 10px 20px} #main .shopping-cart-page .cart-footer .totals tr td {padding-top: 15px;padding-bottom: 15px} #main .shopping-cart-page .cart-options {order: 2} #main .shopping-cart-page .cart .row {padding: 30px 0} .html-shopping-cart-page #shopping-cart-form .table-wrapper {padding-right: 65px} #main .shopping-cart-page .cart .row, #main .cart-footer .totals, .html-shopping-cart-page #shopping-cart-form .table-wrapper .messages {max-width: 100%} #main .shopping-cart-page .table-wrapper .messages .free-shipping { display: flex;align-items: center} #main .shopping-cart-page .table-wrapper .messages .free-shipping:before {font-size: 70px;color: #0AB3A3;padding-right: 20px} #main .shopping-cart-page .cart .row .product-picture img { max-width: 100px} .specifiche {/* top:80px */} .box-gallery a{width:23%} .two-columns.full-container { padding: 0 20px; max-width: 1360px; margin: auto; } .html-product-details-page .main-grid-selectors .group li, .html-shopping-cart-page .main-grid-selectors .group li, .html-category-page .main-grid-selectors .group li{margin-left:25px; width:auto} .html-product-details-page .main-grid-selectors .group li:first-of-type, .html-shopping-cart-page .main-grid-selectors .group li:first-of-type, .html-category-page .main-grid-selectors .group li:first-of-type{margin-left:0} .html-product-details-page .main-grid-selectors .title, .html-category-page .main-grid-selectors .title, .html-shopping-cart-page .main-grid-selectors .title{text-align:left} .html-product-details-page .main-grid-selectors .title em, .html-category-page .main-grid-selectors .title em, .html-shopping-cart-page .main-grid-selectors .title em {font-weight: 700;color: #5E4B2F; font-size: 15px;} .html-product-details-page .main-grid-selectors .location-box input.indirizzo, .html-shopping-cart-page .main-grid-selectors .location-box input.indirizzo, .html-category-page .main-grid-selectors .location-box input.indirizzo {width:360px} .html-product-details-page .product-essential > .container {margin-top: 50px;} .html-product-details-page .overview .product-name h1{text-align: left} .html-product-details-page .overview .short-description{font-size:16px; color:#000} .html-product-details-page .overview .add-to-cart-button, .html-product-details-page .variant-overview .add-to-cart-button{font-size: 19px;height:50px;} .html-product-details-page .related-products-grid{background:transparent} .html-product-details-page .related-products-grid .title{text-align:center; font-size:40px; font-family:'Crimson Text'; border:none} .html-product-details-page .prices, .html-product-details-page .related-products-grid .title{text-align:center; font-size:40px; font-family:'Crimson Text'; border:none} .html-product-details-page .prices, .html-product-details-page .add-to-cart{text-align:center} .html-product-details-page .product-essential .flex-group{justify-content:space-between; border-bottom:1px solid #CAAE6E; margin-bottom:20px; align-items: center} .html-product-details-page .add-to-cart{border-bottom:none} .item-box .product-item h2{text-align:center} .select-shipping-method .location-box .group input.indirizzo{min-width:390px} #checkout-step-confirm-order .top-confirm-order,#checkout-step-confirm-order .shopping-cart-page .order-summary-content{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between} #checkout-step-confirm-order .top-confirm-order > *{flex:1} #checkout-step-confirm-order .top-confirm-order > .checkout-buttons{text-align:right;display:none} #checkout-step-confirm-order .shopping-cart-page .order-summary-content{align-items:flex-start} #checkout-step-confirm-order .shopping-cart-page .cart .row {padding:16px 0} #featured-carousel .item-box .details {min-width: 300px; max-width: 400px} .payment-method .method-list li, .shipping-method .method-list li {width:29.3333%} .contact-page .page-body .indirizzi, .contact-page .page-body .contact-form {width:50%} .contact-page .indirizzi .store-address .store{width:50%;} .contact-page .page-body{display:flex;justify-content: space-around;} } @media all and (min-width: 768px) and (max-width: 1000px) { #featured-carousel .item-box .details {margin-left: 25px;} } @media all and (min-width: 990px) and (max-width: 1199px) { .html-shopping-cart-page .main-grid-selectors .group li {margin-left:15px} } @media all and (min-width: 1001px) { .specifichec {left: 10px;} .two-columns { display: flex; flex-wrap: wrap;} .two-columns .center-2 { margin: 30px 0 50px; padding: 0 30px; } .center-2, .side-2 {margin: 0 0 50px;} .two-columns .center-2 { margin: 10px 0 30px;padding: 0 10px;} .address-list-page .section, .order-list-page .section, .return-request-list-page .section { display: block; margin: 0 0 40px;} .order-details-page .table-wrapper { width: 100%; } .order-details-page .totals { float: right; clear: both;} .order-details-page, .customer-info-page .page-body form, .change-password-page .page-body form {padding: 30px 15px;} .customer-title {font-size: 30px; margin:20px;} /*** GLOBAL STYLES ***/ body {font-size: 17px;/* padding-top: 154px; */} .container {max-width:1360px; margin: auto;} .master-wrapper-content {margin: auto;} .main-history-intro, .main-history-header {display: flex} .main-history-intro {justify-content: space-between} .main-history-header {justify-content: center; align-items: flex-end; flex-direction: column; width: 45%} .main-history-intro .readmore {width: 48%} .main-history-intro .readmore p {line-height: 1.6} .main-history-header > h2 {color:#5E4B2E; text-align: right; line-height: 1.2; font-size: 40px; margin-bottom: 20px} .main-history-header > h2 span {font-weight: 600; color:#CAAD6D; display: block; font-size: 50px; margin-top: 10px; line-height: 0.9} .main-services .container {padding: 60px} .main-services .box-img-text .description {padding: 30px;} .main-services .box-img-text .description h2 {margin-bottom: 20px} .master-column-wrapper .stores .owl-carousel .item img {width: 100%} .master-column-wrapper .stores .owl-carousel .owl-item .item img {opacity: 0.5!important} .master-column-wrapper .stores .owl-carousel .owl-item.center .item img {opacity: 1!important} .master-column-wrapper .stores {padding: 35px 0 80px 0} .master-column-wrapper .stores h2 {font-size: 35px; margin-bottom: 40px} .center-2 {float: right;width: 73%;} .side-2 {float: left;width: 25%;} .page {text-align: left;} .page.order-completed-page, .page.password-recovery-page{text-align:center} /*.inputs {text-align: left;}*/ .inputs label:not(.RememberMe) {width: 265px;/* margin: 0 10px 10px 0; */text-align: left;display: inline-block;} .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select { min-height: 40px;} .inputs .option-list li {margin: 0 10px 0 0;} .center-1 .buttons {text-align: center;} .center-2 .inputs label {width: 136px;} .inputs.accept-consent label { width: auto;} .page-title a + h1 {float: left;} .link-rss {display: block;float: right;margin: 6px 0 0;} #featured-carousel .owl-nav button.owl-prev {left: -30px} #featured-carousel .owl-nav button.owl-next{right: -30px} #slider-carousel .item-content img {margin: 40px auto} #slider-carousel .item-content p {font-size: 25px} #featured-carousel {width: 90%;} #featured-carousel .item-box .details .product-title {font-size: 25px} #featured-carousel .item-box .details .weight {font-size: 22px} #featured-carousel .item-box .details .description {font-size: 16px} .product-grid.home-page-product-grid {padding: 50px} #featured-carousel .item-box .details {margin: 0;} .header-carts {height: 23px;} .header .menu-icons .icon > span.cart-qty {left:35px} /*** GLOBAL TABLES ***/ .cart tr {width: auto;margin: 0;} .cart label {display: none;} .order-details-page .data-table tr {width: auto; margin: 0;} .order-details-page .data-table label {display: none;} /*** HEADER ***/ .header {display: flex; flex-wrap: wrap; position: relative;} .header-links {order: 1; width: 100%} .header-links .menu-container {/* display:flex */position: relative;} #menu .first-menu.fixed-header{margin-top:0;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;top: 0;} .top-menu.notmobile {margin-left: 170px;} .logo{margin: 0 20px 0 25px;width: 126px;text-align: center;position: absolute;top: 60px;z-index: 10;} .logo.fixed{-webkit-transition: all .2s ease-in;transition: all .2s ease-in;z-index: 99;top: 20px;display: flex;position: fixed;} .logo a{display:inline-block;margin-bottom: 16px;} .header-upper:after {content: "";display: block;clear: both;} .header-selectors-wrapper {float: left;border: none;padding: 0;} .header-selectors-wrapper > div {width: auto;min-width: 100px;margin: 0 12px 0 0;line-height: 43px;} .header-selectors-wrapper select {height: 25px;padding: 4px;font-size: 12px;} .language-list {text-align: left;} .header-links-wrapper {float: right;padding: 0;} .header-links li {padding: 0 16px;} .header-links li:first-child {padding-left: 0} #topcartlink {width: auto;margin: 0;padding: 0 18px;height: 22px;} .user-box, #flyout-cart .mini-shopping-cart {background-color: #fff;} .header-lower {display: table;width: 100%;} .header-logo {display: table-cell;text-align: center;vertical-align: middle;font-size: 0;padding-top: 40px;width: 100%;margin: 30px 0 0 0;padding-bottom: 30px;border-bottom: 1px solid #CAAF6F;} .search-box {display: table-cell;text-align: right;vertical-align: middle;} .search-box input.search-box-text, .search-box .search-box-button {height: 40px;} /*** NAVIGATION ***/ .header-menu {width: 100%;position: relative;z-index: 5;width: 980px;margin: 0 auto 30px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 25px 0;text-align: center;} #showmenu, .sublist-toggle {display: none;} #menu .second-menu {/* position: fixed; */top: 40px;background: #C2E5DE;width: 100%;padding: 0 25px;height: 40px;line-height: 40px;text-align: center;z-index: 1;right: 0;left: 0;} .promotionbar {/* position: fixed; *//* top: 0; */background: #f7d3d7;width: 100%;padding: 0 25px;height: 40px;line-height: 40px;text-align: center;/* z-index: 1; *//* right: 0; *//* left: 0; *//* display: none; */} #menu .top-menu > li a { position: relative; font-weight:400} #menu .first-menu .top-menu > li a:after {background: none repeat scroll 0 0 transparent; bottom: -2px; content: ""; display: block; height: 2px; left: 50%; position: absolute; background: #CAAF6F; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0;} #menu .first-menu .top-menu > li a:hover:after {width: 100%; left: 0} #menu .first-menu {padding: 25px;justify-content: space-between;/* position: fixed; */top: 80px;right: 0;left: 0;border-bottom: 1px solid #ececec;} .menu-container .icon:before, .menu-container .icon {color: #CAAF6F;font-size: 20px;height: 22px;display:block;} .menu-container .icon.cart:before {font-size: 24px} .header #slider-carousel {order: 2} .header #slider-carousel h2 {font-size: 50px} .header-menu > ul { display: block !important; /* prevents toggle display:none on resize */ font-size: 0;} .header-menu > ul.mobile {display: none !important;} .header-menu > ul > li {display: inline-block;border-left: 1px solid #ddd;padding: 0 15px;vertical-align: middle;} .header-menu > ul > li:first-child {border-left: none;} .header-menu > ul > li > a {display: block;padding: 5px 10px;line-height: 20px;font-size: 17px; /*reset zeroing*/color: #555;cursor: pointer;} .header-menu > ul > li > a:hover {color: #caaf6f;} .header-menu .sublist {display: none;position: absolute;width: 200px;box-shadow: 0 0 2px rgba(0,0,0,0.2);background-color: #fff;padding: 10px 0;text-align: left;} .header-menu .sublist li {position: relative;} .header-menu .sublist li a {display: block;position: relative;padding: 10px 20px 10px 30px; font-size: 14px;color: #444;} .header-menu .sublist li a:before {content: "";position: absolute;top: 17px;left: 15px;width: 5px;height: 5px;background-color: #ddd;} .header-menu .sublist li:hover > a {background-color: #f6f6f6;} .header-menu ul li:hover > .sublist {display: block;} .header-menu .sublist .sublist {top: -10px;left: 100% !important;} /*** FOOTER ***/ .footer-upper {width: 980px;padding: 35px 10px;} .footer-upper:after {content: "";display: block;clear: both;} .footer-block {float: left;width: 220px;margin: 0;} .footer-block .list {margin: 0;} .newsletter-email {display: block;} .newsletter-email input[type="text"] {width: 200px;} .newsletter-email .newsletter-subscribe-button {width: 100px;padding: 0 5px;} .newsletter-validation .field-validation-valid {text-align: left;} .footer-lower {position: relative;width: 980px;padding: 25px 5px;} .footer-lower:after {content: "";display: block;clear: both;} .footer-info {float: right;line-height: 32px;} .footer-powered-by {float: left;margin: 0;line-height: 32px;} .theme-selector {float: left;margin: 0 0 0 15px;} #footer .delivery-info .box:before {font-size: 50px;height:90px;line-height:90px;width:90px} #footer .delivery-info .description {width: 75%; margin:50px auto 0 auto} #footer .delivery-info .description p {text-align: center} #footer .footer-container {display: flex; justify-content: space-around;font-size:16px;} #footer .footer-container .copyright {text-align: left} #footer .footer-container > div {line-height: 1.8} #footer .footer-container .payment-methods {margin: 15px 0} #footer .delivery-info .description {line-height: 1.4} /*** COLUMN ***/ .block {float: none;width: auto;margin: 0 0 20px;} .block .title {margin: 0;border-bottom: 1px solid #ddd;background: none;cursor: auto;} .block .title strong {font-weight: bold;} .block .listbox {display: block;border-bottom: none;} .block a.product-picture {display: inline-block;position: relative;width: 30%;margin: 0 0 0 -15px;vertical-align: middle;} .block a.product-name {vertical-align: middle;} .block a.product-picture + a.product-name {width: 70%;} .block a.product-picture + a.product-name:before {display: none;} /*** CATEGORY ***/ .breadcrumb {margin: 0 0 20px;} .item-box .buttons {text-align: left;} .home-page .product-grid .item-box, .product-details-page .product-grid .item-box, .home-page .product-grid .item-box:nth-child(3n+1), .product-details-page .product-grid .item-box:nth-child(3n+1), .home-page .product-grid .item-box:nth-child(4n+1), .product-details-page .product-grid .item-box:nth-child(4n+1), /*** PRODUCT PAGE ***/ .gallery {float: left;width: 450px;} .gallery .picture {width: auto;} .overview {float: right;width: calc(100% - 480px);} .rental-attributes {overflow: hidden;} .rental-attributes .attribute-item {float: left;margin: 0 20px 0 0;} .rental-attributes .datepicker {width: 160px;text-align: left;} .attribute-squares li {margin: 0 10px 10px 0;} .product-details-page .title {text-align: left;} /*** PRODUCT REVIEWS ***/ .product-review-item .review-title {max-width: 850px;} .write-review .review-rating div.name-description { width: 265px; margin: 0 5px 0 0; text-align: right} /*** WISHLIST & COMPARE LIST ***/ .compare-products-page .page-title { margin: 0 0 -1px; } .compare-products-page .clear-list { position: absolute; top: 7px; right: 0; } .compare-products-table .full-description td { display: table-cell; } .compare-products-table .full-description td p { margin-top: 0; } /*** TOPICS ***/ .center-1 .topic-block-title { text-align: center; } .topic-page p { text-align: justify; } /*** REGISTRATION, LOGIN, ACCOUNT ***/ .gender span { margin: 0 10px 0 0; } .gender span > * { margin: 0 5px 0 0; } .date-of-birth select + select { margin: 0 0 0 11px; } #check-availability-button { display: block; margin: 10px auto; } .login-page .customer-blocks { overflow: hidden; } .login-page .new-wrapper { float: left; width: 49%; margin: 0; } .login-page .new-wrapper .text { min-height: 200px; } .login-page .returning-wrapper { float: right; width: 49%; } .login-page .returning-wrapper .form-fields { min-height: 200px; padding: 30px 0 0; } .login-page .returning-wrapper .inputs label {width: 130px;} .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="email"], .login-page .returning-wrapper input[type="password"] { width: 300px; } /*.address-list-page .section, .order-list-page .section, .return-request-list-page .section {display: block; width: auto;margin: 0 0 40px;} .address-list-page .buttons, .order-list-page .buttons {position: absolute;top: 5px;right: 10px;}*/ .avatar-page .message-error, .avatar-page .buttons { text-align: left; } .registration-page .vat-note { margin-left: 275px; } .customer-info-page .vat-note, .customer-info-page .email-to-revalidate-note { margin-left: 150px; } .customer-info-page .vat-status { display: inline-block; } /*** SHOPPING CART ***/ /*** CHECKOUT ***/ .order-progress { margin: -30px 0 50px; } .checkout-page .address-item { width: 31.33333%; } .checkout-page .terms-of-service { text-align: center; } .payment-info .info { padding: 30px 15px; } .payment-info .info td:first-child { width: 265px !important; margin: 0 10px 0 0; text-align: right; } .payment-info .info td:only-child { width: 100% !important; } .order-review-data .title, .order-details-area .title, .shipment-details-area .title { text-align: left; } .opc .order-review-data ul { text-align: left; } /*** SEARCH & SITEMAP ***/ .advanced-search .price-range { margin-left: 114px; } /*** BLOG & NEWS ***/ .comment-list { margin: 0 0 50px; } .news-list-homepage .news-items { overflow: hidden; text-align: left; } .news-list-homepage .news-item { float: left; width: 31.33333%; margin: 0 1% 30px; } .news-list-homepage .news-item:nth-child(3n+1) { clear: both; } .news-list-homepage .news-item:only-child { float: none; width: auto; margin: 0 0 30px; } .news-list-homepage .news-head { text-align: center; } .news-list-homepage .news-body { text-align: justify; } /*** FORUM & PROFILE ***/ .forum-breadcrumb { margin: -30px 0 30px; } .current-time { float: right; } .forum-search-box { float: left; } .forum-search-box .advanced { text-align: left; } .forum-search-box .advanced a { line-height: normal; } .forums-table-section td { min-width: 150px; } .forums-table-section td:first-child { min-width: 90px; } .forums-table-section .view-all { text-align: right; } .topic-actions .pager.upper { display: block; max-width: 400px; } .forum-table .forum-details, .forum-table .topic-details { min-width: 225px; } .forum-table td { padding: 20px; } .forum-edit-page textarea, .private-message-send-page textarea { width: 600px; height: 250px; } .private-message-send-page .bb-code-editor-wrapper { display: inline-block; width: 400px; margin: 10px 0; vertical-align: middle; } } @media all and (min-width: 1100px) and (max-width:1199px) { .gallery .picture img, .gallery .pictures img, .gallery .picture-thumbs img, .variant-picture img {max-width: 450px;} } @media all and (min-width: 1100px) { .header-links .first-menu li {font-size: 20px;} .item-box{width:24%} .item-box:nth-child(3n+1) {clear: none} .item-box:nth-child(4n+1) {clear:both} .html-product-details-page .main-grid-selectors .group li, .html-shopping-cart-page .main-grid-selectors .group li, .html-category-page .main-grid-selectors .group li{margin-left:50px} } @media all and (min-width: 1200px) { .gallery {width: 480px;} .overview {width: calc(100% - 530px);} .html-product-details-page .overview .short-description{font-size:18px;} #slider-carousel .item {height: calc(100vh - 115px); overflow: hidden} #footer .delivery-info > div:first-child {justify-content:space-around} #footer .delivery-info > div > div {width:auto;} .box-gallery a{width:18%} } @media all and (min-width: 1360px) { /*** GLOBAL STYLES ***/ body {font-size: 17px; font-weight: 300} .container.large {padding: 100px} .main-services .box-img-text .description {padding: 0 50px} .main-services .box-img-text .description p {line-height: 1.8} .main-services .box-img-text .description > a {margin-top: 60px} .main-services .box-img-text .description h2 {font-size: 57px; margin-bottom: 30px} .main-history-header > h2 {font-size: 70px; margin-bottom: 50px} .main-history-header h2 > span {font-size: 95px} .main-history-intro .readmore {line-height: 1.6} #slider-carousel .item-content p {font-size: 30px} #featured-carousel .item-box .product-item h2 {font-size: 40px} #featured-carousel .item-box .details .price.actual-price {font-size: 35px;} #featured-carousel .item-box .details .buttons a {width: 164px} #featured-carousel .item-box .details .buttons [type="button"] {width: 108px} #featured-carousel .item-box .details .buttons a, #featured-carousel .item-box .details .buttons input {font-size: 19px} .product-grid.home-page-product-grid {padding: 100px} .inputs label { width: 375px; } .center-2 .inputs label { width: 213px; } .inputs.accept-consent label { width: auto; } /*** NAVIGATION ***/ .header-menu { width: 1200px; } .header-menu > ul > li { padding: 0 20px; } .header-menu > ul > li > a, .header-menu > ul > li > span { font-size: 18px; } .header .menu-icons .icon {display: flex; align-items: center} /*** FOOTER ***/ .footer-upper { width: 1200px; padding: 35px 30px; } .footer-block { width: 280px; } .footer-lower { width: 1200px; padding: 25px 20px; } /*** PRODUCT REVIEWS ***/ .product-review-item .review-title { max-width: 1050px; } .write-review .review-rating div.name-description { margin: 0 5px 0 0; min-width: 375px; } /*** REGISTRATION, LOGIN, ACCOUNT ***/ .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="email"], .login-page .returning-wrapper input[type="password"] { width: 360px; } .registration-page .vat-note { margin-left: 385px; } .customer-info-page .vat-note, .customer-info-page .email-to-revalidate-note { margin-left: 225px; } /*** SHOPPING CART ***/ .cart-footer .totals { width: 395px; margin: 0; } .cart-footer .cart-collaterals { width: 760px; margin: 0; } .cart-footer .cart-collaterals .deals { float: left; width: 360px; } .cart-footer .cart-collaterals .shipping { float: right; width: 360px; } .cart-footer .estimate-shipping .inputs label { display: inline-block; width: 35%; } .cart-footer .estimate-shipping .inputs input, .cart-footer .estimate-shipping .inputs select { width: 65%; } /*** CHECKOUT ***/ .shipping-method .method-list li, .payment-method .method-list li {margin: 20px 1%;} .payment-info .info td:first-child {width: 375px !important;} .payment-info .info td:only-child {width: 100% !important;} /*** FORUM & PROFILE ***/ .forum-actions .pager, .topic-actions .pager {max-width: 600px !important;} .topic-post .post-text {width: 930px;max-width: 100%;} } @media all and (min-width: 1600px) { .item-box{width:15.6%} .item-box:nth-child(4n+1) {clear: none} .item-box:nth-child(6n+1) {clear:both} .product-grid.cross-sells .item-box {width: 24%} } @media all and (max-width: 479px) { .header-logo img {width: 110px} #featured-carousel .owl-nav {position:absolute;top: 50%; transform:translateY(-50%); left:0; width:100%} .address-edit-page .edit-address .inputs {width: 100%} .html-product-details-page .related-products-grid .owl-carousel.owl-theme .owl-nav button.owl-next {right: 0px;} .html-product-details-page .related-products-grid .owl-carousel.owl-theme .owl-nav button.owl-prev {left: 0px;} } @media all and (max-width: 639px) { .html-product-details-page .product-essential .flex-group .attributes ul {display: flex;flex-wrap: wrap;} .html-product-details-page .product-essential .flex-group .attributes ul li {width: 50%;} .html-product-details-page .attributes{/*border-bottom:1px solid #CAAE6E;*/ padding-bottom:10px} .html-product-details-page .attributes dt .required{position:absolute; top:0; right:5px} .html-product-details-page .attributes dd{padding:10px 0;} .html-product-details-page .attributes dd.open{display:block} .html-product-details-page .owl-carousel.pictures img{margin:0 auto/*opacity: 1 !important; object-fit: cover; min-width: 100%; min-height: 100%;width: 100%;height: auto;max-width: 100%; max-height: 100%;*/} .html-product-details-page .attributes dl{display:flex;align-items:center} .html-product-details-page .attributes dt.peso + dd {width: 100%;} .html-product-details-page .attributes dt.peso + dd select{border-radius: 50px;width: 100%;} .html-product-details-page .attributes dt{position:relative} .html-product-details-page .attributes dt label{padding:10px 20px;margin: auto;text-align:left;text-transform:uppercase;font-weight:600;color:#000;/* display: flex; *//* justify-content: space-between; *//* align-items: center; */} #main .shopping-cart-page .cart .prices .prices-box {vertical-align: middle;display: inline-block} .cart .remove-from-cart {position:absolute;bottom: 15px;left: 10px;} .cart .remove-from-cart button.remove.icon, .html-wishlist-page #main .cart .remove-from-cart button {width: 25px !important;} } @media all and (max-width: 767px) { .header-links #menu {height: 30px;line-height: 30px;} .header .menu-icons .icon > span.cart-qty {top:0} /*** Header Administration ***/ .admin-header-links {width: 80px;opacity: 1;background: no-repeat;bottom: 5px;} .admin-header-links a strong{display:none} .admin-header-links a {background:#666;border-radius: 30px;width: 60px;height: 60px;text-align: center;margin: 0 0 5px 0;padding: 0;} .admin-header-links a.administration:before,.admin-header-links a.manage-page:before{font-family: 'costa-2019';font-size: 25px;text-transform: lowercase;line-height: 60px;} .admin-header-links a.administration:before{content:'o'} .admin-header-links a.manage-page:before{content:'p'} .html-shopping-cart-page .container {padding: 0 10px} .main-services .box-img-text {flex-direction: column} .main-services .container > div:not(:last-child) {margin-bottom: 20px} .main-services .box-img-text .img {margin: 0 auto; margin-bottom: 15px} .main-services .box-img-text .img img {width: auto; max-width: 100%} .main-services .box-img-text.right {flex-direction: column-reverse} /*** selezione un metodo di spedizione ***/ .location-box .group{width:100%;padding: 0 10px;/* border-bottom:1px solid #ccc */} .location-box .geoloc {/* right:-30px */} /*.location-box input{width:100%}*/ .gfield-wrapper label:first-child {display:block;margin-bottom: 10px;font-weight: 600;font-style: italic;} .html-product-details-page .main-grid-selectors, .html-category-page .main-grid-selectors, .html-shopping-cart-page .main-grid-selectors{overflow:hidden;position: fixed;top: 70px;left: 0;z-index: 999;background: #f5f5f5;width: 100%;} .html-product-details-page .main-grid-selectors .product-filters a span em, .html-shopping-cart-page .main-grid-selectors .product-filters a span em, .html-category-page .main-grid-selectors .product-filters a span em{display:none} .html-category-page .main-grid-selectors .product-filters a span strong, .html-product-details-page .main-grid-selectors .product-filters a span strong, .html-shopping-cart-page .main-grid-selectors .product-filters a span strong {text-transform:lowercase;font-weight:400;font-style: italic;} .html-product-details-page .main-grid-selectors .product-filters a span, .html-shopping-cart-page .main-grid-selectors .product-filters a span, .html-category-page .main-grid-selectors .product-filters a span{text-align:center;padding:0} .html-product-details-page .main-grid-selectors .group, .html-shopping-cart-page .main-grid-selectors .group, .html-category-page .main-grid-selectors .group, .location-box .group {justify-content: center; align-items: flex-start;} .html-product-details-page .main-grid-selectors .location-box .group, .html-shopping-cart-page .main-grid-selectors .location-box .group, .html-category-page .main-grid-selectors .location-box .group { padding-bottom: 20px;} .html-product-details-page .main-grid-selectors .product-filters a, .html-shopping-cart-page .main-grid-selectors .product-filters a, .html-category-page .main-grid-selectors .product-filters a {flex-wrap: wrap; justify-content: center;} .location-box {width: 100%;} .location-box input.indirizzo{ width: 190px; } .html-product-details-page .main-grid-selectors.open + #product-details-form:after, .html-category-page .main-grid-selectors.open + .main-product-grid.product-grid:after, .html-shopping-cart-page .main-grid-selectors.open + .main-product-grid:after, .product-essential.open:after, .html-shopping-cart-page .shopping-cart-page.blur:after{content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);z-index: 10;} .html-product-details-page .main-grid-selectors .filters-box, .html-category-page .main-grid-selectors .filters-box, .html-shopping-cart-page .main-grid-selectors .filters-box {display:none} .html-product-details-page .main-grid-selectors .title, .html-category-page .main-grid-selectors .title, .html-shopping-cart-page .main-grid-selectors .title, .html-category-page .main-grid-selectors .title{display:none} .html-product-details-page .selected-shipping-method, .html-shopping-cart-page .selected-shipping-method {display:none} .html-product-details-page .main-grid-selectors .product-filters a.h24.selected:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.h24.selected:before, .html-category-page .main-grid-selectors .product-filters a.h24.selected:before {border:2px solid #ca9a38;} .html-product-details-page .main-grid-selectors .product-filters a.airplane.selected:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.airplane.selected:before, .html-category-page .main-grid-selectors .product-filters a.airplane.selected:before {border:2px solid #609c9c; } .html-product-details-page .main-grid-selectors .product-filters a.scooter.selected:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.scooter.selected:before, .html-category-page .main-grid-selectors .product-filters a.scooter.selected:before {border:2px solid #8ba255;} .html-product-details-page .main-grid-selectors .product-filters a.house.selected:before, .html-shopping-cart-page .main-grid-selectors .product-filters a.house.selected:before, .html-category-page .main-grid-selectors .product-filters a.house.selected:before {border:2px solid #d4ab4d;} .group.group.PickupPoint > .gfield-wrapper {display:block} .group.group.PickupPoint > .gfield-wrapper.hasValue > div {text-align:left; margin-top:15px} .selectShippingMethod.close:after {content: "x";font-family: 'costa-2019';text-transform: none;font-size: 16px;position: absolute;left: -50px;background: #f44336;border-radius: 30px;height: 40px;line-height: 40px;text-align: center;width: 40px;} .product-essential .overview {padding: 0 10px} .html-product-details-page .main-grid-selectors .filters-box.open, .html-category-page .main-grid-selectors .filters-box.open, .html-shopping-cart-page .main-grid-selectors .filters-box.open{display:block;/*max-width: 80%;*/min-width: 320px;width: 100%;} .html-category-page .header-image{margin-bottom:15px} .review-rating .name-description {text-align: center; width: 100%; display: block; } .write-review .review-rating div{ text-align: center; padding-bottom: 10px; display: inline-block;} #featured-carousel .item-box .picture img {margin: 0 auto; width: auto} #featured-carousel .item-box .product-item {flex-direction: column} .two-columns .center-2 .form-fields {max-width: 400px;} /*** FOOTER **/ #footer {z-index: 0;} #footer .store-follow .store-address > div:nth-child(n+2) {margin-top: 20px} #footer .follow-us {margin-top: 30px} #footer .store-follow .store-address > div:first-child {padding-bottom: 20px; border-bottom: 1px solid #fff} #footer .store-follow .store-address > div {text-align: center} #footer .container {padding:20px 10px} .selectShippingMethod{ cursor:pointer; padding:10px 20px; text-align:left; border-radius: 40px; color: #fff; display: flex; align-items: center; position: fixed; bottom: 20px; right: 10px; background: #f44336; z-index: 11; font-size: 14px; width: 180px; -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); -moz-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .selectShippingMethod:before{content: "n";font-family:'costa-2019';text-transform: none;font-size: 41px;padding-right: 10px;animation: shake-animation 3.72s ease infinite;/*animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;*/} .selectShippingMethod:active { background-color:#444; } .selectShippingMethod.small {width: 60px;padding-left: 8px;height: 60px;} .selectShippingMethod.small strong {opacity:0} .selectShippingMethod.close.small {width:170px; padding-left:20px;} .selectShippingMethod.close.small strong {opacity:1} .product-essential .flex-group .prezzo { width: 100%;padding: 0; order: 0;} .product-essential.btn-fixed .flex-group .prezzo {position:fixed; bottom: -110px;background: #c9ab67; z-index:2; left:0;transition: all .5s ease-in-out; -webkit-transform: translateY(-110px); -moz-transform: translateY(-110px); -ms-transform: translateY(-110px); -o-transform: translateY(-110px); transform: translateY(-110px); } .product-essential.btn-fixed .overview .prices > div > span {font-size:26px;color: #fff;font-family: 'Muli', sans-serif;} .product-essential.btn-fixed .overview .add-to-cart { margin: 0; padding: 0 0 20px; border:none;} .product-essential.btn-fixed .overview .add-to-cart-panel{display:flex; justify-content:center;align-items:center; padding:0 10px} .product-essential.btn-fixed .overview .add-to-cart-button {width:60%;margin:0;background: #fff;color: #C9AB67;} .product-essential.btn-fixed .overview .add-to-cart-button span {display:none} .product-essential.btn-fixed .overview .add-to-cart-button strong {font-weight:normal;display:inline-block} .product-essential.btn-fixed .overview .add-to-cart .input-number {width:40px;border:none;border-radius: 5px;} .product-essential.btn-fixed .overview .add-to-cart .quantity {width:40%;margin:0 10px 0 0} .selectShippingMethod.small.smalltop {bottom:90px} } @media all and (max-width: 899px) { #payment-method-block, .section .shipping-method{/* max-width: 400px; */} } @media all and (max-width:989px) { .html-wishlist-page #main .cart .remove-from-cart button {margin: 10px 0} .html-shopping-cart-page #main .cart .remove-from-cart button, .html-wishlist-page #main .cart .remove-from-cart button {width: 30px} .item-box .icon::before{font-size: 25px;} .html-product-details-page .main-grid-selectors .title, .html-category-page .main-grid-selectors .title, .html-shopping-cart-page .main-grid-selectors .title {cursor:pointer} .html-product-details-page .overview .back{margin: 10px 0} } @media all and (max-width: 1000px) { .header #slider-carousel {margin-top:70px} .login-page .customer-blocks {display: -webkit-flex; /* Safari */display: flex;flex-wrap: wrap;} .login-page .new-wrapper {order:2;width: 100%;border-top: 1px solid #ddd;padding: 30px 15px 0;} .login-page .returning-wrapper {order:1;width: 100%;padding: 10px 15px 0;} .html-product-details-page .product-essential .flex-group .attributes {order:2;width: 100%;} .html-product-details-page .product-essential .flex-group .prezzo {order:1;width: 100%;} .block-account-navigation .title strong:before{content:'m';font-family: 'costa-2019';vertical-align: middle;text-transform: none;margin-right: 15px;} /*** GLOBAL TABLES ***/ .main-history-header > h2 {font-weight: 600; margin-bottom: 20px} .main-history-header img {display: none} .cart {display: block;} .cart colgroup, .cart thead {display: none;} .cart tbody { display: block; overflow: hidden;} .cart tr {display: block;float: left;width: 100%;margin: 40px 0 0;border: 1px solid #ddd;} .cart td {display: block;border: none;padding: 10px;} .cart td.remove-from-cart { margin: 0 0 15px;border-bottom: 1px solid #ddd;background-color: #eee;padding: 10px;} .cart td.product-picture {border-top: 1px solid #ddd;padding: 15px 10px 5px;} .cart td.product {min-width: 0;border-bottom: 1px solid #ddd;padding: 5px 10px 15px;text-align: center;} .cart td.quantity {display: inline-block;padding: 0 10px;vertical-align: middle;} .cart td.unit-price, .cart td.subtotal {display: inline-block;padding: 20px 10px;vertical-align: middle;} .order-details-page .data-table {display: block;line-height:0.75;} .order-details-page .data-table colgroup,.order-details-page .data-table thead {display: none;} .order-details-page .data-table tbody {display: block; overflow: hidden;} .order-details-page .data-table tr {display: block;float: left;width: 100%; margin: 20px 0 0;border: 1px solid #ddd;} .order-details-page .data-table td {display: block;border: none;padding: 10px; text-align: center;} .order-details-page .data-table td.product, .order-details-page .data-table td.tracking-number {min-width: 0;text-align: center;} /*** MOBILE NAVIGATION ***/ .lock-scroll {overflow: hidden; position: fixed} .header-links.sticky {/* background-color: rgba(194, 229, 222, 0.8); */} .open-menu #menu {height: 100%; background: #f0f0f0; width: 100%; position: fixed; top: 0; left: 0; z-index: 2; overflow-y: scroll; -webkit-overflow-scrolling: touch;} .open-menu #menu #showmenu, .open-menu #menu .header-carts, .open-menu #menu .customer-box {display: none} .open-menu #menu #closemenu {display: block;margin: 23px 20px;text-align: left;} .open-menu #menu #closemenu:hover:before {color: #CAAE6E} .open-menu #menu .top-menu {display: block; width: 100%} .open-menu #menu .menu-area {flex-direction: column; padding-bottom: 20px;} .open-menu #menu .first-menu {justify-content: flex-start;order: 1;} .open-menu .header-links .first-menu .top-menu > li:not(:last-child), .open-menu .header-links .second-menu .top-menu > li:not(:last-child) {margin-bottom: 1px} .open-menu .header-links .menu-container > div:nth-child(n+2) {margin-top: 10px;order: 2;} .open-menu .header-links .menu-container div.logo {margin-top: 0 !important;} .header-links {width: 100%;height: 70px;background: #fff;padding: 0 20px;position: relative;/* top: 40px; */z-index: 2;border-bottom: 1px solid #ccc;} .header.sticky .header-links {top:0;position: fixed;} .promotionbar {background: #f7d3d7;width: 100%;height: 40px;line-height: 20px;text-align: center;z-index: 2;padding: 0 40px 0 0;} .promotionbar .sliderpromo p{font-size: 12px;padding:0 5px;} /*.open-menu .promotionbar {display:none}*/ #menu .first-menu {justify-content: flex-end;margin-top:0} #menu .customer-info h2 {display: none} .header-links #menu .menu-area {display: flex; justify-content: space-between; /*flex-direction: row-reverse;*/} .header-links .icon:before {font-size: 20px;color: #CAAF6F;height:20px;} .header-links .icon.cart:before {font-size: 23px;color: #CAAF6F;} .header-logo {margin: 60px 0 10px 0;} .logo{position:absolute;top: 20px;right:0;margin:0 auto;left: 0;display: block;width: 126px;text-align: center;} .open-menu #menu .has-sub.open .submenu {display: block; -webkit-animation: slide-down .3s ease-out; -moz-animation: slide-down .3s ease-out;} .open-menu #menu .has-sub.open > a:before {transform: rotate(-90deg)} .open-menu #menu .has-sub.open > a {background: #ccc} .open-menu #menu .has-sub.open > a:hover {color: #000} .open-menu #menu .has-sub > a {position: relative;} .open-menu #menu .has-sub > a::before {content:">"; font-size: 15px; color: #000; position: absolute; right: 18px; line-height: 55px} .top-menu {display: none;} .top-menu > li, .top-menu .submenu > li {position: relative;background-color: #fff; width: 100%} .top-menu > li > a, .top-menu .submenu > li > a {display: block;height: 55px;line-height: 55px;font-size: 15px;color: #000;font-family: 'Muli', serif;} .top-menu > li > a {padding-left: 20px; font-weight: 700} .top-menu .submenu > li > a {margin-left: 40px; text-transform: none} .top-menu .submenu > li > a:hover {color: #CAAE6E} .top-menu .submenu > li:not(:last-child) > a {border-bottom: 1px solid #CCC} .top-menu .sublist {display: none;background-color: #fff;padding: 5px 0;} .top-menu .sublist li {position: relative;margin: 1px 0 1px 20px;} .top-menu .sublist li a {display: block;padding: 15px 18px; font-size: 15px;} .sublist-toggle {position: absolute;top: 0;right: 0;width: 55px;height: 55px;border-left: 1px solid #fff;background: url('../images/toggle-black.png') center no-repeat;padding: 15px;font-size: 15px;font-weight: bold;color: #fff;text-transform: uppercase;cursor: pointer;} .sublist .sublist-toggle {height: 49px;} .sublist .sublist li {background-color: #f6f6f6;} .sublist .sublist .sublist li {background-color: #fff;} .block-category-navigation {display: none;} .block-account-navigation {float: none; margin: auto !important;} .write-review .review-rating { text-align: center;} .write-review .review-rating div.name-description { width: 100%; margin: 0 5px 0 0; text-align: center;} #slider-carousel .item-content img {width: 300px} #slider-carousel .item-content p {display: none} td.product, td.shipment-id { background-color: #f0f0f0; font-family: 'Crimson Pro', serif; color: #444; font-size: 17px; font-weight: bold; } .quantity-title{ display:block; } /*** FOOTER ***/ #footer .footer-container .about-us, #footer .footer-container .account, #footer .footer-container .payment-methods {display: none} } @media all and (max-width: 1199px) { #footer .delivery-info .box {margin: 10px 0} } @media all and (max-width: 1359px) { /*** HEADER ***/ .header .menu-icons .icon > span {display: none} } @-webkit-keyframes slide-down { 0% { opacity: 1; -webkit-transform: translateY(-20%);} 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-down { 0% { opacity: 1; -moz-transform: translateY(-20%);} 100% { opacity: 1; -moz-transform: translateY(0);} } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(6.25rem); transform: translateY(6.25rem); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideUp { 0% { -webkit-transform: translateY(6.25rem); transform: translateY(6.25rem); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes shake-animation { 0% { transform: translate(0,0) } 1.78571% { transform: translate(5px,0) } 3.57143% { transform: translate(0,0) } 5.35714% { transform: translate(5px,0) } 7.14286% { transform: translate(0,0) } 8.92857% { transform: translate(5px,0) } 10.71429% { transform: translate(0,0) } 100% { transform: translate(0,0) } }