/*@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');*/ @font-face { font-family: 'Helvetica Neue'; font-style: normal; font-weight: 100; src: url('/assets/fonts/HelveticaNeue-ThinCond.otf') format('otf'); } @font-face { font-family: 'Helvetica Neue'; font-style: italic; font-weight: 100; src: url('/assets/fonts/HelveticaNeue-ThinExtObl.otf') format('otf'); } @font-face { font-family: 'Helvetica Neue'; font-style: normal; font-weight: 300; src: url('/assets/fonts/HelveticaNeue-UltraLigExt.otf') format('otf'); } @font-face { font-family: 'Helvetica Neue'; font-style: italic; font-weight: 300; src: url('/assets/fonts/HelveticaNeue-LightExtObl.otf') format('otf'); } @font-face { font-family: 'Helvetica Neue'; font-style: normal; font-weight: 500; src: url('/assets/fonts/HelveticaNeue-MediumExt.otf') format('otf'); } @font-face { font-family: 'Helvetica Neue'; font-style: italic; font-weight: 500; src: url('/assets/fonts/HelveticaNeue-HeavyExtObl.otf') format('otf'); } @font-face { font-family: 'Helvetica Neue'; font-style: normal; font-weight: 700; src: url('/assets/fonts/HelveticaNeueCondensedBold.ttf') format('ttf'); } @font-face { font-family: 'Helvetica Neue'; font-style: italic; font-weight: 700; src: url('/assets/fonts/HelveticaNeueBoldItalic.ttf') format('ttf'); } @font-face { font-family: 'Helvetica Neue'; font-style: normal; font-weight: 900; src: url('/assets/fonts/HelveticaNeueCondensedBlack.ttf') format('ttf'); } @font-face { font-family: 'Helvetica Neue'; font-style: italic; font-weight: 900; src: url('/assets/fonts/HelveticaBlkIt.ttf') format('ttf'); } body { /*font-family: 'Poppins', sans-serif;*/ /*font-family: 'Raleway', sans-serif;*/ font-family: 'Helvetica Neue', sans-serif; letter-spacing: 0.5px; /*font-size: 16px;*/ font-size: 15px; font-weight: 300; line-height: 1.5; color:#222; /*color: #454545;*/ /*background-color: #fcfcfc;*/ } .italic{ font-style: italic; } a { color: #222; text-decoration: none; transition: 0.4s; } a:hover { color: #ee7c5d; } .font-figtree{ font-family: "Figtree", sans-serif; } button{ background-color: transparent; border: 0px; outline: 0px; color:#222; } .form-control:focus { border-color: #222; box-shadow: 0 0 0 .25rem rgba(299, 299, 299, .25); } .orange-bg { background-color: var(--orange); } .preheader { height: 50px; background-color: #e5e5e5; } .preheader-link-container { transition: .4s; } .preheader-link { color: #222; text-decoration: none; font-size: 1.2rem; font-weight: 500; line-height: 50px; padding: 0 20px; transition: .4s; } .searchbar-container { line-height: 1; } .preheader-link-container:hover { background-color: black; } .preheader-link-container:hover .preheader-link { color: white; } .header-searchbar { max-width: 450px; } .input-search{ border-top-left-radius:22px !important; border-bottom-left-radius:22px !important; border-right-width: 0px !important; } .input-group-text { display: flex; align-items: center; padding: .5rem 1rem; font-size: 1rem; font-weight: 300; line-height: 1.5; color: #222; text-align: center; white-space: nowrap; background-color: white; border: 1px solid #222; border-radius: 1.375rem; } .form-control { display: block; width: 100%; padding: .5rem 1rem; font-size: 1rem; font-weight: 300; line-height: 1.5; color: #222; background-color: #fff; background-clip: padding-box; border: 1px solid #222; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 1.375rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .form-control::placeholder { color: #807d7d; opacity: 1; } .trendingnow { background-color: var(--default_color); } .trendingnow a { color: white; } .left-jumbo, .right-jumbo { width: 49%; aspect-ratio: 1347/684; } .left-jumbo { background-image: url("drest-img-template/slider-sx.jpg"); background-size: contain; background-repeat: no-repeat; position: relative; } .jumbotext { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; } .right-jumbo { background-image: url("drest-img-template/slider-dx.jpg"); background-size: contain; background-repeat: no-repeat; position: relative; } .right-jumbo::before { content: ''; display: block; position: absolute; background-color: #1D1D1D; opacity: 0.3; width: 100%; height: 100%; } .left-jumbo::before { content: ''; display: block; position: absolute; background-color: #1D1D1D; opacity: 0.3; width: 100%; height: 100%; } .event-section { background-color: var(--default_color); } .event-text { margin: 0; line-height: 30px; padding-top: 20px; padding-bottom: 20px; } .event-text p{ margin: 0 } .event-text b, .event-text strong, .eventcode { color: #fff; font-style: italic; } .main-categories { background-color: #e5e5e5; } .section-title { font-size: 3.5rem; font-weight: 500; color: #222; } .section-subtitle { font-size: 1rem; color: #222; } .category-logo { width: 100%; } .trend { background-color: #e5e5e5; } .trendimg { overflow: hidden; } .hovertrend { background-color: rgba(0,0,0,0.5); opacity: 1; top: 0; transform: translateY(130%); transition: all 0.3s ease; color: #fff; text-align: center; } .trendimg:hover .hovertrend { align-items: center; justify-content: center; display: flex; transform: translateY(0); } .default-button { background-color: var(--dark)!important; color: #FFFFFF; padding: 7px 15px 7px; border: 2px solid var(--dark)!important; border-radius: 5px; /*font-size: 18px;*/ transition: .4s; cursor: pointer; font-weight: 400; } .default-button:hover { color: #fff; } .google-button{ color: var(--dark)!important;; padding: 7px 25px 7px; border: 1px solid var(--dark)!important; border-radius: 5px; /*font-size: 18px;*/ transition: .4s; cursor: pointer; font-weight: 400; text-align: center; position: relative; display: block; } .google-button svg{ width: 20px; position: absolute; left: 11px; top: 8px; } .guest-button{ background-color: var(--dark)!important; color: #FFF; padding: 7px 25px 7px; border: 1px solid var(--dark)!important; border-radius: 5px; /*font-size: 18px;*/ transition: .4s; cursor: pointer; font-weight: 400; text-align: center; position: relative; display: block; font-weight: 500; } .secondary-button { background-color: #FFFFFF; color: var(--dark); padding: 12px 26px; border: 2px solid var(--dark); border-radius: 5px; font-size: 18px; transition: .4s; cursor: pointer; } .secondary-button:hover { background-color: var(--dark); color: #FFFFFF; } .collection-image { padding-top: 56%; background-position: center; background-size: cover; background-repeat: no-repeat; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } @media screen and (max-width: 575px){ .collection-image { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .default-button,.btn-send{ width: 100%; text-align: center; } } .collection-content { background-color: #ebebeb; margin-left: -70%; flex-grow: 1; z-index: 1; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .top-brands__image { padding-top: 75%; background-size: contain; background-position: center; background-repeat: no-repeat; } .home-video__bg { background-color: #e5e5e5; } .home-video__anteprima { background-position: center; background-repeat: no-repeat; background-size: cover; padding-top: 56%; position: relative; } .home-video__anteprima:before { content: ""; position: absolute; inset: 0; background-color: rgba(52, 52, 52, 0.7); } .newsletter-field__container { display: flex; flex-direction: row; align-items: center; border: 1px solid var(--dark); padding: 0.8em; border-radius: 5px; } .newsletter-field__container input { border: none; width: 100%; background-color: transparent; } .newsletter-field__container input:focus-visible { border: none; outline: none; } .newsletter-field__container i { margin-left: 8px; } .container-radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .container-radio label { color: var(--dark); } .container-radio input { position: absolute; opacity: 0; cursor: pointer; } .container-radio .checkmark { position: absolute; top: -6px; left: 0; height: 25px; width: 25px; background-color: #ffffff; border-radius: 50%; border: 2px solid var(--dark); } .container-radio:hover input ~ .checkmark { background-color: #ccc; } .container-radio input:checked ~ .checkmark { background-color: var(--dark); } .checkmark:after { content: ""; position: absolute; display: none; } .container-radio input:checked ~ .checkmark:after { display: block; } .container-radio .checkmark:after { top: 7px; left: 7px; width: 7px; height: 7px; border-radius: 50%; background: white; } .container-checkbox { display: block; position: relative; padding-left: 30px; cursor: pointer; font-size: 16px; color: var(--dark); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .container-checkbox a { color: var(--dark); } .container-checkbox p { margin: 0; } .checkmark { position: absolute; top: -4px; left: 0; height: 22px; width: 22px; margin-top: 5px; border: 2px solid var(--dark); background-color: transparent; border-radius: 5px; } .container-checkbox:hover input ~ .checkmark { } .container-checkbox input:checked ~ .checkmark { background-color: var(--dark); border-color: var(--dark); } .checkmark:after { content: ""; position: absolute; display: none; } .container-checkbox input:checked ~ .checkmark:after { display: block; } .container-checkbox .checkmark:after { left: 7px; top: 3px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } footer > .container-fluid { /*background-color: #606060;*/ background-color: #f2f2f2; } .footer-list { list-style-type: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.7em; font-size: 18px; } .footer-list li a { text-decoration: none !important; font-size: 1rem; } .footer-list li { display: flex; flex-direction: row; } .footer-list li i { margin-right: 0.5rem; position: relative; top: 3px; } footer .accordion { color: #222; cursor: pointer; padding: 10px 0px 0px 0px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; position: relative; top: 0; } footer .accordion i{ position: absolute; top: 35%; right: 15px; transform: translate(50% ,0); transition: all .3s; } footer .accordion.active i{ transform: rotate(180deg); } footer .panel { padding: 0px 18px; display: none; overflow: hidden; } footer .panel li a{ } .swiper-home .swiper-slide { padding-top: 56%; background-position: center; background-size: cover; background-repeat: no-repeat; } .swiper-home .swiper-slide:before { content: ""; position: absolute; inset: 0; } .swiper-home .swiper-slide > a{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; } .swiper-home .swiper-slide > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FFFFFF; text-align: center; } .swiper { overflow-x: hidden; } .swiper-home .swiper-pagination-bullet { background: #ffffff !important; opacity: 1 !important; } .swiper-pagination-bullet { background: #c7c7c7 !important; opacity: 1 !important; } .swiper-home .swiper-pagination-bullet-active { background: var(--dark) !important; opacity: 1 !important; } .swiper-pagination-bullet-active { background: var(--dark) !important; opacity: 1 !important; } .dropdown-toggle { background-color: transparent; border: 1px solid transparent; padding: 12px 0px; color: var(--dark); } .dropdown-menu { border-radius: 5px !important; border-color:#222; } .row-filtri .dropdown-toggle { } .row-filtri .dropdown-item{ font-size: 0.95rem; text-transform: capitalize; } .row-filtri .dropdown-item small{ font-size: 0.70rem; font-weight: 300; } .prodotto-img { padding-top: 110%; background-repeat: no-repeat; background-size: cover; background-position: bottom; position: relative; overflow-y: hidden; cursor: pointer; } .line-size{ padding: 5px 0; border-bottom: 1px solid var(--bs-border-color); } .line-size span{ padding: 0px 5px; display: inline-block; } .line-color{ display: flex; flex-wrap: wrap; padding: 5px 0; } .line-color > a{ flex: 0 0 16.66%; display: inline-block; height: 68px; /*border: 1px solid var(--bs-border-color);*/ border: 1px solid #fff; margin-right: 5px; font-size: 10px; position: relative; background-position: center; } .product-item-detail .line-color > a{ flex: 0 0 24.5%; height: auto; } .product-item-detail .line-color > a:before{ content: ''; display: block; padding-top: 110%; } .line-color > a.selected, .line-color > a:hover{ border-color: #222; border-radius: 5px; } .line-color > a > span{ position: absolute; background-size: cover; background-position: bottom; display: inline-block; left: 0; top: 0; width: 100%; height: 100%; border-radius:5px; } .overlay-options-product{ background-color: #fff; position: absolute; width: 100%; bottom: -100%; left: 0; overflow: hidden; transition: all 600ms; } .swiper-correlati .cardimage{ overflow-y: hidden; } .swiper-correlati .cardimage:hover .overlay-options-product, .prodotto-img:hover .overlay-options-product{ bottom: 0; } .prodotto-img>a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; } .euro-before:before { content: "€ "; } .prodotto-contenuto { display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; } .prodotto-dettagli { } .prodotto-icone-swiper { font-size:20px; } .prodotto-icone { display: flex; gap: 0.5em; font-size: 15px; /*color: #bfa87f;*/ align-items: start; } .prodotto-icone a{ /*color: #bfa87f;*/ } .prodotto-icone a i, .swiper-slide .fa-heart, .swiper-slide .fa-bag-shopping{ font-size: 17px; } .navbar-list { position: relative; list-style-type: none; display: flex; flex-direction: row; justify-content: center; gap: 0.5em; } .navbar-list li { z-index: 100; position: relative; top:0; } .header-menu { position: absolute; left: 50%; transform: translateX(-50%); top: 100%; z-index: 200; background-color: white; border: 1px solid var(--default_color); overflow: hidden; display: none; -webkit-transition: height .4s linear; transition: height .3s linear; border-radius: 5px; } .header-menu.active { min-height: 400px; display: block; } .header-menu h6 { padding: 7px 10px; background-color: var(--default_color); color: #ffffff; width: fit-content; border-radius: 5px; } .header-menu ul:not(.column-container) { list-style-type: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5em; margin-bottom: 1.5em; } .header-menu ul.categories-list{ } .header-menu ul.categories-list .column-container{ column-count: 3; list-style: none; padding: 0; column-rule: 1px solid #dee2e6; } .header-menu ul li.title>a { font-weight: 500; color: var(--default_color); } .categories-list { padding: 0; margin: 0; list-style-type: none; display: flex; flex-direction: column; gap: 0.5em; font-weight: 300; } .categories-list a { text-decoration: none; } .close-menu { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 50; display: none; } .range-slider__container { padding: 12px 0px; } .range-slider__amount { display: flex; flex-direction: row; } .range-slider__amount input { border: none; background-color: transparent; width: 100%; margin-left: 0.5em; } input:focus-visible { outline: none; } #slider-prezzo { max-width: 230px; width: 100%; top: 0.5em; } .ui-slider-horizontal .ui-slider-range { background-color: var(--dark); } .ui-state-default, .ui-widget-content .ui-state-default { background-color: var(--dark) !important; border: none !important; border-radius: 50%; } .ui-widget.ui-widget-content { height: 4px; border: none !important; background-color: #e1e1e1; } .ui-slider-horizontal .ui-slider-handle { top: -150% !important; } .ui-slider-horizontal .ui-slider-handle:focus-within { outline: none; } .ui-slider .ui-slider-handle { width: 1em !important; height: 1em !important; } .credits { border-top: 1px solid #dedede; } .prd-image { padding-top: 110%; background-position: bottom; background-size: cover; background-repeat: no-repeat; } .dropdown-taglia, .dropdown-taglia-all { border: 1px solid var(--dark); border-radius:5px; } .dropdown-taglia-all .dropdown-toggle{ font-weight: 300!important; } .adviser-size textarea, .adviser-size input[type=tel], .adviser-size input[type=text], .adviser-size input[name=email_alert]{ height: 50px; width: 100%; padding: 0 1rem; } .adviser-size textarea{ height: 100px; } .dropdown-taglia-all .dropdown-toggle, .dropdown-taglia .dropdown-toggle { width: 100%; text-align: left; font-weight: 500; padding: 12px; } .heart-container { position: relative; width: 55px; height: 55px; border-radius: 50%; background-color: var(--dark); } .heart-container i { position: absolute; color: #ffffff; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; } .prodotto-swiper .swiper-slide { padding-top: 110%; background-position: bottom; background-size: cover; background-repeat: no-repeat; } .swiper-correlati .cardimage{ background-size: cover; } .swiper-correlati .cardimage:before{ content: ''; display: block; padding-top: 100%; } .swiper-correlati .cardimage>a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; } .prodotto-swiper { height: 92% !important; } .swiper-button-next-prd,.swiper-button-prev-prd { position: static !important; width: 100%; display: block; text-align: center; background-color: #e5e5e5; font-size: 24px; height: 30px; } .info-prd__container{ background-color: #ebebeb; } .modelcard i { /*color: #c5b38b;*/ } .macroaree-list{ list-style: none; padding: 0 calc(var(--bs-gutter-x) * .5); } .macroaree-list.column-count-3{ column-count: 3; } .macroaree-list .title.h3, .macroaree-list .title.h3>a{ color: var(--default_color); } .macroaree-list .family-item, .macroaree-list .family-item>a{ font-weight: 500; margin-top: 10px; } .macroaree-list .category-item{ padding-left: 0px; } .paginazione{ text-align: center; } .paginazione ul li{ display: inline-block; } .paginazione ul li:first-of-type{ margin-right: 5px; } .paginazione ul li:last-of-type{ margin-left: 5px; } .paginazione ul li a{ display: inline-block; /*height: 20px;*/ /*width: 20px;*/ font-size: 16px; color: #222; padding:6px; } .paginazione ul li a.sel{ border-radius: 3px; background-color: #222; color: white; } .paginazione ul li i{ font-size: 10px; top: -1px; position: relative; } /*CARRELLO - START*/ .cart-container{ padding: 15px; } .cart-container .product-cart-item{ padding: 10px 0; align-items: center; } .cart-container .product-cart-item p{ margin: 0; } .cart-container .cart-summary{ border-top: 1px solid #d3d3d4; padding-top: 20px; margin-top: 10px; } .cart-container .coupon-container{ } .cart-container .coupon-container:before{ content:''; height:30px; } .cart-container .coupon-container .coupon-code-container{ /* flex: 0 0 82%; padding:10px 15px; box-sizing:border-box; display: flex; flex-direction: row; align-items: center; font-weight: 300;*/ } .cart-container .coupon-container .coupon-code-container input[type=text]{ /* width:600px; max-width: 100%;*/ height:35px; border:none; border-bottom:1px solid #222; padding:0 5px; text-indent:10px; color:#222; box-sizing:border-box; border-radius: 0; background-color: transparent; } .cart-container .coupon-container .coupon-code-container input[type=text]:focus{ border:none; border-bottom:1px solid #222; } .cart-container .coupon-container .coupon-code-container a{ padding: 0 40px; box-sizing:border-box; background-color: #222; border-color: #222; color: #222; background-color: #fff; text-transform:uppercase; text-decoration:none; text-align:center; margin-left:13px; font-weight:500; transition:all .4s; position: relative; border-radius: 5px; line-height: 35px; } .cart-container .coupon-container .coupon-code-container a:hover{ background-color:#222; border-color:#222; color:#fff; } .cart-container .coupon-container .coupon-value-container{ /* float:left; width:18%; padding:10px 10px 10px 0; box-sizing:border-box;*/ text-align: end; } .cart-container .coupon-container .coupon-value-container p{ } .cart-container .coupon-container .coupon-value-container p:before{ content:''; } .cart-container .column-img img{ width: 75%; } .label-radio-custom { display: block; position: relative; padding-left: 35px; margin-bottom: 10px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 400px; max-width: 100%; } .label-radio-custom p{ font-size: 12px; margin: 0; } .label-radio-custom p a{ font-style: italic; } .label-radio-custom p a:hover{ text-decoration: underline; } /* Hide the browser's default checkbox */ .label-radio-custom input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .label-radio-custom .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 1px black solid; border-radius: 50%; margin-top: 0; } /* On mouse-over, add a grey background color */ .label-radio-custom:hover input ~ .checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .label-radio-custom input:checked ~ .checkmark { background-color: #222; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .label-radio-custom input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .label-radio-custom .checkmark:after { left: 9px; top: 7px; width: 5px; height: 8px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); } .options-container{ margin-top: 30px; } .options-container h3{ margin-bottom: 15px } .options-container .radio-item{ } .address-box{ margin-top: 20px; display: flex; flex-direction: row; flex-wrap: wrap; background-color: #f8f8f8; padding: 15px; border-radius: 5px; } .address-box textarea, .address-box input[type=text], .address-box input[type=tel], .address-box select{ border-radius: 5px; border-color: #222; } .address-box h3{ margin-bottom: 15px; flex: 0 0 100%; } .address-box i.fa-angle-down{ position: absolute; right: 10px; top: 15px; z-index:1; } .address-box select{ } .address-box .btn-send:hover{ color:#fff; background-color: #222; } .contaner-cart-alert{ display: flex; justify-content: center; } .alert{ position:relative; width:100%; box-sizing: border-box; padding:10px 0; text-align: center; margin:0; } .alert i:not(.remove){ display: inline-block; padding-right: 5px } .alert i.remove{ position:absolute; top:5px; right:8px; } .alert.orange{ background-color: #ffd38a; border-left: 5px solid #8c5502; color:#8c5502; text-align: left; width: 600px; max-width: calc(100% - 30px); margin:15px 0; } .alert.orange p{ margin: 0; font-weight: 300; } .alert.orange a{ display: inline-block; padding: 5px 15px; color:#8c5502; border:1px solid #8c5502; background-color: transparent; margin: 5px 0 0; font-weight: 300; border-radius: 3px; transition: all 200ms; } .alert.orange a:hover{ color: #ffd38a; background-color: #8c5502; } .container-buttons-cart a{ text-decoration: none; } .container-buttons-cart a:hover{ color:#fff; } a.button-paypal{ background-color: #f7bf37; color:#002f83!important; padding: 10px 105px 10px 30px; text-transform: uppercase; border-radius: 0.25rem; border:none; cursor: pointer; font-size: 1.2rem; background-image: url(../images/logo-paypal.png); background-size: auto 35px; background-position: 80% center; background-repeat: no-repeat; display: inline-block; } .button-nexive{ background-color: #2d32aa; color: #fff; padding: 11px 0 10px 25px; text-transform: uppercase; border-radius: 0.25rem; border: none; cursor: pointer; font-size: 1.2rem; background-image: url(../img/logo_nexi.svg); background-size: auto 18px; background-position: 133px 16px; background-repeat: no-repeat; display: inline-block; width: 220px; height: 50px; text-align: left; } .box-choice-checkout{ background-color: #f8f8f8; } #userCartLogin{ } #userCartLogin input[type=password], #userCartLogin input[type=email]{ background-color: transparent; width: 100%; border-radius: 5px; border-right: 1px solid #222; } #userCartLogin input[type=submit]{ background-color: #222; color:#fff; } .forgot-psw-link{ } .box-choice-checkout{ padding: 60px 0; } .box-choice-checkout>.row>.col-12{ display: flex; flex-wrap: wrap; position: relative; } .box-choice-checkout>.row>.col-12>div{ max-width: 100%; width: 500px; padding: 50px 15px; } .box-choice-checkout>.row>.col-12.last>div{ width: 100%; } .box-choice-checkout>.row>.col-12.second:before{ content: ''; display: block; width: calc(100% - 60px); height: 1px; background-color: #222; top: 0; left: 30px; position: absolute; } .box-choice-checkout input{ border-radius: 5px; } .box-choice-checkout .btn-send{ padding: 7px 20px !important; color: #fff!important; } .btn-send.btn-reg{ background-color: #222; color:#fff; } .btn-send.btn-checkout{ background-color: transparent; color:#222; } .btn-send:hover, .btn-send.btn-checkout:hover{ background-color: #222; color:#fff; } .box-choice-checkout .description{ text-align: left; } .box-choice-checkout .btn-send, .box-choice-checkout .btn-accedi{ font-size: 1rem; } @media screen and (min-width: 992px){ .swiper-title-out{ font-size:17px; } .box-choice-checkout>.row>.col-12.second:before{ display: none; } .box-choice-checkout>.row>.col-12.first:after{ content: ''; width: 1px; height: 50%; background-color: #222; right: 0; top: 25%; position: absolute; } .box-choice-checkout>.row>.col-12>div{ max-width: 100%; width: 500px; padding: 50px 100px 50px 0; } .box-choice-checkout>.row>.col-12.second>div{ padding: 50px 0 50px 100px; } .box-choice-checkout>.row>.col-12.last>div{ padding-left: 100px; text-align: center; } .box-choice-checkout .btn-send, .box-choice-checkout .btn-accedi{ /*font-size: 1.5rem;*/ } } a.button-stripe{ background-color: #685bff; color:#fff!important; padding: 10px 105px 10px 30px; text-transform: uppercase; border-radius: 0.25rem; border:none; cursor: pointer; font-size: 1.2rem; background-image: url(../images/logo-stripe.jpg); background-size: auto 35px; background-position: 85% center; background-repeat: no-repeat; display: inline-block; } .product-cart-item.tbody>div.column-qty>p{ display: flex; justify-content: start; align-items: center; } .product-cart-item.tbody>div.column-qty>p .qty-label{ display: inline-block; margin: 0 10px; } .product-cart-item.tbody>div.column-qty input[type=text]{ width: 40px; text-align: center; margin: 0 15px; background-color: transparent; border: 1px solid var(--default_color); border-radius: 5px; } .product-cart-item.tbody>div.column-qty>p .qty-label:before{ content: 'Qta. '; } .product-cart-item.tbody{ position: relative; } .product-cart-item.tbody:after{ position: absolute; content: ''; width: calc(100% - 30px); height: 1px; left: 15px; background-color: #d3d3d4; bottom: 0; display: block; opacity: 0.5; } .product-cart-item.tbody:last-child:after{ display: none; } @media screen and (max-width: 992px){ .product-cart-item.thead{ display: none; } .product-cart-item.tbody{ justify-content: center; text-align: center; position: relative; } } a.button-paypal{ background-color: #f7bf37; color:#002f83!important; padding: 10px 105px 10px 30px; text-transform: uppercase; border-radius: 0.25rem; border:none; cursor: pointer; font-size: 1.2rem; background-image: url(../img/logo-paypal.png); background-size: auto 35px; background-position: 80% center; background-repeat: no-repeat; display: inline-block; } .box-choice-checkout{ background-color: var(--grey_bg); } .btn-send { letter-spacing: 1px; padding: 7px 15px 5px; border: 2px solid var(--default_color)!important; transition: all 400ms; background-color: var(--default_color)!important; text-transform: uppercase; border-radius: 5px; color: #fff; } textarea[name=note_ordine]{ border-radius: 5px; background-color: transparent; } .container-tokens-form{ text-align: center; padding: 20px 0; } .container-tokens-form form{ display: inline-block; background-color: rgba(221,220,225,0.3); padding: 20px; box-sizing: border-box; max-width: 100%; width: 450px; text-align: left; } .container-tokens-form form h3{ color:var(--sel_color); font-size: 20px; margin: 0 0 15px; } .container-tokens-form form label{ letter-spacing: 2px; font-size: 16px; font-weight: 300; margin: 0; text-transform: none; max-width: 100%; width: 100%; } .container-tokens-form form label.last{ letter-spacing: 0; } .container-tokens-form form input[type=submit]{ background-color:rgb(0,80,135); border: 0 none; cursor: pointer; font-family: Helvetica Neue,helvetica,arial,serif; font-size: 1em; font-weight: 300; height: 40px; width: 200px; color:white; border-radius: 2.5px; -moz-border-radius:2.5px; -webkit-border-radius: 2.5px; margin-top: 2em; } .container-tokens-form form .hidden-chars{ font-size: 22px; position: relative; top: 10px; } /*PAYPAL - START*/ .transition{ transition: all 400ms; } .card_container #submit, .card_container a.pay-now{ padding: 5px 20px; margin-top: 15px; display: inline-block; width: auto; } .card_container #submit{ font-weight: 300; margin-top: 10px; background-color: var(--sel_color); font-size: 15px; padding: 0; height: 48px; line-height: 3.2; width: 150px; border:none; color:#fff; cursor: pointer; text-transform: uppercase; } .container-payment, .card_container, .table-paypal{ opacity: 0; visibility: hidden; height: 0; overflow: hidden; display: block; padding: 0 7px; } .container-payment.open, .card_container.open, .table-paypal.open{ opacity: 1; visibility: visible; height: auto; } .table-paypal.open{ padding: 7px 0 15px; width: auto!important; } .container-payment{ margin: 30px 0; padding-top: 10px; } .container-payment ul{ margin-bottom: 30px; } .container-final-pay-message, .container-loader{ position: fixed; width: 100%; height: 100%; left: 0; top:0; background-color: rgba(255,255,255,1); z-index: 110; text-align: center; opacity: 0; visibility: hidden; } .container-final-pay-message{ background-color: rgba(255,255,255,0.9); } .container-loader img{ display: inline-block; width: 150px; position: relative; top:calc(50vh - 75px); } .container-final-pay-message .alert{ display: inline-block; width: 700px; max-width: calc(100% - 30px); background-color: #fff; float: none; padding: 15px 15px 20px; top:0; margin-top: 0; transition: all 400ms; position: relative; } .container-final-pay-message .alert p{ margin: 0 0 10px; } .container-final-pay-message .alert.message-success{ background: #dff0d8; border:1px solid #d6e9c6; color:#3c763d; } .container-final-pay-message .alert.message-success a i, .container-final-pay-message .alert.message-success i, .container-final-pay-message .alert.message-success a{ color:#3c763d; } .container-final-pay-message .alert.message-failed{ background: #f2dede; border:1px solid #ebccd1; color:#a94442; } .container-final-pay-message .alert.message-failed a i, .container-final-pay-message .alert.message-failed i, .container-final-pay-message .alert.message-failed a{ color:#fff; } .container-final-pay-message .alert p{ margin: 0; font-size: 1.5rem; } .container-final-pay-message .alert.message-success p{ text-transform: uppercase; font-weight: 500; } .container-final-pay-message.visible .alert{ top:calc(50vh - 30px); } .container-final-pay-message .alert>a.checkout-order{ display: inline-block; padding: 5px 15px; background-color: #3c763d; border-radius: 0; color:#fff; margin-top: 15px; } .container-final-pay-message .alert>a:not(.checkout-order){ right: -10px; top: -10px; display: inline-block; font-size: 12px; width: 20px; height: 20px; line-height: 22px; font-size: 12px; text-align: center; position: absolute; } .container-final-pay-message .alert.message-failed>a:not(.checkout-order){ background-color: #a94442 } .container-final-pay-message .alert.message-success>a:not(.checkout-order){ background-color: #3c763d; } .container-final-pay-message .alert a i{ color:#fff; right: 0; top: 0; position: relative; } .container-final-pay-message .alert i:not(.remove){ padding-right: 15px; display: none; } .container-payment > h3{ font-size: 25px; color:var(--sel_color); margin: 10px 0; padding: 0 7px; } .container-payment ul.bullet{ margin: 0 0 25px; padding: 0 7px; list-style: none; } .container-payment ul.bullet>li{ display: inline-block; margin-right: 5px; } .container-payment ul.bullet>li>img{ height: 20px; filter: grayscale(10%); } .container-payment ul li.title{ text-transform: uppercase; margin-bottom: 10px; } .container-payment .card_container{ float: left; clear: both; margin-top: 0px; width: 400px; margin-left: 0; } .container-payment .card_container>form{ width: 100%; float: left; background-color: #fafafa; padding: 35px; position: relative; z-index: 3; } .container-payment .card_container>form>img{ width: 100px; float:left; clear: both; margin-left: calc(50% - 50px); margin-bottom: 20px; } .container-payment .card_container>form>div{ float:left; width: 100px; } .container-payment .card_container>form>div.card-number{ width: 100%; } .container-payment .card_container>form>div.card-expiration{ margin-right: 15px; } .container-payment .card_container>form>div.card-name, .container-payment .card_container>form>div.for-button{ width: 100%; } .container-payment .card_container>form>div.for-button{ text-align: center; } .container-payment .card_container>form label{ font-weight: 300; display: inline-block; margin-bottom: 5px; } .container-payment .card_container input[name=card-holder-name], .container-payment .card_container .card_field{ float: left; width: 100%; height: 45px; margin-bottom: 15px; border:1px solid rgb(183, 188, 191); padding-left: 15px; border-radius: 4px; color: rgb(108, 115, 120); background-color: transparent; } .container-loader.visible, .container-final-pay-message.visible{ visibility: visible; opacity: 1; } /*PAYPAL - END*/ .info-dogana{ background-color: #fafafa; padding: 5px; border-radius: 5px; } .info-dogana img{ width: 20px; margin-right: 10px; } .tooltip-info{ position: absolute; background-color: rgba(0,0,0,0.85); color:#fff; width: 235px; display: block; opacity: 0; visibility: hidden; transition: all 200ms; font-size: 0.75rem; right: 20px; top: -20px; padding: 8px; border-radius: 7px; text-align: left; cursor: pointer; } .info-dogana i:hover + span{ opacity: 1; visibility: visible; } /*PUDO START*/ .banner-pudo{ position: relative; width: 450px; max-width: 100%; background-size: cover; display: none; top:0; right: 0; } .banner-pudo.active{ display: block; } .banner-pudo img{ width: 100%; } .banner-pudo .input-pudo{ position: absolute; left: 10px; bottom:10px; color:#fff; text-transform: uppercase; } .container-popup-pudo{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.2); visibility: hidden; opacity: 0; transition: all 400ms; z-index: 9999; display: flex; justify-content: center; align-items: center; } .container-popup-pudo.open{ opacity: 1; visibility: visible; } .container-popup-pudo .box{ /*width: 1000px;*/ max-width: calc(100% - 30px); position: fixed; background-color: #fff; padding:0; } .container-popup-pudo .box h3{ background-color: #cf202f; color:#fff; padding: 5px 15px; text-align: center; font-size: 25px; margin: 0; } .container-popup-pudo .remove-pudo-popup{ position: absolute; right: 10px; top: 7px; color: #fff; font-size: 20px; } .container-popup-pudo .box .entry{ padding: 20px; } .container-popup-pudo .box .entry .row-input{ font-size: 12px; } .container-popup-pudo .box .entry .row-input .input-col{ } .container-popup-pudo .box .entry .row-input .input-col select{ font-size: 12px; border-radius: 0; } .container-popup-pudo .box .entry .row-input .input-col.col-7{ width: 70%; } .container-popup-pudo .box .entry .row-input .input-col.col-6{ width: 60%; } .container-popup-pudo .box .entry .row-input .input-col.col-5{ width: 50%; } .container-popup-pudo .box .entry .row-input .input-col.col-3{ width: 30%; } .container-popup-pudo .box .entry .row-input .input-col.col-2{ width: 20%; } .container-popup-pudo .box .entry .row-input .input-col.col-1{ width: 10%; } .container-popup-pudo .box .entry .row-input .input-col label{ font-weight: 300 } .container-popup-pudo .box .entry .row-input .input-col input[type=text], .container-popup-pudo .box .entry .row-input .input-col select{ border: 1px solid #ccc; width: 100%; height: 35px; background-color: #fff; padding: 0 5px; box-sizing: border-box; } .container-popup-pudo .box .entry .row-input .input-col button{ background-color: transparent; border:none; color:#cf202f; font-size: 22px; position: relative; top: 20px; } .container-popup-pudo .box .entry .row-input .input-col .icon-select{ position: absolute; right: 20px; top: 30px; } .container-popup-pudo .box .entry .container-results{ width: 100%; float: left; margin-top: 30px; padding-bottom: 30px } .container-popup-pudo .box .entry .container-results h3{ color:#222; font-weight: 500; font-size: 16px; padding: 0 15px; } .container-popup-pudo .box .entry .container-results ul{ padding: 0 15px; max-height: 200px; overflow-y: scroll; } .container-popup-pudo .box .entry .container-results ul li{ display: flex; } .container-popup-pudo .box .entry .container-results ul li input{ margin-right: 5px; } .container-popup-pudo .box .entry .container-results button{ background-color: #cf202f; color:#fff; padding: 5px 10px; border: none; margin-left: 15px; margin-top: 20px; text-transform: uppercase; } @media(max-width: 480px){ .container-popup-pudo .box .entry .container-results ul li{ margin-bottom: 5px; } } /*PUDO END*/ /*CARRELLO - END*/ /*POPUP NAZIONI SPEDIZIONI*/ .popup.visible{ opacity: 1; visibility: visible; } .adviser-size{ opacity: 0; visibility: hidden; width: 100%; height: 100%; z-index: 100; background-color: rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; } .popup-language{ opacity: 0; visibility: hidden; border-radius: 0; -webkit-box-shadow: 0 .8rem 1.6rem .4rem rgba(0,0,0,.12); box-shadow: 0 .8rem 1.6rem .4rem rgba(0,0,0,.12); height: 80rem; left: auto; max-height: 80vh; max-width: 100vw; width: 500px; position: absolute; right: 0; top: 3rem; overflow: auto; z-index: 851; background-color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; } .popup-language > .content{ overflow: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; max-height: 100% !important; max-width: 100% !important; padding: 50px 0 20px !important; width: 100% !important; } .adviser-size > .content button:not(.dropdown-toggle), .popup-language > .content button{ position: absolute; color: var(--default_color); background: transparent; right: 20px; top: 20px; border: none; } .adviser-size > .content h3{ font-size: 1.2rem; } .popup-language > .content p{ text-align: center; padding: 0 20px 10px; margin: 0; } .container-countries{ overflow: scroll; max-height: 300px; } .container-languages{ overflow: scroll; max-height: 300px; } .countries-search-box{ padding: 0 20px; } .countries-search-box>div{ -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; background-color: var(--colorWhite); border: 1px solid #222; display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; height: 44px; justify-content: space-between; border-radius: 5px; } .search-country-input-container{ position: relative; top: 0; } .countries-search-box .icon{ -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; padding: 0 1rem; width: 40px; position: absolute; right: 10px; top: 50%; transform: translate(0,-50%); } .countries-search-box input{ flex: 0 0 calc(100% - 40px); border: none; background-color: transparent; padding: 0 1rem; } .adviser-size > .content{ padding: 22px!important; background-color: #fff; /*height: 300px;*/ width: 450px; max-width: 100%; border-radius: 7px; position: relative; } .selected-country li, .countries-list li{ padding: 5px 20px; display: flex; } .selected-language li, .languages-list li{ padding: 5px 20px; display: flex; } .countries-list li{ cursor: pointer; } .languages-list li{ cursor: pointer; } .selected-country li img, .countries-list li img{ width: 20px; position: relative; top: -2px; margin-right: 3px; } .selected-country{ padding: 5px 0; margin-bottom: 5px; border-bottom: 1px solid var(--light_grey) } .selected-language{ padding: 5px 0; margin-bottom: 5px; border-bottom: 1px solid var(--light_grey) } .selected-country li > span:nth-of-type(1), .countries-list li > span:nth-of-type(1){ flex-grow: 1; } .selected-country li > span:nth-of-type(2), .countries-list li > span:nth-of-type(2){ flex-grow: 0; color: var(--grey_border); } .backdrop{ display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0,.3); z-index: 850; cursor: pointer; } .toogle-local{ position: relative; top: 2px; font-weight: 300; } .toogle-local img{ width: 20px; } .info-prd__container .nav-item button{ background-color: transparent; border:none; color: var(--default_color); text-transform: uppercase; font-weight: 500; } .info-prd__container .nav-item button.active p{ border-bottom:1px solid var(--default_color); } .dropdown-taglia .no-size-alert, .dropdown-taglia .why-different-alert{ padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); font-size: 0.75rem; } .table-sizes{ width: 500px; max-width: 100%; border: 1px solid #eee; padding: 5px 10px; margin-top: 30px; } .table-sizes tr td{ border-bottom: 1px solid #eee; padding: 5px; } .table-sizes tr:nth-of-type(2n+1) td{ background-color: #fafafa; } .come-funziona.general-page ul{ list-style: disc; } .dropdown-taglia ul.show{ display: flex!important; flex-direction: column; } .dropdown-taglia ul > li{ width: 100%; order: 1; } /* Login Popup Start */ .popup-login .overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: none; z-index: 600; } .popup-local .overlay-local { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: none; z-index: 600; } .box-login { display: none; flex-direction: column; background-color: #ffffff; max-width: 450px; width: 95%; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 700; border-radius: 5px; } .box-local { display: none; flex-direction: column; background-color: #ffffff; max-width: 450px; width: 95%; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 700; border-radius: 5px; } .form-grid { display: grid; grid-template-columns: 1fr; gap: 1em; } #registerForm input, #registerForm textarea, .form-grid input, .form-grid textarea { padding: 12px; border: 1px solid #222; outline: none; resize: none; border-radius: 5px; } #registerForm input, #registerForm textarea{ width: 100%; } #registerForm input[type="submit"], .form-grid input[type="submit"], .input-div .btn-black{ padding: 7px 10px; /*text-transform: uppercase;*/ background-color: var(--default_color); font-weight: 500; color: #ffffff; border-radius: 5px; } .btn-secondary{ border-radius: 5px !important; } .box-login .nav-item button{ background-color: transparent; border:none; color: var(--default_color); text-transform: uppercase; } .box-login .nav-item button.active p{ border-bottom:1px solid var(--default_color); } .box-local .nav-item button{ background-color: transparent; border:none; color: var(--default_color); text-transform: uppercase; } .box-local .nav-item button.active p{ border-bottom:1px solid var(--default_color); } .reg-policy p{ font-size: 0.85rem; } .reg-policy p a{ font-style: italic; } #homeNewsletterForm .container-checkbox, #registrati .container-checkbox{ font-size: 0.85rem; } #homeNewsletterForm .container-checkbox a{ font-style: italic; opacity: 0.9; } #homeNewsletterForm .container-checkbox a:hover{ text-decoration: underline; } /* Login Popup End */ .login-subscribe{ position: relative; cursor: pointer; } .login-subscribe i{ font-size: 25px; } .login-subscribe .user-menu{ position: absolute; left: 0; top: 30px; width: 170px; background-color: #fff; padding: 10px 15px; z-index: 2; border: 1px solid #d3d3d3; box-shadow: 0 5px 10px rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: all 400ms; border-radius: 5px; } .login-subscribe:hover .user-menu{ visibility: visible; opacity: 1 } .login-subscribe .user-menu>li>a{ text-decoration: none; transition: color 400ms; font-weight: 300 !important; } .login-subscribe .user-menu>li{ margin-top: 10px; margin-bottom: 10px; } .login-subscribe .user-menu>li>a:hover{ color: var(--sel_color); } .newsletter-language{ width: 100%; } .select2-container, .select2-container .selection, .select2-selection__rendered, #select2-state-fh-container, .select2-container--default .select2-selection--single, .select2-selection select2-selection--single{ background-color: transparent!important; border-color: transparent!important; } /*PAGINA MARCHE - START*/ .brand-list{ padding: 40px 0; } .brand-list article{ margin-bottom: 30px; align-self: center; } .brand-list article .item{ border:1px solid var(--grey); padding: 15px; height: 100%; } .brand-list article .item h3{ font-size: 1rem; } .brand-list article .item h3 a{ color:var(--default_color) } .brand-list ul{ margin-bottom: 15px; padding-bottom: 15px; } .brand-list ul>li.container-brand{ display: block; float: left; width:calc(100% - 80px); } .brand-list ul>li.container-brand>ul{ display: flex; flex-wrap: wrap; } .brand-list ul>li.container-brand>ul>li>a{ color:var(--default_color); text-transform: capitalize; } .brand-list ul>li.container-brand>ul>li>a:hover{ color:var(--default_color); } .brand-list ul>li.title{ float: left; display: block; font-weight: 500; font-size: 1.2rem; width: 80px; } /*PAGINA MARCHE - END*/ .link-opacity{ position: absolute; inset: 0; width: 100%; height: 100%; left: 0; top: 0; } .hover-opacity-link{ position: absolute; inset: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); transition: .4s; opacity: 0; } .hover-opacity-link:hover{ background-color: rgba(0,0,0,0.5); opacity: 1; } .text-muted *{ color: var(--default_color); } .text-muted li{ list-style: none; padding-left: 1rem; position: relative; } .text-muted li:before{ display: inline-block; content: ''; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 9px; background-color: var(--default_color); } .field-azienda { display: none; } .form-indirizzo input, .form-indirizzo select{ width: 100%; padding: 0.5em; outline: none; border-radius: 0; background-color: #ffffff; border: 1px solid #222; border-radius: 5px; } .form-indirizzo input[type="submit"]{ background-color: var(--default_color); padding: 12px 24px; color: #ffffff; text-decoration: none; } .order-recup-row-spacing{ border-bottom: 1px solid #f5f5f5; padding-top: 15px; } .order-recup-row-spacing:nth-of-type(2n+2){ background-color: #f5f5f5; } .n-products{ position: absolute; display: flex; align-items: center; justify-content: center; height: 22px; width: 22px; background-color: var(--default_color); color: #fff; border-radius: 50%; text-align: center; font-size: 10px; top: -6px; right: -12px; border: 2px solid #fff; } .promo-badge{ position: absolute; display: flex; align-items: center; justify-content: center; padding: 2px 5px; background-color: var(--red); color: #fff; border-radius: 10px; width: 37px; height: 19px; text-align: center; font-size: 10px; top: -13px; right: -37px; } .n-products.off{ left: 12px; top: -4px; } .promo-badge.off{ left: 65px; top: -1px; } .icon-header a i{ font-size: 23px; } /*GESTIONE COOKIE - START*/ .cookie-bar{ position:fixed; bottom:0; width:100%; border-top:1px solid #3c3c3c; background-color: white; z-index:1031; padding: 15px 45px; display: none; text-align: center; } .cookie-bar.active{ display: block; } .cookie-bar p{ position:relative; margin:0; box-sizing: border-box; padding: 0 15px; color:var(--default_color); font-size: 14px; } .cookie-bar p a{ font-style: italic; color: var(--default_color); text-decoration: underline; } .cookie-bar>a{ display: inline-block; padding: 5px 15px; color: #fff; margin-top: 10px; } .popup-cookie .inner-popup .buttons-container>a, .cookie-bar .buttons-container>a{ font-size:12px; padding: 7px 20px 7px; } .cookie-bar .buttons-container>a.settings-cookie-opener{ background-color: transparent; color:var(--sele); text-decoration: underline; font-weight: 500; border:none; } .cookie-bar .buttons-container>a.accept-all{ background-color:#222; color: #fff; border-radius:5px; } .cookie-bar .buttons-container>a.reject-all{ background-color: #fff; color: #222; position: absolute; right: 0; top: 0; text-decoration: none!important; font-size: 16px; } .popup-cookie{ display: none; position: fixed; width: 100%; height: 100%; z-index: 1032; top: 0; left: 0; } .popup-cookie.active{ display: flex; flex-wrap: wrap; align-content: center; justify-content: center; } /*popup*/ .popup-cookie .overlay-popup{ position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); } .popup-cookie .inner-popup>a{ position: absolute; right: 25px; top:10px; color: var(--default_color); z-index: 2; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 20px; border: 1px solid var(--default_color); background-color: #fff; border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .popup-cookie .inner-popup{ position: relative; width: 850px; max-width: 80%; z-index: 1201; } .popup-cookie .content{ max-height: 80vh; overflow-y: auto; position: relative; background: #fff; width: 100%; padding: 20px 15px 10px; box-sizing: border-box; border-top-left-radius: 6px; border-top-right-radius: 6px; } .popup-cookie .content .description{ padding: 0; margin: 0 } .popup-cookie .content p{ color:var(--default_color); font-weight: 300; line-height: 1rem } .popup-cookie .content>.description>p{ line-height: 1rem; font-size:0.75rem; font-weight: 300; } .popup-cookie .content h3{ color:var(--default_color); margin: 0 0 10px } .popup-cookie .content .list-cookies{ margin-top: 15px; list-style: none; padding-left: 0; } .popup-cookie .content .list-cookies>li{ padding: 10px 15px; background-color: var(--background_light_grey); margin-bottom: 3px; cursor: pointer; font-size:12px; font-weight: 300; } .popup-cookie .content .list-cookies>li>a{ color:var(--default_color); font-weight: 300; line-height: 1rem; } .popup-cookie .content .list-cookies>li>a>i{ display: inline-block; margin-right: 5px; } .popup-cookie .content .list-cookies>li>.status-cookie-item{ float: right; width: auto; display: flex; flex-wrap: wrap; justify-content: right; } .popup-cookie .content .list-cookies>li>.status-cookie-item p{ margin: 0; display: inline-block; padding-right: 5px; line-height: 22px; } .popup-cookie .content .list-cookies>li>.status-cookie-item .switch-option{ width: 40px; border: 1px solid #f2f2f2; border-radius: 20px; height: 21px; position: relative; background-color: #e3e1e9; transition: background-color 400ms; /*overflow: hidden;*/ } .popup-cookie .content .list-cookies>li>.status-cookie-item .switch-option.on{ background-color: #1bbc9b; } .popup-cookie .content .list-cookies>li>.status-cookie-item .switch-option>input{ visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; } .popup-cookie .content .list-cookies>li>.status-cookie-item .switch-option .switcher{ background-color: #fff; content: ""; left: -1px; top: -2px; position: absolute; transition: 400ms; width: 22px; height: 22px; border-radius: 50%; display: block; border: 1px solid #f2f2f2; } .popup-cookie .content .list-cookies>li>.status-cookie-item .switch-option.on .switcher{ left: 18px; } .popup-cookie .content .list-cookies>li>ul{ margin-top: 10px; display: none; list-style: none; padding-left: 0; } .popup-cookie .content .list-cookies > li > ul >li p{ font-weight: 300; } .popup-cookie .content .list-cookies>li>ul.visible{ display: block; } .popup-cookie .content .list-cookies>li>.status-cookie-item>ul>li p{ font-size: 12px; } .popup-cookie .content .table-list-cookie{ margin-top: 20px; box-sizing: border-box; } .popup-cookie .content .table-list-cookie>.inner-table{ border:1px solid black; } .popup-cookie .content .table-list-cookie>.inner-table>.row-list{ display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--input_border); } .popup-cookie .content .table-list-cookie>.inner-table>.row-list>div{ padding: 5px 15px; box-sizing: border-box; } .popup-cookie .content .table-list-cookie>.inner-table>.row-list.header>div{ background-color: black; } .popup-cookie .content .table-list-cookie>.inner-table>.row-list.header p{ font-weight: 500; color: #fff; margin: 0; font-size: 12px; } .popup-cookie .content .table-list-cookie>.inner-table>.row-list.header{ background-color: var(--sel_color); } .popup-cookie .content .table-list-cookie>.inner-table>.row-list.body{ background-color: #fff; } .popup-cookie .content .table-list-cookie>.inner-table>.row-list.body h5{ font-size: 16px; font-weight: 500; color:var(--sel_color); margin: 0; } .popup-cookie .content .table-list-cookie>.inner-table>.row-list.body p{ font-weight: 300; color: var(--default_color); margin: 0; font-size: 0.75rem; line-height: 1rem; } .popup-cookie .inner-popup .buttons-container{ background-color: #fff; padding: 10px 30px 20px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-sizing: border-box; } .popup-cookie .inner-popup .buttons-container>a{ margin-top: 0; font-weight: 500; background-color: #3c3c3c; color:#fff; border-radius: 5px; } @media(max-width: 480px){ .cookie-bar .buttons-container > a:not(.reject-all){ width: 55%; display: inline-block; margin-bottom: 10px; } .cookie-bar .buttons-container > a.reject-all{ margin-right: 0; } .cookie-bar p{ font-size: 13px; } .popup-cookie .inner-popup{ max-width: 100%; width: 100%; bottom: 0; border-radius: 0; } .popup-cookie .content h3{ font-size: 1.2rem; } } .main-descrizione p a, .main-descrizione a{ color: var(--brown) !important; } /*GESTIONE COOKIE - END*/ /* START MOBILE MOD */ .logo{ width: 150px; } .dd-cont{ position: relative; top: 0; } .dropd{ position: absolute; left: -18px; top:25px; background-color: white; z-index: 5; } .dropd a{ padding: 8px 16px; } .dropd a:hover{ background-color: #e5e5e5; } .n-products{ font-size: 12px !important; } .rotate{ transform: rotate(180deg); } /* ASIDE-MENU HEADER */ #offcanvas-hamburger i{ font-size: 25px; line-height: 25px; } .close-btn-offcanvas i{ font-size: 21px; } #accordion-aside a { color: var(--blue); display: block; font-size: 16px; font-weight: 300; padding: 2px 0; position: relative; } #accordion-aside a:focus .fa-chevron-right{ transform: rotate(180deg); transition: all .3s; } .fa-chevron-down.rotate{ transform: rotate(180deg); transition: all .3s; } #accordion-aside .fa-chevron-right,#accordion-aside .fa-chevron-down{ position: absolute; right: .5rem; font-size: 12px; } #accordion-aside .fa-chevron-left{ margin-right: 10px; font-size: 12px; } #accordion-aside .sotto-categorie .sottocategorie,collapseSideMain .categorie{ font-size: 16px !important } #accordion-aside .secondary-link{ border-top: 1px solid var(--cobalt); border-bottom: 1px solid var(--cobalt); } .popup-login input , .popup-login .g-recaptcha{ /*min-width: 200px !important;*/ } .close-filter{ position: absolute; top: 0; right: 0; } #collapseBrand{ width: 90%; } .filter-by-brand > ul, .filter-by-colors > ul, .filter-by-sizes > ul{ max-height: 350px; overflow-y: auto; overflow-x: hidden; } #slider-range .ui-slider-handle { border-radius: 50%; background: var(--default_color); top: -.36em; width: 1.1em; height: 1.1em; border: none; } #slider-range .ui-slider-range { background: var(--default_color); } #slider-range.ui-widget.ui-widget-content { border: none; width: calc(100% - 20px); margin-bottom: 25px; left: -5px; } #slider-range { background: var(--grey_bg); height: 4px; } .remove-filter{ position: absolute; right: 0; top: 30px; } .fs-small{ font-size: 14px !important; } .select2{ width: 100% !important; } .prodotto-swiper{ height: 90% !important } @media only screen and (max-width: 1399px){ } @media only screen and (max-width: 1199px){ } @media only screen and (max-width: 991px){ } @media only screen and (max-width: 767px){ .swiper-button-next-prd{ background-color: unset; } .reject-all{ font-size: 20px !important; background-color: unset; } .cookie-bar{ padding: 45px 20px; } .cookie-bar.active{ z-index: 400; } .swiper-button-prev-prd{ background-color: unset; } .fs-small{ font-size: 12px !important; } .header-searchbar{ max-width: 280px; margin-left: 2rem; } .input-group-text{ padding: 10px; } .search-mobile input::placeholder{ font-size: 13px; } .sidebar-fixed{ /*position: -webkit-sticky; position: sticky; top: 0; padding-top: 50px; z-index: 300; background-color: #fcfcfc;*/ } } @media only screen and (max-width: 575px){ h5.event-text { font-size: 0.95rem; } .logo{ width: 150px; } .popup-login .g-recaptcha { transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; } a,span,p,.fs-resize{ /*font-size: 14px !important;*/ } /* .margin-fixed{ margin-top: 300px; }*/ } /* END MOBILE MOD */ .custom-form input, textarea { background-color: transparent; border: 1px solid #b2b4b3; padding: 10px; resize: none; width: 100%; outline: none; border-radius: 5px; border: 1px solid #222; } #pageContacts ul, #pageContacts ul li{ list-style: none; padding: 0; } #pageContacts .text-muted li::before{ display: none; } #pageContacts ul li a{ display: inline-flex; } #pageContacts ul li a i{ position: relative; top: 2px; margin-right: 5px; } #contactsForm input[type=submit]{ background-color: var(--default_color); border:none; } #contactsForm input[type=submit]:hover{ color: #fff; } footer .thirds-logo{ flex-direction: row; flex-wrap: wrap; align-items: center; } footer .thirds-logo li{ flex: 0 0 45%; } footer .thirds-logo img{ width: 120px; } .container-laterale { display: flex; background-color: #ffffff; flex-direction: column; position: fixed; top: 0; right: -50%; height: 100%; width: 50%; border-left: 1px solid #222000; z-index: 300; transition: right 300ms; } .container-laterale.active { right: 0%; opacity: 1; visibility: visible; } .close-cart-header{ cursor: pointer; font-size: 20px; position: fixed; width: 100vw; height: 100%; left: -30px; text-align: right; display: none; z-index: 1!important; } #close-login-box{ cursor: pointer; font-size: 20px; position: absolute; width: 30px; height: 30px; right: 12px; top: 21px; z-index: 1 !important; } #close-local-box{ cursor: pointer; font-size: 20px; position: absolute; width: 30px; height: 30px; right: 12px; top: 21px; z-index: 1 !important; } .container-laterale.active .close-cart-header{ display: block; } .container-laterale *{ z-index: 2; } .modal-prd__image{ padding-top: 30%; background-position: center; background-repeat: no-repeat; background-size: contain; width: 30%; } .modal-prd__info{ width: 70%; display: flex; flex-direction: column; justify-content: center; padding: 2em; } .container-laterale .elimina-prodotto{ position: absolute; right: 10px; } .container-laterale .carrello-prodotti{ max-height: 100%; overflow-y: auto; } @media only screen and (max-width: 992px){ .container-laterale{ width: 85%; right: -85%; } .container-laterale .modal-prd__image, .container-laterale .modal-prd__info{ width: 100%; } .container-laterale .modal-prd__info{ padding: 0 } .container-laterale .modal-prd__image{ background-position: 0; } .container-laterale .carrello-prodotti > div{ flex-wrap: wrap; padding: 0!important; } .container-laterale .modal-prd__info a{ font-size: 1.0rem!important; } .container-laterale .modal-prd__info span{ font-size: .9rem!important; } #cart_header_number{ margin: 0; } .container-laterale .elimina-prodotto{ margin-left: auto; position: relative; margin-top:5px; } } .container-tokens-form{ text-align: center; padding: 20px 0; } .container-tokens-form form{ display: inline-block; background-color: var(--light_grey); padding: 20px; box-sizing: border-box; max-width: 100%; width: 450px; text-align: left; } .container-tokens-form form h3{ color: var(--default_color); font-size: 20px; margin: 0 0 15px; } .container-tokens-form form label{ letter-spacing: 2px; font-size: 16px; font-weight: 300; margin: 0; text-transform: none; max-width: 100%; width: 100%; } .container-tokens-form form label.last{ letter-spacing: 0; } .container-tokens-form form input[type=submit]{ background-color: var(--default_color); border: 0 none; cursor: pointer; font-family: Helvetica Neue,helvetica,arial,serif; font-size: 1em; font-weight: 300; height: 40px; width: 200px; color:white; border-radius: 2.5px; -moz-border-radius:2.5px; -webkit-border-radius: 2.5px; margin-top: 2em; } .container-tokens-form form .hidden-chars{ font-size: 22px; position: relative; top: 6px; } .box-reso{ background-color: var(--light_grey); } .order-recup-row-spacing:nth-of-type(2n+2) .box-reso{ background-color: #fff; } .box-reso input[type=number]{ max-width: 100px; } .box-reso select{ background-color: transparent; border: 1px solid #b2b4b3; padding: 10px; resize: none; width: 100%; outline: none; border-radius: 0; position: relative; z-index: 2; } .box-reso select + i{ position: absolute; right: 20px; bottom: 15px; } .order-recup-row-spacing .checkbox-product-return{ width: auto; } .box-photo-resi{ min-height: 100px; } .input-div { width: 100%; height: 400px; border-radius: 5px; text-align: center; background-color: #D9D9D9; position: relative; } .input-div .fa-regular.fa-image{ font-size: 40px; } .input-div .display-7 { font-size: 1.5rem; } .file{ width: 100%; height: 100%; position: absolute; opacity: 0; cursor: pointer; } output { width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 15px; position: relative; border-radius: 5px; } output .image { height: 60px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); overflow: hidden; position: relative; } output .image img { height: 100%; width: 100%; } output .image i { position: absolute; top: 4px; right: 4px; cursor: pointer; font-size: 25px; border-radius: 50%; background-color: var(--red); color: white; } output .image span:hover { opacity: 0.8; } output .span--hidden { visibility: hidden; } .disable{ opacity: .5; cursor: not-allowed; } .custom-form .default-button{ width: auto; } .custom-form img{ max-width: 90%; } .custom-form input[type=radio]{ width: auto; } .brand-navbar button{ color: var(--default_color); transition: background-color 400ms; background-color: #fcfcfc; border-radius: 10px; } .brand-navbar button:hover, .brand-navbar button.active{ background-color: #eaeae6; color: var(--default_color); font-weight: 500; } .collpase-button{ width: 100%; text-align: left; } .collpase-button > i{ position: relative; top: -2px; float: right; } .collpase-button[aria-expanded="true"] > i{ transform: scaleY(-1); top: 4px; } .float{ position:fixed; width:60px; height:60px; bottom:40px; left:40px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:2rem; box-shadow: 2px 2px 3px #999; z-index:100; display:flex; justify-content: center; align-items: center; } .my-float{ /*margin-top:16px;*/ font-size: 2rem; } /* LOADER */ .loader-wrapper { opacity: 0.9; position: fixed; z-index: 999999; background: #fff; width: 100%; height: 100%; top: 0; left: 0; } .loader-wrapper .theme-loader { height: 100px; width: 100px; position: relative; } .loader-wrapper .theme-loader .loader-p { border: 0 solid transparent; border-radius: 50%; width: 150px; height: 150px; position: absolute; top: calc(50vh - 75px); left: calc(50vw - 75px); } .loader-wrapper .theme-loader .loader-text { font-size: 13px; text-align: center; font-weight: 500; width: 300px; height: 100px; position: absolute; top: calc(50vh + 70px); left: calc(50vw - 150px); } .loader-wrapper .theme-loader .loader-p:before { content: ''; border: 1em solid #222; border-radius: 50%; width: inherit; height: inherit; position: absolute; top: 0; left: 0; -webkit-animation: loader 2s linear infinite; animation: loader 2s linear infinite; opacity: 0; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .loader-wrapper .theme-loader .loader-p:after { content: ''; border: 1em solid #222; border-radius: 50%; width: inherit; height: inherit; position: absolute; top: 0; left: 0; -webkit-animation: loader 2s linear infinite; animation: loader 2s linear infinite; opacity: 0; } @-webkit-keyframes loader { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes loader { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .fw-semibold{ font-weight: 500 !important; } .me-4{ margin-right: 1.4rem !important; } #fdt_carouselcarosello-2_widget_merchant{ padding:0px !important; } #CCFieldset{ width:100% !important; } .badge{ --bs-badge-padding-y: 0.65em !important; --bs-badge-padding-x: 0.85em !important; --bs-badge-font-weight: 400 !important; font-size: 13px !important; } /* CSS TRUSTED SHOP MOBILE */ #trustbadgeCustomMobileContainer{ position: fixed; bottom: 115px; right: 39px; z-index: 100; } /*POPUP NEWSLETTER*/ .popup-newsletter{ position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 100; background-color: rgba(255,255,255,0.7); opacity: 0; visibility: hidden; transition: all 400ms; } .popup-newsletter.open{ visibility: visible; opacity: 1; } .popup-newsletter-close{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 6; opacity: 0; visibility: hidden; } .popup-newsletter .content{ width: 800px; max-width: calc(100% - 30px); position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; flex-direction: row; z-index: 10; } .popup-newsletter .banner{ width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .popup-newsletter .content .close{ top: 10px; right: 30px; position: absolute; color: #222; font-size: 2rem; } .popup-newsletter .content .item{ position: relative; float: left; background-color: #ebebeb; padding: 0; box-sizing: border-box; width: 100%; border-radius: 5px; } .popup-newsletter .content .item .titolo{ margin: 0; font-size: 3rem; line-height: 3.1rem; text-align: center; color:#222; letter-spacing: 1px; padding: 0.5em 0; border-top: 5px dotted; } .popup-newsletter .content .item .sottotitolo{ margin: 0; font-size: 3.6rem; line-height: 3.1rem; text-align: center; color:#222; padding: 0.5em 0; border-bottom: 5px dotted; } .popup-newsletter .content .item .banner{ width: 100%; margin-top: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .popup-newsletter .content .banner-image{ background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 140%; } .logo-icon__newsletter{ position: absolute; top: 0; right: 0; width: 180px; z-index: -1; } .popup-newsletter .content .item form{ margin-top: 20px } .popup-newsletter .content .item form p{ margin:0; } .popup-newsletter .content .item form input[type=email]{ border-radius: 0; height: 45px; border: 1px solid #222; width: 65%; padding: 0 15px; border-radius:5px; } .popup-newsletter .content .item form input[type=submit]{ height: 44px; width: 33%; background-color: var(--dark); color:#fff; border: none; text-transform: uppercase; letter-spacing: 0.05em; position: relative; border-radius:5px; } .popup-newsletter .content .item form .checkbox-container{ margin-left: 0!important; margin-top: 10px } .popup-newsletter .content .item form .checkbox-container label{ display: inline-block; } .popup-newsletter .content .item form .checkbox-container.gdpr label{ font-size: 12px } .popup-newsletter .content .item form .checkbox-container.gdpr ins{ text-decoration: none; float: right; display: inline-block; width: calc(100% - 20px); margin-top: 10px; line-height: 14px } .popup-newsletter .content .item form .checkbox-container.gdpr span{ float: left; width: 12px; height: 12px; } .popup-newsletter .content .item form .checkbox-container.gdpr label a{ color: var(--sel_color) } .popup-newsletter .content .item form .checkbox-container span{ margin-top: 7px; display: inline-block; width: 12px; height: 12px; background-color: #fff; cursor: pointer; position: relative; top:3px; margin-right: 0px; border: 1px solid #000 } .popup-newsletter .content .item form .checkbox-container span.selected{ background-color: var(--sel_color); border-color: var(--sel_color) } .popup-newsletter .content .item form .checkbox-container span.error{ background-color: #e00; border-color: #e00 } .popup-newsletter .content .item form .checkbox-container span input{ opacity: 0; cursor: pointer } #recaptcha-popup-newsletter{ transform: scale(70%); margin-left: -55px; } @media screen and (max-width: 768px){ #recaptcha-popup-newsletter{ margin-left: -15%; } .popup-newsletter .content{ transform: none; left: 0; top: 0; } .popup-newsletter .content .item >div{ height: 100%; } .popup-newsletter{ display: flex; justify-content: center; align-items: center; } .popup-newsletter .content .item{ margin-left: 0; padding: 50px 20px!important; } .popup-newsletter .content .item form{ width: 100%; margin-top: 0; } } @media screen and (max-width: 500px){ .popup-newsletter .content .item form input[type="email"], .popup-newsletter .content .item form input[type="submit"]{ width: 100%; flex: 0 0 100%; } .popup-newsletter .content .item form input[type="submit"]{ margin-top: 10px; } } .altri-metodi i{ display: inline-block; margin-right: 7px; font-size: 22px; position: relative; top: 3px; } .container-other-payments{ width: 400px; max-width: 100%; padding:10px 15px } .container-other-payments > div{ padding-top: 0px; padding-bottom: 0px; } .container-other-payments img{ width: 100%; } .h-0{ height: 0!important; } #registrationForm.sp-form { max-width: 600px; } #registrationForm { padding: 20px 40px; background-color: #fafafa; max-width: 100%; border-radius: 5px; } #registrationForm .form-group.d-flex{ flex-wrap: wrap; justify-content: space-between; } #registrationForm .form-group label{ text-align: left; display: block; flex: 0 0 100%; } #registrationForm .form-group input[type="text"], #registrationForm .form-group input[type="tel"], #registrationForm .form-group input[type="email"]{ width: 100%; border: 1px solid #222; border-radius: 5px; outline: none; } #registrationForm .form-group input[name="citta"], #registrationForm .form-group input[name="indirizzo"] { flex: 0 0 calc(100% - 85px); } #registrationForm .form-group input[name="cap"], #registrationForm .form-group input[name="civico"] { flex: 0 0 80px; } #registrationForm .form-group select{ border-radius: 5px; border: 1px solid #222; } #registrationForm input[type="submit"]{ padding: 7px 10px; text-transform: uppercase; background-color: var(--default_color); color: #ffffff; border: none; margin-top: 30px; border-radius: 5px; } .scalapay-widget{ font-size: 12px !important; text-align: right; } .border-radius{ border-radius:5px !important; } .last-one-qt{ font-size: 12px; padding: 3px 6px; color: var(--red); border-radius: 10px; } .video-container { width: 100vw; height: 100vh; overflow: hidden; max-width: 100%; } .video-container video { width: 100%; height: 100%; object-fit: cover; } @media screen and (max-width: 768px){ .video-container{ height: 50vh; } } .invalid-grc-feedback { width: 100%; margin-top: .25rem; font-size: .875em; color: #dc3545; } div.text-gray-500 .font-medium .text-sm{ font-size: 10px !important; } .banner-promo-code-product-item{ background-color: var(--soft_grey); color: #222; border-radius: 10px; padding: 10px 20px; margin: 10px 0 20px; p{ margin: 0; strong,b{ font-weight: 900; } } }