/* Theme Name: FIIND Version: v1 Author: Melismelis Author URI: https://www.melismelis.it/ */ body {font-family: 'Poppins', sans-serif; color: #151515; font-weight: 300; line-height: 1.4;overflow-x: hidden;} h1, h2, h3, h4, h5, h6 {font-weight: 600;} :focus {outline: 0!important; box-shadow: none!important;} a, .transition {transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} a {color: #151515; text-decoration: none;} a:hover {text-decoration: none; color: #D81F24;} hr {background-color: rgb(255 255 255 / 100%); height: 2px !important; opacity: 1;} h1 {font-size: 3.5rem; font-weight: 600;} h2 {font-size: 2.25rem; font-weight: 600;} h3 {font-size: 1.75rem; font-weight: 500;} h4 {font-size: 1.5rem; font-weight: 500;} h5 {font-size: 1.1rem; font-weight: 500;} p:last-child {margin-bottom: 0;} b, strong {font-weight: 500;} .lh-0 {line-height: 0;} .lh-1 {line-height: 1;} .lh-2 {line-height: 1.2;} .lh-3 {line-height: 1.3;} .lh-4 {line-height: 1.4;} .lh-5 {line-height: 1.5;} .z-index-0 {z-index: 0} .z-index-1 {z-index: 1} .z-index-2 {z-index: 2} .z-index-3 {z-index: 3} .z-index-4 {z-index: 4} .z-index-5 {z-index: 5} .fw-medium {font-weight: 500;} .bg-grey1 {background: #292727;} .bg-grey2 {background: #393838;} .bg-grey3 {background: #F7F7F7;} .bg-grey4 {background: #EAEAEA;} .red {color: #D81F24;} .bg-red {background: #D81F24 !important;} .bg-white {background: #fff;} .bg-grey5{background-color: #888888;} .btn {min-width: 150px!important; font-size: 1rem; font-weight: 500!important; text-transform: uppercase!important; padding: 1rem 1.25rem 0.9rem!important; border-radius: 4px; line-height: 1;} .btn.red {background: #D81F24; border: 1px solid #D81F24; color: #ffffff;} .btn.red:hover {background: transparent; border: 1px solid #D81F24; color: #D81F24;} .btn.red-w {background: #D81F24; border: 1px solid #ffffff; color: #ffffff;} .btn.red-w:hover {background: #ffffff; border: 1px solid #D81F24; color: #D81F24;} .btn.red-w2 {background: #ffffff; border: 1px solid #D81F24; color: #D81F24;} .btn.red-w2:hover {background: #D81F24 !important; border: 1px solid #D81F24 !important; color: #F7F7F7 !important;} .btn.red-w3 {background: #D81F24; border: 1px solid #ffffff; color: #ffffff;} .btn.red-w3:hover {background: #ffffff !important; border: 1px solid #ffffff !important; color: #D81F24 !important;} .btn.red-g {background: #F7F7F7; border: 1px solid #D81F24; color: #D81F24;} .btn.red-g:hover {background: #D81F24 !important; border: 1px solid #D81F24 !important; color: #F7F7F7 !important;} .btn.red-g2 {background: #EAEAEA; border: 1px solid #D81F24; color: #D81F24;} .btn.red-g2:hover {background: #D81F24; border: 1px solid #D81F24; color: #EAEAEA;} .btn.white-r {background: transparent; border: 1px solid #ffffff; color: #ffffff;} .btn.white-r:hover {background: transparent; border: 1px solid #D81F24; color: #D81F24;} .btn.grey {background: #393838; border: 1px solid #393838; color: #ffffff;} .btn.grey:hover {background: transparent; border: 1px solid #393838; color: #393838;} #carousel .carousel-item {min-height: 400px; background-repeat: no-repeat; background-size: cover; background-position: center;} #carousel .carousel-caption { width: 100%; left: 50%; top: 40%; bottom: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .carousel-item h1.with_subline {position: relative;} .carousel-item h1.with_subline::after {content: ""; position: absolute; top: 110%; left: 0; width: 140px; height: 10px; background: #D81F24;} footer {font-size: 90%;} .page-template-tpl_standard_special footer {background: #F7F7F7;} footer img {max-width: 120px!important;} /* HEADER */ #wrap.logged-in {padding-top: 82px;} #wrap.logged-out {padding-top: 96px;} #wrap.logged-out header img {max-width: 150px;} nav.navbar {-webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.16); -ms-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.16); -o-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.16); box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.16); padding: .7rem 0;} nav.navbar .menu-fields {font-size: .95rem;} nav.navbar .menu-fields a.products-comparison {font-size: .9rem; background: #D81F24; border: 1px solid #D81F24; color: #ffffff; padding: 0.75rem 1rem !important;} nav.navbar .menu-fields a.products-comparison:hover {background: #ffffff; border: 1px solid #D81F24; color: #D81F24;} nav.navbar img {max-width: 140px;} nav.navbar ul.navbar-nav {padding-left: 2rem;} nav.navbar li.menu-item {border-right: 1px solid #151515;} nav.navbar li.menu-item:last-child {border-right: 0px solid #151515;} nav.navbar li.menu-item > a {text-transform: uppercase;} nav.navbar li.menu-item.current-menu-item > a {color: #D81F24;} nav.navbar ul.main-menu {position: relative; padding: 0 2rem;} nav.navbar ul.main-menu::before { content: ""; position: absolute; right: 0; top: 50%; height: 250%; width: 2px; background: #D81F24; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } nav.navbar ul.main-menu li.menu-item:first-child {padding-right: 0.75rem;} nav.navbar ul.main-menu li.menu-item:last-child {padding-left: 0.75rem;} header .bg-grey1 p {color: #ffffff; font-size: .8rem;} header .bg-grey1 a {color: #ffffff; font-size: .8rem;} header .bg-grey1 a:hover {color: #D81F24;} /* HOMEPAGE */ #carouselHomepage .carousel-item {min-height: 420px; background-repeat: no-repeat; background-size: cover; background-position: center;} #carouselHomepage .carousel-caption { width: 100%; left: 50%; top: 40%; bottom: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .bg-grey::before, .bg-grey::after {content: ""; position: absolute; height: 100%; width: 50%; top: 0; z-index: -1;} .bg-grey::before {background: #F7F7F7; left: 0;} .bg-grey::after {background: #393838; right: 0;} #carouselBanner .carousel-caption { width: 100%; left: 50%; top: 50%; bottom: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #carouselBanner .carousel-item {min-height: 400px; background-repeat: no-repeat; background-size: cover; background-position: center;} .filter-bg::before {content: ""; position: absolute; bottom: -50%; right: -45%; background: url("images/filter.png") no-repeat bottom center; width: 100%; height: 100%; background-size: 70%;} /* PRODUCTS */ .single-product h1 {font-size: 2.25rem; font-weight: 700;} .single-product h5 {font-size: 1rem; font-weight: 700;} .single-product .col-info:nth-child(1), .single-product .col-info:nth-child(3) {width: 35%} .single-product .col-info:nth-child(2), .single-product .col-info:nth-child(4) {width: 65%} .single-product .cta_download {margin-right: .5rem;} .single-product .cta_download:last-child {margin-right: 0;} .single-product .cta_download {width: 30%;} .single-product .cta_download.cta_favorite_button {width: 50px;} /* Tooltip base */ .favorite-tooltip { display: none; position: absolute; right: 0; top: -100%; background: #222; color: #fff; padding: 5px 12px; font-size: 14px; border-radius: 6px; white-space: nowrap; z-index: 10; pointer-events: none; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .favorite-btn-wrapper {position: relative; display: block;} /* Mostra il tooltip */ .favorite-btn-wrapper:hover .favorite-tooltip, .favorite-btn-wrapper:focus-within .favorite-tooltip {display: block; opacity: 1;} /* Popup conferma */ .favorite-popup-backdrop { display: none; position: fixed; z-index: 99998; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .favorite-popup-backdrop.active {display: block; opacity: 1;} .favorite-popup { position: fixed; left: 50%; top: 50%; background: #333; color: #fff; padding: 4rem 2rem; border-radius: 4px; z-index: 99999; opacity: 0; pointer-events: none; width: 100%; max-width: 450px; box-shadow: 0 8px 32px rgba(0,0,0,0.20); -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .favorite-popup .favorite-popup-content.add i {color: #20c997;} .favorite-popup .favorite-popup-content.remove i {color: #dc3545;} .favorite-popup .favorite-popup-content p {font-size: 1.75rem; font-weight: 500; margin-top: 2rem; color: #ffffff;} .favorite-popup.active {opacity: 1; pointer-events: auto;} .single-product .cta_download a {width: 100%; font-size: 1rem; padding: 0.75rem 0.5rem !important;} .single-product .cta_download .simplefavorite-button {width: 100%; font-size: 1rem; padding: 0.75rem 0.25rem !important; background: #ffffff; border: 1px solid #D81F24; color: #D81F24; opacity: 1; justify-content: center;} .single-product .cta_download .simplefavorite-button:hover {background: #D81F24 !important; border: 1px solid #D81F24 !important; color: #F7F7F7 !important;} .single-product .cta_download a:focus {background: #ffffff; border: 1px solid #D81F24; color: #D81F24;} .single-product .cta_download .simplefavorite-button:focus {background: #ffffff; border: 1px solid #D81F24; color: #D81F24;} .single-product .cta_download .simplefavorite-button.active {background: #D81F24 !important; border: 1px solid #D81F24 !important; color: #F7F7F7 !important;} .single-product .technical_border {position: relative;} .single-product .technical_border::before {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: calc(var(--bs-gutter-x)* .5); display: block; background: #ffffff;} .single-product .technical_border::after {content: ""; position: absolute; top: 0; right: 0; height: 100%; width: calc(var(--bs-gutter-x)* .5); display: block; background: #ffffff;} .single-product .technical_field {padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #e5e5e5; /*border-right: 1px solid #D81F24;*/} .single-product .technical_field:nth-last-child(1) {border-bottom: none;} .single-product .technical_field:nth-last-child(2) {border-bottom: none;} .single-product .technical_field:nth-last-child(3) {border-bottom: none;} .half-50 {max-width: 570px; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y);} .single-product hr{opacity: 1;background-color: #e5e5e5 ;border: 0; height: 1px !important;} /*.file_3d {position: absolute; right: calc((50%) + 15px); top: 15px; display: inline-block; z-index: 2;}*/ .file_3d {position: relative; display: block; top: 10px; z-index: 2;} .product-grid .preview-product p {font-size: 1.1rem;} .file_3d a {background: #393838; color: #ffffff; padding: .5rem 1rem; border: 1px solid #393838; border-radius: .5rem; display: inline-block;} .file_3d a:hover {background: #ffffff; color: #393838;} .simplefavorite-button {font-size: 1rem; font-weight: 500; text-transform: uppercase; padding: 1rem 1.25rem 0.9rem; border-radius: 4px; line-height: 1; background: transparent; border: 1px solid; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .bg-product::before {content: ""; position: absolute; top: 0%; left: -10%; background: url("images/bg-product-sx.png") no-repeat top left; width: 100%; height: 100%; background-size: 25%; z-index: 0;} .bg-product::after {content: ""; position: absolute; bottom: 0%; right: -5%; background: url("images/bg-product-dx.png") no-repeat bottom right; width: 100%; height: 100%; background-size: 25%; z-index: 0;} #swiper-related.swiper-container {overflow: inherit; padding-bottom: 0; position: relative;} #swiper-related .swiper-button-next, .swiper-button-prev {color: #ffffff;} #swiper-related .swiper-button-next.swiper-button-disabled, #swiper-related .swiper-button-prev.swiper-button-disabled, #swiper-related .swiper-button-next.swiper-button-disabled, #swiper-related .swiper-button-prev.swiper-button-disabled {opacity: 1;} #swiper-related .swiper-button-next.swiper-button-disabled::after, #swiper-related .swiper-button-prev.swiper-button-disabled::after, #swiper-related .swiper-button-next.swiper-button-disabled::after, #swiper-related .swiper-button-prev.swiper-button-disabled::after {opacity: .35;} #swiper-related .swiper-button-prev, #swiper-related.swiper-container-rtl .swiper-button-next {left: -60px; height: 100%; margin: 0; top: 0; width: 60px; background: #393838;} #swiper-related .swiper-button-next, #swiper-related.swiper-container-rtl .swiper-button-prev {right: -60px; height: 100%; margin: 0; top: 0; width: 60px; background: #393838;} #swiper-related .swiper-slide img {object-fit: cover; height: -webkit-fill-available; max-height: 200px; width: 100%;} #swiper-related .swiper-slide .clip-path {-webkit-clip-path: polygon(0 0,100% 0,100% 100%,100% 100%,0 85%); clip-path: polygon(0 0,100% 0,100% 100%,100% 100%,0 85%);} #swiper-related .swiper-slide .rounded-top {border-top-left-radius: .5rem!important; border-top-right-radius: .5rem!important;} #swiper-related .swiper-slide .rounded-bottom {border-bottom-right-radius: .5rem!important; border-bottom-left-radius: .5rem!important;} #swiper-related .swiper-slide .fa-arrow-right {/*position: absolute; bottom: 3.5rem; right: 1.5rem;*/} #swiper-related .swiper-slide p.w-80 {width: 80%} .single-product .modal-backdrop {background: transparent;} #salesModal .modal-content {border: 2px solid; padding: 0;} #salesModal .modal-content .modal-body {padding: 0;} #salesModal .modal-content .modal-body .table {margin: 0;} #salesModal .modal-content .modal-body .table thead > tr {border-top: none;} #salesModal .modal-content .modal-body .table thead > tr > th {width: 50%; border-right: none; border-left: none; padding: 1rem 1.5rem; font-size: 1.2rem;} #salesModal .modal-content .modal-body .table tbody > tr > td {width: 50%;} #salesModal .modal-content .modal-body .table tbody > tr:last-child {border-bottom: none;} #salesModal .modal-content .modal-body .table tbody > tr > td {padding: 1rem 1.5rem;} #salesModal .modal-content .modal-body .table tbody > tr > td:first-child {border-left: none;} #salesModal .modal-content .modal-body .table tbody > tr > td:last-child {border-right: none;} #salesModal .modal-content .modal-body .btn-close {position: absolute; top: 0.6em; right: 0.9em; background: none; width: auto; height: auto; padding: 0; margin: 0; opacity: 1; cursor: pointer;} #carbuilderModal .modal-content {border: 2px solid; padding: 0;} #carbuilderModal .modal-content .modal-body {padding: 0;} #carbuilderModal .modal-content .modal-body .table {margin: 0;} #carbuilderModal .modal-content .modal-body .table thead > tr {border-top: none;} #carbuilderModal .modal-content .modal-body .table thead > tr > th {width: 33.334%; border-right: none; border-left: none; padding: 1rem 1.5rem; font-size: 1.2rem;} #carbuilderModal .modal-content .modal-body .table tbody > tr > td {width: 33.334%;} #carbuilderModal .modal-content .modal-body .table tbody > tr:last-child {border-bottom: none;} #carbuilderModal .modal-content .modal-body .table tbody > tr > td {padding: 1rem 1.5rem;} #carbuilderModal .modal-content .modal-body .table tbody > tr > td:first-child {border-left: none;} #carbuilderModal .modal-content .modal-body .table tbody > tr > td:last-child {border-right: none;} #carbuilderModal .modal-content .modal-body .btn-close {position: absolute; top: 0.6em; right: 0.9em; background: none; width: auto; height: auto; padding: 0; margin: 0; opacity: 1; cursor: pointer;} #railwayModal .modal-content {border: 2px solid; padding: 0;} #railwayModal .modal-content .modal-body {padding: 0;} #railwayModal .modal-content .modal-body .table {margin: 0;} #railwayModal .modal-content .modal-body .table thead > tr {border-top: none;} #railwayModal .modal-content .modal-body .table thead > tr > th {width: 33.334%; border-right: none; border-left: none; padding: 1rem 1.5rem; font-size: 1.2rem;} #railwayModal .modal-content .modal-body .table tbody > tr > td {width: 33.334%;} #railwayModal .modal-content .modal-body .table tbody > tr:last-child {border-bottom: none;} #railwayModal .modal-content .modal-body .table tbody > tr > td {padding: 1rem 1.5rem;} #railwayModal .modal-content .modal-body .table tbody > tr > td:first-child {border-left: none;} #railwayModal .modal-content .modal-body .table tbody > tr > td:last-child {border-right: none;} #railwayModal .modal-content .modal-body .btn-close {position: absolute; top: 0.6em; right: 0.9em; background: none; width: auto; height: auto; padding: 0; margin: 0; opacity: 1; cursor: pointer;} /* CONTACTS */ .line-r {border-right: 1px solid rgb(171 170 172 / 50%);} .bg-contacts::before { content: ""; position: absolute; bottom: 0%; left: 85%; background: url("images/bg-contacts.png") no-repeat bottom center; width: 100%; height: 100%; background-size: 90%; z-index: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* PERSONAL AREA */ .preview-product .clip-path {/*-webkit-clip-path: polygon(0 0,100% 0,100% 100%,100% 100%,0 85%); clip-path: polygon(0 0,100% 0,100% 100%,100% 100%,0 85%);*/} .preview-product .clip-path > img {height: 230px; margin: 0 auto; display: block;object-fit: contain;} .preview-product > div {-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -ms-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -o-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);} .preview-product .swiper-slide .rounded-top {border-top-left-radius: .5rem!important; border-top-right-radius: .5rem!important;} .preview-product .swiper-slide .rounded-bottom {border-bottom-right-radius: .5rem!important; border-bottom-left-radius: .5rem!important;} .preview-product .fa-arrow-right {/*position: absolute; bottom: 3.5rem; right: 1.5rem;*/} .preview-product p.w-80 {width: 80%} .preview-product .simplefavorite-button {position: absolute; z-index: 2; top: -12px; right: -12px; opacity: 1 !important; font-family: "Font Awesome 5 Pro"; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; min-width: auto; font-size: 0; border: 0; padding: 0; width: 32px; height: 32px;} .preview-product .simplefavorite-button::before {content: "\f057"; font-size: 2rem; width: 32px; height: 32px; background: #ffffff; border-radius: 100%;} /* FEATURES */ .features-form .form-switch {min-height: auto;} .features-form .form-switch input[switch] {display: none; padding: 0;} .features-form .form-switch input[switch] + label { width: 90px; height: 50px; border: 1px solid #707070; background-color: transparent; cursor: pointer; display: inline-block; text-align: center; position: relative; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .features-form .form-switch input[switch]:checked + label {background-color: #393838; border-color: #393838;} .features-form .form-switch input[switch] + label:before { content: attr(data-off-label); font-size: 1rem; line-height: 1; font-weight: 400; position: absolute; right: 22px; top: 50%; color: #151515; min-width: 30px; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .features-form .form-switch input[switch]:checked + label:before {content: attr(data-on-label); right: auto; left: 22px; color: #fff;} .features-form .form-switch input[switch] + label:after { content: ""; position: absolute; height: 25px; width: 25px; left: 5px; top: 50%; background-color: #151515; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .features-form .form-switch input[switch]:checked + label:after {left: 58px; background-color: #F7F7F7;} .features-form .form-group {display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; padding: .7rem .5rem;} .features-form .form-group .counting {cursor: pointer; width: 25px; text-align: center; line-height: 1;} .features-form .form-group input[type=text] {width: 20px; text-align: center; padding: 0; margin: 0; border: 0; background: transparent;} .features-form .invalid-feedback {font-size: .8em; color: #D81F24; position: absolute; top: 100%; text-align: center; margin-top: 0;} .features-form hr {background-color: #707070;} .features-form i.fa-info-circle {color: rgb(96 93 93 / 100%); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; cursor: pointer;} .features-form .margin-top--1 {margin-top: -1px;} .bootstrap-select > .dropdown-toggle.bs-placeholder{color: #cfcfcf;} .btn:first-child:hover, :not(.btn-check) + .btn:hover, .btn:first-child:focus, :not(.btn-check) + .btn:focus{ background-color: transparent; border: 1px solid white; outline: none !important; } .filter-option-inner-inner{ text-transform: none; } .bootstrap-select > .dropdown-toggle.bs-placeholder:active{ background-color: transparent !important; border-color: transparent !important; } .features-form i.fa-info-circle:hover {color: #D81F24;} .page-template-tpl_products_features_other-php .features-form i.fa-info-circle {color: rgb(96 93 93 / 100%); position: inherit; top: inherit; right: inherit; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; cursor: pointer;transform: inherit} .page-template-tpl_features_other-php .features-form i.fa-info-circle {color: rgb(96 93 93 / 100%); position: absolute; top: 3%; right: 0%; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; cursor: pointer;} .page-template-tpl_features_other-php .features-form i.fa-info-circle:hover {color: #D81F24;} .modal.features-modal .modal-dialog {max-width: 1140px; padding-right: var(--bs-gutter-x,.75rem); padding-left: var(--bs-gutter-x,.75rem);} .modal.features-modal .modal-dialog.small-modal {max-width: 500px;} .modal.features-modal .modal-content {border: none; color: #ffffff;} .modal.features-modal .modal-content i.btn-close { background: transparent; padding: 0; margin: 0; width: auto; height: auto; border: none; border-radius: 100%; color: #fff; opacity: 1; cursor: pointer; font-size: 1.6em; line-height: 1; position: absolute; right: 15px; top: 15px; } .bg-grey3.border-grey {border: 1px solid #393838;} .bg-grey3.features {position: relative; overflow: hidden} .bg-grey3.features::before, .bg-grey3.features::after {content: ""; position: absolute; width: 100%; height: 100%; z-index: 0;} .bg-grey3.features::before {background: url("images/bg-search-dx.png") no-repeat top right; background-size: 35%; top: 0%; right: -17%;} .bg-grey3.features::after {background: url("images/bg-search-sx.png") no-repeat bottom left; background-size: 35%; bottom: 0%; left: -16%;} /* STANDARD O SPECIAL */ #standard-special .accordion-button {cursor: pointer; border-radius: 5px; border: 0; border-bottom: 1px solid rgb(255 255 255 / 41%);} #standard-special .accordion-button[aria-expanded="true"] {border-radius: 5px 5px 0px 0px;} #standard-special .accordion-button.bg-red {background: #D81F24!important;} #standard-special .accordion-button > i {color: #ffffff; position: absolute; right: 1.5rem; -webkit-transition: transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -ms-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; } #standard-special .accordion-button:not(.collapsed) > i {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} #standard-special .accordion-button::after {background-image: none!important;} #standard-special .accordion-collapse {background: #D81F24; border-radius: 0px 0px 5px 5px; border: 0;} #standard-special .accordion-collapse ul {padding-left: 20px; margin: 20px 0 0;} #standard-special .accordion-collapse ul > li {margin-bottom: 15px;} #standard-special .accordion-collapse ul > li:last-child {margin-bottom: 0;} #standard-special .accordion-collapse .table thead > tr > th, #standard-special .accordion-collapse .table tbody > tr > td {border: none;} #standard-special .accordion-collapse .table thead > tr {border-bottom: 1px solid rgb(255 255 255 / 28%);} #standard-special .accordion-collapse .table thead > tr > th {border-right: 2px solid rgb(255 255 255 / 28%); padding: 1rem 2rem;} #standard-special .accordion-collapse .table thead > tr > th:last-child {border-right: none;} #standard-special .accordion-collapse .table tbody > tr {border-bottom: 1px solid rgb(255 255 255 / 28%);} #standard-special .accordion-collapse .table tbody > tr:last-child {border-bottom: none;} #standard-special .accordion-collapse .table tbody > tr > td {border-right: 2px solid rgb(255 255 255 / 28%); padding: 1rem 2rem;} #standard-special .accordion-collapse .table tbody > tr > td:last-child {border-right: none;} /* COMPARE PRODUCTS */ .comparison-table .table > tbody > tr:last-child:hover > * {--bs-table-accent-bg: transparent; color: inherit;} .comparison-table .rounded {border-radius: .5rem!important;} .comparison-table .rounded-top {border-top-left-radius: .5rem!important; border-top-right-radius: .5rem!important;} .comparison-table .rounded-bottom {border-bottom-left-radius: .5rem!important; border-bottom-right-radius: .5rem!important;} .comparison-table .table>:not(caption)>*>* {padding: 0; border-bottom-width: 0; width: auto;} .comparison-table .table .comparison-head h5 {white-space: nowrap;} .comparison-table .table p.text-field {font-size: 0.9rem; font-weight: bold;} .comparison-table .table .comparison-content p {font-size: .9rem;} .comparison-table .table .first-col {width: 200px; min-width: 200px; background: #ffffff !important;} .comparison-table .table .space_between {width: 1%; line-height: 0;} .comparison-table .table tr > td.bg-grey3 {background: #F7F7F7; border-bottom: 1px solid rgb(112 112 112 / 18%);} .comparison-table .table tr > td.bg-grey3.rounded-bottom {border-bottom: none;} .comparison-table .table tr:nth-last-child(2) > td.bg-grey3 {border-bottom: none;} .comparison-table .table tr:last-child > td.bg-grey3 {border-bottom: none;} .comparison-table .table .comparison-content a.btn {font-size: .9rem; padding: 0.6rem 0.5rem !important; white-space: nowrap; text-transform: none !important;} #tab-compare { display: block; border-radius: .5rem 0 0 0.5rem; z-index: 1030; right: -450px; top: 50%; max-width: 450px; max-height: 600px; overflow: hidden; overflow-y: scroll; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0px 9px 13px 0px rgb(0 0 0 / 16%); -moz-box-shadow: 0px 9px 13px 0px rgb(0 0 0 / 16%); -ms-box-shadow: 0px 9px 13px 0px rgb(0 0 0 / 16%); -o-box-shadow: 0px 9px 13px 0px rgb(0 0 0 / 16%); box-shadow: 0px 9px 13px 0px rgb(0 0 0 / 16%); } #tab-compare > i.close-tab {position: absolute; top: 15px; right: 15px; font-size: 1.75rem; cursor: pointer; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} #tab-compare > i.close-tab:hover {color: initial;} #tab-compare .remove-compare {cursor: pointer;} #tab-compare .rounded {border-radius: .5rem;} #tab-compare .list-compare > div:nth-child(1) {max-width: 100px;} #tab-compare .list-compare > div:nth-child(2) {max-width: 250px;} .product-added {display: none;} /* ULTIMATE MEMBER */ .um.um-login {margin-bottom: 0!important;} .um.um-login .um-row {margin-bottom: 10px!important;} .um.um-login .um-row .um-field-password {margin-bottom: 10px!important;} .um.um-login .um-row .um-link-alt {text-align: right;} .um.um-login .um-col-alt {margin-top: 0; margin-bottom: 0;} .um.um-login .um-col-alt .um-field {margin-bottom: 20px;} .um.um-login .um-col-alt-b {display: none;} .um.um-register {margin-bottom: 0!important;} .um.um-password .um-form .um-field-block {color: #ffffff; font-size: 1rem;} .um .um-form .um-field {padding: 0; margin-bottom: 30px;} .um.um-register .um-form .um-field {margin-bottom: 0;} .um.um-register .um-form .um-field.um-field-password {margin-bottom: 30px;} .um.um-register .um-form .um-field.um-field-password:last-child {margin-bottom: 0;} .um.um-account .um-account-side > div.um-account-meta {display: none!important;} .um.um-account.uimob500 .um-account-meta {display: none!important;} .um.um-account .um-account-side li {background: #ffffff;} .um.um-account .um-account-main div.um-account-heading {color: #ffffff; margin-bottom: 30px !important; display: block;} .um .um-form .um-field-label {color: #ffffff;} .um .um-form .um-field-label label {font-weight: 300; font-size: 1rem !important;} .um .um-form .um-field-area input[type=text], .um .um-form .um-field-area input[type=search], .um .um-form .um-field-area input[type=tel], .um .um-form .um-field-area input[type=number], .um .um-form .um-field-area input[type=password] { background: transparent; color: #ffffff; font-weight: 600; border: 1px solid #ffffff!important; border-radius: 6px; padding: 0px 15px!important; height: 45px!important; font-size: 1rem !important; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .um .um-form .um-field-area input[type=text]:focus, .um .um-form .um-field-area input[type=search]:focus, .um .um-form .um-field-area input[type=tel]:focus, .um .um-form .um-field-area input[type=number]:focus, .um .um-form .um-field-area input[type=password]:focus {background: rgb(247 247 247 / 8%); color: #ffffff; border: 1px solid rgb(255 255 255 / 8%)!important;} .um .um-form .um-field-checkbox-option, .um .um-form .um-field-radio-option {color: #ffffff!important;} .um .um-form a.um-link-alt {color: #ffffff!important;} .um .um-form a.um-link-alt:hover {color: #D81F24!important;} .um .um-form input[type=submit].um-button, .um .um-form input[type=submit].um-button:focus, .um .um-form a.um-button, .um .um-form a.um-button.um-disabled:hover, .um .um-form a.um-button.um-disabled:focus, .um .um-form a.um-button.um-disabled:active {background: #D81F24; border: 1px solid #D81F24!important; min-width: 150px !important; font-size: 1rem; font-weight: 500!important; text-transform: uppercase!important;} .um input[type=submit].um-button:hover, .um a.um-button:hover {background-color: transparent!important; color: #D81F24;} .um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {color: #D81F24!important;} .um .um-form .um-field-divider {border-bottom: 2px solid rgb(255 255 255 / 12%)!important; height: auto; margin: 0;} .um .um-form .um-field-type_terms_conditions .um-gdpr-content, .um .um-form .um-field-type_terms_conditions .um-toggle-gdpr {display: none!important;} .um .um-form .select2.select2-container .select2-selection { background: transparent !important; color: #ffffff !important; font-weight: 600; border: 1px solid #ffffff!important; border-radius: 6px !important; padding: 0px 15px!important; height: 45px!important; font-size: 1rem !important; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .um .um-form .select2.select2-container .select2-selection:focus {background: rgb(247 247 247 / 8%)!important; color: #ffffff; border: 1px solid rgb(255 255 255 / 8%)!important;} .um .um-form .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 43px; font-weight: 400;} .um .um-form .select2.select2-container .select2-selection .select2-selection__arrow:before {line-height: 43px;} .um .um-form .um-field-error {margin: 10px 0 0 0; font-size: .8rem; line-height: 1 !important; padding: 10px 17px;} .um .um-form .select2-container .select2-dropdown .select2-search input.select2-search__field {color: #666 !important;} .um .um-form input::placeholder {color: rgb(255 255 255 / 32%) !important; font-weight: 400!important;} .um .um-form input:-ms-input-placeholder {color: rgb(255 255 255 / 32%) !important; font-weight: 400!important;} .um .um-form input::-ms-input-placeholder {color: rgb(255 255 255 / 32%) !important; font-weight: 400!important;} .um .um-form textarea::placeholder {color: rgb(255 255 255 / 32%) !important;} .um .um-form textarea:-ms-input-placeholder {color: rgb(255 255 255 / 32%) !important;} .um .um-form textarea::-ms-input-placeholder {color: rgb(255 255 255 / 32%) !important;} /* Icon in um-account */ .um .um-field-group-head, .picker__box, .picker__nav--prev:hover, .picker__nav--next:hover, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .upload, .um-modal-header, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {background: #D81F24!important;} /* GRAVITY FORM */ body .gform_wrapper .top_label div.ginput_container {margin-top: 0!important;} .gform_wrapper ul.gform_fields li.gfield {padding-right: 0!important;} .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {font-weight: 400; padding-bottom: 10px;} .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea {border: 1px solid #707070; border-radius: 8px; padding: 0.8rem 1.2rem 0.7rem!important; background: transparent; min-height: auto; line-height: 1;} input[type="text"]::placeholder {color: rgb(21 21 21 / 33%)!important; font-weight: 500;} input[type="text"]:-ms-input-placeholder {color: rgb(21 21 21 / 33%)!important; font-weight: 500;} input[type="text"]::-ms-input-placeholder {color: rgb(21 21 21 / 33%)!important; font-weight: 500;} textarea::placeholder {color: rgb(21 21 21 / 33%)!important; font-weight: 500;} textarea:-ms-input-placeholder {color: rgb(21 21 21 / 33%)!important; font-weight: 500;} textarea::-ms-input-placeholder {color: rgb(21 21 21 / 33%)!important; font-weight: 500;} .gform_wrapper .gform_footer {padding: 0!important; margin-top: 20px!important;} .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {background: transparent; color: rgb(216 31 36 / 90%); border: 2px solid #D81F24; border-radius: 8px; padding: 0.8rem 1.2rem 0.7rem; margin: 0!important; text-transform: uppercase; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {background: #D81F24; color: #ffffff;} .gform_wrapper div.validation_error {font-size: .9rem!important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {padding: .5rem 1.3rem .5rem!important; font-size: 0.7rem; line-height: 1;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {padding-top: 0!important; padding-bottom: 0!important;} body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width: 100%!important;} .gform_wrapper.gf_browser_chrome .gfield_error input[type=email], .gform_wrapper.gf_browser_chrome .gfield_error input[type=number], .gform_wrapper.gf_browser_chrome .gfield_error input[type=password], .gform_wrapper.gf_browser_chrome .gfield_error input[type=tel], .gform_wrapper.gf_browser_chrome .gfield_error input[type=text], .gform_wrapper.gf_browser_chrome .gfield_error input[type=url], .gform_wrapper.gf_browser_chrome .gfield_error select, .gform_wrapper.gf_browser_chrome .gfield_error textarea, .gform_wrapper.gf_browser_chrome li.gfield_error.field_sublabel_above .ginput_complex input[type=text] {margin-bottom: 0!important;} /* SWIPER */ .swiper-container {width: 100%; height: 100%; padding-bottom: 22px; position: relative; overflow: hidden;} .swiper-wrapper {align-items: center;} .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-pagination {bottom: 0!important;} .swiper-pagination-bullet {width: 14px; height: 14px; background: #fff; opacity: 1; border: 1px solid #393838;} .swiper-pagination-bullet-active {background: #393838;} /* SEARCH */ .bg-grey3.search {position: relative; overflow: hidden} .bg-grey3.search::before, .bg-grey3.search::after {content: ""; position: absolute; width: 100%; height: 100%; z-index: 0;} .bg-grey3.search::before {background: url("images/bg-search-dx.png") no-repeat top right; background-size: 35%; top: 0%; right: -17%;} .bg-grey3.search::after {background: url("images/bg-search-sx.png") no-repeat bottom left; background-size: 35%; bottom: 0%; left: -16%;} .search-form label {max-width: 300px;} .search-form label [type=search] { background: transparent; padding: 0.6rem 1rem; line-height: 1; font-size: .9rem; width: 100%; position: relative; -webkit-border: 2px solid; -moz-border: 2px solid; -ms-border: 2px solid; -o-border: 2px solid; border: 2px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .search-form label button { position: absolute; right: 0; top: 50%; border: 2px solid; border-left: none; border-radius: 0px 5px 5px 0px; font-size: .9rem; padding: 0 1rem; height: 100%; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .bg-grey3 .search-form [type=search]{border-color: #393838; color: #151515;} .bg-grey2 .search-form [type=search]{border-color: rgb(255 255 255 / 84%); color: #ffffff;} .bg-grey3 .search-form label button {background: transparent; border: none; color: rgb(21 21 21 / 57%);} .bg-grey2 .search-form label button {background: transparent; border: none; color: rgb(255 255 255 / 41%);} .search-form label button:hover {color: #D81F24;} /* Custom checkbox */ .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { font-size: 0.9rem; background-color: #fff; cursor: pointer; border: .5px solid #292727; border-radius: 5px; padding: 0.5rem 1rem; } .custom-checkbox:hover input ~ .checkmark { background-color: #eee; } .custom-checkbox input:checked ~ .checkmark { background-color: #D81F24; color: white; } .position-sticky-filtri{ position: sticky; overflow-y: scroll; top: 170px; padding-top: 10px; } .dropdown.bootstrap-select{ width: 100% !important; } .bootstrap-select > .dropdown-toggle{ padding: .7rem .5rem !important; } .bootstrap-select > .dropdown-toggle.disabled{ opacity: 1; background-color: #f8f9fa !important; } .dropdown-menu.show{ -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.5); } .rotate_arrow{ transform: rotate(180deg); } .fa-angle-down, .rotate_arrow{ transition: .3s; } .card_filter { background-color: white; /*padding: .8rem 1rem;*/ border: 1px solid #000000; border-radius: 4px; flex-wrap: wrap; cursor: pointer; } .card_filter .row_title_filter {padding: 0.8rem 1rem;} .card_filter .row_title_filter .title_filter, .card_filter .form-group .pt-2 { font-weight: 400; font-size: 0.85rem; } .card_filter .row_title_filter .title_filter.active{font-weight: 700!important;} .card_filter.open .row_title_filter .title_filter{font-weight: 500; transition: .3s;} .card_filter .row_title_filter:hover .title_filter{font-weight: 500; transition: .3s;} .card_filter .row_filter {padding: 0 1rem 1rem 1rem; cursor: default;} .card_filter .row_filter .delete_filter, .card_filter .row_filter .delete_filter_select {padding-top: 0.5rem;} .card_filter.close .fa-angle-down{transition: .3s;} .card_filter.open .fa-angle-down{transform: rotate(180deg); transition: .3s;} .card_filter .row_filter .form-slider {display: block;} .slider-container .inputs > div {width: 40%; border: .5px solid #292727; padding: 0.25rem 1rem; border-radius: 0.2rem;} .slider-container .inputs > div > span {width: 40px; display: inline-block; font-size: 0.9rem;} .slider-container .inputs > div input {width: calc(100% - 40px); text-align: center; border: 0; padding: 0; margin: 0; /*font-weight: bold;*/ font-size: .9rem;} .um.um-login.um-14.uimob500{ margin-bottom: 0 !important; } .noUi-horizontal{ height: 5px; } .noUi-target { background: #C4C4C4; border-radius: 4px; border: inherit; box-shadow: inherit; cursor: pointer; } .noUi-connect{ background-color: #292727; } .noUi-origin .noUi-tooltip{ display: none; } .noUi-handle::after, .noUi-handle::before{ display: none; } .noUi-horizontal .noUi-handle { width: 18px; height: 18px; right: -17px; top: -6px; border-radius: 50%; background: black; box-shadow: inherit; border: none; cursor: pointer; } .noUi-target.noUi-ltr.noUi-horizontal.noUi-txt-dir-ltr{ width: 90%; left: 5%; } input[type=number]{ -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .noUi-horizontal .noUi-handle{ right: -8px; top: -7px; } .filter_spii_pn .dropdown-menu, .filter_select_1_char .dropdown-menu{ min-height: inherit !important; } .active, .active:hover{ color: #D81F24; font-weight: 500; } .btn.dropdown-toggle.btn-light{ background-color: transparent; border: .5px solid #292727 } .filter-option-inner-inner{ font-weight: 200; color: #292727 !important; font-size: 0.75rem; } .form-control:focus{ border-color: inherit; } .btn-danger, .btn-success{ min-width: 50px !important; max-width: 50px !important; width: 50px !important; } .btn-danger:hover{ background-color: #dc3545 !important; } .btn-success:hover{ background-color: #198754 !important; } .um-register #um_field_13_disclaimer .um-field-area .um-field-checkbox.um-field-half, .um-register #um_field_13_privacy_policy .um-field-area .um-field-checkbox.um-field-half, .um-register #um_field_13_cookie_policy .um-field-area .um-field-checkbox.um-field-half {width: 100%; cursor: pointer;} .um-register .um-modal {display: none; position: fixed; inset: 0; top: 0; left: 0; right:0; bottom:0; background: rgba(0,0,0,0.6); z-index: 1050; align-items: center; justify-content: center;} .um-register .um-modal .um-modal-content { max-width: 800px; width: calc(100% - var(--bs-gutter-x, .75rem) - var(--bs-gutter-x, .75rem)); max-height: 550px; overflow: hidden; border-radius: 5px; display: flex; flex-direction: column; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .um-register .um-modal .um-modal-content hr {border: 0; margin: 1.5rem 0;} .um-register .um-modal .um-modal-content .um-modal-body {padding: 1em; overflow-y: auto; flex: 1; background-color: #888888;} .um-register .um-modal .um-modal-content .um-modal-close {margin: 0; align-self: flex-end; padding: 15px 20px; cursor: pointer; position: relative; background: #D81F24; border: 2px solid #D81F24; color: #ffffff !important; border-radius: 4px; min-width: 150px; font-size: 1rem; font-weight: 500; text-transform: uppercase; transition: .25s; height: auto; -webkit-appearance: none; line-height: 1;} .um-register .um-modal .um-modal-content .um-modal-close:hover {background-color: transparent; color: #D81F24 !important;} .um-register .um-modal .um-modal-content .um-modal-close[disabled] {opacity: 0.4; cursor: not-allowed; background: #D81F24; border-color: #D81F24; color: #ffffff !important;} .um-register .um-modal .um-modal-content .um-modal-body {overflow-y: scroll;} /* Chrome, Safari e Edge (WebKit) */ /* larghezza della scrollbar */ .um-register .um-modal .um-modal-content .um-modal-body::-webkit-scrollbar {width: 8px; background: #292727;} /* track: lo sfondo */ .um-register .um-modal .um-modal-content .um-modal-body::-webkit-scrollbar-track {background: transparent; border-radius: 4px;} /* thumb: il “pollice” che si muove */ .um-register .um-modal .um-modal-content .um-modal-body::-webkit-scrollbar-thumb {background-color: #D81F24; border-radius: 4px;; /* crea un padding interno */} /* thumb:hover */ .um-register .um-modal .um-modal-content .um-modal-body::-webkit-scrollbar-thumb:hover {background-color: #D81F24;} .select2-selection__rendered{color: white !important;} .um .um-form .select2.select2-container .select2-selection:focus{background: transparent !important;} /* wrapper icona */ .um-form .um-field .um-show-pass { position: absolute; right: 12px; top: 23px; transform: translateY(-50%); cursor: pointer; font-size: 14px; line-height: 1; user-select: none; } .um-form .um-field[type=password] { position: relative; } .um-form .um-field .um-field-area { position: relative; } /* spazio a destra per non coprire il testo */ .um-form input[type="password"], .um-form input[type="text"].um-revealed-pass { padding-right: 34px; } /* MEDIA QUERY */ @media (max-width: 539px) { .um.um-account .um-account-main div.um-account-heading {padding-top: 30px;} } @media (max-width: 575px) { h1 {font-size: 2rem;} h2 {font-size: 1.5rem;} h3 {font-size: 1.3rem;} h4 {font-size: 1.2rem;} #wrap.logged-in {padding-top: 110px;} #wrap.logged-out {padding-top: 83px;} #wrap.logged-out header img {max-width: 120px;} .navbar-expand .navbar-nav {flex-direction: column;} nav.navbar {padding: 0.5rem 0;} nav.navbar img {max-width: 120px;} nav.navbar li.menu-item {border-right: none; border-bottom: 1px solid #151515; padding: 0.25rem 0;} nav.navbar li.menu-item:last-child {border-bottom: 0px solid #151515;} nav.navbar li.menu-item > a {font-size: .9rem; padding: 0.5em 0.5em;} nav.navbar ul.main-menu {padding: 0 1rem;} nav.navbar ul.main-menu li.menu-item:first-child {padding-right: 0;} nav.navbar ul.main-menu li.menu-item:last-child {padding-left: 0;} #tab-compare .list-compare > div:nth-child(1) {max-width: 90px;} #tab-compare .list-compare > div:nth-child(2) h6 {font-size: 0.9rem;} .um.um-register .um-form .um-field {margin-bottom: 30px;} .um.um-register .um-form .um-col-121, .um.um-register .um-form .um-col-122 {float: none; width: 100%; margin: 0;} #carouselHomepage .carousel-item {min-height: 360px;} #carouselHomepage .carousel-item h1 {font-size: 1.8rem;} #carouselHomepage .carousel-caption {top: 50%;} .half-50 {max-width: 100%;} .modal.features-modal .modal-dialog {max-width: 100%} .modal.features-modal .modal-dialog.small-modal {max-width: 100%;} #standard-special .accordion-collapse .table thead > tr > th {padding: .5rem .8rem;} #standard-special .accordion-collapse .table tbody > tr > td {padding: .5rem .8rem;} .btn {font-size: .9rem; padding: .9rem 1rem .8rem!important; line-height: 1.4;} .simplefavorite-button {font-size: .9rem; padding: .9rem 1.25rem .8rem; line-height: 1.4; display: inline-flex; align-items: center;} /*.features-form i.fa-info-circle {top: 25%; right: -15%;}*/ .comparison-table .table .comparison-head h5 {font-size: .9rem;} .comparison-table .table .comparison-content p {font-size: .8rem;} .comparison-table .table .first-col {width: auto; min-width: 100px;} .comparison-table .table p.text-field {font-size: .8rem;} .comparison-table .comparison-content > .btn {font-size: .8rem; padding: 0.9rem 0.5rem 0.8rem!important;} .single-product .col-info:nth-child(1), .single-product .col-info:nth-child(3) {width: 100%;} .single-product .col-info:nth-child(2), .single-product .col-info:nth-child(4) {width: 100%;} .single-product .col-info .column_btn {column-count: 1;} .single-product .col-info .column_btn > div {width: 100%; margin-bottom: .5rem;} .single-product .col-info .column_btn > div:last-child {width: 50px; margin: 0 auto;} .single-product .col-info .column_btn > .cta_download .single-product .cta_download a {font-size: .8rem;} .single-product .cta_download .simplefavorite-button {font-size: .8rem;} /*.single-product .technical_field:nth-last-child(2) {border-bottom: 1px solid #D81F24;} .single-product .cta_download .simplefavorite-button {border-bottom: 1px solid #D81F24;}*/ .single-product .technical_field {padding-top: 0.5rem; padding-bottom: 0.5rem;} .single-product .technical_field:nth-last-child(2) {border-bottom: 1px solid #e5e5e5;} .single-product .technical_field:nth-last-child(3) {border-bottom: 1px solid #e5e5e5;} .single-product .technical_field > h5 {display: inline-block; margin-bottom: 0; font-size: .9rem; margin-right: .5rem;} .single-product .technical_field > p {display: inline-block; font-size: .9rem;} .favorite-tooltip {right: auto; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .favorite-popup {width: calc(100% - 1.5rem); padding: 3rem 2rem;} .favorite-popup .favorite-popup-content p {font-size: 1.5rem; margin-top: 1.5rem;} #swiper-related .swiper-slide img {max-height: 150px;} } @media (min-width: 576px) { .w-sm-50 {width: 50%;} .w-sm-33 {width: 33.3334%;} } @media (min-width: 576px) and (max-width: 767px) { h1 {font-size: 2.5rem;} h2 {font-size: 1.5rem;} h3 {font-size: 1.3rem;} h4 {font-size: 1.2rem;} #wrap.logged-in {padding-top: 106px;} nav.navbar img {max-width: 120px;} #carouselHomepage .carousel-item {min-height: 400px;} #carouselHomepage .carousel-item h1 {font-size: 2.3rem;} .half-50 {max-width: 540px;} #swiper-related .swiper-button-prev, #swiper-related.swiper-container-rtl .swiper-button-next {left: -102px; width: 100px;} #swiper-related .swiper-button-next, #swiper-related.swiper-container-rtl .swiper-button-prev {right: -102px; width: 100px;} .modal.features-modal .modal-dialog {max-width: 540px} #standard-special .accordion-collapse .table thead > tr > th {padding: .75rem 1rem;} #standard-special .accordion-collapse .table tbody > tr > td {padding: .75rem 1rem;} .btn {font-size: .9rem; padding: .9rem .8rem .8rem!important;} .simplefavorite-button {font-size: .9rem; padding: .9rem .8rem .8rem;} /*.features-form i.fa-info-circle {top: 20%; right: -15%;}*/ .comparison-table .table .comparison-head h5 {font-size: .9rem;} .comparison-table .table .comparison-content p {font-size: .8rem;} .comparison-table .table .first-col {width: auto; min-width: 120px;} .comparison-table .table p.text-field {font-size: .8rem;} .comparison-table .comparison-content > .btn {font-size: .8rem; padding: 0.9rem 0.5rem 0.8rem!important;} .single-product .col-info:nth-child(1), .single-product .col-info:nth-child(3) {width: 70%;} .single-product .col-info:nth-child(2), .single-product .col-info:nth-child(4) {width: 100%;} .single-product .cta_download a {font-size: .8rem;} .single-product .cta_download .simplefavorite-button {font-size: .8rem;} /*.single-product .technical_field:nth-last-child(2) {border-bottom: 1px solid #D81F24;} .single-product .technical_field:nth-last-child(3) {border-bottom: 1px solid #D81F24;}*/ } @media (max-width: 767px) { header .bg-grey1 p, header .bg-grey1 a {font-size: .75rem;} nav.navbar ul.main-menu {padding-right: 0;} nav.navbar ul.main-menu::before {content: none;} .parent_filtra_mobile{ z-index: 1000; /* Assicurati che sia sopra gli altri elementi */ background-color: #fff; /* Sfondo per evitare sovrapposizioni di contenuti */ padding: 10px; } .parent_filtra_mobile.filter_close { position: sticky !important; top: 125px; /* Fissa in alto quando raggiunge la parte superiore dello schermo */ } .parent_filtra_mobile.filter_active .filtra_mobile{ position: sticky; top: 125px; background-color: white; z-index: 1000; } } @media (min-width: 768px) { .w-md-20 {width: 20%!important;} .w-md-80 {width: 80%!important;} .col-filters {width: 400px;} .col-products {width: calc(100% - 400px);} } @media (min-width: 768px) and (max-width: 991px) { h1 {font-size: 2.8rem;} h2 {font-size: 1.8rem;} h3 {font-size: 1.4rem;} h4 {font-size: 1.3rem;} #wrap.logged-in {padding-top: 82px;} nav.navbar img {max-width: 140px;} nav.navbar li.menu-item > a {font-size: .9rem;} nav.navbar .menu-fields {font-size: .9rem;} /*nav.navbar .menu-fields a.products-comparison {padding: 0.7rem 0.55rem !important;}*/ nav.navbar ul.main-menu {padding: 0 1rem;} nav.navbar ul.navbar-nav {padding-left: 1rem;} nav.navbar ul.main-menu li.menu-item:first-child {padding-right: 0.5rem;} nav.navbar ul.main-menu li.menu-item:last-child {padding-left: 0.5rem;} #carouselHomepage .carousel-item {min-height: 450px;} .half-50 {max-width: 720px;} .modal.features-modal .modal-dialog {max-width: 720px} .features-form p {font-size: .9rem;} .features-form .form-group {padding: 1rem 0.45rem;} .single-product .col-info:nth-child(1), .single-product .col-info:nth-child(3) {width: 70%;} .single-product .col-info:nth-child(2), .single-product .col-info:nth-child(4) {width: 100%;} .single-product .cta_download a {font-size: 1rem;} .single-product .cta_download .simplefavorite-button {font-size: 1rem;} /*.single-product .technical_field:nth-last-child(2) {border-bottom: 1px solid #D81F24;} .single-product .technical_field:nth-last-child(3) {border-bottom: 1px solid #D81F24;}*/ /*.features-form i.fa-info-circle {right: -5%; font-size: 1.15em;}*/ .comparison-table .table .comparison-head h5 {font-size: 1rem;} .comparison-table .table .comparison-content p {font-size: .9rem;} .comparison-table .table .first-col {width: auto; min-width: 150px;} .comparison-table .table p.text-field {font-size: .9rem;} .comparison-table .comparison-content > .btn {font-size: .9rem; padding: 0.9rem 0.8rem 0.8rem!important;} #swiper-related .swiper-slide img {max-height: 175px;} } @media (max-width: 991px) { .bg-grey::before, .bg-grey::after {width: 100%; height: 50%; left: 0;} .bg-grey::before {top: 0%;} .bg-grey::after {top: 50%;} .w-50 {width: 100%!important;} .w-75 {width: 100%!important;} .line-r {border-right: none; border-bottom: 1px solid rgb(171 170 172 / 50%);} #swiper-related .swiper-slide .fa-arrow-right {bottom: 2.8rem;} .preview-product .fa-arrow-right {bottom: 2.8rem;} .file_3d {position: relative; top: 0; right: 0; display: block;} nav.navbar .menu-fields a.products-comparison {padding: 0.8rem 0.8rem 0.7rem!important; font-size: 1rem; min-width: auto!important;} .product-grid .preview-product p {font-size: 1rem;} } @media (min-width: 992px) { #swiper-products .swiper-slide img {max-height: 450px;} /*.single-product .same-height {min-height: 650px;}*/ .single-product .bg-cat.full {position: relative;} .single-product .bg-cat.full::before { content: ""; width: 100%; height: 250%; position: absolute; top: 50%; left: 0; z-index: -1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 992px) and (max-width: 1199px) { h1 {font-size: 3rem;} h2 {font-size: 2rem;} h3 {font-size: 1.5rem;} h4 {font-size: 1.4rem;} nav.navbar .menu-fields {font-size: .9rem;} nav.navbar .menu-fields a.products-comparison {padding: 0.7rem 0.55rem !important;} nav.navbar ul.main-menu {padding: 0 1.25rem;} nav.navbar ul.navbar-nav {padding-left: 1.25rem;} nav.navbar ul.main-menu li.menu-item:first-child {padding-right: 0.5rem;} nav.navbar ul.main-menu li.menu-item:last-child {padding-left: 0.5rem;} #carouselHomepage .carousel-item {min-height: 480px;} .half-50 {max-width: 480px;} .half-50 .btn {font-size: .85rem; padding: .9rem 1rem .8rem!important;} .half-50 .simplefavorite-button {font-size: .85rem; padding: .9rem 1rem .8rem;} .modal.features-modal .modal-dialog {max-width: 960px} .single-product h1 {font-size: 2rem;} .single-product h5 {font-size: 1rem;} .single-product .cta_download a {font-size: .9rem;} .single-product .cta_download .simplefavorite-button {font-size: .9rem;} .comparison-table .table .first-col {width: 180px;} #swiper-related .swiper-slide img {max-height: 160px;} .single-product .half-50 .btn-cat[data-bs-toggle="modal"] {min-width: 130px !important;} .product-grid .preview-product p {font-size: 1rem;} } @media (min-width: 1200px) { .container {max-width: 1140px;} .half-50 .btn {padding: 1rem .95rem 0.9rem!important} .half-50 .simplefavorite-button {font-size: 1rem; padding: 1rem .95rem 0.9rem;} } @media (min-width: 1200px) and (max-width: 1299px) { .single-product .cta_download a {font-size: .85rem;} .single-product .cta_download .simplefavorite-button {font-size: .85rem;} } @media (min-width: 1300px) and (max-width: 1399px) { .single-product .cta_download a {font-size: .95rem;} .single-product .cta_download .simplefavorite-button {font-size: .95rem;} } @media (min-width: 768px) and (max-width: 889px) { .product-grid .preview-product {width: 100%;} } @media (min-width: 890px) and (max-width: 1119px) { .product-grid .preview-product {width: 50%;} } @media (min-width: 1120px) and (max-width: 1399px) { .product-grid .preview-product {width: 33.33333333%;} } @media (min-width: 1400px) and (max-width: 1699px) { .product-grid .preview-product {width: 25%;} } @media (min-width: 1700px) and (max-width: 1999px) { .product-grid .preview-product {width: 20%;} } @media (min-width: 2000px) and (max-width: 2299px) { .product-grid .preview-product {width: 16.66666666%;} } @media (min-width: 2300px) { .product-grid .preview-product {width: 14.285714%;} } .single_space_envelope{ width: 30px; height: 30px; background-color: transparent; border: 2px solid #D81F24; border-radius: 2px; } .dropdown-menu .bs-searchbox input {font-size: 0.9rem;} .bootstrap-select .inner ul.dropdown-menu {max-height: 350px !important; font-size: 0.9rem;} .dropdown-menu.show{ width: 100% !important; } .dropdown-item:focus, .dropdown-item:hover /*.dropdown-item.active, .dropdown-item:active*/{ color: #D81F24 !important; background-color: white; } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-color)!important; background-color: transparent!important; font-weight: 500!important; } .bootstrap-select .dropdown-menu li.active > a.active {font-weight: 400!important;} .bootstrap-select .dropdown-menu li a.selected { color: #D81F24 !important; font-weight: 500!important; } .tooltip-filter{ left: calc(100% + 10px); z-index: 9; background: red; color: white; padding: 0.7rem 2rem; width: 300px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }